@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/*--- Naka UI ---*/
.clear {clear:both;}
.left {float:left;}
.right {float:right;}

/*--- Page Set ---*/
html {
	height:100%;
	margin:0px;
	padding:0px;
	background:#000;
}
body {
	height:100%;
	margin:0px;
	padding:0px;
	/*font-family: ‘Noto Sans TC’, sans-serif; 100、300、400、500、700、900*/
    font-family: 'Noto Sans TC' ,sans-serif;
	font-size:15px;
	color:#999;
	overflow:visible;
}
a {
	color:#999;
	text-decoration:none;
}
a:hover {
	color:#FFF;
}
::selection {
	background:#666;
	color:#FFF;
}

/*--- wrapper ---*/
.wrapper {}

.w2560 {
	width: 100%;
	max-width: 2560px;
	margin: 0 auto;
    position: relative;
}

.w1280 {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
    position: relative;
}

.w960 {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
    position: relative;
}

.w640 {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    position: relative;
}

.w560 {
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
    position: relative;
}

.resize {
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
}

/*--- button ---*/

#gotop {
	display: none;
	position: fixed;
	right: 0px;
	bottom: -1px;
	padding: 0px;
	cursor: pointer;
}


/*--- header ---*/
.header-sr .pc {
    max-width: 2560px;
    margin: auto;
}


/*--- Article ---*/
.w960 {
    position: relative;
}


/*--- Link ---*/
.itemlink {
    display:block;
    width:100%;
    height:100%;
}


/*--- RWD Set ---*/
.pc {display: block;}
.mobi {display: none;}
@media screen and (max-width: 641px) {
    .pc {display: none;}
    .mobi {display: block;}
}

@media screen and (max-width: 1000px) {
    .sr-fnbar {
        width: 100%;
        position: absolute;
    }
}
@media screen and (max-width: 900px) {
    #floatInfo {
		display: none !important;
	}
}

@media screen and (max-width: 415px) {
    .wrapper {
        zoom: 0.646;
    }
}
@media screen and (max-width: 413px) {
    .wrapper {
        zoom: 0.644;
    }
}
@media screen and (max-width: 376px) {
    .wrapper {
        zoom: 0.585;
    }
}
@media screen and (max-width: 361px) {
    .wrapper {
        zoom: 0.563;
    }
}
@media screen and (max-width: 321px) {
    .wrapper {
        zoom: 0.5;
    }
}
