/* CSS Document */
@import url(common.css);
.container{
		width: 900px;
}
.container table{
	margin: 0px;
	padding: 0px;
}


/*index*/
.intro{
	width: 900px;
	height: 560px;
	margin: 0;
	padding: 0;
	color: #fff;
	background: transparent url(../img/index/bg.jpg) no-repeat 0 0;
	position: relative;
}
.intro h1{
	margin: 0;
	padding: 0;
	visibility: hidden;
}
.intro #logo{
	width: 200px;
	height: 220px;
	position: absolute;
	top: 0;
	left: 20px;
}
.intro #logo2{
	width: 200px;
	height: 115px;
	position: absolute;
	top: 445px;
	left: 20px;
}
.intro #message{
	width: 300px;
	height: 70px;
	position: absolute;
	top: 50px;
	left: 565px;
}
.intro .topTopics{
	width: 170px;
	height: 185px;
	margin: 0;
	padding: 10px;
	color: #fff;
	background: transparent url(../img/index/bg_topics.jpg) no-repeat 0 0;
	position: absolute;
	top: 240px;
	left: 30px;
}
.intro .topTopics h2{
	margin: 0;
	padding: 0;
	font-size: 100%;
	letter-spacing: 3px;
	color: #eee;
	background-color: transparent;
}
.intro .topTopics ul{
	height: 6em;
	margin: 8px 0 0;
	padding: 0;
}
.intro .topTopics li{
	margin: 0;
	padding: 0 2px;
	font-size: 92%;
	line-height: 120%;
	list-style-type: none;
}
.intro .topTopics a{
	color: #fff;
	background-color: transparent;
	text-decoration: none;
}
.intro .topTopics a:hover{
	text-decoration: underline;
}
.intro #enter{
	width: 315px;
	height: 115px;
	position: absolute;
	top: 445px;
	left: 585px;
}