@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
	list-style-type:none;
	}
a,img {
	outline: none;/* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */	
	}
input,textarea{outline:none} /*消除chrome黃色框*/
textarea{resize:none} /*不要縮放*/	
img, div {border:0px;}
a:link {
	color: #ff8400;
	text-decoration:none;
}
a:visited {
	text-decoration:none;
	color:#ff8400;
}
a:hover {
	text-decoration: none;
	color: #d23100;
}
a:active {
	text-decoration: none;
	color: #ff8400;
}
html{font-size:75%;}
body{
	font-size:1rem;
	word-wrap:break-word;
	font-family:Arial,"微軟正黑體", Helvetica, sans-serif;
	}
*{	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
.tas{
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}

/**/
/* loading */
#loo{
	position:absolute;
	width:50px;/*32*/
	height:50px;
	left:50%;
	top: 50%;
	margin-left:-25px;
	margin-top: -25px;
	background-color: #000;
	background-image: url(../images/loading.gif);
	border-radius:99px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow:hidden;
}
#bacc{
	width:100%;
	height:100%;
	position: fixed;
	z-index:20;
	background-color:rgba(0,0,0,1);/*.9*/
	}
/*版宣*/
#cy{
	position:relative;
	padding: 20px 0 18px 0;
	font-size: 0.916rem;/*0.916*/
	line-height: 1.3rem;
	color: #d2d2d2;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-image: url(../images/cs1.jpg);
	background-color:#000;
	margin:0 auto;
	z-index:2;
	}
#cy > div{
	width:990px;
	margin:0 auto;
	}
#cy div span,#cy div img{
	display:inline-block;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
#cy div span{text-align:left;}
.tg{height:44px;overflow:hidden;padding:10px 0 0;}
.tg2{line-height:1.5rem;color:#898484;padding:0 0 0 5px;}
.cyou{}
.gf{}
.grading{float:right;}
/**/
.cop{
	position:absolute;
	width:40px;
	height:40px;
	display:none;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-image: url(../images/cop.png);
	background-size:100% auto;
	overflow:hidden;
	top:0;
	right:220px;/*195*/
	z-index:2;
	}
.cop1,.cop2{
	position:relative;
	width:100%;
	padding-bottom:100%;
	cursor:pointer;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-size:100% auto;
	}
.cop1{background-image: url(../images/cop1.png);}
.cop2{background-image: url(../images/cop2.png);display:none;}
.logo2{
	position:relative;
	width:100%;
	padding-bottom:65%;/*58*/
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../images/logo.png);
	background-size:auto 100%;
	display:none;
	cursor:pointer;
	margin:0 auto;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.tbutbox{
	position: absolute;
	height: 30px;
	top: 10px;
	right: 0;
	text-align: right;
	z-index: 7;
	padding-right: 15px;
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: 50% 0%;
	background-size: 100% auto;
	}
.tbutbox > a,.tbutbox2 a{
	position:relative;	
	cursor:pointer;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-size:100% auto;	
	}
.bt_1 span,.bt_2 span{
	position:absolute;
	width:100%;
	height:100%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: 100% auto;
	top:0;
	left:0;
    animation: brilla .6s alternate infinite;
    -webkit-animation: brilla .6s alternate infinite;
	}
.bt_1 span{
	background-image: url(../images/bt_1a.png);
	}
.bt_2 span{background-image: url(../images/bt_2a.png);
	}
.bt_1:hover,.bt_2:hover{background-position:50% 100%;}
.bt_1,.bt_2{width:90px;height:30px;margin:0 2px;top:-4.5px;display:inline-block;}
.bt_g8{
	position:fixed;
	width:100%;
	height:40px;
	bottom:0;
	right:0;
	display:none;/**/
	z-index: 3;
	background-color:#000;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-image: url(../images/cs1.jpg);
	background-size:150% 1px;
	padding-top:2.5px;
	}
.bt_g8 a{
	position:relative;
	width:100%;
	height:35px;
	display:block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../images/bt_1c.png);
	background-size:auto 100%;
	}
.bt_g8 span{
	position:relative;
	width:100%;
	height:35px;
	display:block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../images/bt_1c2.png);
    animation: brilla .6s alternate infinite;
    -webkit-animation: brilla .6s alternate infinite;
	background-size:auto 100%;
	}
.bt_1{background-image: url(../images/bt_1.png);}
.bt_2{background-image: url(../images/bt_2.png);}
.shr1,.shr2,.shr3,.shr4{width:40px;height:40px;margin:0 1px;display:inline-block;background-position:50% 50%;}
.shr1{background-image: url(../images/bh.png);}
.shr2{background-image: url(../images/gd.png);}
.shr3{background-image: url(../images/fb1.png);}
.shr4{background-image: url(../images/fb2.png);}
/**/			
@media only screen and (max-width:1400px){
/**/
}
@media only screen and (max-width:1000px){	
/*版宣*/
#cy > div{width:99%;}
	
}
@media only screen and (max-width:800px){
/**/
#cy > div{ padding-bottom:30px;}
/**/
.cop{display:block;}
.logo2{display:block;}
.tbutbox{
	position:fixed;
	width:220px;/*195*/
	height:100%;
	top:0;
	right:-220px;/*-195*/
	text-align:center;
	background-color:#262b3a;
	padding:10px 5px 0 5px;
	background-image: url(../images/mubg1.jpg);
	}
.bt_1,.bt_2{
	margin:0 0 8px;
	top:0;
	}
.shr1,.shr2,.shr3,.shr4{margin:1px 1px;}
.bt_g8{
	display:block;
	}
}
@media only screen and (max-width:750px){
/*版宣*/
#cy{padding:20px 10px 18px 10px;text-align:center;}
#cy div span{text-align:center;padding:10px 0 0 0;height:auto; display:block;}
.cyou,.gf,.grading{height:40px;}
.grading{float:none;}
}
@media only screen and (max-width:630px){
/**/


}
@media only screen and (max-width:580px){
	
}
@media only screen and (max-width:560px){
/*版宣*/
#cy div span{text-align:left;padding:10px 5px 0 5px;}
}
@media only screen and (max-width:450px){
/*版宣*/
.grading{ margin-left:5px; margin-right:17px;}
}
@media only screen and (max-width:380px){
/**/
}
@media only screen and (max-width:360px){
/*版宣*/
.cyou,.gf,.grading{height:35px;}
#cy{padding:18px 1px 18px 1px;}
}
@media only screen and (max-width:320px){
/**/

}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fir{
	animation:fadeInRight .6s ease;
	animation-fill-mode:forwards;
	-webkit-animation:fadeInRight .6s ease;
	-webkit-animation-fill-mode:forwards;
}

@keyframes brilla {
    0% {
        opacity: 0.1;
    }

    100% {
        opacity: .9;
    }
}