@charset "gb2312";
 
#stage img{
	display:block;
}

#stage{
	position:fixed;
	left:0px;
	top:0px;
	z-index:999;
	width:100%;
	height:100%;
	filter:alpha(opacity=0);
	opacity:0;
	transform:scale(0,0);
}

/* 舞台淡出 Start */
@-ms-keyframes stage{
	from{ filter:alpha(opacity=100); opacity:1; transform:scale(1,1); }
	98.36%{ filter:alpha(opacity=100); opacity:1; transform:scale(1,1); }
	to{ }
}
@-moz-keyframes stage{
	from{ filter:alpha(opacity=100); opacity:1; transform:scale(1,1); }
	98.36%{ filter:alpha(opacity=100); opacity:1; transform:scale(1,1); }
	to{ }
}
@-o-keyframes stage{
	from{ filter:alpha(opacity=100); opacity:1; transform:scale(1,1); }
	98.36%{ filter:alpha(opacity=100); opacity:1; transform:scale(1,1); }
	to{ }
}
@-webkit-keyframes stage{
	from{ filter:alpha(opacity=100); opacity:1; transform:scale(1,1); }
	98.36%{ filter:alpha(opacity=100); opacity:1; transform:scale(1,1); }
	to{ }
}
@keyframes stage{
	from{ filter:alpha(opacity=100); opacity:1; transform:scale(1,1); }
	98.36%{ filter:alpha(opacity=100); opacity:1; transform:scale(1,1); }
	to{ }
}

#stage{
	animation:'stage' 18.3s ease-in-out 0s normal;
	-ms-animation:stage 18.3s ease-in-out 0s normal;
	-moz-animation:stage 18.3s ease-in-out 0s normal;
	-o-animation:'stage' 18.3s ease-in-out 0s normal;
	-webkit-animation:'stage' 18.3s ease-in-out 0s normal;
}
/* 舞台淡出 End */

#stage .close{
	position:absolute;
	right:10%;
	top:8%;
	z-index:5000;
}

#stage .enter{
	position:absolute;
	width:60%;
	height:60%;
	left:20%;
	top:20%;
	z-index:4000;
}

#stage .act1,#stage .act2,#stage .act3{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

#stage .act1{ z-index:1000; }
#stage .act2{ z-index:2000; }
#stage .act3{ z-index:3000; }

#stage .act1 .shadow{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background:#000;
	filter:alpha(opacity=67);
	-moz-opacity:0.67;
	opacity:0.67;
}

#stage .act1 .num{
	position:absolute;
	left:50%;
	top:50%;
	margin:-105px 0px 0px -326px;
	height:210px;
	width:652px;
}

#stage .act1 .num .bg1{
	position:absolute;
	left:0px;
	top:0px;
	width:148px;
	height:209px;
	background:url(../images/act1-bg1.png);
}

#stage .act1 .num .bg2{
	position:absolute;
	left:168px;
	top:0px;
	width:148px;
	height:209px;
	background:url(../images/act1-bg2.png);
}

#stage .act1 .num .bg3{
	position:absolute;
	right:168px;
	top:0px;
	width:148px;
	height:209px;
	background:url(../images/act1-bg3.png);
}

#stage .act1 .num .bg4{
	position:absolute;
	right:0px;
	top:0px;
	width:148px;
	height:209px;
	background:url(../images/act1-bg4.png);
}

#stage .act1 .num label{
	position:absolute;
	width:140px;
	height:8px;
	background:#bc0412;
	left:4px;
	top:105px;
}

#stage .act1 .num span{
	display:block;
	width:148px;
	height:209px;
	background-image:url(../images/act1-num.png);
}

#stage .act1 .num .bg3 span{
	background-position:center -209px;
}

#stage .act1 .num .bg4 span{
	background-position:center -1254px;
}

/* 第一幕日历十位数 Start */
@-ms-keyframes shu1{
	from{ background-position:center -0px; }
	75%{ background-position:center -0px; } 
	78%{ background-position:center -209px; } 
	to{ }
}

@-moz-keyframes shu1{
	from{ background-position:center -0px; }
	75%{ background-position:center -0px; } 
	78%{ background-position:center -209px; } 
	to{ }
}

@-o-keyframes shu1{
	from{ background-position:center -0px; }
	75%{ background-position:center -0px; } 
	78%{ background-position:center -209px; } 
	to{ }
}

@-webkit-keyframes shu1{
	from{ background-position:center -0px; }
	75%{ background-position:center -0px; } 
	78%{ background-position:center -209px; } 
	to{ }
}
 
@keyframes shu1{
	from{ background-position:center -0px; }
	75%{ background-position:center -0px; } 
	78%{ background-position:center -209px; } 
	to{ }
}

#stage .act1 .num .bg3 span{
	animation:'shu1' 3.0s ease-in-out 0s normal;
	-ms-animation:shu1 3.0s ease-in-out 0s normal;
	-moz-animation:shu1 3.0s ease-in-out 0s normal;
	-o-animation:'shu1' 3.0s ease-in-out 0s normal;
	-webkit-animation:'shu1' 3.0s ease-in-out 0s normal;
}
/* 第一幕日历十位数 End */


/* 第一幕日历个位数 Start */
@-ms-keyframes shu2{
	from{ background-position:center -209px; }
	30%{ background-position:center -209px; }
	40%{ background-position:center -418px; } 
	50%{ background-position:center -627px; }
	60%{ background-position:center -836px; }
	63%{ background-position:center -1045px; }
	66%{ background-position:center -1254px; }
	69%{ background-position:center -1463px; }
	72%{ background-position:center -1672px; }
	75%{ background-position:center -1881px; }
	78%{ background-position:center -2090px; }
	81%{ background-position:center -2299px; }
	84%{ background-position:center -2508px; }
	87%{ background-position:center -2717px; }
	90%{ background-position:center -2926px; }
	93%{ background-position:center -3125px; }
	95%{ background-position:center -3344px; }
	to{ background-position:center -3553px; }
}
@-moz-keyframes shu2{
	from{ background-position:center -209px; }
	30%{ background-position:center -209px; }
	40%{ background-position:center -418px; } 
	50%{ background-position:center -627px; }
	60%{ background-position:center -836px; }
	63%{ background-position:center -1045px; }
	66%{ background-position:center -1254px; }
	69%{ background-position:center -1463px; }
	72%{ background-position:center -1672px; }
	75%{ background-position:center -1881px; }
	78%{ background-position:center -2090px; }
	81%{ background-position:center -2299px; }
	84%{ background-position:center -2508px; }
	87%{ background-position:center -2717px; }
	90%{ background-position:center -2926px; }
	93%{ background-position:center -3125px; }
	95%{ background-position:center -3344px; }
	to{ background-position:center -3553px; }
}
@-o-keyframes shu2{
	from{ background-position:center -209px; }
	30%{ background-position:center -209px; }
	40%{ background-position:center -418px; } 
	50%{ background-position:center -627px; }
	60%{ background-position:center -836px; }
	63%{ background-position:center -1045px; }
	66%{ background-position:center -1254px; }
	69%{ background-position:center -1463px; }
	72%{ background-position:center -1672px; }
	75%{ background-position:center -1881px; }
	78%{ background-position:center -2090px; }
	81%{ background-position:center -2299px; }
	84%{ background-position:center -2508px; }
	87%{ background-position:center -2717px; }
	90%{ background-position:center -2926px; }
	93%{ background-position:center -3125px; }
	95%{ background-position:center -3344px; }
	to{ background-position:center -3553px; }
}
@-webkit-keyframes shu2{
	from{ background-position:center -209px; }
	30%{ background-position:center -209px; }
	40%{ background-position:center -418px; } 
	50%{ background-position:center -627px; }
	60%{ background-position:center -836px; }
	63%{ background-position:center -1045px; }
	66%{ background-position:center -1254px; }
	69%{ background-position:center -1463px; }
	72%{ background-position:center -1672px; }
	75%{ background-position:center -1881px; }
	78%{ background-position:center -2090px; }
	81%{ background-position:center -2299px; }
	84%{ background-position:center -2508px; }
	87%{ background-position:center -2717px; }
	90%{ background-position:center -2926px; }
	93%{ background-position:center -3125px; }
	95%{ background-position:center -3344px; }
	to{ background-position:center -3553px; }
}
 
@keyframes shu2{
	from{ background-position:center -209px; }
	30%{ background-position:center -209px; }
	40%{ background-position:center -418px; } 
	50%{ background-position:center -627px; }
	60%{ background-position:center -836px; }
	63%{ background-position:center -1045px; }
	66%{ background-position:center -1254px; }
	69%{ background-position:center -1463px; }
	72%{ background-position:center -1672px; }
	75%{ background-position:center -1881px; }
	78%{ background-position:center -2090px; }
	81%{ background-position:center -2299px; }
	84%{ background-position:center -2508px; }
	87%{ background-position:center -2717px; }
	90%{ background-position:center -2926px; }
	93%{ background-position:center -3125px; }
	95%{ background-position:center -3344px; }
	to{ background-position:center -3553px; }
}

#stage .act1 .num .bg4 span{
	animation:'shu2' 3.0s ease-in-out 0s normal;
	-ms-animation:shu2 3.0s ease-in-out 0s normal;
	-moz-animation:shu2 3.0s ease-in-out 0s normal;
	-o-animation:'shu2' 3.0s ease-in-out 0s normal;
	-webkit-animation:'shu2' 3.0s ease-in-out 0s normal;
}
/* 第一幕日历个位数 End */


/* 第一幕日历淡出 Start */
@-ms-keyframes num{
	from{ transform:scale(1,1); }
	50%{ transform:scale(1,1); }
	90%{ transform:scale(1.15,1.15); filter:alpha(opacity=100); opacity:1; } 
	92.85%{ transform:scale(6,6); filter:alpha(opacity=0); opacity:0; }
	to{ transform:scale(6,6); filter:alpha(opacity=0); opacity:0; }
}
@-moz-keyframes num{
	from{ transform:scale(1,1); }
	50%{ transform:scale(1,1); }
	90%{ transform:scale(1.15,1.15); filter:alpha(opacity=100); opacity:1; } 
	92.85%{ transform:scale(6,6); filter:alpha(opacity=0); opacity:0; }
	to{ transform:scale(6,6); filter:alpha(opacity=0); opacity:0; }
}
@-o-keyframes num{
	from{ transform:scale(1,1); }
	50%{ transform:scale(1,1); }
	90%{ transform:scale(1.15,1.15); filter:alpha(opacity=100); opacity:1; } 
	92.85%{ transform:scale(6,6); filter:alpha(opacity=0); opacity:0; }
	to{ transform:scale(6,6); filter:alpha(opacity=0); opacity:0; }
}
@-webkit-keyframes num{
	from{ transform:scale(1,1); }
	50%{ transform:scale(1,1); }
	90%{ transform:scale(1.15,1.15); filter:alpha(opacity=100); opacity:1; } 
	92.85%{ transform:scale(6,6); filter:alpha(opacity=0); opacity:0; }
	to{ transform:scale(6,6); filter:alpha(opacity=0); opacity:0; }
}
@keyframes num{
	from{ transform:scale(1,1); }
	50%{ transform:scale(1,1); }
	90%{ transform:scale(1.15,1.15); filter:alpha(opacity=100); opacity:1; } 
	92.85%{ transform:scale(6,6); filter:alpha(opacity=0); opacity:0; }
	to{ transform:scale(6,6); filter:alpha(opacity=0); opacity:0; }
}

#stage .act1 .num{
	animation:'num' 7s ease-in-out 0s normal;
	-ms-animation:num 7s ease-in-out 0s normal;
	-moz-animation:num 7s ease-in-out 0s normal;
	-o-animation:'num' 7s ease-in-out 0s normal;
	-webkit-animation:'num' 7s ease-in-out 0s normal;
}
/* 第一幕日历淡出 End */




#stage .act2 .bg1{
	position:absolute;
	left:0px;
	top:0px;
	width:25%;
	height:100%;
	background-image:url(../images/act2-bg1.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

#stage .act2 .bg2{
	position:absolute;
	left:25%;
	bottom:0px;
	width:25%;
	height:100%;
	background-image:url(../images/act2-bg2.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

#stage .act2 .bg3{
	position:absolute;
	left:50%;
	top:0px;
	width:25%;
	height:100%;
	background-image:url(../images/act2-bg3.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

#stage .act2 .bg4{
	position:absolute;
	left:75%;
	bottom:0px;
	width:25%;
	height:100%;
	background-image:url(../images/act2-bg4.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

/* 第二幕背景1 Start */
@-ms-keyframes act2-bg1{
	from{ top:-100%; } 
	94.2%{ top:-100%; } 
	to{ }
}
@-moz-keyframes act2-bg1{
	from{ top:-100%; } 
	94.2%{ top:-100%; } 
	to{ }
}
@-o-keyframes act2-bg1{
	from{ top:-100%; } 
	94.2%{ top:-100%; } 
	to{ }
}
@-webkit-keyframes act2-bg1{
	from{ top:-100%; } 
	94.2%{ top:-100%; } 
	to{ }
}
@keyframes act2-bg1{
	from{ top:-100%; } 
	94.2%{ top:-100%; } 
	to{ }
}

#stage .act2 .bg1,#stage .act2 .bg3{
	animation:'act2-bg1' 6.9s ease-in-out 0s normal;
	-ms-animation:act2-bg1 6.9s ease-in-out 0s normal;
	-moz-animation:act2-bg1 6.9s ease-in-out 0s normal;
	-o-animation:'act2-bg1' 6.9s ease-in-out 0s normal;
	-webkit-animation:'act2-bg1' 6.9s ease-in-out 0s normal;
}
/* 第二幕背景1 End */


/* 第二幕背景2 Start */
@-ms-keyframes act2-bg2{
	from{ bottom:-100%; } 
	94.2%{ bottom:-100%; } 
	to{ }
}
@-moz-keyframes act2-bg2{
	from{ bottom:-100%; } 
	94.2%{ bottom:-100%; } 
	to{ }
}
@-o-keyframes act2-bg2{
	from{ bottom:-100%; } 
	94.2%{ bottom:-100%; } 
	to{ }
}
@-webkit-keyframes act2-bg2{
	from{ bottom:-100%; } 
	94.2%{ bottom:-100%; } 
	to{ }
}
@keyframes act2-bg2{
	from{ bottom:-100%; } 
	94.2%{ bottom:-100%; } 
	to{ }
}

#stage .act2 .bg2,#stage .act2 .bg4{
	animation:'act2-bg2' 6.9s ease-in-out 0s normal;
	-ms-animation:act2-bg2 6.9s ease-in-out 0s normal;
	-moz-animation:act2-bg2 6.9s ease-in-out 0s normal;
	-o-animation:'act2-bg2' 6.9s ease-in-out 0s normal;
	-webkit-animation:'act2-bg2' 6.9s ease-in-out 0s normal;
}
/* 第二幕背景2 End */


#stage .act2 .time{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	background-image:url(../images/act2-time.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:65% 100%;
}

/* 第二幕时间线 Start */
@-ms-keyframes act2-time{
	from{ transform:scale(0,0); } 
	93.1%{ transform:scale(0,0); } 
	to{ }
}
@-moz-keyframes act2-time{
	from{ transform:scale(0,0); } 
	93.1%{ transform:scale(0,0); } 
	to{ }
}
@-o-keyframes act2-time{
	from{ transform:scale(0,0); } 
	93.1%{ transform:scale(0,0); } 
	to{ }
}
@-webkit-keyframes act2-time{
	from{ transform:scale(0,0); } 
	93.1%{ transform:scale(0,0); } 
	to{ }
}
@keyframes act2-time{
	from{ transform:scale(0,0); } 
	93.1%{ transform:scale(0,0); } 
	to{ }
}

#stage .act2 .time{
	animation:'act2-time' 7.3s ease-in-out 0s normal;
	-ms-animation:act2-time 7.3s ease-in-out 0s normal;
	-moz-animation:act2-time 7.3s ease-in-out 0s normal;
	-o-animation:'act2-time' 7.3s ease-in-out 0s normal;
	-webkit-animation:'act2-time' 7.3s ease-in-out 0s normal;
}
/* 第二幕时间线 End */



#stage .act2 .logo{
	position:absolute;
	left:0px;
	top:30%;
	height:35.2%;
	width:100%;
	background-image:url(../images/act2-logo.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 100%;
}


/* 第二幕Logo Start */
@-ms-keyframes act2-logo{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); } 
	94.73%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); } 
	to{ }
}
@-moz-keyframes act2-logo{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); } 
	94.73%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); } 
	to{ }
}
@-o-keyframes act2-logo{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); } 
	94.73%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); } 
	to{ }
}
@-webkit-keyframes act2-logo{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); } 
	94.73%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); } 
	to{ }
}
@keyframes act2-logo{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); } 
	94.73%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); } 
	to{ }
}

#stage .act2 .logo{
	animation:'act2-logo' 7.7s ease-in-out 0s normal;
	-ms-animation:act2-logo 7.7s ease-in-out 0s normal;
	-moz-animation:act2-logo 7.7s ease-in-out 0s normal;
	-o-animation:'act2-logo' 7.7s ease-in-out 0s normal;
	-webkit-animation:'act2-logo' 7.7s ease-in-out 0s normal;
}
/* 第二幕Logo End */



#stage .act3 .bg1{
	position:absolute;
	left:0px;
	top:0px;
	width:50%;
	height:50%;
	background-image:url(../images/act3-bg1.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

#stage .act3 .bg2{
	position:absolute;
	left:0px;
	bottom:0px;
	width:50%;
	height:50%;
	background-image:url(../images/act3-bg2.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

#stage .act3 .bg3{
	position:absolute;
	right:0px;
	top:0px;
	width:50%;
	height:50%;
	background-image:url(../images/act3-bg3.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

#stage .act3 .bg4{
	position:absolute;
	right:0px;
	bottom:0px;
	width:50%;
	height:50%;
	background-image:url(../images/act3-bg4.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

/* 第三幕背景1 Start */
@-ms-keyframes act3-bg1{
	from{ left:-50%; top:-50%; }  
	95.23%{ left:-50%; top:-50%; } 
	to{ }
}
@-moz-keyframes act3-bg1{
	from{ left:-50%; top:-50%; }  
	95.23%{ left:-50%; top:-50%; } 
	to{ }
}
@-o-keyframes act3-bg1{
	from{ left:-50%; top:-50%; }  
	95.23%{ left:-50%; top:-50%; } 
	to{ }
}
@-webkit-keyframes act3-bg1{
	from{ left:-50%; top:-50%; }  
	95.23%{ left:-50%; top:-50%; } 
	to{ }
}
@keyframes act3-bg1{
	from{ left:-50%; top:-50%; }  
	95.23%{ left:-50%; top:-50%; } 
	to{ }
}

#stage .act3 .bg1{
	animation:'act3-bg1' 10.5s ease-in-out 0s normal;
	-ms-animation:act3-bg1 10.5s ease-in-out 0s normal;
	-moz-animation:act3-bg1 10.5s ease-in-out 0s normal;
	-o-animation:'act3-bg1' 10.5s ease-in-out 0s normal;
	-webkit-animation:'act3-bg1' 10.5s ease-in-out 0s normal;
}
/* 第三幕背景1 End */


/* 第三幕背景2 Start */
@-ms-keyframes act3-bg2{
	from{ left:-50%; bottom:-50%; }  
	95.23%{ left:-50%; bottom:-50%; } 
	to{ }
}
@-moz-keyframes act3-bg2{
	from{ left:-50%; bottom:-50%; }  
	95.23%{ left:-50%; bottom:-50%; } 
	to{ }
}
@-o-keyframes act3-bg2{
	from{ left:-50%; bottom:-50%; }  
	95.23%{ left:-50%; bottom:-50%; } 
	to{ }
}
@-webkit-keyframes act3-bg2{
	from{ left:-50%; bottom:-50%; }  
	95.23%{ left:-50%; bottom:-50%; } 
	to{ }
}
@keyframes act3-bg2{
	from{ left:-50%; bottom:-50%; }  
	95.23%{ left:-50%; bottom:-50%; }
	to{ }
}

#stage .act3 .bg2{
	animation:'act3-bg2' 10.5s ease-in-out 0s normal;
	-ms-animation:act3-bg2 10.5s ease-in-out 0s normal;
	-moz-animation:act3-bg2 10.5s ease-in-out 0s normal;
	-o-animation:'act3-bg2' 10.5s ease-in-out 0s normal;
	-webkit-animation:'act3-bg2' 10.5s ease-in-out 0s normal;
}
/* 第三幕背景2 End */


/* 第三幕背景3 Start */
@-ms-keyframes act3-bg3{
	from{ right:-50%; top:-50%; }  
	95.23%{ right:-50%; top:-50%; } 
	to{ }
}
@-moz-keyframes act3-bg3{
	from{ right:-50%; top:-50%; }  
	95.23%{ right:-50%; top:-50%; } 
	to{ }
}
@-o-keyframes act3-bg3{
	from{ right:-50%; top:-50%; }  
	95.23%{ right:-50%; top:-50%; } 
	to{ }
}
@-webkit-keyframes act3-bg3{
	from{ right:-50%; top:-50%; }  
	95.23%{ right:-50%; top:-50%; } 
	to{ }
}
@keyframes act3-bg3{
	from{ right:-50%; top:-50%; }  
	95.23%{ right:-50%; top:-50%; } 
	to{ }
}

#stage .act3 .bg3{
	animation:'act3-bg3' 10.5s ease-in-out 0s normal;
	-ms-animation:act3-bg3 10.5s ease-in-out 0s normal;
	-moz-animation:act3-bg3 10.5s ease-in-out 0s normal;
	-o-animation:'act3-bg3' 10.5s ease-in-out 0s normal;
	-webkit-animation:'act3-bg3' 10.5s ease-in-out 0s normal;
}
/* 第三幕背景3 End */


/* 第三幕背景4 Start */
@-ms-keyframes act3-bg4{
	from{ right:-50%; bottom:-50%; }  
	95.23%{ right:-50%; bottom:-50%; } 
	to{ }
}
@-moz-keyframes act3-bg4{
	from{ right:-50%; bottom:-50%; }  
	95.23%{ right:-50%; bottom:-50%; } 
	to{ }
}
@-o-keyframes act3-bg4{
	from{ right:-50%; bottom:-50%; }  
	95.23%{ right:-50%; bottom:-50%; } 
	to{ }
}
@-webkit-keyframes act3-bg4{
	from{ right:-50%; bottom:-50%; }  
	95.23%{ right:-50%; bottom:-50%; } 
	to{ }
}
@keyframes act3-bg4{
	from{ right:-50%; bottom:-50%; }  
	95.23%{ right:-50%; bottom:-50%; } 
	to{ }
}

#stage .act3 .bg4{
	animation:'act3-bg4' 10.5s ease-in-out 0s normal;
	-ms-animation:act3-bg4 10.5s ease-in-out 0s normal;
	-moz-animation:act3-bg4 10.5s ease-in-out 0s normal;
	-o-animation:'act3-bg4' 10.5s ease-in-out 0s normal;
	-webkit-animation:'act3-bg4' 10.5s ease-in-out 0s normal;
}
/* 第三幕背景3 End */

#stage .act3 img{
	height:100%;
	width:100%;
}

#stage .act3 .bottom{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:26.02%;
}

#stage .act3 .logo{
	position:absolute;
	left:25.41%;
	top:7.75%;
	height:6.83%;
	width:14.79%;
}

#stage .act3 .people{
	position:absolute;
	left:31.3%;
	top:13.98%;
	height:15.19%;
	width:22.91%;
}

#stage .act3 .year{
	position:absolute;
	left:54.63%;
	top:12.24%;
	height:11.22%;
	width:6.3%;
}

#stage .act3 .bird{
	position:absolute;
	left:60.15%;
	top:10.2%;
	height:11.83%;
	width:10.26%;
}

#stage .act3 .ink1{
	position:absolute;
	left:17.91%;
	top:15.3%;
	height:74.28%;
	width:66.4%;
}

#stage .act3 .ink2{
	position:absolute;
	left:30.88%;
	top:31.63%;
	height:35%;
	width:37.96%;
}

#stage .act3 .topic1{
	position:absolute;
	left:32.6%;
	top:28.06%;
	height:23.36%;
	width:29.37%;
}

#stage .act3 .topic2{
	position:absolute;
	left:39.06%;
	top:46.63%;
	height:17.04%;
	width:26.4%;
}

#stage .act3 .topic3{
	position:absolute;
	left:38%;
	top:62.8%;
	height:11.93%;
	width:28.43%;
}

/* 第三幕底部 Start */
@-ms-keyframes act3-bottom{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0.5,0.5); }  
	96.33%{ filter:alpha(opacity=0); opacity:0; transform:scale(0.5,0.5); } 
	to{ }
}
@-moz-keyframes act3-bottom{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0.5,0.5); }  
	96.33%{ filter:alpha(opacity=0); opacity:0; transform:scale(0.5,0.5); } 
	to{ }
}
@-o-keyframes act3-bottom{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0.5,0.5); }  
	96.33%{ filter:alpha(opacity=0); opacity:0; transform:scale(0.5,0.5); } 
	to{ }
}
@-webkit-keyframes act3-bottom{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0.5,0.5); }  
	96.33%{ filter:alpha(opacity=0); opacity:0; transform:scale(0.5,0.5); } 
	to{ }
}
@keyframes act3-bottom{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0.5,0.5); }  
	96.33%{ filter:alpha(opacity=0); opacity:0; transform:scale(0.5,0.5); } 
	to{ }
}

#stage .act3 .bottom{
	animation:'act3-bottom' 10.9s ease-in-out 0s normal;
	-ms-animation:act3-bottom 10.9s ease-in-out 0s normal;
	-moz-animation:act3-bottom 10.9s ease-in-out 0s normal;
	-o-animation:'act3-bottom' 10.9s ease-in-out 0s normal;
	-webkit-animation:'act3-bottom' 10.9s ease-in-out 0s normal;
}
/* 第三幕底部 End */


/* 第三幕logo Start */
@-ms-keyframes act3-logo{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0); }  
	96.42%{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0); } 
	to{ }
}
@-moz-keyframes act3-logo{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0); }  
	96.42%{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0); } 
	to{ }
}
@-o-keyframes act3-logo{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0); }  
	96.42%{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0); } 
	to{ }
}
@-webkit-keyframes act3-logo{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0); }  
	96.42%{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0); } 
	to{ }
}
@keyframes act3-logo{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0); }  
	96.42%{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0); } 
	to{ }
}

#stage .act3 .logo{
	animation:'act3-logo' 11.2s ease-in-out 0s normal;
	-ms-animation:act3-logo 11.2s ease-in-out 0s normal;
	-moz-animation:act3-logo 11.2s ease-in-out 0s normal;
	-o-animation:'act3-logo' 11.2s ease-in-out 0s normal;
	-webkit-animation:'act3-logo' 11.2s ease-in-out 0s normal;
}
/* 第三幕logo End */


/* 第三幕蓝色墨水 Start */
@-ms-keyframes act3-ink1{
	from{ filter:alpha(opacity=0); opacity:0; }  
	93.75%{ filter:alpha(opacity=0); opacity:0; } 
	to{ }
}
@-moz-keyframes act3-ink1{
	from{ filter:alpha(opacity=0); opacity:0; }  
	93.75%{ filter:alpha(opacity=0); opacity:0; } 
	to{ }
}
@-o-keyframes act3-ink1{
	from{ filter:alpha(opacity=0); opacity:0; }  
	93.75%{ filter:alpha(opacity=0); opacity:0; } 
	to{ }
}
@-webkit-keyframes act3-ink1{
	from{ filter:alpha(opacity=0); opacity:0; }  
	93.75%{ filter:alpha(opacity=0); opacity:0; } 
	to{ }
}
@keyframes act3-ink1{
	from{ filter:alpha(opacity=0); opacity:0; }  
	93.75%{ filter:alpha(opacity=0); opacity:0; } 
	to{ }
}

#stage .act3 .ink1{
	animation:'act3-ink1' 11.2s ease-in-out 0s normal;
	-ms-animation:act3-ink1 11.2s ease-in-out 0s normal;
	-moz-animation:act3-ink1 11.2s ease-in-out 0s normal;
	-o-animation:'act3-ink1' 11.2s ease-in-out 0s normal;
	-webkit-animation:'act3-ink1' 11.2s ease-in-out 0s normal;
}
/* 第三幕蓝色墨水 End */


/* 第三幕红色墨水 Start */
@-ms-keyframes act3-ink2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scaleX(0); }
	96.52%{ filter:alpha(opacity=0); opacity:0; transform:scaleX(0); }
	to{ }
}
@-moz-keyframes act3-ink2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scaleX(0); }
	96.52%{ filter:alpha(opacity=0); opacity:0; transform:scaleX(0); }
	to{ }
}
@-o-keyframes act3-ink2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scaleX(0); }
	96.52%{ filter:alpha(opacity=0); opacity:0; transform:scaleX(0); }
	to{ }
}
@-webkit-keyframes act3-ink2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scaleX(0); }
	96.52%{ filter:alpha(opacity=0); opacity:0; transform:scaleX(0); }
	to{ }
}
@keyframes act3-ink2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scaleX(0); }
	96.52%{ filter:alpha(opacity=0); opacity:0; transform:scaleX(0); }
	to{ }
}

#stage .act3 .ink2{
	animation:'act3-ink2' 11.5s ease-in-out 0s normal;
	-ms-animation:act3-ink2 11.5s ease-in-out 0s normal;
	-moz-animation:act3-ink2 11.5s ease-in-out 0s normal;
	-o-animation:'act3-ink2' 11.5s ease-in-out 0s normal;
	-webkit-animation:'act3-ink2' 11.5s ease-in-out 0s normal;
}
/* 第三幕红色墨水 End */


/* 第三幕标题1 Start */
@-ms-keyframes act3-topic1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	90.47%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	93.65%{ filter:alpha(opacity=100); opacity:1; transform:scale(1,1); }
	95.23%{ transform:scale(1.03,1.03); }
	96.82%{ transform:scale(1,1); }
	98.41%{ transform:scale(1.01,1.01); }
	to{ }
}
@-moz-keyframes act3-topic1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	90.47%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	93.65%{ filter:alpha(opacity=100); opacity:1; transform:scale(1,1); }
	95.23%{ transform:scale(1.03,1.03); }
	96.82%{ transform:scale(1,1); }
	98.41%{ transform:scale(1.01,1.01); }
	to{ }
}
@-o-keyframes act3-topic1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	90.47%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	93.65%{ filter:alpha(opacity=100); opacity:1; transform:scale(1,1); }
	95.23%{ transform:scale(1.03,1.03); }
	96.82%{ transform:scale(1,1); }
	98.41%{ transform:scale(1.01,1.01); }
	to{ }
}
@-webkit-keyframes act3-topic1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	90.47%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	93.65%{ filter:alpha(opacity=100); opacity:1; transform:scale(1,1); }
	95.23%{ transform:scale(1.03,1.03); }
	96.82%{ transform:scale(1,1); }
	98.41%{ transform:scale(1.01,1.01); }
	to{ }
}
@keyframes act3-topic1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	90.47%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	93.65%{ filter:alpha(opacity=100); opacity:1; transform:scale(1,1); }
	95.23%{ transform:scale(1.03,1.03); }
	96.82%{ transform:scale(1,1); }
	98.41%{ transform:scale(1.01,1.01); }
	to{ }
}

#stage .act3 .topic1{
	animation:'act3-topic1' 12.6s ease-in-out 0s normal;
	-ms-animation:act3-topic1 12.6s ease-in-out 0s normal;
	-moz-animation:act3-topic1 12.6s ease-in-out 0s normal;
	-o-animation:'act3-topic1' 12.6s ease-in-out 0s normal;
	-webkit-animation:'act3-topic1' 12.6s ease-in-out 0s normal;
}
/* 第三幕标题1 End */


/* 第三幕标题2 Start */
@-ms-keyframes act3-topic2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	90.77%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	93.84%{ filter:alpha(opacity=100); opacity:1; transform:scale(1,1); }
	95.38%{ transform:scale(1.03,1.03); }
	96.92%{ transform:scale(1,1); }
	98.46%{ transform:scale(1.01,1.01); }
	to{ }
}
@-moz-keyframes act3-topic2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	90.77%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	93.84%{ filter:alpha(opacity=100); opacity:1; transform:scale(1,1); }
	95.38%{ transform:scale(1.03,1.03); }
	96.92%{ transform:scale(1,1); }
	98.46%{ transform:scale(1.01,1.01); }
	to{ }
}
@-o-keyframes act3-topic2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	90.77%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	93.84%{ filter:alpha(opacity=100); opacity:1; transform:scale(1,1); }
	95.38%{ transform:scale(1.03,1.03); }
	96.92%{ transform:scale(1,1); }
	98.46%{ transform:scale(1.01,1.01); }
	to{ }
}
@-webkit-keyframes act3-topic2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	90.77%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	93.84%{ filter:alpha(opacity=100); opacity:1; transform:scale(1,1); }
	95.38%{ transform:scale(1.03,1.03); }
	96.92%{ transform:scale(1,1); }
	98.46%{ transform:scale(1.01,1.01); }
	to{ }
}
@keyframes act3-topic2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	90.77%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	93.84%{ filter:alpha(opacity=100); opacity:1; transform:scale(1,1); }
	95.38%{ transform:scale(1.03,1.03); }
	96.92%{ transform:scale(1,1); }
	98.46%{ transform:scale(1.01,1.01); }
	to{ }
}

#stage .act3 .topic2{
	animation:'act3-topic1' 13.0s ease-in-out 0s normal;
	-ms-animation:act3-topic1 13.0s ease-in-out 0s normal;
	-moz-animation:act3-topic1 13.0s ease-in-out 0s normal;
	-o-animation:'act3-topic1' 13.0s ease-in-out 0s normal;
	-webkit-animation:'act3-topic1' 13.0s ease-in-out 0s normal;
}
/* 第三幕标题2 End */


/* 第三幕标题3 Start */
@-ms-keyframes act3-topic3{
	from{ filter:alpha(opacity=0); opacity:0; transform:scaleY(-0.3); }
	97{ filter:alpha(opacity=0); opacity:0; transform:scaleY(-0.3); }
	to{ }
}
@-moz-keyframes act3-topic3{
	from{ filter:alpha(opacity=0); opacity:0; transform:scaleY(-0.3); }
	97%{ filter:alpha(opacity=0); opacity:0; transform:scaleY(-0.3); }
	to{ }
}
@-o-keyframes act3-topic3{
	from{ filter:alpha(opacity=0); opacity:0; transform:scaleY(-0.3); }
	97%{ filter:alpha(opacity=0); opacity:0; transform:scaleY(-0.3); }
	to{ }
}
@-webkit-keyframes act3-topic3{
	from{ filter:alpha(opacity=0); opacity:0; transform:scaleY(-0.3); }
	97%{ filter:alpha(opacity=0); opacity:0; transform:scaleY(-0.3); }
	to{ }
}
@keyframes act3-topic3{
	from{ filter:alpha(opacity=0); opacity:0; transform:scaleY(-0.3); }
	97%{ filter:alpha(opacity=0); opacity:0; transform:scaleY(-0.3); }
	to{ }
}

#stage .act3 .topic3{
	animation:'act3-topic3' 13.3s ease-in-out 0s normal;
	-ms-animation:act3-topic3 13.3s ease-in-out 0s normal;
	-moz-animation:act3-topic3 13.3s ease-in-out 0s normal;
	-o-animation:'act3-topic3' 13.3s ease-in-out 0s normal;
	-webkit-animation:'act3-topic3' 13.3s ease-in-out 0s normal;
}
/* 第三幕标题3 End */


/* 第三幕年份 Start */
@-ms-keyframes act3-year{
	from{ filter:alpha(opacity=0); opacity:0; transform:rotate(180deg); }
	97.77%{ filter:alpha(opacity=0); opacity:0; transform:rotate(180deg); }
	to{ }
}
@-moz-keyframes act3-year{
	from{ filter:alpha(opacity=0); opacity:0; transform:rotate(180deg); }
	97.77%{ filter:alpha(opacity=0); opacity:0; transform:rotate(180deg); }
	to{ }
}
@-o-keyframes act3-year{
	from{ filter:alpha(opacity=0); opacity:0; transform:rotate(180deg); }
	97.77%{ filter:alpha(opacity=0); opacity:0; transform:rotate(180deg); }
	to{ }
}
@-webkit-keyframes act3-year{
	from{ filter:alpha(opacity=0); opacity:0; transform:rotate(180deg); }
	97.77%{ filter:alpha(opacity=0); opacity:0; transform:rotate(180deg); }
	to{ }
}
@keyframes act3-year{
	from{ filter:alpha(opacity=0); opacity:0; transform:rotate(180deg); }
	97.77%{ filter:alpha(opacity=0); opacity:0; transform:rotate(180deg); }
	to{ }
}

#stage .act3 .year{
	animation:'act3-year' 13.5s ease-in-out 0s normal;
	-ms-animation:act3-year 13.5s ease-in-out 0s normal;
	-moz-animation:act3-year 13.5s ease-in-out 0s normal;
	-o-animation:'act3-year' 13.5s ease-in-out 0s normal;
	-webkit-animation:'act3-year' 13.5s ease-in-out 0s normal;
}
/* 第三幕年份 End */


/* 第三幕鸟 Start */
@-ms-keyframes act3-bird{
	from{ filter:alpha(opacity=0); opacity:0; left:59.15%; top:11.2%; }
	97.81%{ filter:alpha(opacity=0); opacity:0; left:59.15%; top:11.2%; }
	to{ }
}
@-moz-keyframes act3-bird{
	from{ filter:alpha(opacity=0); opacity:0; left:59.15%; top:11.2%; }
	97.81%{ filter:alpha(opacity=0); opacity:0; left:59.15%; top:11.2%; }
	to{ }
}
@-o-keyframes act3-bird{
	from{ filter:alpha(opacity=0); opacity:0; left:59.15%; top:11.2%; }
	97.81%{ filter:alpha(opacity=0); opacity:0; left:59.15%; top:11.2%; }
	to{ }
}
@-webkit-keyframes act3-bird{
	from{ filter:alpha(opacity=0); opacity:0; left:59.15%; top:11.2%; }
	97.81%{ filter:alpha(opacity=0); opacity:0; left:59.15%; top:11.2%; }
	to{ }
}
@keyframes act3-bird{
	from{ filter:alpha(opacity=0); opacity:0; left:59.15%; top:11.2%; }
	97.81%{ filter:alpha(opacity=0); opacity:0; left:59.15%; top:11.2%; }
	to{ }
}

#stage .act3 .bird{
	animation:'act3-bird' 13.7s ease-in-out 0s normal;
	-ms-animation:act3-bird 13.7s ease-in-out 0s normal;
	-moz-animation:act3-bird 13.7s ease-in-out 0s normal;
	-o-animation:'act3-bird' 13.7s ease-in-out 0s normal;
	-webkit-animation:'act3-bird' 13.7s ease-in-out 0s normal;
}
/* 第三幕鸟 End */


/* 第三幕人 Start */
@-ms-keyframes act3-people{
	from{ filter:alpha(opacity=0); opacity:0; left:32.3%; top:14.98%; }
	97.81%{ filter:alpha(opacity=0); opacity:0; left:32.3%; top:14.98%; }
	to{ }
}
@-moz-keyframes act3-people{
	from{ filter:alpha(opacity=0); opacity:0; left:32.3%; top:14.98%; }
	97.81%{ filter:alpha(opacity=0); opacity:0; left:32.3%; top:14.98%; }
	to{ }
}
@-o-keyframes act3-people{
	from{ filter:alpha(opacity=0); opacity:0; left:32.3%; top:14.98%; }
	97.81%{ filter:alpha(opacity=0); opacity:0; left:32.3%; top:14.98%; }
	to{ }
}
@-webkit-keyframes act3-people{
	from{ filter:alpha(opacity=0); opacity:0; left:32.3%; top:14.98%; }
	97.81%{ filter:alpha(opacity=0); opacity:0; left:32.3%; top:14.98%; }
	to{ }
}
@keyframes act3-people{
	from{ filter:alpha(opacity=0); opacity:0; left:32.3%; top:14.98%; }
	97.81%{ filter:alpha(opacity=0); opacity:0; left:32.3%; top:14.98%; }
	to{ }
}

#stage .act3 .people{
	animation:'act3-people' 13.7s ease-in-out 0s normal;
	-ms-animation:act3-people 13.7s ease-in-out 0s normal;
	-moz-animation:act3-people 13.7s ease-in-out 0s normal;
	-o-animation:'act3-people' 13.7s ease-in-out 0s normal;
	-webkit-animation:'act3-people' 13.7s ease-in-out 0s normal;
}
/* 第三幕人 End */