@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 {color: #666;}
a {color: #666;}
div.bg1 { background: url(bg1.jpg?10111003) center 0 no-repeat; height: 250px; }
div.bg2 { background: url(bg2.jpg) center 0 no-repeat; height: 250px; }
div.bg3 { background: url(bg3.png) center 0 no-repeat; height: 982px; }
div.p {position: relative; height: 1482px; margin: -1482px auto 0; width: 980px; overflow: hidden; }
div.p div.l { float: left; width: 240px; display: inline; height: 1000px; margin: 340px 0 0 30px; }
div.p div.m { float: left; width: 440px; display: inline; height: 1000px; margin: 294px 0 0 10px; }
div.p div.r { float: left; width: 240px; display: inline; height: 1000px; margin: 340px 0 0 10px; }
div.p div.mr {float: left; width: 680px; display: inline; height: 1000px; margin: 340px 0 0 10px; }
div.p div.f {clear: both; text-align: center; padding: 20px 0 0 20px; }


div.pane {margin-top: 10px;}
div.pane_m {padding: 9px; margin-top: 10px; border: solid 1px #d0d0d0; background: #f0f0f0; overflow: hidden;}
div.pane_m ul li {background:#e0e0e0 url(li.gif) 5px center no-repeat; width: 420px; height: 25px; margin-bottom: 1px; *margin-bottom: 0px; line-height: 25px; overflow: hidden;}
div.pane_m ul li span.text {float: left; margin-left: 20px; width: 310px;}
div.pane_m ul li span.date {float: right; margin-right: 10px;}



div.pane div.content {border: solid 1px #d0d0d0; border-top: 0; padding: 9px; background: #f0f0f0; overflow: hidden;}
h4.subtitle {padding: 0 10px; background: url(subtitle.gif); font-family: "微软雅黑", "Microsoft Yahei"; color: #fff; height: 25px; line-height: 22px; font-size: 14px;}
h4.subtitle_m {overflow: hidden; padding-left: 25px; background: url(subtitle_m.gif); font-family: "微软雅黑", "Microsoft Yahei"; color: #fff; height: 25px; line-height: 22px; font-size: 14px;}
h4.subtitle_m span.text{width: 100px; float: left;}
h4.subtitle_m a.more {float: right; font-family: "宋体"; margin: 2px 10px 0 0; font-size: 12px;}
.red {color: #c00;}
.blue {color: #00c;}
.green {color: #181;}
.bold {font-weight: bold;}
.right {text-align: right;}
.more { text-align: right; margin-top: 5px; }
.more2 { text-align: right; margin: 5px 9px 0 0; }
span.rank_num {color: #fff; text-align: center; background: url(rank.jpg); display: block; margin: 0 auto; width: 14px; height: 14px;}
span.rank_num_ {color: #fff; text-align: center; background: url(rank.jpg) 0 -15px; display: block; margin: 0 auto; width: 14px; height: 14px;}

div.content div.tabs { height: 27px; width: 238px; overflow: hidden; }
div.content div.tabs span {cursor: pointer; text-align: center; line-height: 27px; background: url(bg_x.gif); height: 27px; display: block; float: left; width: 79px; }
div.content div.tabs span.now {background: none; color: #c00; font-weight: bold; }
div.content div.view table {margin: 9px auto; }
div.content div.view table th {white-space: nowrap; overflow: hidden; background: url(bg_x.gif); padding: 2px 10px; text-align: center; width: 50px; border: solid 1px #fff; }
div.content div.view table td {white-space: nowrap; overflow: hidden; padding: 2px 10px; border: solid 1px #fff; text-align: center;}

/*layout end*/

/*detail start*/
div.p div.nav {padding-left: 86px; height: 40px; line-height: 40px; font-size: 14px; }
div.p div.nav a {white-space: nowrap; display: inline; float: left; filter: alpha( opacity = 0 ); -moz-opacity: 0; opacity: 0; margin-right: 52px;}
div.p a.begin {position: absolute; display: block; width: 100px; height: 100px; left: 98px; top: 255px; background: #fff; filter: alpha( opacity = 0 ); -moz-opacity: 0; opacity: 0;}

div.serversInfo div.content{ height: 110px; overflow: hidden; }
div.serversInfo li {width: 220px; line-height: 22px; overflow: hidden; white-space: nowrap; }

div.activities div.content{ height: 185px; overflow: hidden; padding: 0 9px; }
div.activities li {padding: 7px 0; line-height: 18px; border-bottom: dashed 1px #ccc; height: 65px;}
div.activities li div.photo_62{ width: 62px; height: 62px; padding: 1px; background: #fff; border: solid 1px #ccc; float: left; margin-right: 10px; }
div.activities li p.title { float: left; width: 140px; }
div.activities li p.desc { float: left; margin-top: 4px;}

div.nba_match div.content {padding: 0; height: 285px;}

div.service div.content {height: 159px; overflow: hidden; line-height: 22px;}
div.service div.content th {text-align: right; padding: 0 5px;}


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

div.news { height: 220px; }

div.docs { height: 160px; margin-top: 0; }

div.guide { height: 265px; }


a.ads_m1 { display: block; margin: 10px 0; float: left; }
a.ads_m2 { display: block; margin: 10px 0; float: right;}
a.ads_r { display: block; margin-top: 10px; }


div.welcome div.content{ padding: 0; height: 168px; overflow: hidden; }
div.serversList div.content{ height: 120px; overflow: hidden; }
div.serversList div.content a { display: block; margin: 5px auto; width: 175px; height: 20px; }

div.rank div.content{padding: 0; height: 280px; overflow: hidden; }

div.stars div.content{padding: 0; height: 259px; overflow: hidden; }
div.stars div.content div.photo{display: inline; margin: 9px 0 0 9px; float: left; width: 85px; height: 83px; padding: 2px; border: solid 1px #ccc;}
div.stars div.content p.name{color: #c00; padding-bottom: 5px; width: 120px; line-height: 18px; margin: 9px 0 0 0; float: right; border-bottom: solid 1px #e0e0e0;}
div.stars div.content p.data{padding-top: 5px; width: 120px; line-height: 18px;float: right; }
div.stars div.content table{ clear: both; }
div.stars div.content table th{ padding: 2px 0; }
div.stars div.content table td {color: #c00; padding: 2px 0; }

div.doc {padding: 9px; margin-top: 10px; border: solid 1px #d0d0d0; background: #f0f0f0; overflow: hidden; height: 959px;}
div.doc_content {margin: 10px 0 0 10px; height: 890px; overflow-x: hidden; overflow-y: auto;}

div.doc h4.subtitle_m {overflow: hidden; padding-left: 25px; background: url(subtitle_m.gif) 0 -26px; font-family: "微软雅黑", "Microsoft Yahei"; color: #fff; height: 25px; line-height: 22px; font-size: 14px;}


div.doc_content ul { }
div.doc_content ul li {background:#e0e0e0 url(li.gif) 5px center no-repeat; width: 630px; height: 25px; margin-bottom: 1px; *margin-bottom: 0px; line-height: 25px; overflow: hidden;}
div.doc_content ul li span.text {float: left; margin-left: 20px; width: 500px;}
div.doc_content ul li span.date {float: right; margin-right: 10px;}

div.doc_content p {margin: 10px 20px; }
div.doc .loc_page
{
	margin: 10px;
	text-align: center;
}

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

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

div.doc .loc_page ul li.thisclass a
{
	background:#ccc;
	border:1px solid #888;
}

div.doc .loc_page ul li a:hover
{
	background:#ccc;
	border:1px solid #c00;
	color: #c00;
}


/*detail end*/