@charset "utf-8";
#overflow_wrapper{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

body{
	width:100%;
	height:100%;
	 background:#000; 
font-family:微軟正黑體,TimesMicrosoft JhengHei,Helvetica,Tahoma,PMingLiU,SimSun,Times,新明細體,sans-serif;
overflow-x:hidden;
position:relative;
  font-weight:bold;
/* opacity:0; */
  }


body *{

/*
	    	transform: translate3d(0,0,0);
	  -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
*/

}

.content{
width:1000px;
height:auto;
position:relative;	
margin-left:auto;
margin-right:auto;	

}

#nav_wrapper{
	width:100%;
	height:80px;
	position:fixed;
	background:url(../img/bg.jpg); 
	z-index:999;
	margin-top:0px;
	top:0px;
	background-repeat:no-repeat;
/* 	background-size:100% 80px; */
/* 	min-width: 1000px; */
	clear:both;
	background-position:center top;

}
.nav_btn_wrapper a{
	width:80px;
	height:40px;
	display:block;
}

#sub_nav_wrapper{
    margin-top: 940px;	
	position:absolute;
	width:100%;
    z-index: 20;
    min-width: 1000px;
}

#sub_nav_wrapper_content{
   background: url("../img/line2.png") no-repeat scroll;
    cursor: pointer;
    display: block;
	margin-left:-282px;
	width:564px;
	left:50%;
    margin-right: auto;

    position: absolute;
	margin-top:-10px;
}

.sub_nav_btn{
	background:url(../img/sub_menu.png);
	width:126px;
	height:49px;
	background-repeat: no-repeat;
	float:left;
	margin-right:16px;
	position:relative;
	margin-top:-14px;
}
.sub_nav_btn a{
		width:126px;
	height:32px;
	display:block;
		overflow:hidden;
		position:relative;
}
.sub_nav_btn:hover{
/* 	background-position:-24px -41px; */
}
.sub_btn, .sub_btn_over{
	position:absolute; 

	    transition: all .2s ease;
    -webkit-transition: all .2s ease ;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;

  transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
  -webkit-transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
  -moz-transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
  -ms-transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
  -o-transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
}

 .sub_btn_over{
	position:absolute; 

	    transition: all .3s ease;
    -webkit-transition: all .3s ease ;
    -moz-transition: all .3s ease ;
    -ms-transition: all .3s ease ;
    -o-transition: all .3s ease ;

  transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
  -webkit-transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
  -moz-transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
  -ms-transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
  -o-transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
}

.sub_btn{
	opacity:1;

}
.sub_btn_over{
	opacity:1;
 	margin-top:40px; 


	
}
.sub_nav_btn.hoveron .sub_btn{
/*  opacity:0;  */
/* 	margin-top:40px; */
	
/*
	  -webkit-animation: NAME-YOUR-ANIMATION3 .3s; 
  -moz-animation:    NAME-YOUR-ANIMATION3 .3s; 
  -o-animation:      NAME-YOUR-ANIMATION3 .3s; 
  animation:         NAME-YOUR-ANIMATION3 .3s; 
*/
  
  margin-top:40px; 

}
.sub_nav_btn.hoveron .sub_btn_over{
/* opacity:1; */
/*  	margin-top:0px;   */

/*
	  -webkit-animation: NAME-YOUR-ANIMATION2 .5s .2s; 
  -moz-animation:    NAME-YOUR-ANIMATION2 .5s .2s;
  -o-animation:      NAME-YOUR-ANIMATION2 .5s .2s; 
  animation:         NAME-YOUR-ANIMATION2 .5s .2s; 
*/

margin-top:0px; 
}


.sub_nav_btn.current .sub_btn{
/*  opacity:0;  */
/* 	margin-top:40px; */
	
/*
	  -webkit-animation: NAME-YOUR-ANIMATION3 .3s; 
  -moz-animation:    NAME-YOUR-ANIMATION3 .3s; 
  -o-animation:      NAME-YOUR-ANIMATION3 .3s; 
  animation:         NAME-YOUR-ANIMATION3 .3s; 
*/
  
  margin-top:40px; 

}
.sub_nav_btn.current .sub_btn_over{
/* opacity:1; */
/*  	margin-top:0px;   */

/*
	  -webkit-animation: NAME-YOUR-ANIMATION2 .5s .2s; 
  -moz-animation:    NAME-YOUR-ANIMATION2 .5s .2s;
  -o-animation:      NAME-YOUR-ANIMATION2 .5s .2s; 
  animation:         NAME-YOUR-ANIMATION2 .5s .2s; 
*/

margin-top:0px; 
}




#logo{
	float:left;
	left:50%;
	margin-left:-218px;
	position:absolute;
}
#nav_menu{
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
    height: 80px;
    width: 100%;
    max-width: 1920px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
#nav_menu .content{
	height:80px;
}
#nav_btns_wrapper{
	float:left;
	width:240px;
	height:80px;
}

 #nav_btns_wrapper2{
	float:right;
	width:240px;
	height:80px;

}
 #nav_btns_wrapper2 .nav_btn_wrapper{
	 float:right;
 }
 
 #nav_btns_wrapper2 #join_event{
	 float: left;
    height: 20px;
    margin-top: 50px;
    position: relative;
    transform: translate3d(0px, 0px, 0px);
    width: 100px; 
 }
 
 
 #nav_btns_wrapper2 .nav_btn_wrapper a{
	width:80px;
	height:40px;
	display:block;
	float:right;
}


#nav_all_wrapper{
	width:1000px;
	height:auto;
	position:absolute;
	left:50%;
	margin-left:-500px;
}

.nav_btn_wrapper{
	margin-top:50px;
/*
	    transition: all .2s ease .2s;
    -webkit-transition: all .2s ease .2s;
    -moz-transition: all .2s ease .2s;
    -ms-transition: all .2s ease .2s;
    -o-transition: all .2s ease .2s;
*/
    position:relative;
    float:left;
    width:120px;
    height:20px;
    
    	transform: translate3d(0,0,0);
	  -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
}

  #nav_btns_wrapper2 .nav_btn_wrapper img{
	 float:right;
 }


/*
.nav_btn_wrapper:hover{
	margin-top:30px;
}
*/

#sub_nav_wrapper2{
	width:100%;
	height:50px;
	position:relative;
}


.nav_btn, .nav_btn_over{
	position:absolute;
}
.nav_btn{
opacity:1;
/*
    transition: all .2s ease .2s;
    -webkit-transition: all .2s ease .2s;
    -moz-transition: all .2s ease .2s;
    -ms-transition: all .2s ease .2s;
    -o-transition: all .2s ease .2s;
*/
}
.nav_btn_over{
opacity:0;
/*
    transition: all .2s ease .2s;
    -webkit-transition: all .2s ease .2s;
    -moz-transition: all .2s ease .2s;
    -ms-transition: all .2s ease .2s;
    -o-transition: all .2s ease .2s;
*/
}


/*
#rank .nav_btn_over{
	opacity:0!important;
	margin-top:0px!important;
}
#rank .nav_btn{
	opacity:1!important;
	margin-top:0px!important;
}
*/

#rank {
    float: right;


    height: 20px;
    margin-top: 50px;
    position: relative;
    transform: translate3d(0px, 0px, 0px);
    width: 120px;
}
#rank a {
    display: block;
    float: right;
    height: 40px;
    width: 80px;
}

/*
.nav_btn_wrapper:hover .nav_btn_over{
	opacity:1;
}
.nav_btn_wrapper:hover .nav_btn{
	opacity:0;
}
*/
.nav_btn_wrapper img{
	height:20px;
	width:80px;
}
#main_wrapper{
	width:100%;
	height:auto;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:80px;
/* 		background:url(../img/bg.jpg); */
		min-width: 1000px;
/* 		background-position:center top; */
	
}


#join_event{
	float:left;

    height: 20px;
    margin-top: 50px;
    position: relative;
    transform: translate3d(0px, 0px, 0px);
    width: 100px;
}

#main_top{
	width:100%;
	height:600px;
		background:url('../img/banner1_big.jpg');
/* 	background:url(../img/banner1.jpg); */
	position:relative;
/* 	background-size:cover; */
	background-position:center top;
	min-width:1000px;
	background-repeat:no-repeat;

}

#particle_wrapper{
	width:1000px;
	position:relative;
	height:600px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	display:none;
}

#main_top2{
width: 100%;
height: 350px;
z-index: 6;
position: relative;
background-size: cover;
background-position: center top;
background: url("../img/bg.jpg") repeat scroll center top rgba(0, 0, 0, 0);
background-repeat: no-repeat;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
#main_top2_bg{
background: none no-repeat scroll center top rgba(24, 0, 0, 0.8);
    clear: both;
    height: 350px;
    max-width: 1920px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position:absolute;
    z-index:5;
	}


#main_top2_content{
	height:350px;

}
#whatis_left{
	width:380px;
	height:330px;
	margin-top:20px;
	position:absolute;
	top:0px;
}
#whatis_right{
	width:380px;
		height:330px;
	margin-top:20px;
	position:absolute;
	top:0px;
	margin-left:620px;
}
#whatis_left_title{
	width:380px;
	height:83px;
	background:url(../img/title_bg1.png);
	color:#fff;

}
#whatis_left_title p{
	font-size:24px;
	padding-left:85px;
	padding-top:30px;
}

#whatis_right_title{
	width:380px;
	height:83px;
	background:url(../img/title_bg2.png);
	color:#fff;

}
#whatis_right_title p{
	font-size:24px;
	padding-left:40px;
	padding-top:30px;
}

#main_top2 span{
	line-height:36px;
	font-size:20px;
	width:300px;
	color:#fff;
}
.whatis_text{
	width:320px;
}
#whatis_right .whatis_text{
	margin-left:40px
}
#whatis_left .whatis_text{
	margin-left:20px;
}
#main_top3{
 height: 220px;
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;

}

.banner{
			width:100%;
	height:220px;
	    	    transition: all .3s ease;
    -webkit-transition: all .3s ease ;
    -moz-transition: all .3s ease ;
    -ms-transition: all .3s ease ;
    -o-transition: all .3s ease ;	
		position:absolute;
}

.banner.banner1{
	background:url(../img/banner2.jpg);

	background-position:center 0; 	

}
.banner.banner2{
		background:url(../img/banner2.jpg);
	background-position:center -220px; 	


}
.banner.banner3{
		background:url(../img/banner2.jpg);
	background-position:center -440px; 	

}
.banner.event_banner{
			background:url(../img/event_banner.jpg);
			background-position:center top;
			background-repeat:no-repeat;
}

.banner.ranking_banner{
			background:url(../img/ranking_banner.jpg);
			background-position:center top;
			background-repeat:no-repeat;
}
.front, .back{

	position:absolute;
		   -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    	    transition: all .2s ease .2s;
    -webkit-transition: all .2s ease .2s;
    -moz-transition: all .2s ease .2s;
    -ms-transition: all .2s ease .2s;
    -o-transition: all .2s ease .2s;
	margin-top:-30px;
	margin-left:10px;
}
.front{
	
	
}
.back.active{
 -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
	margin-top:-55px;
	position:absolute;
}
.back{
		
		}
.front.active{
	   -webkit-transform: rotate(-8.6deg);
    -moz-transform: rotate(-8.6deg);
    -ms-transform: rotate(-8.6deg);
    -o-transform: rotate(-8.6deg);
    transform: rotate(-8.6deg);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
	position:absolute;
}
#cards_wrapper{
margin-left: 377px;
margin-top: 0px;
position: absolute;
top: 0px;
}
#freeplay{
	width:210px;
	height:72px;
	margin-top:250px;
	margin-left:30px;
}


#free, #free_over{
	position:absolute;
	   transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease ;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}



#freeplay:hover #free{
	opacity:0;
}
#freeplay:hover #free_over{
	opacity:1;
}


#main_top3_whatis{
margin-top:66px;	
position:absolute;	
}
#main_top3_whatis2{
margin-top:66px;	
position:absolute;	
}

#main_top3_whatis3{
margin-top:66px;	
position:absolute;	
}


#main_section{
  background: url("../img/bg.jpg") repeat scroll center top rgba(0, 0, 0, 0);
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 1920px;
 /*    padding-bottom: 60px; */
    padding-top: 280px;
    width: 100%;
background-attachment: fixed;

}
#main_section .content{
	width:840px;
}
.sections{
	margin-top:60px;
	background:url(../img/g_bg.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:26px;
}
.section_title{
width:380px;
	height:96px;
	background:url(../img/title_bg3.png);
	margin-bottom:10px;
}
.section_title p{
	 font-size: 28px;
    padding-left: 116px;
    padding-top: 32px;
  color:  #371E00;

}

.section_paragraph{
	height:auto;
	width:840px;
	clear:both;
}
.section_span_left{
	float:left;
	position:relative;
	width:560px;
	font-size: 20px;
color:  #371E00;
line-height:36px;
margin-top:20px;
padding-right:20px;
padding-left:20px;
}

#main_section4 .section_span_left{
	width:580px;
	padding-right:0px;
}

.section_span_full{
	float:left;
	position:relative;
	width:800px;
	font-size: 20px;
color:  #371E00;
line-height:36px;
margin-top:20px;
padding-left:20px;
}

.section_span_right{
	float:right;
	position:relative;
	width:530px;
	font-size: 20px;
color:  #371E00;
line-height:36px;
margin-top:20px;

}
.section_pic_left{
	width:214px;
	height:240px;
	float:left;
	position:relative;
}
.section_pic_right{
	width:214px;
	height:240px;
	float:right;
	position:relative;
	padding-right:20px;
}
.bubble{
	position:absolute;
	z-index:4;
/* 	margin-top:-60px; */
	transition: all .3s ease .3s;
    -webkit-transition: all .3s ease .3s;
    -moz-transition: all .3s ease .3s;
    -ms-transition: all .3s ease .3s;
    -o-transition: all .3s ease .3s;

}
.role{
	position:absolute;
	z-index:3;

	transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}


.card{
	position:absolute;
}

.line_seperator{
	left:50%;
	margin-left:-400px;
	position:absolute;
	padding-top:20px;
	padding-bottom:20px;
}
.list_pic{

	position:absolute;
}
.list_p{
	line-height:42px;
	
	
}
.list_p p{
	margin-left:45px;

}


.list_p .list_title strong{
		font-size:22px;

}

sup { 
    vertical-align:super;
    font-size: smaller;
}


.photos{
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.photo_wrapper{
	width:100%;
	height:auto;
	position:relative;
	clear:both;
	padding-top:40px;
	padding-bottom:40px;
}
.inner_list_pic{
	position:absolute;
}
.inner_p{
	margin-left:60px;
}
.food{
	position:absolute;
}
.sections #link2{
	text-decoration: none;
	color:#009DE1;
}

.link{
	text-decoration: none;
	color:#009DE1;
}


#footer{
width: 100%;
height: 135px;
background: url(../img/footer_bg.png);
max-width: 1920px;
margin-left: auto;
margin-right: auto;
	
}
#footer_text{
font-size: 12px;
display: block;
/* height: 81px; */
width: 560px;
position: absolute;
margin-left: 160px;
margin-top: 102px;
color:#fff;
}
#footer img{
	float:left; 
	display:block;
}
#footer_right{
	float:right;
	margin-top:51px;
	margin-left:20px;
}
#footer_text a{
color: #F29100;
font-size: 13px;
text-decoration: none;
padding-left:5px;
padding-right:5px;
}

#main_banner_logo{
position:absolute;
left:50%;
margin-left:300px;
top:120px;	
}

#main_banner_logo_ranking{
position:absolute;
left:50%;
margin-left:-470px;
top:120px;	
}
/* PIC ANIMATIONS */



#main_section1 .thumb{
	opacity:0;
	transition: all .5s ease .9s;
    -webkit-transition: all .5s ease .9s;
    -moz-transition: all .5s ease .9s;
    -ms-transition: all .5s ease .9s;
    -o-transition: all .5s ease .9s;
}
#main_section1.active .thumb{
	opacity:1;
	
}

#main_section1 .bubble{
	opacity:0;
	margin-top:0px;
	    -moz-transform: scale(0, 0); /* Firefox */
-moz-transform-origin: 50% 100%;
-o-transform: scale(0, 0); /* Opera */
-o-transform-origin:50% 100%;
-webkit-transform: scale(0, 0); /* Safari And Chrome */
-webkit-transform-origin:50% 100%;
transform: scale(0, 0); /* Standard Property */
transform-origin:50% 100%; 
}


#main_section1.active .bubble{
	margin-top:-60px;
-moz-transform: scale(1, 1); /* Firefox */
-moz-transform-origin: 50% 100%;
-o-transform: scale(1, 1); /* Opera */
-o-transform-origin:50% 100%;
-webkit-transform: scale(1, 1); /* Safari And Chrome */
-webkit-transform-origin:50% 100%;
transform: scale(1, 1); /* Standard Property */
transform-origin:50% 100%; 
opacity:1;	
	
}
#main_section1 .role{
	opacity:0;
}
#main_section1.active .role{
	opacity:1;
}


#main_section2 .card{
	
	-webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    	    transition: all .5s ease;
    -webkit-transition: all .5s ease ;
    -moz-transition: all .5s ease ;
    -ms-transition: all .5s ease ;
    -o-transition: all .5s ease ;
    opacity:0;
}

#main_section2.active .card{
	
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
	opacity:1;
}

#main_section2 #bubble2{
	margin-top:102px;margin-left:80px;
		transition: all .3s ease .3s;
    -webkit-transition: all .3s ease .3s;
    -moz-transition: all .3s ease .3s;
    -ms-transition: all .3s ease .3s;
    -o-transition: all .3s ease .3s;
    opacity:0;
    	    -moz-transform: scale(0, 0); /* Firefox */
-moz-transform-origin: 50% 100%;
-o-transform: scale(0, 0); /* Opera */
-o-transform-origin:50% 100%;
-webkit-transform: scale(0, 0); /* Safari And Chrome */
-webkit-transform-origin:50% 100%;
transform: scale(0, 0); /* Standard Property */
transform-origin:50% 100%; 
}
#main_section2.active #bubble2{
	margin-top:202px;margin-left:80px;
	opacity:1;
	-moz-transform: scale(1, 1); /* Firefox */
-moz-transform-origin: 50% 100%;
-o-transform: scale(1, 1); /* Opera */
-o-transform-origin:50% 100%;
-webkit-transform: scale(1, 1); /* Safari And Chrome */
-webkit-transform-origin:50% 100%;
transform: scale(1, 1); /* Standard Property */
transform-origin:50% 100%; 
}


#main_section2 #bubble3{
	margin-left: 10px;margin-top: 100px;
		transition: all .3s ease 1.2s;
    -webkit-transition: all .3s ease 1.2s;
    -moz-transition: all .3s ease 1.2s;
    -ms-transition: all .3s ease 1.2s;
    -o-transition: all .3s ease 1.2s;
        	    -moz-transform: scale(0, 0); /* Firefox */
-moz-transform-origin: 50% 100%;
-o-transform: scale(0, 0); /* Opera */
-o-transform-origin:50% 100%;
-webkit-transform: scale(0, 0); /* Safari And Chrome */
-webkit-transform-origin:50% 100%;
transform: scale(0, 0); /* Standard Property */
transform-origin:50% 100%; 
}
#main_section2.active #bubble3{
	margin-left: 10px;margin-top: 200px;
		-moz-transform: scale(1, 1); /* Firefox */
-moz-transform-origin: 50% 100%;
-o-transform: scale(1, 1); /* Opera */
-o-transform-origin:50% 100%;
-webkit-transform: scale(1, 1); /* Safari And Chrome */
-webkit-transform-origin:50% 100%;
transform: scale(1, 1); /* Standard Property */
transform-origin:50% 100%; 
}
#main_section2 #role2{
	opacity:0;
		transition: all .5s ease .9s;
    -webkit-transition: all .5s ease .9s;
    -moz-transition: all .5s ease .9s;
    -ms-transition: all .5s ease .9s;
    -o-transition: all .5s ease .9s;
}
#main_section2.active #role2{
	opacity:1;
}
#main_section2 #table1{
	opacity:0;
		transition: all .5s ease 1.5s;
    -webkit-transition: all .5s ease 1.5s;
    -moz-transition: all .5s ease 1.5s;
    -ms-transition: all .5s ease 1.5s;
    -o-transition: all .5s ease 1.5s;
}
#main_section2.active #table1{
	opacity:1;
}


#main_section3 .bubble{
	opacity:0;
	margin-top:0px;
	    -moz-transform: scale(0, 0); /* Firefox */
-moz-transform-origin: 50% 100%;
-o-transform: scale(0, 0); /* Opera */
-o-transform-origin:50% 100%;
-webkit-transform: scale(0, 0); /* Safari And Chrome */
-webkit-transform-origin:50% 100%;
transform: scale(0, 0); /* Standard Property */
transform-origin:50% 100%; 
margin-left: 10px;margin-top: 0px;
}


#main_section3.active .bubble{
	margin-top:-60px;
-moz-transform: scale(1, 1); /* Firefox */
-moz-transform-origin: 50% 100%;
-o-transform: scale(1, 1); /* Opera */
-o-transform-origin:50% 100%;
-webkit-transform: scale(1, 1); /* Safari And Chrome */
-webkit-transform-origin:50% 100%;
transform: scale(1, 1); /* Standard Property */
transform-origin:50% 100%; 
opacity:1;	
	margin-left: 10px;margin-top: 200px;
}
#main_section3 .role{
	opacity:0;
	
}
#main_section3.active .role{
	opacity:1;
}
#main_section3 .photos{
	opacity:0;
		transition: all .5s ease .9s;
    -webkit-transition: all .5s ease .9s;
    -moz-transition: all .5s ease .9s;
    -ms-transition: all .5s ease .9s;
    -o-transition: all .5s ease .9s;
}
#main_section3.active .photos{
	opacity:1;
}


#main_section4 .card{
	
	-webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    	    transition: all .5s ease;
    -webkit-transition: all .5s ease ;
    -moz-transition: all .5s ease ;
    -ms-transition: all .5s ease ;
    -o-transition: all .5s ease ;
    opacity:0;
}

#main_section4.active .card{
	
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
	opacity:1;
}


#main_section4 .bubble{
	opacity:0;
	margin-top:0px;
	    -moz-transform: scale(0, 0); /* Firefox */
-moz-transform-origin: 50% 100%;
-o-transform: scale(0, 0); /* Opera */
-o-transform-origin:50% 100%;
-webkit-transform: scale(0, 0); /* Safari And Chrome */
-webkit-transform-origin:50% 100%;
transform: scale(0, 0); /* Standard Property */
transform-origin:50% 100%; 
margin-left: 60px;margin-top:0px;
}


#main_section4.active .bubble{
	margin-top:-60px;
-moz-transform: scale(1, 1); /* Firefox */
-moz-transform-origin: 50% 100%;
-o-transform: scale(1, 1); /* Opera */
-o-transform-origin:50% 100%;
-webkit-transform: scale(1, 1); /* Safari And Chrome */
-webkit-transform-origin:50% 100%;
transform: scale(1, 1); /* Standard Property */
transform-origin:50% 100%; 
opacity:1;	
margin-left: 60px;margin-top:190px;
}
#main_section4 .photos{
	opacity:0;
		transition: all .5s ease .9s;
    -webkit-transition: all .5s ease .9s;
    -moz-transition: all .5s ease .9s;
    -ms-transition: all .5s ease .9s;
    -o-transition: all .5s ease .9s;
}
#main_section4.active .photos{
	opacity:1;
}
#main_section4 #food1{
	opacity:0;
		transition: all .5s ease 1.2s;
    -webkit-transition: all .5s ease 1.2s;
    -moz-transition: all .5s ease 1.2s;
    -ms-transition: all .5s ease 1.2s;
    -o-transition: all .5s ease 1.2s;
}
#main_section4.active #food1{
	opacity:1;
}
#main_section4 #food2{
	opacity:0;
		transition: all .5s ease 1.5s;
    -webkit-transition: all .5s ease 1.5s;
    -moz-transition: all .5s ease 1.5s;
    -ms-transition: all .5s ease 1.5s;
    -o-transition: all .5s ease 1.5s;
}
#main_section4.active #food2{
	opacity:1;
}


#main_section5 .role{
	opacity:0;
	
}
#main_section5.active .role{
	opacity:1;
}
#main_section5 .bubble{
	opacity:0;

	    -moz-transform: scale(0, 0); /* Firefox */
-moz-transform-origin: 0% 0%;
-o-transform: scale(0, 0); /* Opera */
-o-transform-origin:0% 0%;
-webkit-transform: scale(0, 0); /* Safari And Chrome */
-webkit-transform-origin:0% 0%;
transform: scale(0, 0); /* Standard Property */
transform-origin:0% 0%; 
margin-left:250px;margin-top:40px;
}


#main_section5.active .bubble{

-moz-transform: scale(1, 1); /* Firefox */
-moz-transform-origin: 0% 0%;
-o-transform: scale(1, 1); /* Opera */
-o-transform-origin:0% 0%;
-webkit-transform: scale(1, 1); /* Safari And Chrome */
-webkit-transform-origin:0% 0%;
transform: scale(1, 1); /* Standard Property */
transform-origin:0% 0%; 
opacity:1;	
margin-left:300px;margin-top:40px;
}

#main_section5 .photos{
	opacity:0;
	    	    transition: all .5s ease;
    -webkit-transition: all .5s ease ;
    -moz-transition: all .5s ease ;
    -ms-transition: all .5s ease ;
    -o-transition: all .5s ease ;
}
#main_section5 .photos.active{
	opacity:1;
}



#main_section6 .role{
	opacity:0;
	
}
#main_section6.active .role{
	opacity:1;
}
#main_section6 .bubble{
	opacity:0;

	    -moz-transform: scale(0, 0); /* Firefox */
-moz-transform-origin: 0% 0%;
-o-transform: scale(0, 0); /* Opera */
-o-transform-origin:0% 0%;
-webkit-transform: scale(0, 0); /* Safari And Chrome */
-webkit-transform-origin:0% 0%;
transform: scale(0, 0); /* Standard Property */
transform-origin:0% 0%; 
margin-left:250px;margin-top:40px;
}


#main_section6.active .bubble{

-moz-transform: scale(1, 1); /* Firefox */
-moz-transform-origin: 0% 0%;
-o-transform: scale(1, 1); /* Opera */
-o-transform-origin:0% 0%;
-webkit-transform: scale(1, 1); /* Safari And Chrome */
-webkit-transform-origin:0% 0%;
transform: scale(1, 1); /* Standard Property */
transform-origin:0% 0%; 
opacity:1;	
margin-left:300px;margin-top:40px;
}

#main_section7 .bubble{
	opacity:0;
	margin-top:0px;
	    -moz-transform: scale(0, 0); /* Firefox */
-moz-transform-origin: 50% 100%;
-o-transform: scale(0, 0); /* Opera */
-o-transform-origin:50% 100%;
-webkit-transform: scale(0, 0); /* Safari And Chrome */
-webkit-transform-origin:50% 100%;
transform: scale(0, 0); /* Standard Property */
transform-origin:50% 100%; 
}


#main_section7.active .bubble{
	margin-top:-60px;
-moz-transform: scale(1, 1); /* Firefox */
-moz-transform-origin: 50% 100%;
-o-transform: scale(1, 1); /* Opera */
-o-transform-origin:50% 100%;
-webkit-transform: scale(1, 1); /* Safari And Chrome */
-webkit-transform-origin:50% 100%;
transform: scale(1, 1); /* Standard Property */
transform-origin:50% 100%; 
opacity:1;	
	
}
#main_section7 .role{
	opacity:0;
}
#main_section7.active .role{
	opacity:1;
}
#main_section7 #photo3{
	opacity:0;
		transition: all .5s ease .9s;
    -webkit-transition: all .5s ease .9s;
    -moz-transition: all .5s ease .9s;
    -ms-transition: all .5s ease .9s;
    -o-transition: all .5s ease .9s;
}
#main_section7.active #photo3{
	opacity:1;
}
#main_section7 #table2{
	opacity:0;
		transition: all .5s ease 1.5s;
    -webkit-transition: all .5s ease 1.5s;
    -moz-transition: all .5s ease 1.5s;
    -ms-transition: all .5s ease 1.5s;
    -o-transition: all .5s ease 1.5s;
}
#main_section7.active #table2{
	opacity:1;
}


#main_section8 .bubble{
	opacity:0;
	margin-top:0px;
	    -moz-transform: scale(0, 0); /* Firefox */
-moz-transform-origin: 50% 100%;
-o-transform: scale(0, 0); /* Opera */
-o-transform-origin:50% 100%;
-webkit-transform: scale(0, 0); /* Safari And Chrome */
-webkit-transform-origin:50% 100%;
transform: scale(0, 0); /* Standard Property */
transform-origin:50% 100%; 
margin-left: 10px;margin-top: 0px;
}


#main_section8.active .bubble{
	margin-top:-60px;
-moz-transform: scale(1, 1); /* Firefox */
-moz-transform-origin: 50% 100%;
-o-transform: scale(1, 1); /* Opera */
-o-transform-origin:50% 100%;
-webkit-transform: scale(1, 1); /* Safari And Chrome */
-webkit-transform-origin:50% 100%;
transform: scale(1, 1); /* Standard Property */
transform-origin:50% 100%; 
opacity:1;	
	margin-left: 10px;margin-top: 200px;
}
#main_section8 .role{
	opacity:0;
	
}
#main_section8.active .role{
	opacity:1;
}

/* NEWS */


#top_sub{
  height: 220px;
    position: fixed;
    width: 100%;
}

.tagboard-embed{
	
   margin-left: auto;
    margin-right: auto;
    width: 100%;
	height:auto;

}
.tagboard-embed iframe{
	
	width:100%!important;
/* 	height:400px!important;  */
	margin-left:auto;
	margin-right:auto;
	
	height:auto!important; 
	min-height:660px;
}

#tagboard_wrapper{
	width:100%;
	height:660px;
	
	margin-left:auto;
	margin-right:auto;
	margin-bottom:100px;
}

.tag_more{
color: #522c00;
    float: right;
    font-size: 24px;
  
    margin-top: 5px;
    text-decoration: none;
    font-weight:normal;
}

.download_a{
	width:316px;
	height:155px;
	margin-left:110px;
	padding-bottom:30px;
	display:block;
}

/* NEWS */
.news_box{
	width:186px;
	height:230px;
	float:left;
	margin-right:7px;
	margin-left:7px;
	margin-bottom:15px;
}



.news_thumb img{
	position:absolute;
}
.news_thumb_time{
	position:absolute;
	bottom:0;
	display:block;
	height:30px;
	width:186px;
	line-height:15px;
	color:#fff;
	font-size:12px;


}
.list_text_box{
	padding:0px;
	width:186px;
	height:44px;
	background:url(../img/list_text_bg.png);
	position:relative;
	clear:both;
}
.news_thumb{
	width:186px;
	height:185px;
	position:relative;
}
.date{
	float:left;
	margin-left:15px;
	font-weight:normal;
}
.time{
	float:right;
	margin-right:15px;
		font-weight:normal;
}

.news_title{
	width:100%;
	padding:7px;
	font-size:12px;
	color:#522C00;
	font-weight: bold;
	float:left;
	overflow:hidden;
}

.news_title a{ 
		color:#522C00;
	
	}

.news_box a{
	text-decoration: none;
	
}
.news_link{

	padding-left:7px;
	padding-right:7px;
	font-size:12px;
	color:#87502A;
float:right;
		font-weight:normal;
}

.news_link a{
		color:#87502A;
}

#news_box_slider{
 height: auto;
    overflow: hidden;
    width: 840px;
    margin-left:auto;
    margin-right:auto;
}

#history_box_slider{
 height: auto;
    overflow: hidden;
    width: 840px;
    margin-left:auto;
    margin-right:auto;
}


.news_box_wrapper{
	position:absolute;

}
.slider_btn{
	width:28px;
	height:28px;
	margin-left:34px;
	cursor:pointer;
	float:left;
}
.slider_btn img{
	position:absolute;
}
.slider_btn .btn_hover, .slider_btn .btn_now{
	opacity:0;
}

.slider_btn .btn_normal{
	opacity:1;
}

.slider_btn:hover .btn_hover{
	opacity:1;
}
.slider_btn.current .btn_now{
	opacity:1;
}
#slider_btn_wrapper{
   height: 40px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
opacity:0;
}

#sub_nav_wrapper_content_news{
   background: url("../img/line3.png") no-repeat scroll;
    cursor: pointer;
    display: block;
	margin-left:-144px;
	width:289px;
	left:50%;
    margin-right: auto;

    position: absolute;
	margin-top:-10px;
}

#sub_nav_wrapper_content_news .sub_nav_btn{
	
	margin-right:0px;
}
#mainbanner_logo{
width: 292px!important;
height:auto!important;
margin-top: 58px;
position:fixed;
left:50%;
margin-left:-146px;
}

#banner_news_bubble{
	margin-top:80px;padding-left:50%; margin-left:-460px;width:209px!important; height:94px!important;
	position:absolute;
}

.news_particle_wrapper{
	position:absolute;
	width:186px;
	height:185px;
	overflow:hidden;
}

.mobile_banner_logo{
	
	position:absolute;
	left:50%;
	margin-left:300px;
	top:120px;
}

.mobile_banner_logo{
	
	position:absolute;
	left:0%;
	margin-left:0px;
	top:120px;
}

#banner_ranking_bubble{
	margin-top:80px;padding-left:60%; margin-left:0px;width:211px!important; height:94px!important;
	position:absolute;
}



/* MAXWIDTH1000 */
@media screen and (max-width: 999px) {
/*
#nav_btns_wrapper{

	width:400px;
	height:80px;

}
#nav_wrapper, #nav_menu{
	width:100%;
	min-width:100%;
}
*/

#nav_menu .content{
	width:100%;
}

/*
#sub_nav_wrapper_content{
 
    left: 0%;
	

}	
*/


#banner_news_bubble{
	padding-left:0%; margin-left:0px
}




#nav_all_wrapper {

width:100%;
margin-left:0px;
left:0px;
}
.nav_btn_wrapper{
	width:100px;
}	

#nav_btns_wrapper2 {
float: right;
width: 220px;
height: 80px;
}


}



/* ANIMATION */

.p1, .p2, .p3, .p4{
	opacity:0;
	margin-top:186px;
}
img.p1{
	width:5px;
	height:5px;
}
img.p4{
	width:8px;
	height:8px;
}
img.p3{
	width:6px;
	height:6px;
}

.news_box{
	opacity:1;
		    	    transition: all .5s ease;
    -webkit-transition: all .5s ease ;
    -moz-transition: all .5s ease ;
    -ms-transition: all .5s ease ;
    -o-transition: all .5s ease ;
}

.news_box .news_thumb img{

/*
		    	    transition: all .5s ease;
    -webkit-transition: all .5s ease ;
    -moz-transition: all .5s ease ;
    -ms-transition: all .5s ease ;
    -o-transition: all .5s ease ;
*/
}



.news_box:hover .news_thumb img{
	opacity:.9
}


.news_box:hover .p1 {
	
	margin-left:0px;
	
    -webkit-animation:news_part 3.2s .1s linear infinite, sideWays3 3.3s ease-in-out infinite alternate;
    -moz-animation:news_part 3.2s .1s linear infinite, sideWays3 3.3s ease-in-out infinite alternate;
    -ms-animation:news_part 3.2s .1s linear infinite, sideWays3 3.3s ease-in-out infinite alternate;
    -o-animation:news_part 3.2s .1s linear infinite, sideWays3 3.3s ease-in-out infinite alternate;
    animation:news_part 3.2s .1s linear infinite, sideWays3 3.3s ease-in-out infinite alternate;
	}
.news_box:hover .p2 { margin-left:59px;
		
    -webkit-animation:news_part 2.8s .18s linear infinite, sideWays4 3.4s .1s ease-in-out infinite alternate;
    -moz-animation:news_part 2.8s .18s linear infinite, sideWays4 3.4s .1s ease-in-out infinite alternate;
    -ms-animation:news_part 2.8s .18s linear infinite, sideWays4 3.4s .1s ease-in-out infinite alternate;
    -o-animation:news_part 2.8s .18s linear infinite, sideWays4 3.4s .1s ease-in-out infinite alternate;
    animation:news_part 2.8s .18s linear infinite, sideWays4 3.4s .1s ease-in-out infinite alternate;
	}
.news_box:hover .p3 {margin-left:30px;
		
    -webkit-animation:news_part 2.9s .2s linear infinite, sideWays5 2.6s .12s ease-in-out infinite alternate;
    -moz-animation: news_part 2.9s .2s linear infinite, sideWays5 2.6s .12s ease-in-out infinite alternate;
    -ms-animation: news_part 2.9s .2s linear infinite, sideWays5 2.6s .12s ease-in-out infinite alternate;
    -o-animation:news_part 2.9s .2s linear infinite, sideWays5 2.6s .12s ease-in-out infinite alternate;
    animation:news_part 2.9s .2s linear infinite, sideWays5 2.6s .12s ease-in-out infinite alternate;
	}
.news_box:hover .p4 {margin-left:103px;
	
    -webkit-animation:news_part 3.6s .0s linear infinite, sideWays6 3.1s .17s ease-in-out infinite alternate;
    -moz-animation: news_part 3.6s .0s linear infinite, sideWays6 3.1s .17s ease-in-out infinite alternate;
    -ms-animation:news_part 3.6s .0s linear infinite, sideWays6 3.1s .17s ease-in-out infinite alternate; 
    -o-animation:news_part 3.6s .0s linear infinite, sideWays6 3.1s .17s ease-in-out infinite alternate;
    animation:news_part 3.6s .0s linear infinite, sideWays6 3.1s .17s ease-in-out infinite alternate;
	}









@-webkit-keyframes news_part {
    0% {

		margin-top:186px;
    }
    25%{
	  opacity:1;  
	    
    }
    50%{
	    opacity:0;
		 margin-top:0px;
    }
    75%{
	        opacity:1;
    }
    
    100% {
	opacity:0;
    }
  }
@-moz-keyframes news_part {
    0% {

		margin-top:186px;
    }
    25%{
	  opacity:1;  
	    
    }
    50%{
	    opacity:0;
		 margin-top:0px;
    }
    75%{
	        opacity:1;
    }
    
    100% {
	opacity:0;
    }
  }
@-ms-keyframesnews_part news_part {
    0% {

		margin-top:186px;
    }
    25%{
	  opacity:1;  
	    
    }
    50%{
	    opacity:0;
		 margin-top:0px;
    }
    75%{
	        opacity:1;
    }
    
    100% {
	opacity:0;
    }
  }
@-o-keyframes news_part {
    0% {

		margin-top:186px;
    }
    25%{
	  opacity:1;  
	    
    }
    50%{
	    opacity:0;
		 margin-top:0px;
    }
    75%{
	        opacity:1;
    }
    
    100% {
	opacity:0;
    }
  }
 @keyframes news_part {
    0% {

		margin-top:186px;
    }
    25%{
	  opacity:1;  
	    
    }
    50%{
	    opacity:0;
		 margin-top:0px;
    }
    75%{
	        opacity:1;
    }
    
    100% {
	opacity:0;
    }
  }








/*

    -moz-animation: 
    -ms-animation: 
    -o-animation:
    animation:



*/
.x1 {
    -webkit-animation: moveclouds 1.2s .1s linear infinite, sideWays2 2.3s ease-in-out infinite alternate;
    -moz-animation: moveclouds 1.2s .1s linear infinite, sideWays2 2.3s ease-in-out infinite alternate;
    -ms-animation: moveclouds 1.2s .1s linear infinite, sideWays2 2.3s ease-in-out infinite alternate;
    -o-animation: moveclouds 1.2s .1s linear infinite, sideWays2 2.3s ease-in-out infinite alternate;
    animation: moveclouds 1.2s .1s linear infinite, sideWays2 2.3s ease-in-out infinite alternate;
	}
.x2 { left:1px;
    -webkit-animation: moveclouds 1.8s .18s linear infinite, sideWays 2.4s .1s ease-in-out infinite alternate;
    -moz-animation: moveclouds 1.8s .18s linear infinite, sideWays 2.4s .1s ease-in-out infinite alternate;
    -ms-animation: moveclouds 1.8s .18s linear infinite, sideWays 2.4s .1s ease-in-out infinite alternate;
    -o-animation: moveclouds 1.8s .18s linear infinite, sideWays 2.4s .1s ease-in-out infinite alternate;
    animation: moveclouds 1.8s .18s linear infinite, sideWays 2.4s .1s ease-in-out infinite alternate;
	}
.x3 {left:-1px;
    -webkit-animation: moveclouds 1.9s .2s linear infinite, sideWays2 2.6s .12s ease-in-out infinite alternate;
    -moz-animation:  moveclouds 1.9s .2s linear infinite, sideWays2 2.6s .12s ease-in-out infinite alternate;
    -ms-animation:  moveclouds 1.9s .2s linear infinite, sideWays2 2.6s .12s ease-in-out infinite alternate;
    -o-animation: moveclouds 1.9s .2s linear infinite, sideWays2 2.6s .12s ease-in-out infinite alternate;
    animation: moveclouds 1.9s .2s linear infinite, sideWays2 2.6s .12s ease-in-out infinite alternate;
	}
.x4 {left:2px;
    -webkit-animation: moveclouds 1.6s .0s linear infinite, sideWays 2.1s .17s ease-in-out infinite alternate;
    -moz-animation:  moveclouds 1.6s .0s linear infinite, sideWays 2.1s .17s ease-in-out infinite alternate;
    -ms-animation: moveclouds 1.6s .0s linear infinite, sideWays 2.1s .17s ease-in-out infinite alternate; 
    -o-animation: moveclouds 1.6s .0s linear infinite, sideWays 2.1s .17s ease-in-out infinite alternate;
    animation: moveclouds 1.6s .0s linear infinite, sideWays 2.1s .17s ease-in-out infinite alternate;
	}
.x5 {left:3px;
    -webkit-animation: moveclouds 1.4s .11s linear infinite, sideWays2 2.3s  .16s ease-in-out infinite alternate;
    -moz-animation: moveclouds 1.4s .11s linear infinite, sideWays2 2.3s  .16s ease-in-out infinite alternate;
    -ms-animation: moveclouds 1.4s .11s linear infinite, sideWays2 2.3s  .16s ease-in-out infinite alternate;
    -o-animation:moveclouds 1.4s .11s linear infinite, sideWays2 2.3s  .16s ease-in-out infinite alternate;
    animation:moveclouds 1.4s .11s linear infinite, sideWays2 2.3s  .16s ease-in-out infinite alternate;
	}
.x6 {left:-1px;
    -webkit-animation: moveclouds2 1.3s .12s linear infinite, sideWays 2.1s .19s  ease-in-out infinite alternate;
    -moz-animation: moveclouds2 1.3s .12s linear infinite, sideWays 2.1s .19s  ease-in-out infinite alternate;
    -ms-animation: moveclouds2 1.3s .12s linear infinite, sideWays 2.1s .19s  ease-in-out infinite alternate;
    -o-animation:moveclouds2 1.3s .12s linear infinite, sideWays 2.1s .19s  ease-in-out infinite alternate;
    animation:moveclouds2 1.3s .12s linear infinite, sideWays 2.1s .19s  ease-in-out infinite alternate;
	}
.x7 {left:2px;
    -webkit-animation: moveclouds2 1.6s .05s linear infinite, sideWays2 1.8s .1s ease-in-out infinite alternate;
    -moz-animation: moveclouds2 1.6s .05s linear infinite, sideWays2 1.8s .1s ease-in-out infinite alternate;
    -ms-animation: moveclouds2 1.6s .05s linear infinite, sideWays2 1.8s .1s ease-in-out infinite alternate;
    -o-animation:moveclouds2 1.6s .05s linear infinite, sideWays2 1.8s .1s ease-in-out infinite alternate;
    animation:moveclouds2 1.6s .05s linear infinite, sideWays2 1.8s .1s ease-in-out infinite alternate;
	}
.x8 {left:3px;
    -webkit-animation: moveclouds2 1.4s .16s linear infinite, sideWays 2.1s  .14s ease-in-out infinite alternate;
    -moz-animation: moveclouds2 1.4s .16s linear infinite, sideWays 2.1s  .14s ease-in-out infinite alternate;
    -ms-animation: moveclouds2 1.4s .16s linear infinite, sideWays 2.1s  .14s ease-in-out infinite alternate;
    -o-animation:moveclouds2 1.4s .16s linear infinite, sideWays 2.1s  .14s ease-in-out infinite alternate;
    animation:moveclouds2 1.4s .16s linear infinite, sideWays 2.1s  .14s ease-in-out infinite alternate;
	}
.x9 {left:-1px;
    -webkit-animation: moveclouds2 1.2s .08s linear infinite, sideWays2 1.9s .12s  ease-in-out infinite alternate;
    -moz-animation: moveclouds2 1.2s .08s linear infinite, sideWays2 1.9s .12s  ease-in-out infinite alternate;
    -ms-animation: moveclouds2 1.2s .08s linear infinite, sideWays2 1.9s .12s  ease-in-out infinite alternate;
    -o-animation:moveclouds2 1.2s .08s linear infinite, sideWays2 1.9s .12s  ease-in-out infinite alternate;
    animation:moveclouds2 1.2s .08s linear infinite, sideWays2 1.9s .12s  ease-in-out infinite alternate;
	}
	
.x10 {left:2px;
    -webkit-animation: moveclouds3 1.6s .05s linear infinite, sideWays2 1.8s .1s ease-in-out infinite alternate;
    -moz-animation:  moveclouds3 1.6s .05s linear infinite, sideWays2 1.8s .1s ease-in-out infinite alternate;
    -ms-animation:  moveclouds3 1.6s .05s linear infinite, sideWays2 1.8s .1s ease-in-out infinite alternate;
    -o-animation: moveclouds3 1.6s .05s linear infinite, sideWays2 1.8s .1s ease-in-out infinite alternate;
    animation: moveclouds3 1.6s .05s linear infinite, sideWays2 1.8s .1s ease-in-out infinite alternate;
	}
.x11 {left:3px;
    -webkit-animation: moveclouds3 1.4s .16s linear infinite, sideWays 2.1s  .14s ease-in-out infinite alternate;
    -moz-animation: moveclouds3 1.4s .16s linear infinite, sideWays 2.1s  .14s ease-in-out infinite alternate;
    -ms-animation: moveclouds3 1.4s .16s linear infinite, sideWays 2.1s  .14s ease-in-out infinite alternate;
    -o-animation:moveclouds3 1.4s .16s linear infinite, sideWays 2.1s  .14s ease-in-out infinite alternate;
    animation:moveclouds3 1.4s .16s linear infinite, sideWays 2.1s  .14s ease-in-out infinite alternate;
	}
.x12 {left:-1px;
    -webkit-animation: moveclouds3 1.2s .08s linear infinite, sideWays2 1.9s .12s  ease-in-out infinite alternate;
    -moz-animation:  moveclouds3 1.2s .08s linear infinite, sideWays2 1.9s .12s  ease-in-out infinite alternate;
    -ms-animation:  moveclouds3 1.2s .08s linear infinite, sideWays2 1.9s .12s  ease-in-out infinite alternate;
    -o-animation: moveclouds3 1.2s .08s linear infinite, sideWays2 1.9s .12s  ease-in-out infinite alternate;
    animation: moveclouds3 1.2s .08s linear infinite, sideWays2 1.9s .12s  ease-in-out infinite alternate;
	}
/*****moveclouds*****/
@-webkit-keyframes moveclouds { 
    0% {  opacity:0;}
	50% { opacity:1;}
	80% { opacity:1;}
    100% { opacity:0;}
}
@-moz-keyframes moveclouds { 
    0% {  opacity:0;}
	50% { opacity:1;}
	80% { opacity:1;}
    100% { opacity:0;}
}
@-ms-keyframes moveclouds { 
    0% {  opacity:0;}
	50% { opacity:1;}
	80% { opacity:1;}
    100% { opacity:0;}
}
@-o-keyframes moveclouds { 
    0% {  opacity:0;}
	50% { opacity:1;}
	80% { opacity:1;}
    100% { opacity:0;}
}
@keyframes moveclouds { 
    0% {  opacity:0;}
	50% { opacity:1;}
	80% { opacity:1;}
    100% { opacity:0;}
}





/**/

@-webkit-keyframes moveclouds2 { 
    0% {  opacity:0;}
	49% { opacity:1;}
	50% { opacity:0;}
	80% { opacity:0;}
    100% { opacity:0;}
}

@-moz-keyframes moveclouds2 { 
    0% {  opacity:0;}
	49% { opacity:1;}
	50% { opacity:0;}
	80% { opacity:0;}
    100% { opacity:0;}
}

@-ms-keyframes moveclouds2 { 
    0% {  opacity:0;}
	49% { opacity:1;}
	50% { opacity:0;}
	80% { opacity:0;}
    100% { opacity:0;}
}

@-o-keyframes moveclouds2 { 
    0% {  opacity:0;}
	49% { opacity:1;}
	50% { opacity:0;}
	80% { opacity:0;}
    100% { opacity:0;}
}

@keyframes moveclouds2 { 
    0% {  opacity:0;}
	49% { opacity:1;}
	50% { opacity:0;}
	80% { opacity:0;}
    100% { opacity:0;}
}
/**/
@-webkit-keyframes moveclouds3 { 
    0% {  opacity:0;}
	50% { opacity:0;}
    99% { opacity:1;}
    100% { opacity:0;}
}

@-moz-keyframes moveclouds3 { 
    0% {  opacity:0;}
	50% { opacity:0;}
    99% { opacity:1;}
    100% { opacity:0;}
}
@-ms-keyframes moveclouds3 { 
    0% {  opacity:0;}
	50% { opacity:0;}
    99% { opacity:1;}
    100% { opacity:0;}
}
@-o-keyframes moveclouds3 { 
    0% {  opacity:0;}
	50% { opacity:0;}
    99% { opacity:1;}
    100% { opacity:0;}
}
@keyframes moveclouds3 { 
    0% {  opacity:0;}
	50% { opacity:0;}
    99% { opacity:1;}
    100% { opacity:0;}
}


/******sideWays********/
@-webkit-keyframes sideWays { 
    0% { margin-left:0px; }
    40% { margin-left:1px; }
	100% { margin-left:0px; }
}

@-moz-keyframes sideWays { 
    0% { margin-left:0px; }
    40% { margin-left:1px; }
	100% { margin-left:0px; }
}

@-ms-keyframes sideWays { 
    0% { margin-left:0px; }
    40% { margin-left:1px; }
	100% { margin-left:0px; }
}

@-o-keyframes sideWays { 
    0% { margin-left:0px; }
    40% { margin-left:1px; }
	100% { margin-left:0px; }
}

@keyframes sideWays { 
    0% { margin-left:0px; }
    40% { margin-left:1px; }
	100% { margin-left:0px; }
}


/**/

@-webkit-keyframes sideWays2 { 
    0% { margin-left:0px; }
    60% { margin-left:-4px; }
	100% { margin-left:0px; }
}

@-moz-keyframes sideWays2 { 
    0% { margin-left:0px; }
    60% { margin-left:-4px; }
	100% { margin-left:0px; }
}

@-ms-keyframes sideWays2 { 
    0% { margin-left:0px; }
    60% { margin-left:-4px; }
	100% { margin-left:0px; }
}

@-o-keyframes sideWays2 { 
    0% { margin-left:0px; }
    60% { margin-left:-4px; }
	100% { margin-left:0px; }
}

@keyframes sideWays2 { 
    0% { margin-left:0px; }
    60% { margin-left:-4px; }
	100% { margin-left:0px; }
}




/******sideWays********/
@-webkit-keyframes sideWays3 { 
    0% { margin-left:100px; }
    40% { margin-left:150px; }
	100% { margin-left:160px; }
}

@-moz-keyframes sideWays3 { 
  0% { margin-left:100px; }
    40% { margin-left:150px; }
	100% { margin-left:160px; }
}

@-ms-keyframes sideWays3 { 
  0% { margin-left:100px; }
    40% { margin-left:150px; }
	100% { margin-left:160px; }
}

@-o-keyframes sideWays3 { 
  0% { margin-left:100px; }
    40% { margin-left:150px; }
	100% { margin-left:160px; }
}

@keyframes sideWays3 { 
  0% { margin-left:100px; }
    40% { margin-left:150px; }
	100% { margin-left:160px; }
}


/**/

@-webkit-keyframes sideWays4 { 
    0% { margin-left:0px; }
    60% { margin-left:20px; }
	100% { margin-left:120px; }
}

@-moz-keyframes sideWays4 { 
    0% { margin-left:0px; }
    60% { margin-left:20px; }
	100% { margin-left:120px; }
}

@-ms-keyframes sideWays4 { 
    0% { margin-left:0px; }
    60% { margin-left:20px; }
	100% { margin-left:120px; }
}

@-o-keyframes sideWays4 { 
    0% { margin-left:0px; }
    60% { margin-left:20px; }
	100% { margin-left:120px; }
}

@keyframes sideWays4 { 
    0% { margin-left:0px; }
    60% { margin-left:20px; }
	100% { margin-left:120px; }
}

/**/

@-webkit-keyframes sideWays5 { 
    0% { margin-left:0px; }
    60% { margin-left:-10px; }
	100% { margin-left:80px; }
}

@-moz-keyframes sideWays5 { 
    0% { margin-left:0px; }
    60% { margin-left:-10px; }
	100% { margin-left:80px; }
}

@-ms-keyframes sideWays5 { 
    0% { margin-left:0px; }
    60% { margin-left:-50px; }
	100% { margin-left:80px; }
}

@-o-keyframes sideWays5 { 
    0% { margin-left:0px; }
    60% { margin-left:-50px; }
	100% { margin-left:80px; }
}

@keyframes sideWays5 { 
    0% { margin-left:0px; }
    60% { margin-left:-50px; }
	100% { margin-left:80px; }
}

/******sideWays********/
@-webkit-keyframes sideWays6 { 
    0% { margin-left:40px; }
    40% { margin-left:180px; }
	100% { margin-left:0px; }
}

@-moz-keyframes sideWays6 { 
    0% { margin-left:40px; }
    40% { margin-left:180px; }
	100% { margin-left:0px; }
}

@-ms-keyframes sideWays6 { 
    0% { margin-left:40px; }
    40% { margin-left:180px; }
	100% { margin-left:0px; }
}

@-o-keyframes sideWays6 { 
    0% { margin-left:40px; }
    40% { margin-left:180px; }
	100% { margin-left:0px; }
}

@keyframes sideWays6 { 
    0% { margin-left:40px; }
    40% { margin-left:180px; }
	100% { margin-left:0px; }
}


/**/