@charset "utf-8";
/*	
	版本信息:
		基础样式最后修改:2010-04-27
		联系: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}

	/*对齐*/
	.t_l{text-align:left;}/*居左*/
	.t_c{text-align:center;}/*居中*/
	.t_r{text-align:right;}/*居右*/
/*routine end*/

/*layout start*/
.bg1 {background: url(bg1.jpg?10111001) center 0 no-repeat; height: 240px;}
.bg2 {background: url(bg2.jpg) center 0 no-repeat; height: 320px;}
.bg3 {background: url(bg3.jpg) center 0 no-repeat; height: 300px;}
.bg4 {background: url(bg4.jpg) center 0 no-repeat; height: 434px;}
.bg_doc {background: url(bg_doc.jpg) center 0 no-repeat; height: 1054px;}
.page {position: relative; width: 1000px; height: 1294px; margin: -1294px auto 0;}


.red {color: #c00;}
.green {color: #090;}
.more {right: 0; position: absolute; font-family: simsun;color: #6b3f00; }
/*layout end*/

/*detail start*/
.nav {background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; font-weight: bold; font-size: 12px; background: #fff; height: 20px; position: absolute; left: 175px; top: 35px; }
.nav a {float: left; display: inline; margin-right: 40px;}

.login {position: absolute; width: 195px; height: 180px; left: 25px; top: 280px;}
.iframe_login {width: 100%; height: 100%;}

.calinder { color: #6b3f00; position: absolute; width: 165px; height: 150px; left: 40px; top: 513px;}
.calinder #date {text-align: center; font-weight: bold;}
.calinder #days { margin-top: 2px; }
.calinder #days .tabs { cursor: default; padding-left: 7px; font-weight: bold;}
.calinder #days .tabs span {text-align: center; border: solid 1px #f7eeb5; float: left; display: inline; width: 20px; border-bottom: 0; }
.calinder #days .tabs span.now { background: #f7eeb5; border: solid 1px #c0a370; border-bottom: 0; }
.calinder #days .day {line-height: 18px; padding: 5px 10px; background: #f7eeb5; height: 70px; display: none; overflow: hidden; }
.calinder #days .day a {display: block; color: #c00; white-space: nowrap;}
.calinder .enter {margin: 7px auto 0; display: block; text-align: center; color: #c00; width: 107px; height: 22px; background: url(btns.gif) 0 -50px; line-height: 22px;}


.servers { color: #6b3f00; position: absolute; width: 180px; height: 130px; left: 33px; top: 715px;}
.servers .server {margin: 2px auto; display: block; text-align: center; color: #6b3f00; width: 177px; height: 22px; background: url(btns.gif) 0 -73px; line-height: 22px; }
.servers .moreServer {margin: 8px auto 0; display: block; text-align: center; color: #c00; width: 177px; height: 22px; line-height: 22px; font-family: simsun; }

.service {line-height: 20px; color: #6b3f00; position: absolute; width: 180px; height: 300px; left: 35px; top: 910px;}
.service th { text-align: right; color: #c00;}

#banner {position: absolute; width: 192px; height: 235px;left: 240px; top: 290px;}
#banner .info{ margin-top: -20px; text-align: right;}
#banner .btns{ padding-right:5px; 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:#c00; cursor: default;}
#banner .btns a:hover{ text-decoration:none; background:#c00;}

.news {color: #6b3f00; position: absolute; width: 305px; height: 255px; left: 440px; top: 270px;}
.news ul.list_date {margin-top: 20px; width: 300px; /* li{padding} + span.text{width} + span.text{width} */ }
.news ul.list_date li { height: 22px; line-height: 22px; padding: 0; vertical-align: middle; white-space: nowrap; }
.news ul.list_date li span.text { float: left; overflow: hidden; width: 230px; }
.news ul.list_date li span.text a { color: #4f3415; }
.news ul.list_date li span.date { float: right; text-align: right; width: 70px; }

.ads {position: absolute; width: 560px; height: 65px; left: 240px; top: 560px;}
.ads a{float: left; display: inline; margin-right: 10px;}

.station {color: #6b3f00; position: absolute; width: 420px; height: 280px; left: 320px; top: 670px;}
.station ul {top: 30px; position: absolute; line-height: 22px; width: 400px; }
.station ul li {overflow: hidden;  height: 50px; }
.station ul li a { color: #6b3f00;}

.guide { width: 200px; height: 185px; position: absolute; top: 990px; }
.guide ul {top: 37px; position: absolute; line-height: 24px; width: 100%; }
.guide ul li {overflow: hidden; white-space: nowrap; }
.guide ul li a { color: #6b3f00;}

.guide1 { left: 272px; }
.guide2 { left: 527px; }

.intro {text-indent: 24px; color: #6b3f00; line-height: 22px; width: 190px; height: 270px; position: absolute; top: 920px; left: 775px; }

.ranks {color: #6b3f00; line-height: 22px; width: 200px; height: 240px; position: absolute; top: 607px; left: 770px; }
.ranks .choseServers {text-align: center; }
.ranks .choseServers select {width: 100px;}
.ranks .table {margin-top: 10px; }
.ranks .table .tabs {z-index: 10; position: relative;}
.ranks .table .tabs span {text-align: center; line-height: 21px; float: left; display: inline; width: 64px; height: 21px; background: url(btns.gif) 0 -118px; margin-right: 2px; cursor: default;}
.ranks .table .tabs span.now {background: url(btns.gif) 0 -96px;}
.ranks .table .rank {width: 196px; top: -1px; position: relative; border-top: solid 1px #985f5f; display: none; height: 185px; overflow-x: hidden; overflow-y: scroll;}
.ranks .table .rank table {width: 170px; margin: 5px 0 0 3px;}
.ranks .table .rank table th { text-align: center; background-color: #efdba0; color: #900; }
.ranks .table .rank table tr { text-align: center; }
.ranks .table .rank table td { white-space: nowrap; overflow: hidden; }
.ranks .table .rank table td a { color: #900; }


.show {width: 170px; height: 220px; position: absolute; top: 310px; left: 785px; }
.show .video_check{ display: block; position: absolute; bottom: 0; width: 124px; height: 24px; background: url(btns.gif) 0 -140px; left: 25px; }
.show .photos{ height: 190px; width: 150px; margin-left: 10px; }
.show .photos .one{ height: 190px; }
.show .photos .one p{white-space: nowrap; overflow: hidden; padding: 0 10px; color: #4F3415; background: #f5e5bd; line-height: 22px; margin: 3px; }
.show .photos .one p a{color: #900; }
.show .photos .one .photo{display: block; margin-bottom: 5px; width: 142px; height: 97px; padding: 3px; border: solid 1px #ccc; background: #fff; }

.backhome {left: 60px; top: 255px; cursor: pointer; font-family: simsun; color: #c00; line-height: 21px; text-align: center; width: 83px; height: 21px; background: url(btns.gif) 0 -165px; display: block; position: absolute;}
.subnav {left: 650px; top: 260px; font-family: simsun; color: #900; line-height: 21px; text-align: right; width: 300px; height: 21px; position: absolute;}
.subnav a {color: #900;}
.title {left: 50px; top: 300px; font-family: "Microsoft Yahei"; color: #090; font-weight: bold; font-size: 18px; line-height: 22px; text-align: center; width: 900px; height: 25px; position: absolute; overflow: hidden; white-space: nowrap;}
.subtitle {left: 50px; top: 330px; color: #999; line-height: 22px; text-align: center; width: 900px; height: 20px; position: absolute;overflow: hidden; white-space: nowrap;}
.content {left: 75px; top: 370px; color: #6b3f00; line-height: 20px; width: 850px; height: 800px; position: absolute; overflow: auto;}

.content ul.list_date { width: 850px; /* li{padding} + span.text{width} + span.text{width} */ }
.content ul.list_date li { background: url(ico_li.gif) left center no-repeat; height: 22px; line-height: 22px; padding: 0 15px; vertical-align: middle; white-space: nowrap; }
.content ul.list_date li span.text { float: left; overflow: hidden; width: 750px; }
.content ul.list_date li span.text a { color: #644123; }
.content ul.list_date li span.date { float: right; text-align: right; width: 70px; }


.pageNumber{color: #644123; position: absolute; left: 280px; top: 1190px;  text-align: center; }
.pageNumber ul li{ border-bottom: 0; background: none; line-height: 24px; height: 23px; padding: 0; margin-right: 5px; display: inline; }
.pageNumber ul li a {color: #644123; background: #e2d4c4; border: 1px solid #ccad60; height: 22px; overflow: hidden; padding: 0 8px; text-decoration: none; display: inline-block; line-height: 22px; vertical-align: middle; width: auto; }
.pageNumber ul li.now a { background: #d8c78a; border: 1px solid #900; }
.pageNumber ul li a:hover { background: #d8c78a; border: 1px solid #c00; color: #c00; }

.footer {color: #644123; position: absolute; left: 280px; top: 1250px;  text-align: center; }
.footer1 {top: 1220px;}
.footer2 {top: 1250px;}
/*detail end*/