@font-face {
	font-family: SHanSanR;
	src: url("//staticcdn.bandaihobbysite.cn/fonts/SourceHanSansCN-Regular.otf");
}
@font-face {
	font-family: SHanSanB;
	src: url("//staticcdn.bandaihobbysite.cn/fonts/SourceHanSansCN-Bold.otf");
}
@font-face {
	font-family: SHanSanM;
	src: url("//staticcdn.bandaihobbysite.cn/fonts/SourceHanSansCN-Medium.otf");
}
@font-face {
	font-family: AlimamaShuHeiTi-Bold;
	src: url("//staticcdn.bandaihobbysite.cn/fonts/AlimamaShuHeiTi-Bold.ttf");
}
*{box-sizing:border-box;}
body{font-family: 'SHanSanB';font-size:0;color:#111;line-height:1.8;height:100%;background-color:#323232;position: relative}
img{max-width:100%}
a{text-decoration:none;color:#fff;-webkit-transition:.2s ease;transition:.2s ease;}
a:hover{color:#fa0;}
a img{-webkit-transition:opacity .2s ease;transition:opacity .2s ease;}
a img:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;}
strong{font-weight:bold}
em{font-style:italic}

.pcview{}
.spview{display:none;}
.hidden{visibility:hidden;}
.clearfix{*zoom:1;}
.clearfix:after{content:"";display:block;clear:both;}
.margin_t05{margin-top:5px;}
.margin_t10{margin-top:10px;}
.margin_t20{margin-top:20px;}
.margin_t30{margin-top:30px;}
.margin_t50{margin-top:50px;}
.margin_t100{margin-top:100px;}
.margin_l18{margin-left:18px;}
.margin_b05{margin-bottom:5px;}
.margin_b10{margin-bottom:10px;}
.margin_b20{margin-bottom:20px;}
.margin_b30{margin-bottom:30px;}
.margin_b50{margin-bottom:50px;}
.margin_b80{margin-bottom:80px;}
.padding_l18{padding-left:18px;}
.padding_05{padding:5px;}
.padding_10{padding:10px;}
.padding_20{padding:20px;}
.padding_30{padding:30px;}
.padding_50{padding:50px;}
.padding_100{padding:100px 0;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.top{vertical-align:top;}
.crimson{color:#DD0000;}
.blue{color:#0066dd;}
.yellow{color:#FFFF00;}
.orange{color:#FF7700;}
.viridian{color:#00896B;}
.white{color:#FFFFFF;}
.minimum{font-size:9px;}
.small{font-size:12px;}
.regular{font-size:14px;}
.middle{font-size:18px;}
.large{font-size:24px;}
.big{font-size:36px;}
.huge{font-size:60px;}
.shadow{text-shadow: 0 0 5px #000}
.hidden{visibility: hidden;}
@media screen and (max-width:767px) {
	.pcview{display:none;}
	.spview{display:block;}
	.minimum{font-size:1vw;}
	.small{font-size:2vw;}
	.regular{font-size:3vw;}
	.middle{font-size:4vw;}
	.large{font-size:4.5vw;}
	.big{font-size:6vw;}
	.huge{font-size:7vw;}
	.margin_t30{margin-top:4vw;}
	.margin_t50{margin-top:8vw;}
	.margin_t100{margin-top:16vw;}
	.padding_20{padding:3vw;}
	.padding_30{padding:4vw;}
	.padding_50{padding:8vw;}
}

#header{background-color:#fff;border-bottom:1px solid #ccc;}
#header .upper{*zoom:1;margin:0 auto;width:90%;max-width:1200px;}
#header .upper:after{content:"";display:block;clear:both;}
#header .upper .logo{padding:15px 0;}
#header .upper .logo img{width:360px}
#header .upper .banner{*zoom:1;float:right;padding:8px 0 9px;}
#header .upper .banner:after{content:"";display:block;clear:both;}
#header .upper .banner div{float:left;margin-left:8px;}
@media screen and (max-width:768px) {
	#header .upper .logo{padding:10px 0;text-align:center;}
	#header .upper .logo img{width:70%;}
}

#main{}
.content{width:100%;max-width:1200px;margin:auto;padding: 0 15px;}

#btnPagetop{display:none;position:fixed;bottom:1vw;right:1vw;outline:none;width:5%;}
@media screen and (max-width:768px) {
	#btnPagetop{width:15%;}
}

/*footer*/
footer{background-color:#323232;color:#fff;overflow:hidden;}
footer .note{display:flex;width:95%;margin:0 auto;align-items:flex-start;padding:15px 0;justify-content:center;font-family:SHanSanB;}
footer .note a{width:81px;margin-right:10px;flex:none;}
footer .note span{font-size:14px;}
footer .note a:last-child{display:none;width:220px;}
footer .footer_beian{font-size:12px;color:#fff;text-align:center;margin-bottom:10px;font-family:SHanSanB;}
footer .footer_beian a{color:#fff;display:inline-block;}
footer img{width:auto;}
footer img.pc{height:56px;}
footer img.mb{display:none;}
.footer__copyright{font-size:14px;padding:50px 0 20px;text-align:center;}

@media (max-width: 760px){
	.footer__copyright{font-size:12px;}
	footer .note a{width:47px;}
	footer .note a img{width:47px;height:47px;}
	footer .note span{font-size:12px;}
	footer img.pc{display:none;}
	footer img.mb{display:block;margin:auto;height:40px;}
}

@media (min-width: 760px) {
	footer .note span{font-size:12px;}
	footer .note a{width:60px;}
	footer .note a img{width:60px;height:60px;}
}

@media (min-width: 980px) {
	footer .note span{margin-right: 10px;}
	footer .note a:last-child{display: block;}
}