@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:16px;
	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;
}

.w960 {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
    position: relative;
}

.w640 {
    width: 100%;
    max-width: 640px;
    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: 1280px;
    margin: auto;
}
.header-rc {
}


/*--- Article ---*/
.w640 {
    position: relative;
}
.btn_buy, .btn_preorder {
    display: inline-block;
    position: absolute;
}
a.btn_buy, .btn_preorder {
    font-family: 'Noto Sans TC' ,sans-serif;
    font-size: 0.913em;
    font-weight: 500;
}
a.btn_buy span, .btn_preorder span {
    display: inline-block;
    padding: 10px 20px 11px 20px;
    position: absolute;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}
a.btn_buy i, a.btn_preorder i {
    color:#666;
    position: absolute;
    left: 0;
    top: 42px;
    font-size: 0.813em;
}
a.btn_buy, a.btn_preorder {
    color:#FFF;
}
a.btn_buy:hover, a.btn_preorder:hover {
    color:#FFF;
}
a.btn_buy span, a.btn_preorder span {
    background: #000;
    white-space:nowrap;
}
a.btn_buy:hover span, a.btn_preorder:hover span {
    background: #000;
}



/*--- HELLO KITTY ---*/
.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;
    }
}