#active_box {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 970px;
	height: 564px;
	margin: -282px 0 0 -485px;
	display: inline;
}

#active_box .content {
	height: 262px;
}

#active_form td {
	padding-top: 0px;
}

.active_center {
	float: left;
	width: 312px;
	height: 564px;
	background: url(http://static.hero.9wee.com/styles/default/active-center-bg.gif) center center no-repeat;
}

.active_left_frame {
	float: left;
	width: 329px;
	height: 564px;
	background: url(http://static.hero.9wee.com/styles/default/active-left-frame.gif) center center no-repeat;
}

.active_left {
	width: 100%;
	height: 100%;
	/*background: url(http://static.hero.9wee.com/styles/default/active-left-bg.jpg) center right no-repeat;*/
	/*background: url(http://static.hero.9wee.com/styles/default/active-left-bg_0421.jpg) center right no-repeat;*/
	background: url(http://static.hero.9wee.com/styles/default/active-left-bg_0709.jpg) center right no-repeat;
	line-height: 18px;
}

.active_right_frame {
	float: left;
	width: 329px;
	height: 564px;
	background: url(http://static.hero.9wee.com/styles/default/active-right-frame.gif) center center no-repeat;
}

.active_right {
	width: 100%;
	height: 100%;
	/*background: url(http://static.hero.9wee.com/styles/default/active-right-bg.jpg) center left no-repeat;*/
	/*background: url(http://static.hero.9wee.com/styles/default/active-right-bg_0421.jpg) center left no-repeat;*/
	background: url(http://static.hero.9wee.com/styles/default/active-right-bg_0709.jpg) center left no-repeat;
	line-height: 18px;
}

.active_left span, .active_right span {
	float: left;
	margin: 422px 0 0 20px
}

.active_center .title {
	color: #ac2100;
	font-weight: bold;
	width: 100%;
	text-align: center;
	height: 25px;
	line-height: 25px;
	background: url(http://static.hero.9wee.com/styles/default/caption-bg.gif) center center no-repeat;
}

.active_center .logo {
	height: 70px;
	width: 100%;
	text-indent: -1000px;
	background: url(http://static.hero.9wee.com/styles/default/active-logo.gif) center center no-repeat;
	margin-top: 10px;
}

.active_center .server {
	font-weight: bold;
	font-size: 14px;
	color: #ac2100;
	margin: 80px 0 5px 0;
	text-align: center;
}

.active_center ul {
	margin: 5px auto 5px auto;
	width: 80%;
	padding: 5px;
	background-color: #e0d9cf;
	border-top: 1px solid #b1a9a7;
	border-left: 1px solid #b1a9a7;
	border-right: 1px solid #eeeae4;
	border-bottom: 1px solid #eeeae4;
	line-height: 24px;
	height:150px;
	overflow: auto;
    overflow-x: hidden;
}

.gender_img_1 a, .gender_img_2 a {
	display: block;
	width: 67px;
	height: 67px;
	background: url(http://static.hero.9wee.com/styles/default/gender-select.gif) center center no-repeat;
}

.gender_img_1 a:hover, .gender_img_2 a:hover, .gender_img_1 a.highlight, .gender_img_2 a.highlight {
	background: url(http://static.hero.9wee.com/styles/default/gender-select-highlight.gif) center center no-repeat;
}

.gender_img_1 a:hover, .gender_img_2 a:hover {
	filter:alpha(opacity=50);
	opacity: 0.5;
}

.gender_img_1 {
	width: 67px;
	height: 67px;
	background: url(http://static.hero.9wee.com/styles/default/gender-1.gif) center center no-repeat;
}

.gender_img_2 {
	width: 67px;
	height: 67px;
	background: url(http://static.hero.9wee.com/styles/default/gender-2.gif) center center no-repeat;
}

.login_news li {
	width: 250px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}