@charset "utf-8";
/*
================
	reset
================
*/
body,ul,li,form,label,h1,h2,h3,h4,h5,h6,p,div,dl,dd,dt,button { margin:0; padding:0;}
img,button { border:0;}
ul,ul li { list-style:none;}
em {font-style:normal;}

/*
================
	base
================
*/
body { font:14px/22px Tahoma, Arial,  Helvetica, "\5b8b\4f53", sans-serif; color:#36c;}
input,select { font-family:Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}
a { color:#36c; text-decoration:none; cursor:pointer;}

/*
================
	classes
================
*/
.fl { float:left;}
.fr { float:right}
.clearfix,#coolsite dl{zoom:1;}
.clearfix:after,#coolsite dl:after{content:"\0020";display:block;clear:both;height:0;}
ul.clearfix li { display:inline; float:left;}
h2 { font-size:14px; padding: 0 5px;}
.bd { border:1px solid #B9D4E2}
.bd-color { border-color:#B9D4E2;}
.button{ background:url(../images/icons.gif) no-repeat -37px -49px; display: inline-block; height:21px; width:63px; line-height:21px; text-align:center; color:#333; font-size:12px;}
div a.button:hover { background-position:-37px -24px; color:#07519A}
a em.alt { position:absolute; top:-9999px;}
/*
================
	color
================
*/

.red ,#tool a.red{ color:#f00;}
.green,#tool a.green { color:#178517;}
.blue ,#tool a.blue{ color:#00F;}
.orange ,#tool a.orange{ color:#F60;}
.gray { color:#ccc;}
.gray3 { color:#333;}
.gray6 { color:#666;}
.gray9 { color:#999;}
.black { color:#000;}
.white { color:#fff;}

/*
================
	layout
================
*/

.wrap { background:#3B85C3}
.container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background:#fff;
	padding:0 10px;
}

#top,
#header { background:url(../images/repeat.gif) repeat-x;}


#header,#content{ margin-bottom:5px; }
#top { height:26px; border:1px solid #B9D4E2; border-top:none; line-height:26px; font-size:12px; padding: 0 5px; color:#666;}
#top li { float:left; display:inline;}
#top a,#top { color:#666;}	
	.guide { float:right;  }
    .guide li { height:26px;}
	
	#top li a:hover { background-color:#FF0; color:#f00;}
	#top li a.button:hover { color:#07519A} 
	
	.theme a,li.feedback,li.sethome,li.setSkin a{ background:url(../images/icons.gif) no-repeat;}
	
	
    li.feedback,li.sethome{ padding-left:20px; margin-right:5px;}
    li.feedback { background-position: 0 -195px;}
    li.sethome { background-position:0 -232px;}
	li.setSkin a { background-position:0 -542px; height:21px; width:75px; margin:2px 0 0 10px;}
    
	.theme a{ float:left; margin-top:7px; margin-left:5px;text-indent:-9999px; overflow:hidden; height:12px; width:12px; }
	.theme a.blue{ background-color:#438ECE; background-position:-20px 0;}
	.theme a.pink{ background-color:#D957AF; background-position:0 -48px; display:none;}
    .theme a.orange{ background-color:#FF9441; background-position:0 -120px}
    .theme a.green{ background-color:#7CB050; background-position:0 -144px}
    .theme a.purple{ background-color:#7E6095; background-position:0 -168px}
    .theme a.blue2{ background-color:#307EA3; background-position:0 -96px}
	
	li.setSkin a,#top li.setSkin a:hover{ display:block; overflow:hidden; text-indent:-999px; height:21px; width:75px;}
	
	#date { margin-right:10px;}
	#setCityBox,#setCityBox a ,#setCityBox select { font-size:12px; float:left; margin:1px 2px 0 0;}
	#setCityBox { padding-top:1px;}
	#setCityBox a { margin:1px 2px 0;}
	
#header { height:73px; position:relative; border:1px solid #ccc; border-top:none; background-position:0 -27px;}
	#logo { margin-top:2px; margin-left:5px; float:left; margin-right:5px; display:inline;}
	#email_114la { float:left; margin-left:8px; margin-top:2px;width:200px;}
		#email_114la li { height:23px; line-height:23px; clear:both;}
		#email_114la label { width:36px; float:left;font-size:12px; color:#666;}
		#email_114la  .int { font-size:12px; padding:1px 2px 0; height:16px;}
		#mail_user_114la { width:142px;}
		#mail_server_114la { width:148px; height:20px; font-size:12px;}
		#mail_passwd_114la { width:88px;}
		#email_114la .btn { width:50px; text-align:center; height:22px; font-size:12px;}
		
		
	#banner { width:616px; height:60px; position:absolute; top:7px; right:5px;}
	#banner a { float:left;}
	

#search {}
	.search-menu ul{ margin-left:64px;}
	.search-menu a{ color:#000; background-color:#f3f3f3; border:1px solid #f3f3f3; border-bottom:none; float:left; overflow:hidden; height:19px; line-height:20px; width:60px; text-align:center; font-size:12px;}
	.search-menu li.active a{ border-color: #ace; border-bottom:none; background-color:#D6E7F7; font-weight:bold;}
	
	.search-menu li { margin:0 2px; height:20px;}
	.search-menu li.active { height:25px; margin-bottom:-5px; background:url(../images/icons.gif) 26px -448px; position:relative;}
	.search-form { float:left;}
	
	.search-box { padding:5px 10px; height:30px; overflow:hidden; background-color:#EAF4FF;}
		#search_int_box { border:1px solid #ace;}
		#search_int { padding:4px 2px 0; height:22px; font-size: 16px; border: none; line-height:20px; border-left:2px solid #EBEBEB; border-top:2px solid #EBEBEB; width:342px;}
		#search_int:focus,#search_int.focus { background-color:#FFFCEC;}
		#search_btn { height:30px; width:88px;font-size14px; text-align:center; cursor:pointer; line-height:26px; margin-right:10px; margin-left:5px;}
		#search_label { float:left; width:79px; height:30px; margin-left:42px; overflow:hidden; text-align:center; margin-right:5px;}
		.search-word { float:left; height:30px; line-height:30px; font-size:12px; width:358px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
		.search-word a{ margin:0 5px;}
		
		
		#search-menu-more {}
		a#smore { display:block;  float:none; background:#FFFFFF url(../images/icons.gif) no-repeat right -444px}
		a#smore:hover { border-color:#999;}
		
		#smp { position:absolute; width:58px; background:#fff; border:1px solid #ccc; z-index:10;  padding:1px;}
		#smp a{ background:#f5f5f5; border:none; width:58px; height:22px; line-height:22px; margin:0; color:#333;}
		#smp a:hover { background:#36C; color:#fff;}
		
	#suggest { position:absolute; top:162px; margin-left:137px; width:348px; border:1px solid #666; background:#fff; z-index:10;}	
	#suggest li { cursor:default; height:22px; line-height:22px;color:#000;  padding:0 5px;}
	#suggest li.hover { background-color:#36c; color:#fff;}
	#suggest .close { text-align:right; padding:0 5px;}
	#suggest .close a { color: #36c;}
	#suggest .close a:hover { background-color:#36c; color:#fff; }


#kw1 a,#kw2 a{ font-size:12px; margin:0 8px;}
#kw1 {line-height:32px; height:32px; overflow:hidden;}
#kw2 { width:400px; height:26px; line-height:26px; overflow:hidden;}


#content {}
	#cate { width:150px; float:left; margin-right:10px; padding:5px 0; background:url(../images/cate_bg.gif) repeat; }
	#cate h2, #cate ul { clear:both; font-size:14px; color:#07519A }
	#cate h2, #cate li { text-align:center; line-height:30px; height:30px; }
	#cate li { width:50px; float:left; }
	#cate ul.c2 li { width:75px; }
	#cate a { padding:1px; }
	
	#main { float:left; width:798px}
		.r1 { position:relative; height:332px; margin-bottom:10px; }
		#board { margin-right:178px; height:332px; }
		#board-menu li{ margin-left:2px; height:27px;}
		#board-menu a ,#csite-ctrl {background:url(../images/repeat.gif) repeat-x 0 -120px;  height:26px; line-height:26px;  border:1px solid #B9D4E2;color:#07519A; }
		#board-menu a{display:block;text-align:center; float:left; border-bottom:none;width:82px; }
		#board-menu li.current a{ font-weight:bold; background-position: right -146px; background-repeat:no-repeat; border-top:none; background-color:#fff; border-bottom:none; height:28px; position:relative; margin-bottom:-1px;}
		li#board-menu-def a { width:110px; text-align:left; padding-left:10px;}
		li#board-menu-def a:hover .cs-btn { background-color:#FF0; color:#f00;}
		li#board-menu-def{ margin-left:0;}
		
		#quick-search { border:1px solid #ccc; float:left; height:23px; padding-right:20px;width:130px; overflow:hidden; background: url(../images/icons.gif) right -418px no-repeat; position:relative;}
		#qs{ border:none; padding:4px 0 0 2px; font-size:12px; height:18px; line-height:15px; width:125px; float:left; background:#fff;}
		a#qs-btn { height:18px; width:18px; position:absolute; top:3px; right:3px; overflow:hidden; padding:0; border:none; background:url(../images/icons.gif) 0 -340px #fff;}
		a#qs-btn:hover { background-position:0 -380px;}
		
		#quick-search.n #qs{ color:#666;}
		#quick-search.n #qs a#qs-btn { background-color:#fff;}
		#quick-search.f #qs{  background-color:#FFFCEC; color:#000;}
		#quick-search.f a#qs-btn { background-color:#FFFCEC}
		#quick-search.f {border-color:#B9D4E2; background-color:#FFFCEC;}
		#qs-result {background-color:#fff; position:absolute; height:300px; overflow:hidden; width:608px; margin:4px 5px 0; top:26px;}
		#qs-result a span { color:#f00;}
		#qs-result a:hover span { color:#fff;}
		
		
		#board-box { height:302px; overflow:hidden; border-bottom-width:2px;}
		.loading { font-size:12px; text-align:center; width:100%; height:302px; line-height:302px; background:url(../images/loading_blue_big.gif) center center no-repeat;}
		.loading p { line-height:20px; background:url(../images/loadding.gif) no-repeat left center; padding-left:2px;}
		
		#fmsite { margin:3px 5px 0; margin-bottom:0;}
		#fmsite, .line_30 { background:url(../images/topsite_bg.gif)}
        #fmsite li ,#history li,#favBox li,#Collbox li,#qs-result li{ float:left; width:19.8%; overflow:hidden; height:30px; line-height:30px; text-align:center;}
        #fmsite li a:hover,#tool a:hover,#kw1 a:hover,#kw2 a:hover{ background-color:#FF0; color:#f00;}
        
        #fmsite ul.top li { position:relative; overflow: visible;}
        
        
		#fmsite li .fmbox {background:#fff; display:none; position:absolute; left:6px; top:29px;}
        #fmsite li ul { margin:0; background:#fff; border:2px solid #B9D4E2; width:100px;  _height:1%; }
        #fmsite li ul li { float:none; text-align: center; line-height:24px; height:24px; margin:1px; width:98px; display:block;}
       	#fmsite li ul a { display:block; width:98px;}
		
		#cs li a.edit{ color:#666; font-size:12px; margin-left:2px; color:#c00;}
       
        ul.top li em { vertical-align: middle; display:inline-block;  padding:7px 0; height:16px; width:16px; overflow:hidden; cursor:pointer; background-image: url(../images/icons.gif); background-repeat:no-repeat;}
		.arrow { width:8px; height:4px; overflow:hidden; text-indent:-999px; display:block; background: url(../images/images.gif) -1px  -104px; margin-left:85px; }
        em.baid { background-position:-84px -302px;}
        em.sina { background-position:-42px -302px; }
        em.sohu {  background-position:-21px -302px;}
        em.wy { background-position:0 -302px;}
        em.qq { background-position:-63px -302px;}
		ul.top li em.statecoal {background:url(../images/statecoal.gif) no-repeat center;}
		
		#tool { width:166px; position:absolute; right:0; top:0; height:329px; border-bottom-width:2px;}
			#tool h2 { height:26px; line-height:26px; background-color:#EFF7E0; font-size:12px;border-bottom:1px solid #9AD97F; overflow:hidden; margin-bottom:2px;}
			#tool ul { float:left;}
			#tool ul.a { width:70px;}
			#tool ul.b { width:96px;}
			#tool li { font-size:12px; text-align:center; height:27px; line-height:27px;}
			#tool.bd { border-color: #9AD97F;}
			#tool a { padding:1px; color:#178517}
			#tool h2 .t { height:22px; line-height:22px; width:65px; position: absolute; top:4px; left:6px;text-align:center; float:left; background-color:#fff; border:1px solid #9AD97F; border-bottom:none; color:#178517; }
        	#tool h2 .more {float:right;font-weight:bold;}
			/*alltool*/
			#allTool { height:329px; width:0; position:absolute; z-index:20; right:0; top:0; background:#fff; border-bottom-width:2px; overflow:hidden; display: none;}	
			#closeAlltool.close-btn{ background-position:-82px 0; height:18px; width:18px; top:6px; overflow:hidden; right:6px;}
			#alltool-con { height:338px; width:796px; float:left; background:#fff;}
			
			#alert .title,.alltool-title { background:url(../images/repeat.gif) repeat-x 0 -195px; border-bottom:1px solid #B6D1E6; height:30px; line-height:30px; font-size:12px; position: relative;}
			.alltool-title { color:#07519A; font-size:14px; padding: 0 10px;}
		
		
		#csite { height:778px;}
		#csite-ctrl { border:none; border-bottom:1px solid #B9D4E2;}
			#csite-menu { padding-left:5px;}	
			#csite-menu li,#csite-menu a,#csite-menu span { float:left;}
			#csite-menu a { padding-left:10px;font-size:12px;  color:#07519A;}
			#csite-menu span{ padding-right:10px; background:url(../images/icons.gif) right -618px no-repeat;}
			#csite-menu a.active { position:relative; margin:1px 0 -1px 0; left:-1px; }
			#csite-menu a.active,#csite-menu a.active span{font-weight: bold; background:url(../images/repeat.gif) no-repeat 0 -236px; height:26px; }
			#csite-menu a.active span{ background-position:right -266px;}
			#csite-menu em { float:left; background:url(../images/icons.gif) no-repeat 0 -655px; padding-left:18px; height:26px; line-height:26px;}
			#csite-menu em.st { background-position:0 -687px}
			#csite-menu em.tb { background-position:0 -718px}
				
		#coolsite h2 { background: url(../images/repeat.gif) repeat-x 0 -88px;border-bottom:1px solid #B9D4E2;height:26px;line-height:26px;color:#07519A;}
		#coolsite dl { height:29px; line-height:29px; border-bottom:1px solid #fff;background-color:#fff; text-align:center; overflow:hidden;}
		#coolsite dl.alt { background-color:#EAF5FF; border-bottom:1px solid #EAF5FF;}
		#coolsite dl:hover,#coolsite dl.iehover { background-color:#D6E7F7; border-bottom:1px solid #ace;}
		#coolsite dt{ float:left; border-right:1px solid #fff; color:#0E6DBC; font-weight:bold; width:60px; text-align:center;}
		#coolsite dd { display:inline; margin: 0 13px;}
		
		#list-align  { float: right;}
		#list-align a{ background:url(../images/icons.gif) no-repeat -40px -2px; height:13px; width:14px; overflow:hidden; text-indent:-9999px; display:block; margin:7px 6px 0 0;}
		#list-align a.ct{ background-position:-60px -2px;}
		#coolsite.left dd { float:left; width:100px; padding-left:10px; overflow:hidden; margin:0; text-align: left;}
		#coolsite.left dt { margin-right:20px;}
		
			#coolsite { padding:1px 5px 0;}
			#coolsite-align { float:right; height:15px; width:16px; overflow:hidden; text-indent:-9999px;display:block; margin-top:5px;}
	
#meta { font-size:12px;color:#000; position:relative; _height:1%;}
	#meta li { height:24px;padding:0 5px; line-height:24px; border-bottom:1px dashed #ddd;}
	#meta li.last{ border-bottom:none;}
	#meta a { margin-right:6px;color:#333;}
	#meta strong { margin-right:5px; color:#333;}
	#meta span.more { display:block; height:24px; margin-top:-24px; text-align:right;}
	
	#s2-form { height:28px; overflow:hidden; border-top:1px solid #B9D4E2; background-color:#EAF4FF; padding:5px 10px;}
	.s2-form-rb,.s2-form-lb { position:absolute; height:6px; width:6px; overflow:hidden; bottom:-1px; _bottom:-2px; background:url(../images/icons.gif) -94px -135px no-repeat  #fff;}
	.s2-form-rb{ right:-1px;}
	.s2-form-lb{ left:-1px; background-position: -77px -135px;}
	
	#s2-form label { font-size:14px; margin:3px 10px 0; float:left; color:#07519A}
	#s2-form label,#s2-form label input,.s2-btn{ cursor:pointer;}
	.s2-label { height:28px; line-height:28px;}
	.s2-label,.s2-int,.s2-btn { float:left; font-size:14px; color:#000;}
	.s2-int {padding:3px 2px 0; height:21px; width:260px;}
	.s2-btn { width:88px; height:28px; text-align:center; margin-right:10px; margin-left:5px;}
	
	

#footer { font-size:12px; text-align:center; padding:7px 0 12px;}
#footer .hr { border-bottom:1px dashed #ace; overflow:hidden; margin:5px 20%; height:0; clear:both;}
.copyright { position:relative; color:#999;}
.copyright a{ color:#999;}
.bdunion { float:right; top:-20px; right:0; _right:10px; position:absolute;}


#footer a.bdunion:hover { background:none;}

.alltool-item a:hover,
#coolsite a:hover,
#meta a:hover,
#cate a:hover,
#footer a:hover,
#board-box li a:hover,#tool a:hover,#list a:hover,
.search-word a:hover{ background-color:#36c; color:#fff;}

#tool a:hover{background-color:#178517;}

/*lightbox*/
#lightbox { width:100%; height:100%; background:#666;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5; position:fixed; _position: absolute; top:0; left:0; z-index:99; }

#alert { font-size:12px; color:#000; width:500px; position:fixed; _position:absolute; top:48%; left:50%; margin-left:-250px; margin-top:-150px; background:#fff; z-index:100;}
#alert .title{ border:1px solid #B6D1E6;}
#alert p.gray9 { margin-bottom:10px; padding-left:20px;}
.close-btn { background:url(../images/icons.gif) no-repeat -81px -587px; height:15px; width:15px; position:absolute; top:8px; right:5px; text-indent:-9999px; overflow:hidden;}
#alert .con { border:1px solid #B6D1E6; border-top:none; height:100px; padding:10px; padding-bottom:50px}
#alert input { border:1px solid #AAC3D0; padding:5px 2px; font-size:12px;}
#alert input:focus { border-color:#9AD97F; background-color:#FFFCEC;}
#siteName { width:150px;}
#siteLink { width:350px}
#alert label { float:left; width:80px; text-align:right; padding-right:5px;}
#alert li { margin-bottom:5px;}
#alert .submit { padding-left:85px;}




/*Զַ*/
.cs-btn { color:#666; font-size:12px;}


/*setting*/
#setting-box{ position:absolute; width:280px; font-size:12px; top:27px; background:#fff; margin-left:655px; padding:10px; border-width:2px; display:none;}
#setting-box strong { color:#000; float:left;}
#setting-box li { line-height:30px; height:30px; border-bottom:1px solid #dedede; width:280px;}
#setting2 { height:28px; width:88px; line-height:28px; top:-28px; cursor:pointer; position:absolute; right:-2px; background:url(../images/icons.gif) 0 -504px no-repeat #fff; overflow:hidden; text-indent:-9999px; padding:0;}
#setting-box ul { padding-bottom:10px;}
#setting-box .theme a{ margin-top:9px;}
#setting-box .center { text-align:center;}
#setting-box .button { cursor:pointer;}

#font-setting a { float:left; height:12px; width:12px; text-indent:-9999px; overflow:hidden; margin: 9px 3px 0 3px;}
#font-setting a.gray { background-color:#666; }
#font-setting a.black { background-color:#000; }
#font-setting a.green { background-color:#3DB836; }
#font-setting a.pink { background-color:#FE9CDD; }
#font-setting a.red { background-color:#CD0036; }


li#bg-setting  { height:auto; border:none;}
#bg-setting a { float:left; border:1px solid #ccc; border-bottom:2px solid #ccc; text-align:center; text-decoration:none; overflow:hidden; height:30px; width:45px; margin:5px 2px;text-indent:-9999px;}
#bg-setting strong { margin:0;}
#bg-setting .con { float:left; width:210px;}

#layout-setting a { color:#333;}
#layout-setting .a  { font-weight: bold; color:#000; }

#bg-item a.default { background-color:#3B84C3;}
#font-setting a.default { background-color:#0E6DBC; }

#new-notice { float:right; padding-right:5px;}
.search-menu #new-notice a { background:none; border:none; color:red; width:auto;}
.search-menu #new-notice a:hover { background-color:#ff0;}

/*#openAlltool,a#openAlltool:hover { background:url(../images/new.gif) no-repeat; height:19px; width:17px; overflow:hidden; display:block; text-indent:-999px; margin-top:4px;}*/