body{background:#000 url(img/bg.gif) repeat-y center 0;}
.page-margin{
	background:url(img/bgBtm.jpg) no-repeat center bottom;
	text-align:center;
	overflow:hidden;/* ff bug over? */
}
.page{background:url(img/bgTopSer.jpg) no-repeat center 0;}
.wrap{
	width:1000px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
.logo{position:absolute;display:none;}
.header{height:335px;background:url(img/bgSerTop.jpg) no-repeat 0 0;}
.quickNav{
	position:absolute;
	top:268px;
	left:0;
	width:1000px;
	height:67px;
	z-index:9;
}
.quickNav a{
	display:block;
	float:left;
	height:67px;
	text-indent:-999em;
	overflow:hidden;
	*background:url(img/blank.gif) no-repeat 0 0;
}
.quickNav a:hover{background-image:url(img/quickNav2.jpg);}
a.q1{width:153px;margin-left:172px;_margin-left:86px;}
a.q1:hover{background-position: -172px 0;}
a.q2{width:161px;}
a.q2:hover{background-position: -325px 0;}
a.q3{width:167px;}
a.q3:hover{background-position: -486px 0;}
a.q4{width:158px;}
a.q4:hover{	background-position: -653px 0;}
/*--main-*/
.main{background:url(img/bgSerMain.jpg) repeat-y 0 0;}
.main-btm{background:url(img/bgSerMainBtm.jpg) no-repeat 0 bottom;padding-bottom:20px;}
.serlist{background:url(img/serlist-con.jpg) repeat-y 0 0;}
.serlist .main-btm{background:url(img/serlist-btm.jpg) no-repeat 0 bottom;padding-bottom:20px;}
.serlist .main-top{background:url(img/serlist-top.jpg) no-repeat 0 0;}
.main-top{background:url(img/bgSerMainTop.jpg) no-repeat 0 0;text-align:center;}
.reg2login .margin{width:639px;margin:0 auto 2em;padding-top:2em;text-align:left;}
.title{
	height:27px;
	padding-left:30px;
	color:#fff;
	background:url(img/titleSer.jpg) no-repeat 0 0;
	font:bold 14px/27px verdana;
}
.des{
	background:url(img/icon5.jpg) no-repeat 0 center;
	margin:0.5em 1em;
	line-height:34px;
	padding-left:4em;
	color:red;
}
.reg2login fieldset{
border:0;
}
.reg2login legend{display:none;}
.reg2login fieldset p{margin:1.5em 4em;color:#033;line-height:1.8em;}
.reg2login fieldset p label{
	width:90px;
	float:left;
}
.reg2login fieldset p em{color:#f00;padding:0 5px;}
.reg2login fieldset p input{
	width:190px;
	border:1px solid #002444;
	background-color:#d3f5f4;
	line-height:18px;
	height:18px;
	padding:1px 3px;
}
.reg2login fieldset p button{
	border:0;
	background-image:url(img/btnlogin.jpg);
	height:55px;
	width:150px;
	text-indent:-999em;
	overflow:hidden;
	cursor:pointer;
	display:block;
	margin-left:100px;
}
.reg2login fieldset .btnLogin button{background-position:0 -55px;}
.reg2login fieldset .btnReg button{background-position:0 0;}
/*--serlist--*/
.serlist .margin{
	margin:0 33px 0 82px;
	padding-top:15px;
}
.sidebar{float:right;width:213px;padding-bottom:3em;}
.col3{float:left;width:650px;padding-bottom:3em;}
.serlist .sidebar .margin{ margin:0;padding:0;}
.l1,.l2,.l3,.l4,.l5{
display:block;
margin:10px 0;
width:204px;
background-image:url(img/sidebar.jpg);
text-indent:-999em;
overflow:hidden;
}

.l1{background-position:0 -100px;height:50px;}
.l2{background-position:0 -50px;height:50px;}
.l3{background-position:0 -150px;height:56px;}
.l4{background-position:0 -206px;height:56px;}
.l5{background-position:0 0;height:50px;}
.login strong{
	background:url(img/sidebar.jpg) no-repeat 0 -326px;
	height:28px;
	display:block;
	width:204px;
	color:#fff;
	font:bold 14px/27px arial;
	text-indent:1em;
}
.welcome{
	background:url(img/bgwelcome.jpg) no-repeat 0 0;
	padding:35px 16px 0 10px;
	color:#fff;
	line-height:2em;
}
.welcome span{color:#0f0;letter-spacing:1px;}
.unreadmsg a{color:#ff0;}
.unreadmsg a:hover{color:#a5ffff;}
.logon dt{
	background:url(img/sidebar.jpg) no-repeat 0 -294px;
	height:32px;
	margin:0 0 10px 0;
	text-align:center;
	color:#fff;
	font:bold 14px/32px verdana;
}	
.logon dd{
	background:url(img/icon6.gif) no-repeat 4px center;
	padding-left:1.6em;
	border-bottom:1px dashed #276179;
	margin:0 1em 0 0.3em;
	height:26px;
	line-height:26px;
	color:#fff;
}
.logon dd a{color:#fff;}
.logon dd a:hover{color:#0e0;text-decoration:none;}

.listbox ul{margin:0.3em 0.2em 1em;}
.listbox li{
	float:left;
	width:32%;
	height:28px;
	line-height:28px;
	border-bottom:1px dashed #ccc;
}
.coming li{width:50%;}
.listbox li a{
	background:url(img/icon2.gif) no-repeat 4px center;
	padding-left:8px;
	white-space:nowrap;
	color:#276179;
	line-height:28px;
	width:132px;
	float:left;
	overflow:hidden;
	text-overflow:ellipsis;
}
.listbox li a:hover{color:#f60;text-decoration:none;}

.serTab{
	height:26px;
	background:url(img/line.gif) repeat-x 0 25px;
	margin:0.8em 1em 0.6em 0.3em;
}
.serTab span{
	cursor:pointer;
	display:block;
	float:left;
	height:26px;
	margin:0px 5px;
	padding:0 3px 0 0;
}
.serTab span a{
color:#276179;
display:block;
font:13px/26px Arial;
margin:0;
padding:0 3px 0 9px;
}
.serTab span a:hover{color:#f60;text-decoration:none;}
.serTab span.on{
	background:url(img/serTab.gif) no-repeat scroll right -26px transparent;
}
.serTab span.on a{
background:url(img/serTab.gif) no-repeat scroll 0 0 transparent;
color:#000;
font-weight:bold;
line-height:26px;
}
/*--mrc--*/
.rank h2.title{font-size:13px;}
.rank h2.title span{color:#ff0;float:left;margin-right:2em;}
.rank h2.title strong{color:#f00;float:left;}
.rank h2.title a{float:right;margin-right:1em;color:#fff;}
.rank .serTab span{margin:0 6px;}
.rank .serTab a{padding:0 12px 0 18px;letter-spacing:2px;}
.ranklist dt,.ranklist dd{margin:1px 1.5em 1px 1em;border-bottom:1px dashed #ccc;height:28px;line-height:28px;}
.ranklist dt{margin-bottom:1em;color:#002444;font-weight:bold;background:#b4d5d9;margin:1em 1.5em 0.5em 1em;}
.r1,.r2,.r3,.r4,.r5{float:left;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.r1{width:80px;}
.r2{width:130px;text-align:left;}
.r3{width:180px;text-align:left;}
.r4{width:120px;}
.r5{width:80px;}

.rank .allser{
	background:#b4d5d9;
	border:2px solid #002444;
	position:absolute;
}
.rank .allser ul{
	width:620px;
}
/*--footer-*/
.footer{height:200px;text-align:center;line-height:2em;color:#333;}
.footer a{color:#333;text-decoration:none;}
.footer a:hover{color:#090;text-decoration:underline;}

/*--msgbox---*/
/*.unreadmsg{
	background:url(img/unreadmsg.gif) no-repeat 0 0;
	height:43px;
	line-height:52px;
	overflow:hidden;
	color:#4c1f00;
	width:250px;
	padding-left:2.3em;
	margin-left:2.1em;
}
.unreadmsg a{
	color:#f00;
	text-decoration:none;
}
.unreadmsg a:hover{
	color:#000;
}
.unreadmsg a strong{
	color:#000;
	font-weight:bold;
	padding:0 2px;
}

.serlist .main{ position:relative; }*/
 .msgbox{
	background:url(img/msgbox-top.gif) no-repeat 0 0;
	padding-top:36px;
	width:620px;
}
 .msgbox .btm{
	background:url(img/msgbox-btm.gif) no-repeat 0 bottom;
	padding-bottom:17px;
}
 .msgbox .con {
	background:url(img/msgbox-con.gif) repeat-y 0 0;
	min-height:300px;
	_height:300px;
	padding-top:8px;
	position:relative;
}
 .msgbox .con .closeMsgBox{
	position:absolute;
	right:20px;
	top:-10px;
	color:#f00;
	text-decoration:none;
}
 .msgbox .con ol{
	margin:0em 2em;
}
 .msgbox .con ol li{
	clear:both;
	border-bottom:1px solid #ccc;
	width:580px;
	background-position:0 10px;
	margin:5px 0;
	text-align:left;
}
 .msgbox .con ol li span{
	padding-right:10px;
	color:#f00;
}
 .msgbox .con ol li a{
	color:#333;
}
 .msgbox .con ol li a:hover{
	color:#f00;
}

 .msgbox .con ol li ul{
	margin:0 0 0 0.8em;
	white-space:normal;
}
 .msgbox .con ol li ul li{
	background-image:none;
	border:0;
	white-space:normal;
	line-height:1.6em;
	color:#333;
	width:560px;
}
/*---end msgbox--*/
/*--quickport--*/
.quickport{
	margin:12px 15px 15px 3px;
	padding:5px 15px;
	background-color:#ccf2f2;
	border:1px solid #9cd1d4;
	color:#07777e;
	line-height:22px;
}
.quickport *{float:left;}
.quickport strong,.quickport span{}
.quickport input{margin:0 3px;width:60px;padding:3px 2px;_padding:2px; text-align:center;border:1px solid #9cd1d4;vertical-align:middle;}
.quickport button{width:70px;height:22px;text-align:center;color:#fff;font-weight:bold;border:none;cursor:pointer;
background:url(img/btn_qport.png) no-repeat center 0; vertical-align:middle;}