@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: #000;
}

.la_frame
{
	margin: -1290px auto 0;
	width: 1000px;
}

.la_bg
{
	width: 1000px;
	position: absolute;
	margin-left: 0px;
}

.bg_header1
{
	background: url(bg_header1.jpg);
	height: 100px;
	background-position: -135px 0px;
}

.bg_header2
{
	background: url(bg_header2.jpg);
	height: 100px;
	background-position: -135px 0px;
}

.bg_header3
{
	background: url(bg_header32.jpg);
	height: 120px;
	background-position: -135px 0px;
}

.bg_header4
{
	background: url(bg_header4.jpg);
	height: 280px;
	display: none;
}

.bg_leftColumn
{
	background: url(bg_leftColumn.jpg);
	width: 220px;
	height: 840px;
	position: absolute;
	left: 5px;
	top: 320px;
}

.bg_rightColumn
{
	background: url(bg_rightColumn.jpg);
	width: 770px;
	height: 840px;
	position: absolute;
	left: 225px;
	top: 320px;
}


.bg_body
{
	width: 100%;
	height: 600px;
	background:url(body_all.jpg) center center no-repeat;
}

.bg_footer
{
	background: url(bg_footer_x.jpg);
	width: 100%;
	height: 90px;
	margin-top: 570px;
	text-align: center;
	color: #fff;
	padding-top: 30px;
}

.newCreate
{
	background: #fff;
	filter: alpha(opacity=0); -moz-opacity:0;opacity:0;
	top: 190px;
	width: 130px;
	height: 130px;
	position: absolute;
	display: block;
	left:50px;
}

.la_content
{
	width: 1000px;
	position: absolute;
	color: #634519;
}

.la_content a
{
	color: #634519;
}

.la_content a:hover
{
	color: #c00;
}



.nav
{
	height: 40px;
	position: absolute;
	color: #ffe559;
	font-size: 15px;
	font-weight: bold;
	left: 100px;
	top: 33px;
	width: 760px;
	filter: glow(color=#000000, strength=3);
}

.nav span
{
	position: absolute;
	right: 0px;
}


.nav a
{
	color: #ffe559;
}

.nav a:hover
{
	color: #ffe559;
}


.rightColumn
{
	position: absolute;
	left: 270px;
	top: 340px;
	width: 680px;
	height: 770px;
}

.leftColumn
{
	position: absolute;
	left: 35px;
	top: 380px;
	width: 165px;
	height: 740px;
}


/*layout end*/

/*detail start*/

.leftColumn .login
{
	position: absolute;
	top: -5px;
	height: 135px;
	overflow: hidden;
	width: 180px;
	left: -8px;
}
.leftColumn .login iframe
{
	border: 0;
	width: 185px;
	height: 135px;
	overflow: hidden;
	background-color:transparent;
}


.leftColumn .servers
{
	position: absolute;
	top: 213px;
	height: 70px;
	padding: 10px;
	overflow: hidden;
	width: 145px;
	overflow-y: auto;
	overflow-x: hidden;
}
.leftColumn .servers .allServers
{
	margin-top: 5px;
	text-align: right;
}

.leftColumn .servers .allServers a
{
	color: #c00;
	font-family: "宋体";

}


.leftColumn .servers ul li
{
	background: url(icon.gif) no-repeat 0px 1px;
	padding-left: 15px;
}

.leftColumn .servers ul li a
{
	display: inline-block;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	width: 120px;
}

.leftColumn .intro
{
	position: absolute;
	top: 390px;
	height: 130px;
	padding: 10px;
	overflow: hidden;
}


.leftColumn .service
{
	position: absolute;
	top: 615px;
	height: 100px;
	padding: 10px;
	overflow: hidden;
	width: 170px;
	left: -10px;
	
}


.rightColumn .subtitle
{
	width: 297px;
	height: 20px;
	text-align: right;
	padding: 5px 10px 0 0;
}

.rightColumn .subColumn
{
	overflow: hidden;
}

.rightColumn .subColumn ul
{
	margin: 10px 5px 0;
}

.rightColumn .subColumn ul li
{
	border-bottom: dashed 1px #634519;
	background: url(icon02.gif) no-repeat 0px 6px;
	padding-left: 15px;
	padding-right: 35px;
	line-height: 18px;
}

.rightColumn .subColumn ul li a
{
	display: inline-block;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	width: 218px;
}

.rightColumn .location
{
	font-weight: bold;
	left: 10px;
	top: 5px;
	position: absolute;
}

.rightColumn .contentTitle
{
	width: 660px;
	height: 43px;
	background: url(contentTitle.gif);
	left: 10px;
	top: 30px;
	position: absolute;
	text-align: center;
	font-size: 15px;
	color: #f00;
	font-weight: bold;
	line-height: 40px;
}

.rightColumn .doc
{
	width: 660px;
	left: 10px;
	top: 90px;
	position: absolute;
}

.rightColumn .doc .doc_content
{
	height: 640px;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
}


.rightColumn ul
{
	margin: 10px;
}

.rightColumn ul li
{
	border-bottom: dashed 1px #634519;
	background: url(a_35.gif) no-repeat 0px 6px;
	padding-left: 15px;
	line-height: 25px;
	padding-right: 35px;
	height:25px;
	overflow:hidden;
}

.rightColumn ul li a
{
	display: inline-block;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	width: 530px;
}


.rightColumn ul li span.date
{
	position: absolute;
	right: 10px;	
}

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

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

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

.rightColumn .loc_page ul li.thisclass a
{
	background:#bb925b;
}

.rightColumn .loc_page ul li a:hover
{
	background:#bb925b;
}


.rightColumn .thisPage
{
	color: #f00;
	font-weight: bold;
}


.rightColumn .subColumn ul li span.date
{
	position: absolute;
	right: 5px;	
}

.rightColumn .subColumn ul li span.sub
{
	font-weight: bold;
	color: #c00;
	line-height: 25px;
}




.rightColumn .subtitle a
{
	color: #ffd200;
	font-family: "宋体";
}

.banner
{
	position: absolute;
	width: 353px;
	height: 222px;
}
.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;}
.news
{
	position: absolute;
	width: 310px;
	height: 222px;
	left: 370px;
}

.news .subtitle
{
	background: url(st_news.gif);
}

.ads
{
	position: absolute;
	width: 680px;
	height: 99px;
	left: 0px;
	top: 250px;
	background: url(ads_bg.jpg);
	text-align: center;
}

.ads a
{
	display: inline-block;
	width: 148px;
	height: 69px;
	margin: 15px 5px 0px;
}


.gameDoc
{
	position: absolute;
	width: 310px;
	height: 410px;
	left: 20px;
	top: 360px;
}

.gameDoc .subtitle
{
	background: url(st_gameDoc.gif);
}

.gameDoc ul.ulDoc li
{
	background: url(icon02.gif) no-repeat 0px 9px;
	height: auto;
}

.gameDoc ul.ulDoc li a
{
	width: auto;
}



.beginnerGuide
{
	position: absolute;
	width: 310px;
	height: 410px;
	left: 370px;
	top: 360px;
}

.beginnerGuide .subtitle
{
	background: url(st_beginnerGuide.gif);
}



/*detail end*/