body, div, p { margin:0; padding:0; }
body { background: transparent url(../images/bg_page.jpg) repeat-y top center;}
img { margin: 0; padding: 0; border:0;}

.container{
	width:985px;
	height:641px;
	overflow: hidden;
	position: relative;
	background:#FFFFFF;
	margin:0 auto;
	text-align: center;
	opacity:1;
	background: transparent url(../images/homepage/bg_main.jpg) no-repeat top center;
	border: 0px solid #f00;
	}
	
.address{
	width:985px;
	height: 20px;
	position: absolute;
	z-index: 20;
	left: 0px;
	bottom: 0px;
	opacity:1;	
	font-family: "微軟正黑體", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #A06400;
	text-align: center;
	word-spacing: 3px;
	opacity:0;
	-webkit-animation: address 2s 1.2s normal forwards;
	-moz-animation: address 2s 1.2s normal forwards;
	-o-animation: address 2s 1.2s normal forwards;
	-ms-animation: address 2s 1.2s normal forwards;
	animation: address 2s 1.2s normal forwards;
	}
	
@-webkit-keyframes address {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@-moz-keyframes address {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@-o-keyframes address {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@-ms-keyframes address {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@keyframes address {
	0% {opacity:0;}
	100% {opacity:1;}
	}
	
.address a{
	color: #A06400;
	text-decoration: none;
	}
.address a:hover{
	color:#FF0000;
	text-decoration: underline;
	}

/*----動畫效果
---------------------------------------------------------------------------*/
/*logo*/
.logo {
	width: 220px;
	height: 136px;
	position: absolute;
	z-index: 99;
	top:19px;
	left: 70px;
	background: url(../images/homepage/logo.png) no-repeat left top;
	opacity:0;
	-webkit-animation: logo ease 4s .5s normal forwards;
	-moz-animation: logo ease 4s .5s normal forwards;
	-o-animation: logo ease 4s .5s normal forwards;
	-ms-animation: logo ease 4s .5s normal forwards;
	animation: logo ease 4s .5s normal forwards;		
	}
@-webkit-keyframes logo {
	0% {left:-1000px;top:-100px;-webkit-transform:rotate(0deg);opacity:1;}
	25% {left:100px;top:5px;-webkit-transform:rotate(-5deg);opacity:1;}
	50% {left:50px;top:10px;-webkit-transform:rotate(0deg);opacity:1;}
	100% {left:70px;top:19px;-webkit-transform:rotate(0deg);opacity:1;}
	}
@-moz-keyframes logo {
	0% {left:-1000px;top:-100px;-moz-transform:rotate(0deg);opacity:1;}
	25% {left:100px;top:5px;-moz-transform:rotate(-5deg);opacity:1;}
	50% {left:50px;top:10px;-moz-transform:rotate(0deg);opacity:1;}
	100% {left:70px;top:19px;-moz-transform:rotate(0deg);opacity:1;}
	}
@-o-keyframes logo {
	0% {left:-1000px;top:-100px;-o-transform:rotate(0deg);opacity:1;}
	25% {left:100px;top:5px;-o-transform:rotate(-5deg);opacity:1;}
	50% {left:50px;top:10px;-o-transform:rotate(0deg);opacity:1;}
	100% {left:70px;top:19px;-o-transform:rotate(0deg);opacity:1;}
	}
@-ms-keyframes logo {
	0% {left:-1000px;top:-100px;transform:rotate(0deg);opacity:1;}
	25% {left:100px;top:5px;transform:rotate(-5deg);opacity:1;}
	50% {left:50px;top:10px;transform:rotate(0deg);opacity:1;}
	100% {left:70px;top:19px;transform:rotate(0deg);opacity:1;}
	}
@keyframes logo {
	0% {left:-1000px;top:-100px;transform:rotate(0deg);opacity:1;}
	25% {left:100px;top:5px;transform:rotate(-5deg);opacity:1;}
	50% {left:50px;top:10px;transform:rotate(0deg);opacity:1;}
	100% {left:70px;top:19px;transform:rotate(0deg);opacity:1;}
	}

/*enterIndex*/
.enterIndex {
	width: 251px;
	height: 45px;
	position: absolute;
	z-index: 89;
	top:204px;
	left: 60px;
	background: url(../images/homepage/enterIndex.png) no-repeat left top;
	opacity:0;	
	-webkit-animation: enterIndex ease 1s normal forwards;
	-moz-animation: enterIndex ease 1s normal forwards;
	-o-animation: enterIndex ease 1s normal forwards;
	-ms-animation: enterIndex ease 1s normal forwards;
	animation: enterIndex ease 1s normal forwards;	
	}
@-webkit-keyframes enterIndex {
	0% {left:-1000px;top:204px;opacity:1;}
	100% {left:60px;top:204px;opacity:1;}
	}
@-moz-keyframes enterIndex {
	0% {left:-1000px;top:204px;opacity:1;}
	100% {left:60px;top:204px;opacity:1;}
	}
@-o-keyframes enterIndex {
	0% {left:-1000px;top:204px;opacity:1;}
	100% {left:60px;top:204px;opacity:1;}
	}
@-ms-keyframes enterIndex {
	0% {left:-1000px;top:204px;opacity:1;}
	100% {left:60px;top:204px;opacity:1;}
	}
@keyframes enterIndex {
	0% {left:-1000px;top:204px;opacity:1;}
	100% {left:60px;top:204px;opacity:1;}
	}	

/*news*/
.news {
	width: 127px;
	height: 88px;
	position: absolute;
	z-index: 100;
	top:309px;
	left:124px;
	background: url(../images/homepage/news.png) no-repeat left top;
	opacity:0;
	-webkit-animation: go_news ease 5s 2.5s normal forwards;
	-moz-animation: go_news ease 5s 2.5s normal forwards;
	-o-animation:go_news ease 5s 2.5s normal forwards;
	-ms-animation: go_news ease 5s 2.5s normal forwards;
	animation: go_news ease 5s 2.5s normal forwards;
	}
	
	
@-webkit-keyframes go_news {
	0% {left:-100px;top:250px;opacity:1;}
	25% {left:154px;top:300px;opacity:1;}
	50% {left:110px;top:305px;opacity:1;}
	100% {left:124px;top:309px;opacity:1;}
	}
@-moz-keyframes go_news {
	0% {left:-100px;top:250px;opacity:1;}
	25% {left:154px;top:300px;opacity:1;}
	50% {left:110px;top:305px;opacity:1;}
	100% {left:124px;top:309px;opacity:1;}
	}	
@-o-keyframes go_news {
	0% {left:-100px;top:250px;opacity:1;}
	25% {left:154px;top:300px;opacity:1;}
	50% {left:110px;top:305px;opacity:1;}
	100% {left:124px;top:309px;opacity:1;}
	}
@-ms-keyframes go_news {
	0% {left:-100px;top:250px;opacity:1;}
	25% {left:154px;top:300px;opacity:1;}
	50% {left:110px;top:305px;opacity:1;}
	100% {left:124px;top:309px;opacity:1;}
	}
@keyframes go_news {
	0% {left:-100px;top:250px;opacity:1;}
	25% {left:154px;top:300px;opacity:1;}
	50% {left:110px;top:305px;opacity:1;}
	100% {left:124px;top:309px;opacity:1;}
	}	
	
		
	
		
@-webkit-keyframes news {
	0% {left:124px;-webkit-transform:rotate(0deg);opacity:1;}
	10% {left:124px;-webkit-transform:rotate(-5deg);opacity:1;}
	20% {left:124px;-webkit-transform:rotate(-5deg);opacity:1;}
	30% {left:124px;-webkit-transform:rotate(0deg);opacity:1;}
	100% {left:124px;-webkit-transform:rotate(0deg);opacity:1;}
	}
@-moz-keyframes news {
	0% {left:124px;-moz-transform:rotate(0deg);opacity:1;}
	10% {left:124px;-moz-transform:rotate(-5deg);opacity:1;}
	20% {left:124px;-moz-transform:rotate(-5deg);opacity:1;}
	30% {left:124px;-moz-transform:rotate(0deg);opacity:1;}
	100% {left:124px;-moz-transform:rotate(0deg);opacity:1;}
	}
@-o-keyframes news {
	0% {left:124px;-o-transform:rotate(0deg);opacity:1;}
	10% {left:124px;-o-transform:rotate(-5deg);opacity:1;}
	20% {left:124px;-o-transform:rotate(-5deg);opacity:1;}
	30% {left:124px;-o-transform:rotate(0deg);opacity:1;}
	100% {left:124px;-o-transform:rotate(0deg);opacity:1;}
	}
@-ms-keyframes news {
	0% {left:124px;-ms-transform:rotate(0deg);opacity:1;}
	10% {left:124px;-ms-transform:rotate(-5deg);opacity:1;}
	20% {left:124px;-ms-transform:rotate(-5deg);opacity:1;}
	30% {left:124px;-ms-transform:rotate(0deg);opacity:1;}
	100% {left:124px;-ms-transform:rotate(0deg);opacity:1;}
	}
@keyframes news {
	0% {left:124px;transform:rotate(0deg);opacity:1;}
	10% {left:124px;transform:rotate(-5deg);opacity:1;}
	20% {left:124px;transform:rotate(-5deg);opacity:1;}
	30% {left:124px;transform:rotate(0deg);opacity:1;}
	100% {left:124px;transform:rotate(0deg);opacity:1;}
	}












/*paperBall*/
.paperBall {
	width: 62px;
	height: 55px;
	position: absolute;
	z-index:87;
	top:412px;
	left: 165px;
	background: url(../images/homepage/noShadow/paperBall.png) no-repeat left top;	
	opacity:0;		
	-webkit-animation: paperBall ease-in 4s normal forwards, paperBall_move linear 2s 3.9s normal forwards;
	-moz-animation: paperBall ease-in 4s normal forwards, paperBall_move linear 2s 3.9s normal forwards;
	-o-animation: paperBall ease-in 4s normal forwards, paperBall_move linear 2s 3.9s normal forwards;
	-ms-animation: paperBall ease-in 4s normal forwards, paperBall_move linear 2s 3.9s normal forwards;
	animation: paperBall ease-in 4s normal forwards, paperBall_move linear 2s 3.9s normal forwards;
	}

@-webkit-keyframes paperBall {
	0% {left:-400px;top:-200px;-webkit-transform:rotate(0deg);opacity:1;}
	100% {left:100px;top:412px;-webkit-transform:rotate(2880deg);opacity:1;}    
}

@-moz-keyframes paperBall{
	0% {left:-400px;top:-200px;-moz-transform:rotate(0deg);opacity:1;}
	100% {left:100px;top:412px;-moz-transform:rotate(2880deg);opacity:1;}  
}

@-o-keyframes paperBall {
	0% {left:-400px;top:-200px;-o-transform:rotate(0deg);opacity:1;}
	100% {left:100px;top:412px;-o-transform:rotate(2880deg);opacity:1;}  
}

@-ms-keyframes paperBall {
	0% {left:-400px;top:-200px;-ms-transform:rotate(0deg);opacity:1;}
	100% {left:100px;top:412px;-ms-transform:rotate(2880deg);opacity:1;}  
}

@keyframes paperBall{
	0% {left:-400px;top:-200px;transform:rotate(0deg);opacity:1;}
	100% {left:100px;top:412px;transform:rotate(2880deg);opacity:1;}  
}



@-webkit-keyframes paperBall_move {
	0% {left:100px;top:412px;-webkit-transform:rotate(0deg);opacity:1;}
	20% {left:250px;top:412px;-webkit-transform:rotate(180deg);opacity:1;}
	100% {left:165px;top:412px;-webkit-transform:rotate(0deg);opacity:1;}
	}
@-moz-keyframes paperBall_move {
	0% {left:100px;top:412px;-moz-transform:rotate(0deg);opacity:1;}
	20% {left:250px;top:412px;-moz-transform:rotate(180deg);opacity:1;}
	100% {left:165px;top:412px;-moz-transform:rotate(0deg);opacity:1;}
	}
@-o-keyframes paperBall_move {
	0% {left:100px;top:412px;-o-transform:rotate(0deg);opacity:1;}
	20% {left:250px;top:412px;-o-transform:rotate(180deg);opacity:1;}
	100% {left:165px;top:412px;-o-transform:rotate(0deg);opacity:1;}
	}
@-ms-keyframes paperBall_move {
	0% {left:100px;top:412px;-ms-transform:rotate(0deg);opacity:1;}
	20% {left:250px;top:412px;-ms-transform:rotate(180deg);opacity:1;}
	100% {left:165px;top:412px;-ms-transform:rotate(0deg);opacity:1;}
	}
@keyframes paperBall_move {
	0% {left:100px;top:412px;transform:rotate(0deg);opacity:1;}
	20% {left:250px;top:412px;transform:rotate(180deg);opacity:1;}
	100% {left:165px;top:412px;transform:rotate(0deg);opacity:1;}
	}	










/*paperBallShadow*/
.paperBallShadow {
	width: 30px;
	height:15px;
	position: absolute;
	z-index:77;
	top:435px;
	left: 186px;	
	border-radius:50%;
	box-shadow:0px 10px 10px hsla(0,0%,0%,1);		
	opacity:0;		
	-webkit-animation: paperBallShadow linear 2s 3.9s normal forwards;
	-moz-animation: paperBallShadow linear 2s 3.9s normal forwards;
	-o-animation: paperBallShadow linear 2s 3.9s normal forwards;
	-ms-animation: paperBallShadow linear 2s 3.9s normal forwards;
	animation: paperBallShadow linear 2s 3.9s normal forwards;
	}

@-webkit-keyframes paperBallShadow {
	0% {left:130px;opacity:0;}
	20% {left:260px;opacity:1;}
	100% {left:186px;opacity:1;}
	}
@-moz-keyframes paperBallShadow {
	0% {left:130px;opacity:0;}
	20% {left:260px;opacity:1;}
	100% {left:186px;opacity:1;}
	}
@-o-keyframes paperBallShadow {
	0% {left:130px;opacity:0;}
	20% {left:260px;opacity:1;}
	100% {left:186px;opacity:1;}
	}
@-ms-keyframes paperBallShadow {
	0% {left:130px;opacity:0;}
	20% {left:260px;opacity:1;}
	100% {left:186px;opacity:1;}
	}
@keyframes paperBallShadow {
	0% {left:130px;opacity:0;}
	20% {left:260px;opacity:1;}
	100% {left:186px;opacity:1;}
	}





		
	
/*exhibition*/
.exhibition {
	width: 160px;
	height: 40px;
	position: absolute;
	z-index:86;
	top:208px;
	left:779px;
	background: url(../images/homepage/exhibition.png) no-repeat left top;
	opacity:0;
	-webkit-animation: exhibition 1s .5s normal forwards;
	-moz-animation: exhibition 1s .5s normal forwards;
	-o-animation: exhibition 1s .5s normal forwards;
	-ms-animation: exhibition 1s .5s normal forwards;
	animation: exhibition 1s .5s normal forwards;
	}
@-webkit-keyframes exhibition {
	0% {left:1000px;top:200px;transform:rotate(-40deg);opacity:1;}
	50% {left:779px;top:205px;transform:rotate(10deg);opacity:1;}
	100% {left:779px;top:208px;transform:rotate(0deg);opacity:1;}
	}
@-moz-keyframes exhibition {
	0% {left:1000px;top:200px;transform:rotate(-40deg);opacity:1;}
	50% {left:779px;top:205px;transform:rotate(10deg);opacity:1;}
	100% {left:779px;top:208px;transform:rotate(0deg);opacity:1;}
	}	
@-o-keyframes exhibition {
	0% {left:1000px;top:200px;transform:rotate(-40deg);opacity:1;}
	50% {left:779px;top:205px;transform:rotate(10deg);opacity:1;}
	100% {left:779px;top:208px;transform:rotate(0deg);opacity:1;}
	}
@-ms-keyframes exhibition {
	0% {left:1000px;top:200px;transform:rotate(-40deg);opacity:1;}
	50% {left:779px;top:205px;transform:rotate(10deg);opacity:1;}
	100% {left:779px;top:208px;transform:rotate(0deg);opacity:1;}
	}
@keyframes exhibition {
	0% {left:1000px;top:200px;transform:rotate(-40deg);opacity:1;}
	50% {left:779px;top:205px;transform:rotate(10deg);opacity:1;}
	100% {left:779px;top:208px;transform:rotate(0deg);opacity:1;}
	}

		
/*show*/
.show {
	width: 139px;
	height: 81px;
	position: absolute;
	z-index:85;
	top:262px;
	left:676px;
	background: url(../images/homepage/show.png) no-repeat left top;
	opacity:0;
	-webkit-animation: show linear 0.8s 1.5s normal forwards;
	-moz-animation: show linear 0.8s 1.5s normal forwards;
	-o-animation: show linear 0.8s 1.5s normal forwards;
	-ms-animation: show linear 0.8s 1.5s normal forwards;
	animation: show linear 0.8s 1.5s normal forwards;		
	}
@-webkit-keyframes show {
	0% {left:676px;top:0px;transform:rotate(-10deg);opacity:1;}
	25% {left:676px;top:262px;transform:rotate(0deg);opacity:1;}
	75% {left:676px;top:252px;transform:rotate(0deg);opacity:1;}
	100% {left:676px;top:262px;transform:rotate(0deg);opacity:1;}
	}
@-moz-keyframes show {
	0% {left:676px;top:0px;transform:rotate(-10deg);opacity:1;}
	25% {left:676px;top:262px;transform:rotate(0deg);opacity:1;}
	75% {left:676px;top:252px;transform:rotate(0deg);opacity:1;}
	100% {left:676px;top:262px;transform:rotate(0deg);opacity:1;}
	}
@-o-keyframes show {
	0% {left:676px;top:0px;transform:rotate(-10deg);opacity:1;}
	25% {left:676px;top:262px;transform:rotate(0deg);opacity:1;}
	75% {left:676px;top:252px;transform:rotate(0deg);opacity:1;}
	100% {left:676px;top:262px;transform:rotate(0deg);opacity:1;}
	}
@-ms-keyframes show {
	0% {left:676px;top:0px;transform:rotate(-10deg);opacity:1;}
	25% {left:676px;top:262px;transform:rotate(0deg);opacity:1;}
	75% {left:676px;top:252px;transform:rotate(0deg);opacity:1;}
	100% {left:676px;top:262px;transform:rotate(0deg);opacity:1;}
	}	
@keyframes show {
	0% {left:676px;top:0px;transform:rotate(-10deg);opacity:1;}
	25% {left:676px;top:262px;transform:rotate(0deg);opacity:1;}
	75% {left:676px;top:252px;transform:rotate(0deg);opacity:1;}
	100% {left:676px;top:262px;transform:rotate(0deg);opacity:1;}
	}	



					
/*workshop*/
.workshop {
	width: 119px;
	height: 94px;
	position: absolute;
	z-index:84;
	top:312px;
	left:805px;
	opacity:0;
	background: url(../images/homepage/workshop.png) no-repeat left top;
	-webkit-animation: workshop 2s normal forwards;
	-moz-animation: workshop 2s normal forwards;
	-o-animation: workshop 2s normal forwards;
	-ms-animation: workshop 2s normal forwards;
	animation: workshop 2s normal forwards;	
	}
@-webkit-keyframes workshop {
	0% {left:1200px;opacity:1;}
	100% {left:805px;opacity:1;}
	}
@-moz-keyframes workshop {
	0% {left:1200px;opacity:1;}
	100% {left:805px;opacity:1;}
	}	
@-o-keyframes workshop {
	0% {left:1200px;opacity:1;}
	100% {left:805px;opacity:1;}
	}
@-ms-keyframes workshop {
	0% {left:1200px;opacity:1;}
	100% {left:805px;opacity:1;}
	}		
@keyframes workshop {
	0% {left:1200px;opacity:1;}
	100% {left:805px;opacity:1;}
	}			
		
/*animation*/
.animation {
	width: 116px;
	height: 71px;
	position: absolute;
	z-index:90;
	top:410px;
	left:739px;
	background: url(../images/homepage/animation.png) no-repeat left top;
	opacity:0;
	-webkit-animation: animation 3s 2.5s normal forwards;
	-moz-animation: animation 3s 2.5s normal forwards;
	-o-animation: animation 3s 2.5s normal forwards;
	-ms-animation: animation 3s 2.5s normal forwards;
	animation: animation 3s 2.5s normal forwards;
	}
@-webkit-keyframes animation {
	0% {left:1000px;top:380px;transform:rotate(0deg);opacity:1;}
	25% {left:700px;top:390px;transform:rotate(5deg);opacity:1;}
	50% {left:760px;top:400px;transform:rotate(-5deg);opacity:1;}
	100% {left:739px;top:410px;transform:rotate(0deg);opacity:1;}
	}
@-moz-keyframes animation {
	0% {left:1000px;top:380px;transform:rotate(0deg);opacity:1;}
	25% {left:700px;top:390px;transform:rotate(5deg);opacity:1;}
	50% {left:760px;top:400px;transform:rotate(-5deg);opacity:1;}
	100% {left:739px;top:410px;transform:rotate(0deg);opacity:1;}
	}	
@-o-keyframes animation {
	0% {left:1000px;top:380px;transform:rotate(0deg);opacity:1;}
	25% {left:700px;top:390px;transform:rotate(5deg);opacity:1;}
	50% {left:760px;top:400px;transform:rotate(-5deg);opacity:1;}
	100% {left:739px;top:410px;transform:rotate(0deg);opacity:1;}
	}
@-ms-keyframes animation {
	0% {left:1000px;top:380px;transform:rotate(0deg);opacity:1;}
	25% {left:700px;top:390px;transform:rotate(5deg);opacity:1;}
	50% {left:760px;top:400px;transform:rotate(-5deg);opacity:1;}
	100% {left:739px;top:410px;transform:rotate(0deg);opacity:1;}
	}
@keyframes animation {
	0% {left:1000px;top:380px;transform:rotate(0deg);opacity:1;}
	25% {left:700px;top:390px;transform:rotate(5deg);opacity:1;}
	50% {left:760px;top:400px;transform:rotate(-5deg);opacity:1;}
	100% {left:739px;top:410px;transform:rotate(0deg);opacity:1;}
	}
			
/*language_tw**********************************************************************************************/
.language_tw {
	width: 37px;
	height: 57px;
	position: absolute;
	z-index:13;
	top:0px;
	left:761px;
	background: url(../images/homepage/language_tw.png) no-repeat left top;
	opacity:0;
	-webkit-animation: language_tw 1s normal forwards;
	-moz-animation: language_tw 1s normal forwards;
	-o-animation: language_tw 1s normal forwards;
	-ms-animation: language_tw 1s normal forwards;
	animation: language_tw 1s normal forwards;
	}
@-webkit-keyframes language_tw {
	0% {top:-100px;opacity:1;}
	100% {top:0px;opacity:1;}
	}
@-moz-keyframes language_tw {
	0% {top:-100px;opacity:1;}
	100% {top:0px;opacity:1;}
	}
@-o-keyframes language_tw {
	0% {top:-100px;opacity:1;}
	100% {top:0px;opacity:1;}
	}
@-ms-keyframes language_tw {
	0% {top:-100px;opacity:1;}
	100% {top:0px;opacity:1;}
	}	
@keyframes language_tw {
	0% {top:-100px;opacity:1;}
	100% {top:0px;opacity:1;}
	}		
			

/*language_cn*/			
.language_cn {
	width: 45px;
	height: 60px;
	position: absolute;
	z-index:12;
	top:0px;
	left:812px;
	background: url(../images/homepage/language_cn.png) no-repeat left top;
	opacity:0;
	-webkit-animation: language_cn 1s .2s normal forwards;
	-moz-animation: language_cn 1s .2s normal forwards;
	-o-animation: language_cn 1s .2s normal forwards;
	-ms-animation: language_cn 1s .2s normal forwards;
	animation: language_cn 1s .2s normal forwards;
	}
@-webkit-keyframes language_cn {
	0% {top:-100px;opacity:1;}
	100% {top:0px;opacity:1;}
	}
@-moz-keyframes language_cn {
	0% {top:-100px;opacity:1;}
	100% {top:0px;opacity:1;}
	}			
@-o-keyframes language_cn {
	0% {top:-100px;opacity:1;}
	100% {top:0px;opacity:1;}
	}
@-ms-keyframes language_cn {
	0% {top:-100px;opacity:1;}
	100% {top:0px;opacity:1;}
	}
@keyframes language_cn {
	0% {top:-100px;opacity:1;}
	100% {top:0px;opacity:1;}
	}

/*language_eg*/			
.language_eg {
	width: 92px;
	height: 61px;
	position: absolute;
	z-index:11;
	top:0px;
	left:813px;
	background: url(../images/homepage/language_eg.png) no-repeat left top;
	opacity:0;
	-webkit-animation: language_eg 1s .5s normal forwards;
	-moz-animation: language_eg 1s .5s normal forwards;
	-o-animation: language_eg 1s .5s normal forwards;
	-ms-animation: language_eg 1s .5s normal forwards;
	animation: language_eg 1s .5s normal forwards;
	}
@-webkit-keyframes language_eg {
	0% {top:-100px;opacity:1;}
	100% {top:0px;opacity:1;}
	}
@-moz-keyframes language_eg {
	0% {top:-100px;opacity:1;}
	100% {top:0px;opacity:1;}
	}	
@-o-keyframes language_eg {
	0% {top:-100px;opacity:1;}
	100% {top:0px;opacity:1;}
	}
@-ms-keyframes language_eg {
	0% {top:-100px;opacity:1;}
	100% {top:0px;opacity:1;}
	}	
@keyframes language_eg {
	0% {top:-100px;opacity:1;}
	100% {top:0px;opacity:1;}
	}	
				
/*title*/
.title {
	width: 552px;
	height: 146px;
	position: absolute;
	z-index: 10;
	top:464px;
	left: 217px;
	background: url(../images/homepage/title.png) no-repeat left top;
	opacity:0;
	-webkit-animation: title 2s .8s normal forwards;
	-moz-animation: title 2s .8s normal forwards;
	-o-animation: title 2s .8s normal forwards;
	-ms-animation: title 2s .8s normal forwards;
	animation: title 2s .8s normal forwards;
	}
@-webkit-keyframes title {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@-moz-keyframes title {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@-o-keyframes title {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@-ms-keyframes title {
	0% {opacity:0;}
	100% {opacity:1;}
	}	
@keyframes title {
	0% {opacity:0;}
	100% {opacity:1;}
	}		
		
/*main*/
.main {
	width: 985px;
	height: 611px;
	position: absolute;
	z-index: 9;
	top:0px;
	left:0px;
	background: url(../images/homepage/main.png) no-repeat left top;
	opacity:0;
	-webkit-animation: main 2s .2s normal forwards;
	-moz-animation: main 2s .2s normal forwards;
	-o-animation: main 2s .2s normal forwards;
	-ms-animation: main 2s .2s normal forwards;
	animation: main 2s .2s normal forwards;
	}
@-webkit-keyframes main {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@-moz-keyframes main {
	0% {opacity:0;}
	100% {opacity:1;}
	}	
@-o-keyframes main {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@-ms-keyframes main {
	0% {opacity:0;}
	100% {opacity:1;}
	}	
@keyframes main {
	0% {opacity:0;}
	100% {opacity:1;}
	}