@charset "utf-8";
/* CSS Document */

html {
	height:100%;
	overflow:hidden;
	background:#000;
}
body {
	height:100%;
	background-repeat:no-repeat;
	background-position:center 40px;
}
/*.frame-top*/
.frame-top {
	position:absolute;
	top:0;
	right:0;
	left:0;
	z-index:1001;
	width:100%;
	height:40px;
	background:#242424 url(../images/btn_spr.png) repeat-x 0 -510px;
	box-shadow:0 1px 5px rgba(0, 0, 0, 0.5);
}
/**.logo**/
.logo {
	position:absolute;
	top:10px;
	left:10px;
	width:70px;
	height:21px;
}
.logo a {
	display:block;
	height:21px;
	line-height:10;
	overflow:hidden;
	font-size:12px;
	background:url(../images/logo_top.png) no-repeat 0 0;
}
/**.frame-nav**/
.frame-nav {
	position:absolute;
	top:10px;
	left:115px;
	height:20px;
	line-height:21px;
	overflow:hidden;
	font-size:14px;
}
.frame-nav li {
	float:left;
	padding-right:25px;
}
.frame-nav a {
	color:#999;
}
.frame-nav a:hover {
	color:#FFF;
}
.frame-nav .fav-link {
	position:relative;
	padding-left:24px;
	background:url(../images/icon_fav.png) no-repeat 0 1px;
*background-position:0 0;
}
/**.user-link-box**/
.user-link-box {
	position:absolute;
	top:0;
	right:0;
	height:20px;
	padding:10px 5px 5px 0;
	overflow:hidden;
	color:#CCC;
}
.user-link-box a {
	color:#CCC;
}
.user-link-box a:hover {
	text-decoration:none;
	color:#1298F4;
}
.user-link-box li {
	position:relative;
	left:-1px;
	float:left;
	height:20px;
	padding:0 8px 0 9px;
	line-height:20px;
	overflow:hidden;
	font-size:14px;
	background:url(../images/user_line.png) no-repeat 0 0;
}
.user-link-box .get-vip,
.user-link-box .get-vip:hover,
.user-link-box .btn-link,
.user-link-box .btn-link:hover {
	float:left;
	width:52px;
	height:20px;
	line-height:20px;
	text-align:center;
	overflow:hidden;
	font-size:12px;
	text-decoration:none;
	color:#FFFDD5;
	background:url(../images/get_vip_bg.png) no-repeat 0 0;
}
/*.footer*/
.footer {
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	width:auto;
	height:30px;
	padding:0 10px;
	line-height:31px;
	overflow:hidden;
	color:#787878;
	background:#000;
	_bottom:-1px;
}
.footer .con {
	height:30px;
	overflow:hidden;
}
.footer a {
	color:#787878;
}
.footer a:hover {
	color:#FFF;
}
/*.game-box*/
.game-box {
	position:relative;
	top:10%;
	width:800px;
	height:500px;
	margin:auto;
	padding:5px;
	border-radius:5px;
	background:#000;
	background:rgba(0, 0, 0, 0.5);
}
.game-box .con {
	width:800px;
	height:500px;
	overflow:hidden;
	background:#FFF;
}
.game-box h2 {
	height:50px;
	text-align:center;
	border-bottom:1px solid #DDD;
	background:#F2F2F2;
}
.game-box h2 span {
	position:relative;
	top:16px;
	display:inline-block;
	height:20px;
	padding-left:20px;
	line-height:21px;
	vertical-align:top;
	font-size:14px;
	overflow:hidden;
}
.game-box h2 .ig,
.game-box h2 img {
	position:absolute;
	top:2px;
	left:0;
}
.game-box h2 img {
	width:16px;
	height:16px;
}
/**.game-sub**/
.game-sub {
	float:left;
	width:228px;
	height:449px;
	padding:0 10px;
	border-right:1px solid #DDD;
	background:#F8F8F8;
}
.game-sub .game-recent {
	padding-bottom:5px;
	border-bottom:1px solid #DDD;
}
.game-sub-link {
	line-height:31px;
	text-align:center;
	color:#999;
	border-top:1px solid #FFF;
}
.game-sub-link a {
	color:#999;
}
.game-sub-link a:hover {
	color:#F63;
}
/**.game-main**/
.game-main {
	position:relative;
	float:right;
	width:551px;
	height:449px;
	overflow:auto;
}
.game-main .game-notice {
	float:none;
	width:auto;
	border:0 none;
}
.game-main .game-notice h3 {
	height:24px;
	padding:10px 10px 0;
	line-height:24px;
	font-weight:bold;
	font-size:12px;
	border:0 none;
	background:none;
}
/**.servers-list**/
.servers-list {
	width:514px;
	padding:10px 10px 0;
}
.servers-list input{_float:left;_margin-top:-3px;}
.servers-list select {_float:left;_clear:right;}
.servers-list dt {
	font-weight:bold;
}
.servers-list dd {
	padding:5px 0 0;
	overflow:hidden;
	_zoom:1;
}
.servers-list .button {
	width:30.5%;
	margin:0 10px 10px 0;
	padding:0;
	text-align:center;
	overflow:hidden;
}
/*.game-frame*/
.game-frame {
	position:absolute;
	top:40px;
	right:0;
	bottom:30px;
	left:0;
	overflow:hidden;
}
.game-frame iframe {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
/*for IE6*/
*html {
	padding:40px 0 30px;
}
*html body {
	background-position:center top;
}
*html .game-frame {
	width:100%;
	height:100%;
}