@charset "utf-8";
/*  */
.isinbox{font-weight: bold;font-size: 1.5em;color: #FFAE00;}
.notexbx{color: #FFFFFF;}
.f800{display:none;width: 90%;margin: 0 auto;position: relative;}
.f800 img{width: 100%;}
.mcft99{display:none;width: 98%;margin: 0 auto;}
.mcft99 img{width: 100%;}
.mcft98{display: none;width: 98%;margin: 0 auto;}
.mcft98 img{width: 100%;}
.mcft{display: none;width: 95.4%;margin: 0 auto;}
.mcft img{width: 100%;}
/*....*/
.cbtc{width: 50%;	margin:0 auto;cursor: pointer;}
.cbtc:hover{
filter:brightness(1.5);
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.cbtc img{width: 100%;}
#audio_btn{width: 2.5%; position: absolute;right: 1%;z-index: 9;top:5%;cursor: pointer;}
#audio_btn img{width: 100%;}
.actx{color: #fff;margin: 0.5em auto; width: 55%;font-family:Arial,"微軟正黑體", Helvetica, sans-serif; font-size: 1.5em;}
.ac1bt{width: 50%;position: absolute;margin-top: 0%;left: 50%;margin-left: -25%; text-align: center;}
.ac1bt:hover{filter:brightness(1.2);transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;cursor: pointer;}
.ac1bt img{width: 100%;}
.event{width: 100%;margin-top: 5%;}
.mintl{width: 35%;margin: 1em auto;}
.mintl img{width: 100%;}
.pos{width: 70%;margin: 0 auto;position:relative;}
.posbox{width: 40%; position: absolute;right: 15%;z-index: 1;}

.postm{
	width: 15%;
	position: absolute;z-index: 1;
	animation:bounceInDown 1s ease;
    animation-fill-mode:forwards;
    -webkit-animation:bounceInDown 1s ease;
    -webkit-animation-fill-mode:forwards;
}
.postm img{width: 100%;}
.post{ 
	z-index: 1;
	animation:bounceInRight 1s ease;
    animation-fill-mode:forwards;
    -webkit-animation:bounceInRight 1s ease;
    -webkit-animation-fill-mode:forwards;
	font-size: 5em;position: absolute;font-weight: bold;color: #FFF7C1;right: 25%;margin-top: 12%;border-bottom:  0.3rem solid #FFF7C1;}
.postt{
	z-index: 1;
	animation:bounceInRight 2s ease;
    animation-fill-mode:forwards;
    -webkit-animation:bounceInRight 2s ease;
    -webkit-animation-fill-mode:forwards;
	width: 30%; font-size: 2em;position: absolute;color: #FFF7C1;right: 24%;margin-top: 20%;}

.posb1{width: 24%;cursor: pointer; float: left;background: url(../images/poba1.png)no-repeat;background-size: 100% auto;}
.posb2{width: 24%;cursor: pointer;float: left;background: url(../images/poba2.png)no-repeat;background-size: 100% auto;margin: 0 0.5em;}
.posb3{width: 24%;cursor: pointer;float: left;background: url(../images/poba3.png)no-repeat;background-size: 100% auto;}
.posb4{width: 15%;cursor: pointer;float: left;background: url(../images/poc.png)no-repeat;background-size: 100% auto;margin: 5% 0 0 10px;}
.posb11{width: 24%;cursor: pointer;float: left;background: url(../images/pobc1.png)no-repeat;background-size: 100% auto;}
.posb22{width: 24%;cursor: pointer;float: left;background: url(../images/pobc2.png)no-repeat;background-size: 100% auto;margin: 0 0.5em;}
.posb33{width: 24%;cursor: pointer;float: left;background: url(../images/pobc3.png)no-repeat;background-size: 100% auto;}
.posb111{width: 24%;cursor: pointer;float: left;background: url(../images/pobd1.png)no-repeat;background-size: 100% auto;}
.posb222{width: 24%;cursor: pointer;float: left;background: url(../images/pobd2.png)no-repeat;background-size: 100% auto;margin: 0 0.5em;}
.posb333{width: 24%;cursor: pointer;float: left;background: url(../images/pobd3.png)no-repeat;background-size: 100% auto;}
.posb1111{width: 24%;cursor: pointer;float: left;background: url(../images/pobb1.png)no-repeat;background-size: 100% auto;}
.posb2222{width: 24%;cursor: pointer;float: left;background: url(../images/pobb2.png)no-repeat;background-size: 100% auto;margin: 0 0.5em;}
.posb3333{width: 24%;cursor: pointer;float: left;background: url(../images/pobb3.png)no-repeat;background-size: 100% auto;}
.posb1 img{width: 100%;}
.posb2 img{width: 100%;}
.posb3 img{width: 100%;}
.posb4 img{width: 100%;}
.posb11 img{width: 100%;}
.posb22 img{width: 100%;}
.posb33 img{width: 100%;}

.posb111 img{width: 100%;}
.posb222 img{width: 100%;}
.posb333 img{width: 100%;}
.posb1111 img{width: 100%;}
.posb2222 img{width: 100%;}
.posb3333 img{width: 100%;}

.posb4:hover {
	cursor: pointer;
  transform: rotate(180deg);
  transition: all .5s;
}

.pos1{display: none;}
.pos2{display: none;}
.pos3{display: none;}
.pos4{display: none;}
.posp1{
	width: 60%;
	  position: absolute;left: 12%;
    animation:bounceInLeft 1s ease;
    animation-fill-mode:forwards;
    -webkit-animation:bounceInLeft 1s ease;
    -webkit-animation-fill-mode:forwards;
    
}
.posp1 img{width: 100%;}
.posp6{
	width: 45%;
	  position: absolute;left: 8%;
    animation:bounceInLeft 1s ease;
    animation-fill-mode:forwards;
    -webkit-animation:bounceInLeft 1s ease;
    -webkit-animation-fill-mode:forwards;
    
}
.posp6 img{width: 100%;}
.posp4{
	width: 45%;
	  position: absolute;left: 12%;
    animation:bounceInLeft 1s ease;
    animation-fill-mode:forwards;
    -webkit-animation:bounceInLeft 1s ease;
    -webkit-animation-fill-mode:forwards;
    
}
.posp4 img{width: 100%;}
.posp11{
	width: 60%;
	  position: absolute;left: -10%;
    animation:bounceInLeft 1s ease;
    animation-fill-mode:forwards;
    -webkit-animation:bounceInLeft 1s ease;
    -webkit-animation-fill-mode:forwards;
    
}
.posp11 img{width: 100%;}
.posp2{
	width: 34%;
	  position: absolute;left: 12%;
    animation:bounceInLeft 1s ease;
    animation-fill-mode:forwards;
    -webkit-animation:bounceInLeft 1s ease;
    -webkit-animation-fill-mode:forwards;
    
}
.posp2 img{width: 100%;}
.posp5{
	width: 32%;
	  position: absolute;left: 12%;
    animation:bounceInLeft 1s ease;
    animation-fill-mode:forwards;
    -webkit-animation:bounceInLeft 1s ease;
    -webkit-animation-fill-mode:forwards;
    
}
.posp5 img{width: 100%;}
.posp7{
	width: 30%;
	  position: absolute;left: 12%;
    animation:bounceInLeft 1s ease;
    animation-fill-mode:forwards;
    -webkit-animation:bounceInLeft 1s ease;
    -webkit-animation-fill-mode:forwards;
    
}
.posp7 img{width: 100%;}
.posp3{
	width: 25%;
	  position: absolute;left: 12%;
    animation:bounceInLeft 1s ease;
    animation-fill-mode:forwards;
    -webkit-animation:bounceInLeft 1s ease;
    -webkit-animation-fill-mode:forwards;
    
}
.posp3 img{width: 100%;}
.pos11{}
.pos22{display: none;}
.pos33{display: none;}
.pobgf{background-position:50% bottom;}
.poplebox{position:relative;width: 70%;margin: 0 auto;}
.mpobt{width: 25%;float: left;cursor: pointer;}
.mpobt img{width: 85%;}
.mpobtx{width: 100%;position: absolute;z-index: 9;}
.po1{position: absolute;width: 33%;cursor: pointer;}
.po2{position: absolute;width: 55%;margin: 8% 0 0 10%; cursor: pointer;}
.po3{position: absolute;width: 35%;right: 15%;margin-top: -6%;cursor: pointer;}
.po4{position: absolute;width: 25%;right: 0;cursor: pointer;}
.po1 img{width: 100%;}
.po2 img{width: 100%;}
.po3 img{width: 100%;}
.po4 img{width: 100%;}
.eve1{width: 40%;position:absolute;margin-top: 1%;left: 50%; margin-left: -20%;z-index: 0;background:url(../images/ybg.png)no-repeat;background-size: 100% auto;padding: 1em;}
.eve1 img{width: 100%;}
.fi{width: 150px;height: 46px;margin: 1rem auto;}
.eve2{/*background:url(../images/tlt1.png)no-repeat;background-size:100% auto;*/width: 90%;position:absolute;margin:30% 0 0 -45% ;left: 50%;}
.ev2c{width: 90%;margin: 10% auto 0 auto;}
.ev3{width: 1159px;	height: 260px;background:url(../images/e3bg.png)no-repeat;margin: 0 auto;}
.ev4{width: 1159px;	height: 832px;background:url(../images/e4bg.png)no-repeat;margin: 0 auto}
.ev5{position: absolute; width: 1159px;	height: 648px;background:url(../images/e5bg.png)no-repeat;left: 50%;margin-left: -579.5px;}

.e2img{width: 100%;}
.e2img img{width: 100%;}
.fbcont{width: 100%;min-height: 100px; margin: 10% auto;}
.appbox{width: 100%;margin: 0 auto 0 auto;}
.appbox img{width: 100%;}
.agapp{margin-top: 10%;position: absolute;}
.iagapp{width: 90%;margin: 1rem auto;}
.applel{width: 49.5%;float: left;cursor: pointer;}
.googlel{width: 49.5%;margin-left: 1%; float: left;cursor: pointer;}
.applel img{width: 100%;}
.googlel img{width: 100%;}

.applel:hover{transform: scale(1.02);transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;}
.googlel:hover{transform: scale(1.02);transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;}
.s2tl{width: 30%;	margin: 0 auto;}
.s2tl img{width: 100%;}
.s2tll{width: 20%;	margin: 1em auto;}
.s2tll img{width: 100%;}
.s2g1{width: 49%;	float: left;}
.s2g2{width: 49%;float: left;margin-left: 2%;}
.s2g1 img{width: 100%;}
.s2g2 img{width: 100%;}
.s2gbox1{width: 60%;	margin: 2% auto;}
.s4g1{width: 90%;margin: 0 auto;padding-top: 7%;}
.s4g1g{width: 48%;float: left;margin: 0 1%;}

.s4g2{width: 60%;margin: 0 auto;}
.s4g3{width: 528px;height: 117px;		margin: 0 auto;background:url(../images/nbbg.png)no-repeat;}
.s4g4{width: 40%;right: -30%;top: 5%; position: absolute;}
.s4g4 img{width: 100%;	}
.s5g1{position:relative;width: 50%; margin: 15% 0 0 40%;}
.s5g2{width: 40%;float: left;position: absolute;}
.s5g1 img{width: 100%;	}
.s5g2 img{width: 100%;	}
.s4g1 img{width: 100%;	}
.s4g2 img{width: 100%;	}
.s4tx{font-size: 4em; text-align: center;padding-top: 9%;font-family:Arial,"微軟正黑體", Helvetica, sans-serif;}
.evin2{}
.moj1{width: 100%;display: none;}
.moj1 img{width: 100%;}
.moj2{width: 100%;display: none;}
.moj2 img{width: 100%;}
.pcj{width: 100%;}
.pcj img{width: 100%;}

.stg1 img{width: 100%;}
.stg1{width: 100%;height: 100%;background:url(../images/st1bg_10.jpg)no-repeat;background-size:100% auto;position: relative; margin-top: -5%;}
.stg2{width: 100%;height: 100%;background:url(../images/stg2bg_13.jpg)no-repeat;background-size:100% auto;position: relative; margin-top: -4.5%;}
.stg3{width: 100%;height: 100%;background:url(../images/stg3bg_16.jpg)no-repeat;background-size:100% 100%;position: relative; margin-top: -7%;}

.stg4{position: relative; height: 832px;margin-top: 3%;}
.stg5{position: relative; height: 648px;margin-top: 3%;}
.stg6{position: relative; height: 648px;margin-top: 3%;}
.imbox{width: 80%;margin:0 auto 0 auto;position: relative;padding-top: 7%;}
.imimx{width: 45%;margin: 0 auto;;}
.imimx img{width: 100%;}
.fbox{width: 230px; position: absolute;right: 1%;margin-top: 0.2%;z-index: 3;display: block;}
.ffbt{margin:1%; float: left;border-radius: 50px;width: 50px;height: 50px;background-color: #00B6FF;cursor: pointer;}
.ffbt img{width: 100%;}
.botbox{display: none; background-color:rgb(0,0,0,.8);bottom: 0; width: 100%;position: fixed;z-index: 99;}
.tpbox{width: 100%;position: fixed;z-index: 99;height: 60px;}
.tlo{position: absolute;z-index: 2;}
.tpbb{width: 100%;height: 60px;background-color:rgb(0,0,0,.8); position: absolute;z-index: 1;}
.tplogo{position: absolute;z-index: 1;margin: 0.5% 0 0 1%;cursor: pointer;}
.inbtc{width: 307px;height: 87px;margin: 1rem auto; background: url(../images/inbbt.jpg)no-repeat;background-size: 100% auto;}
.inbtc:hover{background: url(../images/inbbt.jpg)no-repeat;background-position:0 bottom;}
.tbbbox{width: 95%;margin: 0 auto;}
.jott{font-size: 1.2em;width: 100%;height: 35px;background: #000;text-align: center;line-height: 38px;border-radius: 10px;margin: 1px 0;color: #fff;}

.jobox{position: absolute;right: 0.2rem;}
.jouttbox{float: right;width: 200px;height: 70px;margin: 0 2px; }
.joinbox{ position: absolute;z-index:5;top:2%;right: 1%;cursor: pointer; margin: 0 1px; width: 72px;height: 72px; background: url(../images/join.png)no-repeat;background-size: 100% auto;}
.joinbox img{width: 100%;}
.joinbox2{ position: absolute;z-index:5;right: 1%;cursor: pointer; margin: 0 1px; width: 72px;height: 72px; background: url(../images/join.png)no-repeat;background-size: 100% auto;}
.joinbox2 img{width: 100%;}
.joinbox:hover{background-position:0 bottom;}
.jooutbox{position: absolute;z-index:5;right: 1%;top:2%;display: none;}
.jooutbox2{position: absolute;z-index:5;right: 1%;display: none;}
.jout{float: right;width: 72px;height: 72px; background: url(../images/joout.png)no-repeat;background-size: 100% auto;}
.jout img{width: 100%;}
.jout:hover{background-position:0 bottom;}
.fontlll{border-radius: 5px;color: #FFC700;text-align: center;width: 100%;padding: 5px;margin: 1em auto; font-family:Arial,"微軟正黑體", Helvetica, sans-serif;line-height: 2em;background: url(../images/bbg.jpg);border: 1px solid hsla(0,0%,100%,.1);}
.fonbox{width: 98%;border-radius: 5px;padding: 10px;background-color:rgb(150,50,50,.5);}
.fontll{font-size: 1.3em; font-weight: bold;border-radius: 5px; color: #FFDF00;text-align: center;width: 100%;padding: 5px;margin: 1em 0;/* background: url(../images/bbg.jpg); */border: 1px solid rgb(255,223,0,.9); font-family:Arial,"微軟正黑體", Helvetica, sans-serif;line-height: 2em;}
.fontcc{background-color: #FFA500; font-size: 1.2em; border-radius: 5px; color: #363328;text-align: center;width: 100%;padding: 3px;margin: 1em 0;border: 1px solid hsla(0,0%,100%,.2); font-family:Arial,"微軟正黑體", Helvetica, sans-serif;line-height: 2em;}
.ifontcc{font-weight: bold;background-color: #FF5C00; font-size: 1.5em; border-radius: 5px; color: #fff;text-align: center;width: 100%;padding: 3px;margin: 1em 0;border: 1px solid hsla(0,0%,100%,.2); font-family:Arial,"微軟正黑體", Helvetica, sans-serif;line-height: 2em;}

.font1{width: 80%;margin: 0 auto; line-height:2.5rem;font-family:Arial,"微軟正黑體", Helvetica, sans-serif;font-size: 1.3em;color: #e3d89d;}
.fontc{font-weight: bold;font-size: 2em;  color: #fff;text-align: center;width: 100%;padding: 5px;margin: 0.5em 0;font-family:Arial,"微軟正黑體", Helvetica, sans-serif;line-height: 2em;}
.fontbc{font-weight: bold;font-size:1.6em;text-align: center; font-family:Arial,"微軟正黑體", Helvetica, sans-serif;line-height: 1em;color: #D0C7A6;}

.font{font-family:Arial,"微軟正黑體", Helvetica, sans-serif;line-height: 2em;}
.fontbd{font-size: 1.3em;color: #FBBE19;border-bottom: 1px solid hsla(0,0%,100%,.1);  font-family:Arial,"微軟正黑體", Helvetica, sans-serif;line-height: 1.5em;font-weight: bold;margin: 0.5em 0;}
.fontbb{font-size: 1em;color: #FFF200; font-family:Arial,"微軟正黑體", Helvetica, sans-serif;line-height: 2em;}

.fonts{font-size: 1.2rem;color: #FFF0A6;}
.fontr{color: #FF3535;}
.fontrc{color: #FF3535;width: 100%;text-align: center;}

	/*  */

.btnok {
	width: 20%;
    position: relative;
    display: inline-block;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: 100% auto;
    margin: 0 10px 0;
    float: left;
}

.btnok img{width: 100%;}


/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th {
	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;
	}
.br{	
	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;
	}
/**/
.bg{
	width:100%;
	background-attachment:scroll;
	background-position:50% 0%;
	background-image:url(../images/bbg.jpg);
	/*background-size:100% auto;*/
	overflow:hidden;
	}
.mvbox{width: 100%;height: 100%;position: absolute;}
.mvbox video{width: 100%;}
.vbox1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/g_f_05.png);
    opacity: 0.5;z-index: 1;
}
.headbox{
	position:relative;
	width:100%;
	padding-bottom:50%;/*1170px 58.5%  1080*/
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	/*background-image:url(../images/bbg_01.jpg);*/
	background-size:100% auto;
	overflow:hidden;
	}

.hem1{
	position:absolute;
	width:100%;
	height:100%;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%,50% 100%;
	/* background-image:url(../images/he1_1.png),url(../images/he1_2.png); */
	background-size:100% auto,100% auto;
	z-index:1;
	}

.content{
	position:relative;
	width:1100px;
	margin:0 auto;
	font-size:1.33rem;
	/* line-height:1.6rem; */
	color: #FFF4D6;/*ffedd4 f5d79e ddc08b*/
	z-index:3;
	/* border-radius: 10px;
	background-color:rgb(0,0,0,.2); */
	}

.tdbox{width: 100%;margin: 10px auto;}
.tdboxm{width: 50%;margin: 10px auto;}
.tdboxm td{color: #322F2C;}
.tdboxm img{border-radius: 10px;border:  1px solid #711E00;}
td{padding: 10px;border-radius:3px;color: #322F2C;}
.txco{text-align: center; width: 95%;padding: 10px;border-radius: 10px;background-color: #A12F2F ;margin: 0 auto;color:#EBCE99;}
.im{color:#E5FF00;}
.ex{color:#ffad2c;}
.home{ top:-100px;}
.tit{
	position:relative;
	width:100%;
	padding-bottom:115px;
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-size:auto 100%;
	margin-bottom:25px;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}	
/**/
#logobox{
	position:absolute;
	width: 20%;
 /*bottom: 7%;*/
 bottom: 1%;
 left:50%;
	margin-left: -10%;
	z-index: 6;
	/*background-color:rgba(0,0,0,.8);*/

	}
#logobox img{width: 100%;}	
.slong,.slong2,.slong3,.p1g,.p2g,.p3g,.p4g,.p5g{
	position:absolute;
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-size:100% auto;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.slong{
	width:2%;
	/*height:100%;*/
	opacity:0;
	position: absolute;
	left: 100%;
	margin: 30% 0 0 -35%;
	z-index: 1;

	/* opacity:0; */
	}
.slong img{width: 100%;}
/*.slong2{
	width: 45%;
	top: 36%;
	margin-left: -22%;
	left: 50%;
	background-image:url(../images/lo.png);
	opacity:0;
	}*/
.slong2 img{width: 100%;}
.slong3{
	width: 60%;
	bottom: 15%;
	/*top: 36%;*/
	margin-left: -30%;
	left: 50%;
	z-index: 1;
	opacity:0;
	}
.slong3 img{width: 100%;}
.p1g{
	width:100%;
	height:100%;
	top:5%;
	left:0%;
	background-image:url(../images/sslo.png);
	opacity:1;
	}

/**/
.cloud2{
	position: absolute;
	width:40%;/*800px*/
	height:21.9%;/*230px*/
  	right:-900px;
  	bottom:0px;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-size:100% auto;
	/*z-index:1;*/
	}
/**/
.c1{
  background-image: url(../images/u1.png);
  bottom:2%;
  -webkit-animation: textRight 12s ease 0.5s infinite;
  -moz-animation: textRight 12s ease 0.5s infinite;
  animation: textRight 12s ease 0.5s infinite;
}
.c2{
  background-image: url(../images/u2.png);
  bottom:1%;
  -webkit-animation: textRight 12s linear 1s infinite;
  -moz-animation: textRight 12s linear 1s infinite;
  animation: textRight 12s linear 1s infinite;
}
.c3{
  background-image: url(../images/u3.png);
  bottom:2%;
  -webkit-animation: textRight 10s linear 0.8s infinite;
  -moz-animation: textRight 10s linear 0.8s infinite;
  animation: textRight 10s linear 0.8s infinite;
}
/**/
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  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);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes textRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-3000px);
    -moz-transform: translateX(-3000px);
    -ms-transform: translateX(-3000px);
    -o-transform: translateX(-3000px);
    transform: translateX(-3000px);
  }
}
/*版宣*/
#cy{
	padding: 20px 0 18px 0;
	font-size: 0.916rem;/*0.916*/
	line-height: 1.3rem;
	color: #d2d2d2;
	background-color:#181713;
	/*text-align:center;*/
	}
#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; padding:0 0 0 5px;}
.tg{height:44px;overflow:hidden;}
.tg2{line-height: 1.5rem;color: #898484;}
.uj{}
.gf{}
.px{}
.grading{float:right;}   
/* 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*/
	}
		@media only screen and (max-width:1400px){
.post{font-size: 4em;position: absolute;font-weight: bold;color: #FFF7C1;right: 25%;margin-top: 12%;border-bottom:  0.3rem solid #FFF7C1;}
.postt{width: 30%; font-size: 1.5em;position: absolute;color: #FFF7C1;right: 24%;margin-top: 20%;}

			.eve2{right: 10%;}
			.eve1{width: 50%;margin-top: 0%;margin-left: -25%;}
			.s2gbox1{width: 80%;	}
      .s2tll{width: 30%;}
		}
	@media only screen and (max-width:1200px){

.post{font-size: 3em;position: absolute;font-weight: bold;color: #FFF7C1;right: 25%;margin-top: 12%;border-bottom:  0.3rem solid #FFF7C1;}
.postt{width: 30%; font-size: 1.5em;position: absolute;color: #FFF7C1;right: 24%;margin-top: 20%;}
.stg2{margin-top: -5%;}
.stg3{margin-top: -8%;background-size:100% auto;background-size:100% 100%;}

		.posbox{width: 40%; }
		.s4g4{width: 35%;right: -15%;top: 10%; }
		.ev2{width: 100%;	}
		.ev3{background-size:100% auto;width: 95%; }
		.ev4{background-size:100% auto;width: 95%; }
		.ev5{background-size:100% auto;background-size: 100% auto;height: 600px; width: 90%;margin-left: -45%; }
		.stg3{width: 100%;}
		.stg4{width: 100%;}
		.stg5{width: 100%;}
		.imbox{width: 100%;}
		.s2tl{ width: 50%;	}
		#audio_btn{width:4%; }
		/*.fbcont{width: 100%;min-height: 100px;margin: 0;}*/
		.event{width: 100%;}
		.actx{font-size: 1em; height: 20px;margin: 0 auto;}
#cy > div{
	width:60%;
	margin:0 auto;

	}
	}
@media only screen and (max-width:1100px){
/**/
.p4g{display: none;}
.p5g{display: none;}
.content{width:100%;}
ul.tabs li {width: 24.8%;}
ul.tabsss li {width: 19.8%;}

}
@media only screen and (max-width:1000px){	
/**/
.s5g1{margin: 7% 0 0 40%;}
.stg2{margin-top: -7%;}
.stg3{margin-top: -9.5%;}

.mintl{width: 50%;}
.fbox{display: none;}
#logobox{
	position:absolute;
	width: 40%;
	
/* bottom: 7%;*/
	left:50%;
	margin-left: -20%;
	}
.s2gbox1{width: 95%;}

.stg1{}
.s2tll{width: 460px;	}

.hem1{background-size:110% auto;}
/*版宣*/
#cy > div{width:100%;}
}
@media only screen and (max-width:800px){
/**/
.appbox{width: 98%;margin: 1% auto;}
.botbox{display: block;}
#cy {padding: 20px 0 100px 0;}
.tlo{ display: none; }
.posp2 {
    width: 50%;
    position: absolute;
    left: 12%;
    
}
.pos{width: 100%;}
.posp1{width: 90%;}
.posp11 {width: 90%;left: -20%;}
.posp3 {width:38%;left : 12%;}
.posp4 {width:65%;left : 10%;}
.posp5 {width:46%;left : 10%;}
.posp6 {width:65%;left : 0%;}
.posp7 {width:40%;left : 7%;}
.post{right: 10%;}
.postt{right: 10%;}
.poplebox{width: 100%;}
.po1{position: absolute;width: 33%;margin-top: 10%; cursor: pointer;}
.po2{position: absolute;width: 55%;margin: 20% 0 0 10%; cursor: pointer;}
.po3{position: absolute;width: 35%;right: 15%;margin-top: 0%;cursor: pointer;}
.po4{position: absolute;width: 25%;right: 0;margin-top: 10%;cursor: pointer;}
.mintl{width: 80%;}
.pcj{display: none;}
.moj1{display: block;width: 70%;	}
.moj2{display: block;width: 70%;	}
.mcft99{display:block;}
.f800{display:block;}
.s5g2{margin-left: -18%;display: none;}
.s5g1{width: 500px;z-index: 1; height: 280px; margin: 0 auto; padding-top: 10%;float:none;}
.stg1{background:url(../images/moj1.jpg)no-repeat;background-size: 100% auto; margin-top: -1.6%;}
.stg2{background:url(../images/moj2.jpg)no-repeat;background-size: 100% auto; margin-top: -1.6%;}

.stg6 {height: 10%;}
.bg{background:url(../images/800bg.jpg)no-repeat;background-size:100% auto;}
.stg5{height: 500px;}
.ev5{position: relative; width: 90%;	height:450px;background:url(../images/e5bg800.png)no-repeat;background-size:100% auto;}

.stg4{height: 65%;	}
.ev4{height: 65%;}
.s4g1{width: 98%;	}
.s4g2 {width: 65%;	}
.agapp{width: 60%;margin-left: -30%;left: 50%;}
.s2tl{ width: 50%;}
.cbtc{margin: 2em auto;}
.ev2c{width: 90%;margin: 0% auto 0 auto;padding-top: 10%;}
#audio_btn{width:6%; }
.gd{display: none;}

.actx{font-size: 1.5em;text-align: center;}
.evsl{width: 70%;margin: 0 auto;}
.evg {
    width: 50%;
    margin: 2% auto;
}

.vbox1 {display: none;}
.mvbox{display: none;}

.stg2{min-height: 100px;background-size: 100% 100%;}
.stg3{margin-top: 0%;height: 500px;	}
.event{width: 95%;margin: 0 auto;}
.eve1{width: 70%;margin-top: 0%;margin-left: -36.5%;z-index: 1;}
.eve2{width: 98%;margin-top: 50%;left: 50%; margin-left: -49%;position:absolute;}

.font1{width: 95%;}
ul.tabss li {width: 33.1%;}
ul.tabsss li {width: 19.7%;}
.headbox{
	padding-bottom:100%;/*1250 156.25% 1097*/
	/*background-image:url(../images/mbbg_01.jpg);*/
	}
	.headboxin{
	padding-bottom:120%;/*1250 156.25% 1097*/
	background-image:url(../images/headm.jpg);
	}
.hem1{/* background-image:url(../images/he_m1_1.png),url(../images/he_m1_2.png); */
	background-size:100% auto,120% auto;
	}
.home{ top:-100px;}
/**/

.slong{
	width: 4%;
    /* height: 100%; */
    opacity: 0;
    position: absolute;
    left: 100%;
    margin: 50% 0 0 -10%;
    z-index: 1;
   
	}

.p1g{
	width:100%;
	height:50%;/*83.227*/
	top:0%;/*16.773%*/
	left:0;
	background-image:url(../images/p1m.png);
	}
.cloud2{
	width:100%;/*800px*/
	height:21%;/*230px*/
  	right:-900px;
	}
/**/
.c1{
  bottom:2%;
  -webkit-animation: textRight 5s ease 0.5s infinite;
  -moz-animation: textRight 5s ease 0.5s infinite;
  animation: textRight 5s ease 0.5s infinite;
}
.c2{
  bottom:1%;
  -webkit-animation: textRight 8s linear 1s infinite;
  -moz-animation: textRight 8s linear 1s infinite;
  animation: textRight 8s linear 1s infinite;
}
.c3{
  bottom:2%;
  -webkit-animation: textRight 5s linear 0.8s infinite;
  -moz-animation: textRight 5s linear 0.8s infinite;
  animation: textRight 5s linear 0.8s infinite;
}
/**/
@keyframes textRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-1500px);
    -moz-transform: translateX(-1500px);
    -ms-transform: translateX(-1500px);
    -o-transform: translateX(-1500px);
    transform: translateX(-1500px);
  }
}
}
@media only screen and (max-width:750px){
	
/**/
.tit{margin-bottom:15px;}
/*版宣*/
#cy{padding:20px 10px 100px 10px;text-align:center;}
#cy div span{text-align:center;padding:10px 0 0 0;height:auto; display:block;}
.uj,.gf,.px,.grading{}
.cy1{ width: 20%;margin: 0 auto;float: none;}
.tg1{ width: 95%;margin: 0 auto;}
.grading{float:none;margin-left: 5%;}
.jouttbox{width: 150px;}
	.jott{font-size:1em;width: 100%;height: 15px;text-align: center;line-height: 15px;border-radius: 5px;margin: 1px 0;}
.jout{width: 35px;height: 35px;right: 10%;}
.joinbox{width: 35px;height: 35px;}
.jooutbox{right: 10%;}
}
@media only screen and (max-width:630px){
/**/
.postt{width: 38%;margin-top: 23%;}
.moj1{display: block;width: 85%;	}

}
@media only screen and (max-width:580px){
	.tdboxm{width: 100%;}
}
@media only screen and (max-width:560px){
/**/
.mcft{display: block;}
.mcft98{display: block;}
.ev4{height: auto;background:url(../images/e4bg560.png)no-repeat;background-size:100% auto;margin: 0 auto;}
.eve2{height: auto;padding-bottom: 0;}

.stg6 {
   
    height: 50%;
    
}
.bg{
	width:100%;
	background-attachment:scroll;
	background-position:50% 0%;
	background-image:url(../images/560bg.jpg);
	/*background-size:100% auto;*/
	overflow:hidden;
	}
.s4g4{display: none;}
.s4g1g{width: 80%;float: none;margin: 0 auto;	}
.s4g1{padding-top: 20%;}
.s4g3{width: 95%;background-size: 100% auto;	}
.s4g2{width: 95%;	}
.s5g2 {
    width: 40%;
    position: absolute;
    left: -20%;
     float: none;
     display: none;
}
.s5g1 {
	display: block;
    width: 96%;
    left: 50%;
    padding-top: 0%;
    margin-left: -48%;
    margin-top: 15%;
    float: none;
    overflow: hidden;
    position: absolute;
    height: 400px;

}

.ev5 {
    height: 460px;
    background:url(../images/e5bg560.png)no-repeat;background-size:100% auto;

}

.agapp{width:80%;margin-left: -40%;left: 50%;margin-top: 13%;}
.stg2{height: auto;}
.stg3{height: auto;}
.ev3{width: 95%;	height: 100px;background:url(../images/e4ft560.png)no-repeat;background-size: 100% auto; margin: 0 auto;}

.s2g1{width: 80%;	float: none;margin: 0 auto;}
.s2g2{width: 80%;float: none;margin: 0 auto;}
.s2tl{ width: 90%;	}
.imimx{width: 98%;	}
.fbcont {
    
    margin: 5% auto;
}
	.enin2 {
    
    margin: 5% auto 0 auto;
}

.cy1{ width: 30%;}
.actx{font-size: 1.25em; height: 30px;width: 60%;	}
.cbtc {
    margin: 0em auto;
}

.tpbb{height: 105%;}
.tplogo{width: 30%; margin: 0.5% 0 0 1%;}
.tplogo img{ width: 100%;	}


.fontbd{ width: 95%; margin: 0.5em auto;}
.font1{width: 95%;margin: 0 auto;}
.fonts{width: 95%;margin: 0 auto;}
.tbbbox {width: 100%}
div.tab_container .tab_content {
		padding: 5px;
	}
.fontll{width: 95%;margin: 0 auto;}
ul.tabs li {width: 24.7%;}
.bg{background-size:110% auto;}
.hem1{background-size:110% auto;}
.tit{padding-bottom:100px;}
/*版宣*/
#cy div span{text-align:left;padding:10px 0px 0 0px;}
.cy1{float: none;}

}
@media only screen and (max-width:460px){
	.mpobt{display:block;cursor: pointer;}
.po1{position: absolute;width: 50%;margin-top: 0%; }
.po2{position: absolute;width: 80%;margin: 20% 0 0 -5%; z-index: 1;}
.po3{position: absolute;width: 53%;right: 4%;margin-top: -12%;cursor: pointer;}
.po4{position: absolute;width: 40%;right: 0;margin-top: 10%;cursor: pointer;}

	.posp1 {left: 0;}
	.posp2 {left: 0;}
	.posp3 {left: 5%;}
	.posp4 {left: 0;}
	.posp5 {left: 0;}
	.posp6 {left: -10%;}
	.posbox {
    width: 60%;
    right: 0;
}
	.post {
    font-size: 2.5em;
    position: absolute;
    font-weight: bold;
    color: #FFF7C1;
    margin-top: 18%;
    border-bottom: 0.3rem solid #FFF7C1;
}
.postt {
    width: 45%;
    margin-top: 30%;
    right: 5%;
}
	.s4tx{font-size: 4em; padding-top: 7%;}
	.bg{
	width:100%;
	background-attachment:scroll;
	background-position:50% 0%;
	background-image:url(../images/460bg.jpg);
	/*background-size:100% auto;*/
	overflow:hidden;
	}
.s2tll {
    width: 80%;
}
	.slong3 {
    width: 90%;
    bottom: 15%;
    /* top: 36%; */
    margin-left: -50%;
    left: 50%;
    opacity: 0;
}


	#cy {padding: 20px 10px 100px 10px;}
	.actx{font-size: 1em; 	}
	.enin2 {
    
    margin: 5% auto 0 auto;
}
.fbcont {
    
    margin: 5% auto;
}
	.eve1{margin-top: 5%;}


	ul.tabs li a {
		
		padding: 0px;
		
	}

	ul.tabss li {
		width: 33%;}
	td{padding: 0.5%;}
/**/
.tit{padding-bottom:80px;}
/*版宣*/

}
@media only screen and (max-width:380px){
/**/
}
@media only screen and (max-width:360px){
	
/**/
ul.tabs li {width: 24.6%;}
ul.tabsss li {width: 19.6%;}
.tit{padding-bottom:60px;}
/*版宣*/

#cy{padding:18px 1px 18px 1px;}
}
@media only screen and (max-width:320px){
/*版宣*/


}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(5, 5, 5);
    transform: scale3d(5, 5, 5);
  }

  100% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(5, 5, 5);
    transform: scale3d(5, 5, 5);
  }

  100% {
    opacity: 1;
  }
}

.zin{
	animation:zoomIn 0.5s ease .5s;
	animation-fill-mode:forwards;
	-webkit-animation:zoomIn 0.5s ease .5s;
	-webkit-animation-fill-mode:forwards;
	}
@-webkit-keyframes fadeInp {
  from {
	-webkit-transform:scale(1.8);
	transform:scale(1.8);	  
    opacity: 0;
  }

  to {
	-webkit-transform:scale(1);
	transform:scale(1);	  
    opacity: 1;
  }
}
@keyframes fadeInp {
  from {
	-webkit-transform:scale(1.8);
	transform:scale(1.8);	  
    opacity: 0;
  }

  to {
	-webkit-transform:scale(1);
	 transform:scale(1);  
    opacity: 1;
  }
}
.finp{
	animation:fadeInp .8s ease 0.6s;
	animation-fill-mode:forwards;
	-webkit-animation:fadeInp .8s ease 0.6s;
	-webkit-animation-fill-mode:forwards;
	}
.finr{
	animation:fadeInDown .8s ease;
	animation-fill-mode:forwards;
	-webkit-animation:fadeInDown .8s ease;
	-webkit-animation-fill-mode:forwards;
	}
.swing{
	animation:swing .7s ease 10s;
	animation-fill-mode:forwards;
	-webkit-animation:swing 7s ease 0.6s;
	-webkit-animation-fill-mode:forwards;
	animation-iteration-count: infinite;
	}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 10, 360deg);
    transform: rotate3d(0, 0, 10, 50deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 10, -360deg);
    transform: rotate3d(0, 0, 10, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 10, 360deg);
    transform: rotate3d(0, 0, 10, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 10, -360deg);
    transform: rotate3d(0, 0, 10, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 10, 0deg);
    transform: rotate3d(0, 0, 10, 0deg);
  }
}



.swing {
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
.swingg{
	animation:swingg .5s ease 10s;
	animation-fill-mode:forwards;
	-webkit-animation:swingg 5s ease 0.6s;
	-webkit-animation-fill-mode:forwards;
	animation-iteration-count: infinite;
	}
@-webkit-keyframes swingg {
  20% {
    -webkit-transform: rotate3d(0, 0, 10, -360deg);
    transform: rotate3d(0, 0, 10, 50deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 10, 360deg);
    transform: rotate3d(0, 0, 10, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 10, -360deg);
    transform: rotate3d(0, 0, 10, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 10, 360deg);
    transform: rotate3d(0, 0, 10, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 10, -360deg);
    transform: rotate3d(0, 0, 10, 0deg);
  }
}



.swingg {
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-animation-name: swingg;
  animation-name: swingg;
}
@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);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.fadeInLeft{
	animation:fadeInLeft .8s ease 0.6s;
	animation-fill-mode:forwards;
	-webkit-animation:fadeInLeft .8s ease 0.6s;
	-webkit-animation-fill-mode:forwards;
	}
@-webkit-keyframes fadeInLeft {
  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);
  }
}

@keyframes fadeInLeft {
  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);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@keyframes brilla {
    0% {
        opacity: .1;
    }
    50% {
        opacity: .6;
    }              
    100% {
        opacity: .9;
    }
}