/* layout */
.page-margin{
	margin:0 auto;	
}
.page{
	overflow:hidden;
	margin:0 auto;
	width:1000px;
	background:url(img/bgBtm.jpg) no-repeat 0 bottom;
}
.header,.nav,.main,.links,.footer{
	margin:0 auto;
}

.page,.header,.main,.col1,.col3{
	position:relative;
	text-align:left;
}
a:link{
	color:#00eaff;
}
a:hover{
	color:#ff0;
}
/*--header--*/
.header{
	height:407px;
	overflow:hidden;
	background:url(img/bgHeader.jpg) no-repeat 0 0;
}
.header em a{
	background:url(img/logo.gif) no-repeat 0 0;
	display:block;
	height:87px;
	width:224px;
	left:395px;
	top:0px;
	overflow:hidden;
	position:absolute;
	text-indent:-999em;
	z-index:101;
}
.header h1{
	color:#333;
	width:295px;
	height:125px;
	margin-top:169px;
	margin-left:600px;
	font-weight:normal;
	text-indent:-9999px;
}
.header h1 a{
	display:inline;
	text-indent:0;
	position:relative;
	overflow:auto;
	height:auto;
	width:auto;
	line-height:1.6em;
	margin:0;
	top:0;
	left:0;
	padding:2px;
	font-weight:bold;
	color:#c00;
	background:none;
}
/*--nav--*/
.nav{
	color:#fff;
	height:46px;
	width:1000px;
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
	z-index:99;
}
.nav ul{
	margin-left:0px;
}
.nav li{
	float:left;
	text-align:center;
	line-height:46px;
}
.nav li span{ display:none;}
.nav li a{
	display:inline;
	float:left;
	height:46px;
	overflow:hidden;
	text-indent:-999em;
	background-image:url(img/bgNav.jpg);
	background-repeat:no-repeat;
}
.nav li a:hover{
	background-image:url(img/bgNavOn.jpg);
}
a.a1{
	width:55px;
	margin-left:31px;
	background-position: -31px 0px;
}
a.a2{
	width:89px;
	background-position: -86px 0;
}
a.a3{
	width:89px;
	background-position: -175px 0px;

}
a.a4{
	width:89px;
	background-position: -264px 0px;
}
a.a5{
	width:91px;
	background-position:-646px 0px;
	margin-left:293px;
}
a.a6{
	width:89px;
	background-position:-737px 0;
}
a.a7{
	width:87px;
	background-position:-826px 0;
}
a.a8{
	width:63px;
	background-position:-913px 0;
}
a.current:link,a.current:visited,a.current:hover,a.current:active{
	background-image:url(img/bgNavOn.jpg);
}
/*--location--*/
.col3 .location{
	font-size:14px;
	height:66px;
	width:764px;
	line-height:66px;
	background:url(img/bgListTop.jpg) no-repeat 0 top;
	padding-top:62px;
	_padding-top:59px;
}

.location p{
	margin:0 1em 0;
	line-height:70px;
	color:#fff;
	padding-left:3em;
	font-weight:bold;
	padding-top:0;
}
.location a{
	color:#fff;
	margin:0 5px;
	padding-top:6px;
}
.location a:hover{
	color:#ff0;
}
/*--main--*/
.main{
	clear:both;
	background:#072f38 url(img/bgMain.jpg) no-repeat 0 top;
}
.main-con{
	margin:0 ;
	background:url(img/bgMain-top.jpg) no-repeat 0 0;
}
.main-btm{
	background:url(img/bgMain-btm.jpg) no-repeat 0 bottom;
}
.col3{
	width:764px;
	margin-right:0;
	float:right;
	background:url(img/bgCol3-con.gif) repeat-y;
}

.col1{
	width:236px;
	float:left;
	margin:0;
}
 /*-----------------*/
.col3{
 	
}
.col3-btm{
	background:url(img/bgCol3-btm.jpg) no-repeat 0 bottom;
	padding-bottom:30px;
	
}
.col3-con{
	background:url(img/bgCol3-top.jpg) no-repeat 0 top;
}

#flash-box{
	width:492px;
	height:218px;
	float:right;
	overflow:hidden;
	padding-top:83px;
	padding-left:18px;
	_padding:0px;
	_margin-top:83px;
}
.tabs{
	float:left;
	height:301px;
	width:254px;
	overflow:hidden;
	color:#000;
}
.tabs h2{
	clear:both;
	padding-left:14px;
	margin-top:81px;
}
.tabs h2 span{
	display:block;
	float:left;
	text-align:center;
	height:20px;
	width:44px;
	overflow:hidden;
	line-height:23px !important;
	line-height:23px;
	margin: 0;
}
.tabs h2 span.on{
	background:url(img/bgMenuOn.jpg) no-repeat 0 0;
	color:#000;
	width:44px;
	height:20px;
}
.tabs h2 span a{
	color:#fff;
	font-weight:normal;
}
.tabs h2 span a:hover{
	color:#ff0;
}
.tabs h2 span.on a{
	color:#000;
}

.tabContent{
	clear:both;
	height:150px;
	margin:15px 16px 10px 8px;
}
.tabContent ul{
	margin:0.5em 0 0 0.1em;
}
.tabContent li{
	margin:0 0 5px;
	padding-left:0px;
	width:210px;
	overflow:hidden;
	white-space:nowrap;
	background:url(img/dot01.gif) no-repeat 8px center;
	padding:0 9px;
	text-overflow:ellipsis;
	text-indent:15px;

}
.tabContent li.more{
	text-align:right;
	margin-right:3px;
	background:none;
}
.tabContent li a{
	margin-right:0.3em;
	color:#000;
}
.tabContent li a:hover{
	color:#f00;
}
.module{
	display:block;
	float:left;
	margin-bottom:15px;
	margin-left:15px;
	_margin-left:30px;
	width:340px;
/*	height:214px;*/
	position:relative;
	overflow:hidden;
	color:#00eaff;
	background:url(img/titleModule-con.jpg) repeat-y;
}

* html .module{
	margin-left:10px;
}
.module-con{
	background:url(img/titleModule.jpg) no-repeat 0 top;
	height:214px;
}
.module-btm{
	padding-bottom:10px;
	background:url(img/titleModule-btm.jpg) no-repeat 0 bottom;
}
.module h3{
	height:40px;
	line-height:40px;
	font-size:14px;
	font-weight:bold;
	color:#00eaff;
	overflow:hidden;	
	margin:0;
	padding-left:45px;
	font-weight:normal;
}
.module h3 span{
	float:left;
	height:40px;
	display:block;
	line-height:40px;
	font-weight:bold;
}
.module h3 a{
	float:right;
	color:#00eaff;
}
.module ul{
	height:170px; 
	overflow:hidden;
}
.module li{
	line-height:28px;	
	white-space:nowrap;	
	padding-left:0px;
	height:28px;
	background:url(img/dot.jpg) no-repeat 0 8px;
	text-indent:20px;
}
.module li a{
	color:#00eaff;
	background:url(img/icon01.gif) no-repeat 0 center;
	padding-left:0px;
}
.module li a:hover{
	color:#ff0;
}
.yxjt{	
	background:url(img/bgModule-yxjt-con.jpg) repeat-y 0 0;
	height:135px;
	*height:146px;
}
.yxjt h3{
	background:url(img/bgModule-yxjt.jpg) no-repeat 0 top;
	height:40px;
	line-height:40px;
	overflow:hidden;
	padding-left:30px;
}
.yxjt li{
	background:none;
}
.yxjt h3 span{ color:#00eaff;font-weight:bold;line-height:40px;}
.glxd{
	
}
.glxd h3{
	background:none;
	height:40px;
}
.glxd h3 span{
	line-height:40px;
}
.glxd ul{
	clear:both;
	padding-bottom:0.5em;
	height:auto;
}
.glxd li{
	float:left;
	border:0;
	background:none;
	margin-bottom:6px;
	padding:0;
}
.glxd li a{
	width:74px;
	height:22px;
	line-height:22px;
	text-align:center;
	color:#000;
	float:left;
	padding:0;
	margin:0 3px;
	background:url(img/bgSubMenu.jpg) no-repeat 0 0;
	font-size:12px;
	text-indent:0;
}
.glxd li a:hover{
	background:url(img/bgSubMenu.jpg) no-repeat 0 0;
	text-decoration:none;
	color:#ff0;
}
.glxd dl{
	clear:both;
	margin-top:0.3em;
}
.glxd dl dd{
	clear:both;
	margin-bottom:0;
	line-height:1.8em;
	background:url(img/dot.jpg) no-repeat 0 7px;
	padding-left:0px;
	text-indent:20px;
}
.glxd dl dd a{
	color:#00eaff;
}
.glxd dl dd a:hover{
	color:#ff0;
}
.glxd .more{
	background:url(img/bgTabMore.jpg) no-repeat 0 0;
	padding:0 12px;
	line-height:38px;
}
.yxzl dl{
	height:170px;
	overflow:hidden;
	width:340px;
}
.yxzl dt{
	display:block;
	float:left;
	color:#fff;
	width:74px;
	height:22px;
	line-height:22px;
	text-align:center;
	clear:left;
	white-space:nowrap;
	overflow:hidden;
	text-align:center;
	text-overflow:ellipsis;
	background:url(img/bgSubMenu.jpg) no-repeat 0 0;
	font-weight:normal;
}
.yxzl dd{
	display:block;
	float:left;
	width:230px;
	text-align:left;
	line-height:29px;
	margin:0 0 0 10px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.yxzl dd a{
	margin-right:5px;
	white-space:nowrap;
	overflow:hidden;
	color:#00eaff;
}
.yxzl dd a:hover{
	color:#ff0;
}
.yxjt{
	clear:both;
	width:696px;
	height:136px;
	*height:146px;
}
.yxjt h3{
	height:40px;
	overflow:hidden;
	padding:0 6px 0 43px;
}
.yxjt h3 a{
	color:#00eaff;
	line-height:85px;
}
.yxjt ul{
	margin:8px;
}
.yxjt ul li{
	margin-left:0.1em;
	margin-top:0.4em;
	padding-left:0;
	background:url(img/blank.gif) no-repeat 0 0;
	height:102px;
}
/*--col1--*/
.col1{
	background:url(img/bgCol1-con.gif) repeat-y 0 0;
}
.col1-btm{
	background:url(img/bgCol1-btm.gif) no-repeat 0 bottom;
}
.col1-con{
	background:url(img/bgCol1-top.gif) no-repeat 0 0;
}
.box{
	clear:both;
	background:url(img/bgBox.jpg) no-repeat 0 bottom;
	width:236px;
	margin:0 auto;
	margin-bottom:0;
	z-index:99;
}

.box .box-btm{
	padding-bottom:20px;
}
.box-5{
	
}
.box-5 .box-btm{
	padding-bottom:20px;
}
.box-5 .margin a{
	color:#fff;
}
.box h3{
	overflow:hidden;
	background:url(img/bgBoxTitle.jpg) no-repeat 0 0;
	font:bold 14px/65px Arial, Helvetica, sans-serif;
	color:#000;
	padding-left:50px;
}
.box h3 a{
	color:#00eaff;
}

.box-1{
	height:272px;
	position:relative;
	background:url(img/butn.jpg) no-repeat 0 0;
}
.box-2{
	background:#000a0c url(img/bgCol1-box2-top.jpg) no-repeat 0 top;
	margin-left:24px;
	text-align:center;
	padding:15px 0 7px;
	height:100%;
	overflow:hidden;
}
.box-2 a{
	padding:0;
	display:block;
	float:left;
	margin:0 0 5px;
}
.box-2 img{
	margin:4px 0 4px 7px;
}
.box-3, .box-4{
	background:url(img/bgCol1-box3-con.jpg) repeat-y;
	margin-left:24px;
}
.box-3 h3, .box-4 h3{
	background:url(img/bgCol1-box3-top.jpg) no-repeat;
	width:212px;
	height:56px;
	color:#00eaff;
	padding-top:0px;
	line-height:56px;
}
.box-3 .box-btm, .box-4 .box-btm{
	background:url(img/bgCol1-box3-btm.jpg) no-repeat 0 bottom;
	padding-bottom:22px;
}
.box-3 .box-btm a, .box-4 .box-btm a{
	color:#00eaff;
}
.box-3 .box-btm a:hover, .box-4 .box-btm a:hover{
	color:#ff0;
}
.box-3 .margin a{
	background:url(img/dot.jpg) no-repeat 0 3px;
	padding-left:15px;
}
.box-5 .box-btm{
	
}
.box-5{
	height:185px;
	overflow:hidden;
	background:url(img/bgCol1-box5.jpg) no-repeat 0 0;
	font:12px/2em Arial, Helvetica, sans-serif;
	color:#00eaff;
	margin-left:24px;
}
.box-5 h3{
	display:none;
}
.box-5 .box-btm{
	background:none;
}
.box-5 .margin{
	margin:56px 10px 0 23px;
}
.box-con{
	
}
.box-btm{
	
}
/*.box-5 .box-btm{
	background:url(img/bgCol1-5.gif) repeat-y 0 bottom;
}*/

#btnLogin,#btnLogin2,#btnReg,#btnPay{
	display:block;
	float:left;
	text-indent:-999em;
	overflow:hidden;
	z-index:99;
}
#btnLogin{
	height:96px;
	width:188px;
	position:absolute;
	top:41px;
	left:40px;
}
#btnPay{
	height:52px;
	width:188px;
	position:absolute;
	top:211px;
	left:40px;
}
#btnReg{
	height:52px;
	width:188px;
	position:absolute;
	top:148px;
	left:40px;
}
#btnFav{
	display:none;
}
/*--Link--*/
.links{
	padding:0;
	color:#fff;
	background:#072f38 url(img/bgCol3-links-con.jpg) repeat-y 24px 0;
}
.links-btm{
	background:url(img/bgCol3-links-btm.jpg) no-repeat 24px bottom;
	padding-bottom:20px;
}
.links-con{
	padding:1.5em 2em 1em 3.5em;
	background:url(img/bgCol3-links-top.jpg) no-repeat 24px top;
}

/*--footer--*/
.footer{
	text-align:center;
	color:#000;
	background:url(img/bgFooter.jpg) no-repeat 0 bottom;
	height:168px;
}
.footer-con{
	padding-top:6.8em;
}
.footer a{
	color:#000;
}
.footer a:hover{
	color:#f00;
}
/*---list页面--*/
.col3 #list{
	font-size:12px;
	background:url(img/bgListCon.jpg) repeat-y 0 0;
}
.col3 .list-btm{
	background:url(img/bgListBtm.jpg) no-repeat 0 bottom;
}
.list-con{
	padding-bottom:15px;
	color:#000;
	min-height:789px;
	_height:789px;
}
#list .margin{
	margin:0 5em 0 2.5em;
	overflow:hidden;
}
#list .margin a{
	color:#000;
}
#list .margin a:hover{
	color:#f00;
}
#list .margin p{
	margin-bottom:2em;
}
#list ul{
	margin-bottom:2em;
}
#list li{
	line-height:35px;
	clear:both;
	height:30px;
	padding-bottom:3px;
	background:url(img/line.jpg) no-repeat center bottom;
	margin:0 0.8em;
}
#list .lil,#list .lic{
	float:left;
}
#list .lir{
	float:right;
}
#list .lil{
	width:90px;
}
#list li a{
	color:#000;
}
#list li a:hover{
	color:#f00;
}
.category{
	border-bottom:1px solid #8FAFA2;
	padding-bottom:6px;
}
.category a{
	float:left;
	background:url(img/bgTab.gif) no-repeat scroll 0 -29px;
	margin:5px 3px;
	width:103px;
	text-align:center;
	white-space:nowrap;
	font:bold 14px/30px Arial, "宋体";
	color:#000;
}
.category a:hover{
	color:#f00;
}
.pagnation{
	text-align:center;
	border-top:1px solid #8fafa2;
	padding:6px 0;
	clear:both;
	margin-top:1em;
}
.pagnation a{
	background:#E2F9FF;
	margin:0 5px;
	padding:0 3px;
	color:#fff;
	border:1px solid #000;
}
.pagnation a:hover{
	background:#00eaff;
	color:#000;
}

/*  最终页面  */
.last #list h2{
	color:#ff0;
	text-align:center;
	font-size:1.6em;
	line-height:2em;
}

.last #list p.time{
	color:#ff0;
	text-align:right;

	margin-bottom:1em;
}
/*  左侧特殊  */
.special{
	margin-left:24px;
}
.special .box-btm{
	
}
.special h3{
	
}

.special h4{
	background:url(img/bgh3-spe.jpg) no-repeat 0 0;
	color:#000;
	font:bold 14px/30px Arial, Helvetica, sans-serif,"宋体";
	margin:0;
	text-indent:12px;
}
.special .margin a{
	background:url(img/dot.jpg) no-repeat 0 center;
	color:#00eaff;
	font:12px/23px "宋体";
	height:23px;
	text-align:left;
	margin:4px 3px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-left:18px;
	width:130px;
	display:block;
}
.special a:hover{
	color:#ff0;
}
.special .margin{
	padding:0;
}
/*.special a.on{
	color:#c00;
}*/
/*--游戏截图+图片列表页--*/
#list h2{
	text-align:center;
	font-size:14px;
	line-height:1.6em;
}
.yxjt li a{
	padding-top:3px;
	padding-left:3px;
	height:100px;
	width:150px;
	background:none;
}
.yxjt li a img{
	width:150px;
	height:100px;
	border:1px solid #2aa6ca;	
}
.yxjt ul{
	overflow:hidden;
	height:90px;
	width:680px;
	white-space:nowrap;
}
.yxjt li{
	border:0;
	display:inline;
}
.photo #list .list-con{
	background:transparent;
}
#list .margin {
	padding-top:12px;
}
#list .margin img{
	margin: 0 auto;
	text-align:center;
	margin-left:30px;
/*	width:650px;
	height:445px;*/
}
#photo{
	margin:10px 1em;
}
#photo div{
	width:33%;
	float:left;
	text-align:center;
	margin:6px 0;
}
#list .margin #photo div img{
	width:160px;
	height:100px;
	display:block;
	margin:3px auto;
	border:0;
}
#photo div span{

}
/*--服务器列表弹出层--*/
#popup{
	left:195px;
	position:absolute;
	top:140px;
	width:630px;
	height:400px;
	z-index:9999;
	background:url(img/bgPopup.gif) no-repeat 0 bottom;
    overflow:hidden;
	display:none0;
}
#alpha{
    background:#000;
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
	z-index:998;
	position:absolute;
	top:-20px;
	left:-300px;
	width:1800px;
	height:1500px;
	display:none0;
}
#close_pop{
	position:absolute;
	background:url(img/blank.gif) no-repeat 0 0;
	width:20px;
	height:20px;
	top:18px;
	right:20px;
}
#tab1 div,#tab2 div{
	padding-bottom:30px;
}
#popup iframe{
	width:630px;
	height:400px;
	border:none;
	overflow:hidden;
}

/*--index- flash--*/
#swf01{
	display:none;
}
#swf02{
	display:none;
}
/*--external frame--*/

.module iframe{
	width:340px;
	height:225px;
}

/*----swf-----*/
.swf0{
	position:absolute;
	top:49px;
	left:0px;
	z-index:1;
}

.swf1{
	position:absolute;
	top:49px;
	left:0px;
	z-index:2;
}
/*-----bg53kf-----*/
#iconDivMain1{
	background:url(img/53kf.gif) no-repeat 0 0;
	}
#iconDivMain1 img{
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
	z-index:1200;
}