@charset "utf-8";
/*	
	版本信息:
		基础样式最后修改:2009-11-10
		联系:Uriel(uriel.hu@gmail.com)
		
	结构模块:
		1.reset		html标签的默认样式
		2.routine	常用预置样式
		3.layout	页面结构样式
		4.detail	网页详细样式
	
		模块说明：
			1.reset		模块关系全局，修改需非常慎重！
			2.routine	模块为常用预置样式，不可修改，但可按需要扩充完善
			2.layout	模块用于网页大区块布局，默认的样式结构仅供参考，可按实际需求调整扩充
			3.detail	模块用于配置网页详细样式
		
	命名约定：
		1.不使用大写形式的类名和id名
		2.尽可能使用描述性的英文单词的组合作为类名和id名
		3.类名或id名的多个英文单词之间使用"_"下划线分隔
		4.不要求多个英文单词之间一定要使用间隔符
		
	常用hack手段:
		注意：良好的结构比任何hack都好，尽量少用。
			width:1px;*width:1px;_width:1px;	ff,ie7,ie6
*/

/*reset start*/
	html{height:100%;}
	body{color:#000;font-family:Tahoma,"宋体";font-size:12px;height:100%;display:table;width:100%;}
	a{text-decoration:none;}
	a:hover{text-decoration:underline;}
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin: 0;padding:0;}
	table{border-collapse:collapse;border-spacing:0;}
	fieldset,img{border:0;}
	address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
	del,ins{text-decoration:none;}
	li {list-style:none;}
	caption,th{text-align:left;}
	h1{font-size:18px;}
	h2{font-size:14px;}
	h3,h4,h5,h6{font-size:12px;}
	h1,h2,h3,h4,h5,h6{font-weight: normal;}
	abbr,acronym{border:0;font-variant:normal;}
	input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
	input,button,textarea,select{*font-size:100%;}
	strong,b{font-weight:bold;}
/*reset end*/

/*routine start*/
	/*清除浮动*/
	.c_b{zoom:1;}
	.c_b:after{clear:both;content:" ";display:block}
/*routine end*/

/*layout start*/
body { background: #98dbea; color: #bbfff0;}
a{color: #bbfff0;}
.bg1 { background: url(bg1.jpg?10111001) center 0 no-repeat; height: 150px; overflow: hidden;}
.bg2 { background: url(bg2.gif) center 0 no-repeat; overflow: hidden;}
.bg2 .pg {width: 1000px; margin: 0 auto;}
.bg2 .pg .bg_l {overflow: hidden; width: 250px; height: 1034px; background: url(bg_l.jpg); float: left;}
.bg2 .pg .bg_r {width: 750px; height: 1034px; float: right; overflow: hidden;}
.bg2 .pg .bg_r_doc {width: 750px; height: 1034px; float: right;background: url(bg_r_doc.jpg) no-repeat;}
.bg2 .pg .bg_r .bg_rt {background: url(bg_r.jpg) no-repeat; height: 450px; position: relative;}
.bg2 .pg .bg_r .bg_rb {height: 584px; overflow: hidden;}
.bg2 .pg .bg_r .bg_rb .bg_rb_pane {margin: 0 45px 0 9px; height: 582px; border: solid 2px #05242d; border-top: 0; background: #72dabf}
.bg3 {line-height: 18px; padding-top: 40px; background: url(bg3.jpg) center -65px no-repeat; height: 145px; overflow: hidden; text-align: center; color: #000;}






/*layout end*/

/*detail start*/
.nav
{
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

.nav a
{
	display: block;
	float: left;
	margin-top: 7px;
	font-size: 14px;
	padding: 2px 10px;
	filter: alpha( opacity = 0 ); -moz-opacity: 0; opacity: 0;
	display: inline; /* for ie6 bug */
	background: #fff;
}

.nav a.nav_home
{
	margin-left: 345px;
}

.nav a.nav_mgr
{
	margin-left: 9px;
}

.nav a.nav_guide
{
	margin-left: 9px;
}
.nav a.nav_doc
{
	margin-left: 9px;
}

.nav a.nav_bbs
{
	margin-left: 9px;
}

.nav a.nav_back
{
	margin-left: 9px;
}

a.reg
{
    background: fff;
    height: 145px;
    opacity: 0;
    margin: 20px 30px 0 70px;
    display: block;
}

.login
{
    margin: 0 10px 0 55px;
}

.servers
{
    margin: 75px 20px 0 60px;
    height: 100px;
    overflow-x: hidden;
    overflow-y: auto;
}
.servers ul li
{
    line-height: 22px;
    background: url(dot.gif) 0 center no-repeat;
    padding-left: 25px;
}
.servers ul li a
{
    color: #000;
}

.features
{
    margin: 100px 20px 0 60px;
    overflow: hidden;
}
.features ul li
{
    line-height: 35px;
    background: url(dot.gif) 0 center no-repeat;
    padding-left: 35px;
    font-size: 14px;
    font-weight: bold;
}

.features ul li.feature_1
{
    background: url("icons.gif") 0 3px no-repeat;
}

.features ul li.feature_2
{
    background: url("icons.gif") 0 -32px no-repeat;
}

.features ul li.feature_3
{
    background: url("icons.gif") 0 -67px no-repeat;
}

.features ul li.feature_4
{
    background: url("icons.gif") 0 -102px no-repeat;
}


.features ul li a
{
    color: #000;
}

.service
{
    margin: 60px 5px 0 50px;
    overflow: hidden;
    font-weight: bold;
    color: #fff;
}

.banner
{
    left: 389px;
    top: 88px;
    width: 307px;
    height: 300px;
    position: absolute;
}

.banner .btns{ padding-right:10px; display:block;}
.banner .btns a{ background:#000; width:15px; display:inline-block; border:solid 1px #666; text-align:center; color:#fff; cursor: pointer; margin:0 2px;}
.banner .btns a.now{ background:#f00; cursor: default;}
.banner .btns a:hover{ text-decoration:none; background:#f00;}

a.ads_1 {display: block; position: absolute; left: 398px; top: 443px; height: 90px; width: 140px; border: solid 2px #05242d;}
a.ads_2 {display: block; position: absolute; left: 550px; top: 443px; height: 90px; width: 140px; border: solid 2px #05242d;}
a.ads_more {display: block; position: absolute; left: 640px; top: 408px; font-family: "宋体"; color: #000; }



.gameinfo {width: 369px; height: 170px; position: absolute; left: 14px; top: 186px; }
.gameinfo .title { width: 369px; height: 30px; background: url(titles.gif);}
.gameinfo .content { width: 369px; height: 100%; background: #153d48;}
.gameinfo .bottom { width: 369px; height: 10px; background: url(titles.gif) 0 -210px; overflow: hidden;}


ul.thin
{
    padding: 5px 15px;
}

ul.doc
{
    margin: 150px 0 0 50px;
    width: 630px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 800px;
}

div.doc_content
{
    margin: 150px 0 0 50px;
    width: 620px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 800px;
}

div.doc_content p
{
    padding: 8px 0;
}




ul.thin li
{
	line-height: 22px;
	height: 22px;
	width: 340px;
	overflow: hidden;
}

ul.doc li
{
	line-height: 22px;
	height: 22px;
	width: 580px;
	overflow: hidden;
    background: url(dot.gif) 0 center no-repeat;
    padding-left: 25px;
}


ul.thiner li
{
	width: 330px;
}

ul.morethiner li
{
	width: 305px;
}


ul.thin li a
{
	line-height: 22px;
	width: 270px;
	float: left;
	overflow: hidden;
	white-space: nowrap;
}

ul.doc li a
{
	line-height: 22px;
	width: 500px;
	float: left;
	overflow: hidden;
	white-space: nowrap;
}


ul.thiner li a
{
	width: 230px;
}

ul.morethiner li a
{
	width: 205px;
}



ul.thin li.em a
{
    color: #f6ff00;
}


ul.thin li span
{
	line-height: 22px;
	float: right;
}

ul.thin li.em span
{
    color: #f6ff00;
}



.gameexp { width: 369px; height: 115px; position: absolute; left: 14px; top: 400px; }
.gameexp .title { width: 369px; height: 31px; background: url(titles.gif) 0 -35px;}
.gameexp .content { width: 369px; height: 100%; background: #153d48;}
.gameexp .bottom { width: 369px; height: 10px; background: url(titles.gif) 0 -210px; overflow: hidden;}


.gameshow { width: 686px; height: 90px; position: absolute; left: 14px; top: 560px; }
.gameshow .title { width: 686px; height: 30px; background: url(titles.gif) 0 -70px;}
.gameshow .content {text-align: center; width: 686px; height: 100%; background: #153d48;}
.gameshow .bottom { width: 686px; height: 10px; background: url(titles.gif) 0 -245px; overflow: hidden;}
.gameshow img {margin: 5px 5px 0 5px;}

.gameway { width: 686px; height: 150px; position: absolute; left: 14px; top: 695px; }
.gameway .title { width: 686px; height: 30px; background: url(titles.gif) 0 -105px;}
.gameway .content { width: 686px; height: 100%; background: #153d48;}
.gameway .content .content_l { float: left; width: 350px; overflow: hidden;}
.gameway .content .content_r { float: right; width: 330px;  overflow: hidden;}


.gameway .bottom { width: 686px; height: 10px; background: url(titles.gif) 0 -245px; overflow: hidden;}

.gamedesc { width: 686px; height: 98px; position: absolute; left: 14px; top: 890px; }
.gamedesc .title { width: 686px; height: 30px; background: url(titles.gif) 0 -140px;}
.gamedesc .content { width: 686px; height: 100%; background: #153d48;}
.gamedesc .bottom { width: 686px; height: 10px; background: url(titles.gif) 0 -245px; overflow: hidden;}
.gamedesc p { padding: 10px 20px; }


.loc_page
{
	margin: 20px;
	text-align: center;
}

.loc_page ul li
{
	border-bottom: 0;
	background: none;
	line-height: 24px;
	height: 23px;
	padding: 0;
	margin-right: 5px;
	display:inline
}

.loc_page ul li a
{
	background: #e0dfe3;
	border:1px solid #012934;
	color:#012934;
	height:22px;
	overflow:hidden;
	padding:0 8px;
	text-decoration:none;
	display:inline-block;
	line-height:22px;
	vertical-align: middle;
	width: auto;
}

.loc_page ul li.thisclass a
{
	background:#5bcbc6;
	border:1px solid #012934;
	font-weight: bold;
}

.loc_page ul li a:hover
{
	background:#5bcbc6;
	border:1px solid #012934;
}
/*detail end*/