@charset "utf-8";
/*  */

/*....*/
#audio_btn{width: 2.5%; position: absolute;right: 25px;z-index: 9;top:5%;cursor: pointer;}
#audio_btn img{width: 100%;}
.actx{width: 100%;height: 45px;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: 55%;margin: 0 auto;margin-top: 4%;}
.eve1{width: 48%;float: left;position: relative;}
.eve1 img{width: 100%;}
.eve2{width: 48%;margin-left: 4%; float: left;position: relative;}
.evs{width: 90%;margin: 0 auto;}
.evsl{width: 80%;margin: 0 auto;}
.evg{width: 80%;margin: 5% auto;}
.evin1{min-height: 50px;}
.enin1{width: 90%;margin: 0 auto;}
.enin2{width: 90%;min-height: 50px;margin: 10% auto 0 auto;}
.enin1 img{width: 100%;}
.enin2 img{width: 100%;}
.fbcont{width: 100%;min-height: 100px; margin: 10% auto;}
.appbox{width: 100%;margin: 10% auto ;}
.appbox img{width: 100%;}
.appboxt{width: 50%;position: absolute;z-index: 2;left: 50%;margin-left: -25%;bottom: 5%;text-align: center;}
.appboxt img{width: 100%;}
.download_btn{ width:28%;cursor: pointer;margin: 0 2%;display: inline-block;}
.download_btn: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;}

.evin2{}
.stg1{background:url(../../images/bbg_02.jpg)no-repeat;background-size:100% auto;min-height: 500px;margin-top: 0;}
.stg2{background:url(../../images/bbg_03.jpg)no-repeat;background-size:100% auto;min-height: 500px;}
.stg3{background:url(../../images/bbg_04.jpg);background-size:100% auto;min-height: 200px;margin-top: -2px;}
.stg4{background:url(../../images/bbg_05.jpg);background-size:100% auto;min-height: 350px;}

.tpbox{width: 100%;position: fixed;z-index: 99;height: 108px;}
.tpbb{width: 100%;height: 60px;background-color:#16191a; position: absolute;}

.tplogo{margin: 0.5% 0 0 1%;cursor: pointer;float: left;}
.gb{float: left;font-size: 3em;color: #535353;margin: 0.3% 0 0 1%;}
.gby{cursor: pointer;font-size: 2em;color: #A1A1A1;float: left;margin-left: 1%;margin-top: 0.7%;}
.gby:hover{color: #FF9600;}
.gby2{cursor: pointer;font-size: 2em;color: #A1A1A1;float: left;margin-left: 1%;margin-top: 0.7%;}
.gby2:hover{color: #FF9600;}
.gby3{cursor: pointer;font-size: 2em;color: #A1A1A1;float: left;margin-left: 1%;margin-top: 0.8%; opacity: .95;}
.gby3:hover{color: #FF9600;}
.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;}
.tbta{background-color:rgb(150,0,150,.9);width: 50%;height: 50px;float: left;text-align: center;line-height: 50px;font-weight: bold;color: #FFD000;font-size: 1.2em;}
.tbtb{color: #fff; cursor: pointer; background-color:rgb(100,100,100,.5);width: 50%;height: 50px;float: left;font-size: 1.2em;text-align: center;line-height: 50px;font-weight: bold;}
.tbtb:hover{background-color:rgb(150,0,100,.9); }
.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;}
.font1{width: 80%;margin: 0 auto; line-height:2.5rem;font-family:Arial,"微軟正黑體", Helvetica, sans-serif;font-size: 1.3em;color: #fff;}
.fontc{font-weight: bold;font-size: 3em;  color: #FFC700;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;}
ul, li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.abgne_tab {
		/* clear: left; */
		width: 100%;
		margin: 10px 0;
	}
		ul.tabsss {
		width: 100%;
		height: 51px;
		border-bottom: 1px solid #999;
		border-left: 1px solid #999;
	}
	ul.tabsss li {
		width: 19.9%;
		float: left;
		height: 50px;
		line-height: 50px;
		overflow: hidden;
		position: relative;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		border: 1px solid #edcd77;
		border-left: none;
		background-color:rgb(0,0,0,.3);
	}
	ul.tabsss li a {
		display: block;
		padding: 0 20px;
		color: #edcd77;
		/* border: 1px solid #fff; */
		text-decoration: none;
		text-align: center;
	}
	ul.tabsss li a:hover {
		color: #473D2D;
		background: #edcd77;
	}
	ul.tabsss li.active  {
		background: #473D2D;
		border-bottom: 1px solid #edcd77;
	}
	ul.tabsss li.active a:hover {
		background: #D7CCAB;
	}
	ul.tabs {
		width: 100%;
		height: 51px;
		border-bottom: 1px solid #999;
		border-left: 1px solid #999;
	}
	ul.tabs li {
		width: 24.9%;
		float: left;
		height: 50px;
		line-height: 50px;
		overflow: hidden;
		position: relative;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		border: 1px solid #edcd77;
		border-left: none;
		background-color:rgb(0,0,0,.3);
	}
	ul.tabs li a {
		display: block;
		padding: 0 20px;
		color: #edcd77;
		/* border: 1px solid #fff; */
		text-decoration: none;
		text-align: center;
	}
	ul.tabs li a:hover {
		color: #473D2D;
		background: #edcd77;
	}
	ul.tabs li.active  {
		background: #473D2D;
		border-bottom: 1px solid #edcd77;
	}
	ul.tabs li.active a:hover {
		background: #D7CCAB;
	}
	div.tab_container {
		clear: left;
		width: 100%;
		/* border: 1px solid #edcd77; */
		border-top: none;
		background-color:rgb(0,0,0,.2);
		border-radius: 10px;
	}
	div.tab_container .tab_content {
		padding: 20px;
	}
	div.tab_container .tab_content h2 {
		margin: 0 0 20px;
	}

	/* 2222 */
	ul.tabss {
		width: 100%;
		height: 51px;
		border-bottom: 1px solid #999;
		border-left: 1px solid #999;
	}
	ul.tabss li {
		width: 33.2%;
		float: left;
		height: 50px;
		line-height: 50px;
		overflow: hidden;
		position: relative;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		border: 1px solid #edcd77;
		border-left: none;
		background-color:rgb(0,0,0,.3);
	}
	ul.tabss li a {
		display: block;
		padding: 0 20px;
		color: #edcd77;
		/* border: 1px solid #fff; */
		text-decoration: none;
		text-align: center;
	}
	ul.tabss li a:hover {
		color: #473D2D;
		background: #edcd77;
	}
	ul.tabss li.active  {
		background: #473D2D;
		border-bottom: 1px solid #edcd77;
	}
	ul.tabss li.active a:hover {
		background: #D7CCAB;
	}
	/*  */

.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: #fff;
}
 a:link {
	text-decoration:none;
	color: #fff;
}
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-image:url(../../images/bgg_02.jpg);*/
	/*background-repeat:repeat-y;*/
	/*background-position: 50% 0;
	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;
	}	
/**/
/*#logobox2{
	
	position:absolute;
	width: 20%;
	top:2%;
	left:1%;
	background:url(../../images/lo.png)no-repeat;
	background-size: 100% auto;
	margin-left: 1%;
	left: 0%;
	z-index: 6;
	/*background-color:rgba(0,0,0,.8);*/

	}*/
	#logobox2 img{width: 100%;}
#logobox{
	
	position:absolute;
	width: 39%;
 /*bottom: 7%;*/
 top: 20%;
	left:50%;
	margin-left: -20%;
	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: 80%;
	bottom: 30%;
	/*top: 36%;*/
	margin-left: -40%;
	left: 50%;
	
	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 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 100px 0;
	font-size: 0.916rem;/*0.916*/
	line-height: 1.3rem;
	color: #d2d2d2;
	background-color:#000;
	/*text-align:center;*/
	}
#cy > div{
	width:70%;
	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;}
#cy img {
	height: 2.6vw;
	min-height: 30px;
	max-height: 50px;
	width: auto;
}
.cy1{
	position: relative;
	float: left;
	width: 30%;
	text-align: left;
	padding: 5px;
}
.tg1{float: left;width: 68%;}
.tg{height:44px;overflow:hidden;}
.tg2{line-height: 1.5rem;color: #898484;}

/* 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:1200px){
		#audio_btn{width:4%; }
		/*.fbcont{width: 100%;min-height: 100px;margin: 0;}*/
		.event{margin-top: 3%;}
		.actx{font-size: 1em; height: 30px;}

	}
@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){	
/**/
.appboxt{width: 50%;margin-left: -25%;}
.stg1{background:url(../../images/bbg1000_02.jpg);background-size:100% auto;}
.event{margin-top: 4%; width: 60%;}
.bg{background-size:110% auto;}
.hem1{background-size:110% auto;}
.m-hide{
	display: none;
}
/*版宣*/
#cy > div{width:99%;}
}
@media only screen and (max-width:800px){
/**/
.appboxt{width: 60%;margin-left: -30%;bottom: 2%;}

#audio_btn{width:6%; right: 1%;}
.gd{display: none;}
.gdw{display: none;}
.actx{font-size: 1.5em;text-align: center;}
.evsl{width: 70%;margin: 0 auto;}
.evg {
    width: 50%;
    margin: 2% auto;
}
.stg1{background:url(../../images/mbbg_02.jpg);background-size:100% auto;}
.vbox1 {display: none;}
.mvbox{display: none;}
#logobox{
	position:absolute;
	width: 70%;
	top: 40%;
/* bottom: 7%;*/
	left:50%;
	margin-left: -35%;
	}
.stg2{min-height: 100px;}
.event{width: 95%;}
.eve1{width: 100%;float: none;}
.eve2{width: 100%;float: none;margin-top: 20%;margin-left: 0;}
.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){
	.stg4{background:url(../../images/bbg_05.jpg);background-size:none;}
/**/
.tit{margin-bottom:15px;}
/*版宣*/
#cy{padding:20px 10px 18px 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: 30%;margin: 0 auto; }
.tg1{ width: 95%;margin: 0 auto;	}
.grading{float:none;}
.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){
/**/


}
@media only screen and (max-width:580px){
	.tdboxm{width: 100%;}
}
@media only screen and (max-width:560px){
/**/
.gb{font-size: 2em;margin: 0.3% 0 0 1%;}
.gby{font-size: 1.5em;margin-left: 1%;margin-top: 1`%;}
.gby2{font-size: 1.5em;margin-left: 1%;margin-top: 1`%;}
.m-hide{display: none;}

.appboxt{width: 90%;margin-left: -45%;bottom: 2%;}
/* .applel{width: 46%;cursor: pointer;margin: 0 1.5%;display: inline-block;}
.googlel{ width:46%;cursor: pointer;margin: 0 1.5%;display: inline-block;} */
.download_btn{ width:40%;cursor: pointer;margin: 0 1.5%;display: inline-block;}

.fbcont {
    
    margin: 5% auto;
}
	.enin2 {
    
    margin: 5% auto 0 auto;
}

.cy1{ width: 50%;}
.actx{font-size: 1.25em; height: 30px;	}

.stg1{background:url(../../images/mmbbg_02.jpg)no-repeat;background-size:100% auto;}
.tpbb{height: 35%;}
.tplogo{width: 30%; margin: 0.5% 0 0 1%;}
.tplogo img{ width: 100%;	}
#logobox{

 

	}

.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 5px 0 5px;}
.cy1{float: none;}

}
@media only screen and (max-width:450px){
	.stg4{height: 200px;	}
	.actx{font-size: 1em; 	}
	.enin2 {
    
    margin: 5% auto 0 auto;
}
.fbcont {
    
    margin: 5% auto;
}
	.eve1{margin-top: 5%;}
	.stg1{background:url(../../images/mmmbbg_02.jpg);background-size:100% auto;}

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

	ul.tabss li {
		width: 33%;}
	td{padding: 0.5%;}
/**/
.tit{padding-bottom:80px;}
/*版宣*/
.cy1{ width: 50%; }
}
@media only screen and (max-width:380px){
/**/
}
@media only screen and (max-width:360px){
	.stg1{background:url(../../images/mmmmbbg_02.jpg);background-size:100% auto;}
/**/
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;
    }
}