.main-slide 										{ background:#db4806/*url('../img/slide-bg2.jpg') #db4806 top no-repeat fixed;*/; display:none;}
.main-slide img 									{ padding-top: 80px; cursor:pointer;}
/*														
.main-slide .line 									{ width:1920px; height:15px; background: yellow;  position:relative; z-index: 1003;}*/
/*.main-slide .stage									{ max-width:1440px; height:693px; margin: 0 auto; overflow: hidden;}*/
.main-slide .stage div 								{ margin: 0 auto;}


.main-slide .stage .obj1 							{ position:relative;  top:430px;; left:-550px; width: 246px;}
.main-slide .stage .obj1 .actor1					{ background:url('../img/banner/actor1.png') top center no-repeat; width: 246px; height: 300px; z-index: 1018; position:relative;}
.main-slide .stage .obj1 .item1						{ background:url('../img/banner/item1.png') top center no-repeat; width: 106px; height: 134px; margin-top:-134px; z-index: 1017; position:relative; left:100px; top:-20px; }

.main-slide .stage .obj2 							{ position:relative;  top:256px; left:-420px; width: 215px;}
.main-slide .stage .obj2 .actor2					{ background:url('../img/banner/actor2.png') top center no-repeat; width: 215px; height: 394px; margin-top:-394px; position:relative; z-index:1015;}

.main-slide .stage .obj3 							{ position:relative;  top:630px; left:-70px; width: 541px;}
.main-slide .stage .obj3 .actor3					{ background:url('../img/banner/actor3.png') top center no-repeat; width: 541px; height: 558px; margin-top:-558px; position:relative; z-index:1013;}
.main-slide .stage .obj3 .item3						{ background:url('../img/banner/item3.png') top center no-repeat; width: 299px; height: 185px; margin-top:-185px; position:relative; 
left:-202px; top:-534px; z-index: 1014;}

.main-slide .stage .obj4 							{ position:relative;  top:405px; left:455px; width:253px;}
.main-slide .stage .obj4 .actor4					{ background:url('../img/banner/actor4.png') top center no-repeat; width: 253px; height: 485px; margin-top:-485px; position:relative; z-index: 1012;}

.main-slide .stage .obj5 							{ position:relative;  top:580px; left:600px; width:245px; }
.main-slide .stage .obj5 .actor5					{ background:url('../img/banner/actor5.png') top center no-repeat; width: 245px; height: 477px; margin-top:-477px; position:relative; z-index: 1013;}
.main-slide .stage .obj5 .item5						{ background:url('../img/banner/item5.png') top center no-repeat; width: 196px; height: 196px; margin-top:-162px; position:relative; 
left:-18px; top:-256px; z-index: 1014; 

-webkit-animation:spin2 4s infinite;  -moz-animation:spin2 4s infinite; }  
.main-slide .stage .obj5 .item5b					{ background:url('../img/banner/item5b.png') top center no-repeat; width: 168px; height: 125px; margin-top:-125px; position:relative; 
left:-13px; top:-294px; z-index: 1014; }  

 
.main-slide .stage .objbg 							{ position:relative;  top:0; left:0; }

.main-slide .stage .bg1 							{ position:relative;  top:380px; left:-345px;  z-index: 1016; background:url('../img/banner/bg1.png') top center no-repeat; 
 width: 198px; height: 323px; margin-top: -323px;}
.main-slide .stage .bg2 							{ position:relative;  top:390px; left:-225px;  z-index: 1011; background:url('../img/banner/bg2.png') top center no-repeat;
 width: 153px; height: 686px; margin-top: -686px;}
.main-slide .stage .bg3 							{ position:relative;  top:360px; left:100px;  z-index: 1013; background:url('../img/banner/bg3.png') top center no-repeat;
 width: 180px; height: 125px; margin-top: -125px;}
.main-slide .stage .bg4 							{ position:relative;  top:365px; left:150px;  z-index: 1012; background:url('../img/banner/bg4.png') top center no-repeat;
 width: 173px; height: 242px; margin-top: -242px}
.main-slide .stage .bg5 							{ position:relative;  top:400px; left:300px;  z-index: 1011; background:url('../img/banner/bg5.png') top center no-repeat;
 width: 228px; height: 418px; margin-top: -418px;}

.main-slide .stage .msg1 							{ position:relative;  top:-50px; left:-585px;  z-index: 1011; background:url('../img/banner/msg1.png') top center no-repeat;
 width: 213px; height: 112px; margin-top: -112px;}
.main-slide .stage .msg2							{ position:relative;  top:-70px; left:405px;  z-index: 1011; background:url('../img/banner/msg2.png') top center no-repeat;
 width: 441px; height: 158px; margin-top: -158px;}
.main-slide .stage .yologo							{ position:relative;  top:90px; left:0px;  z-index: 1012; background:url('../img/banner/logo.png') top center no-repeat;
 width: 527px; height: 363px; margin-top: -363px;}


/*.main-slide animation */
.obj1 { -webkit-animation: obj1 1s; -moz-animation: obj1 1s; }
.obj2 { -webkit-animation: obj2 1s; -moz-animation: obj2 1s; }
.obj3 { -webkit-animation: obj3 1s; -moz-animation: obj3 1s; }
.obj4 { -webkit-animation: obj4 1s; -moz-animation: obj4 1s; }
.obj5 { -webkit-animation: obj5 1s; -moz-animation: obj5 1s; }

.objbg { -webkit-animation: objbg 1s; -moz-animation: objbg 1s;}

.msg1 {  -webkit-animation-delay: 5s; animation-delay: 5s;
		 -webkit-animation: msg1 1s;  -moz-animation: msg1 1s; }
.msg2 {  -webkit-animation-delay: 6s; animation-delay: 6s;   
		 -webkit-animation: msg2 1s;  -moz-animation: msg2 1s;}
.yologo {   
			-webkit-animation-delay: 7s; animation-delay: 7s; 
			-webkit-animation: enlarge 1s;  -moz-animation: enlarge 1s; 
			-webkit-transform: scale(0); -moz-transform: scale(0); 
			-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.enlarge {
			-webkit-animation-delay: 7s; animation-delay: 7s; 
			-webkit-animation: enlarge 1s;  -moz-animation: enlarge 1s; 
			-webkit-transform: scale(0); -moz-transform: scale(0); 
			-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }


.obj2 .actor2 {
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}
.obj3 .actor3, .obj3 .item3 {
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}

.yo-m { position:relative; -webkit-animation: yo-m 1s; -moz-animation: yo-m 1s; }


@-webkit-keyframes obj1 { from { left: -800px} to { left: -550px} }
@-moz-keyframes obj1 { from { left: -800px} to { left: -550px} }

@-webkit-keyframes obj2 { from { top: -460px} to { top: 256px} }
@-moz-keyframes obj2 { from { top: -460px} to { top: 256px} } 

@-webkit-keyframes obj3 { from { top: -84px} to { top: 630px} }
@-moz-keyframes obj3 { from { top: -84px} to { top: 630px} }

@-webkit-keyframes obj4 { from { left: 0px; top: 800px;} to { left: 455px; top: 405px;} }
@-moz-keyframes obj4 { from { left: 0px; top: 800px;} to { left: 455px; top: 405px;} }

@-webkit-keyframes obj5 { from { left: 800px} to { left: 600px} }
@-moz-keyframes obj5 { from { left: 800px} to { left: 600px} }

@-webkit-keyframes objbg { from { top: 800px} to { top: 0px} }
@-moz-keyframes objbg { from { top: 800px} to { top: 0px} }

@-webkit-keyframes yo-m { from { top: 200px} to { top: 0px} }
@-moz-keyframes yo-m { from { top: 200px} to { top: 0px} }


@-webkit-keyframes msg1 { from { left: -400px; top: -40px;} to { top:-50px; left:-585px;} }
@-moz-keyframes msg1 { from { left: -400px; top: -40px;} to { top:-50px; left:-585px;} }

@-webkit-keyframes msg2 { from { left: 380px; top: 0px;} to { top:-70px; left:405px;} }
@-moz-keyframes msg2 { from { left: 380px; top: 0px;} to { top:-70px; left:405px;} }

@-webkit-keyframes yologo { from { width: 0; height: 0;} to {  width: 527px; height: 363px;} }
@-moz-keyframes yologo { from { width: 0; height: 0;} to {  width: 527px; height: 363px;} }


@-webkit-keyframes spin2 { 
0% {-webkit-transform: rotate(0deg)} 
25%{-webkit-transform: rotate(40deg)}
50%{-webkit-transform: rotate(0deg)}
75%{-webkit-transform: rotate(-90deg)}
100% { -webkit-transform: rotate(0deg)} }


@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(0, 15px);}
    to {-webkit-transform: translate(0, -0px);    }
}

@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(0, 15px);}
    to {-moz-transform: translate(0, -0px);}
}

@-webkit-keyframes Floatingx2{
    from {-webkit-transform:translate(0, 0px);}
    45% {-webkit-transform:translate(0, 5px);}
    to {-webkit-transform: translate(0, -0px);    }
}

@-moz-keyframes Floating2{
    from {-moz-transform:translate(0, 0px);}
    45% {-moz-transform:translate(0, 5px);}
    to {-moz-transform: translate(0, -0px);}
}

@-webkit-keyframes enlarge { 100% {-webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1);} } 
@-moz-keyframes enlarge { 100% {-moz-transform: scale(1); -o-transform: scale(1); transform: scale(1);} } 


/*.main-slide animation end */


/* Loading - Center the loader start */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;/*
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;*/
  z-index: 9999;
  
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 10s;
  animation-name: animatebottom;
  animation-duration: 10s
}

@-webkit-keyframes animatebottom {
  from { bottom:-1000px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-1000px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#stage {
  display: none;
  text-align: center;
}

/* Loading - Center the loader end */

/*
.main-slide2										{ background:url('../img/slide-bg2.jpg') #db4806 top no-repeat fixed;}
.main-slide2 .stage									{ max-width:1440px; height:693px; margin: 0 auto; overflow: hidden;}
.main-slide2 .stage div 							{ margin: 0 auto;}
.main-slide2 .multiplay								{ vertical-align: bottom;}
/*
.main-slide2 img 									{ padding-top: 20%;}
*/