@-webkit-keyframes title {
	0% {
		-webkit-opacity:0;
		-webkit-transform: scale(1.2);
	
	}
	100% {
		-webkit-opacity:1;
		-webkit-transform: scale(1);
	
	}
}

@keyframes title {
	0% {
		opacity:0;
		transform: scale(1.2);
	}
	100% {
		opacity:1;
		transform: scale(1);
	}
}
#title{
	-webkit-animation-name: title;
	-webkit-animation-fill-mode: backwards;
	-webkit-animation-delay: 2s;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count: 1;
	animation-name: title;
	animation-fill-mode: backwards;
	animation-delay: 2s;
	animation-duration: 0.8s;
	animation-iteration-count: 1;
	width:722px;
	height:193px;
	text-indent:-9999px;
	background:url(../img/index_title.png) no-repeat center;
	position:absolute;
	left:50%;
	top:170px;
	margin-left:-361px;
}
@-webkit-keyframes top{
	0%{
		width:1px;
		opacity:0;
	}
	100%{
		width:860px;
		opacity:1;
	}
}
@keyframes top{
	0%{
		width:1px;
		opacity:0;
	}
	100%{
		width:860px;
		opacity:1;
	}
}
#top{
  -webkit-animation-name: top;
  animation-name: top;
  -webkit-animation-fill-mode:backwards;
  -webkit-animation-delay: 1s;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  animation-fill-mode:backwards;
  animation-delay: 1s;
  animation-duration: 1s;
  animation-iteration-count: 1;
	width:860px;
	height:480px;
	background:url(../img/index_top.jpg) no-repeat;
	text-indent:-9999px;
}
#lead{
	height:205px;
	background:url(../img/lead.png) no-repeat bottom center;
	text-indent:-9999px;
	margin-bottom:50px;
}
#topics{
	width:600px;
	background:#333;
	color:#fff;
	padding:15px 25px;
	margin:40px auto;
	line-height:2;
}
#topics a{
	color:#fff;
	text-decoration:none;
}
#topics a:hover{
	color:#acf400;
}
#links{
	padding-top:30px;
	text-align:center;
	letter-spacing:10px;
	z-index:9999;
}
#links a:hover{
	opacity:0.6;
}