@charset "utf-8";
@import "search.css";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:center; }
img{ border:none;}
.lines{ height:5px; overflow:hidden; clear:both;}
a{color:#0000CC; }
a:hover{ color: #FF0000; text-decoration:none;}
li{list-style:none;}
.red{ color:#FF0000;}
#header , .box , #links , #footer , .xhtmlad , .bbsAD{ width:900px; margin:auto;}

#logo , .left ,  #menu , #menu li , #topnav li , #Slide , .material_pic li , .xhtml_pic , .xhtml_news , .bbs_news_top li , .bbs_news li , .xhtml_p li , .tool li{float:left;}
#nav , #topnav , .right , #topnav ,#topnews , .xhtml_book{float:left;}

#logo{width:180px; background:url(logo.gif) no-repeat 0 5px;}
.lo{display:block; height:60px;}
#nav{width:580px;}
#nav p{ color:#999; font-size:12px; line-height:20px;}
#nav p a{color:#333;}
#menu , .box ,#search , #search span ,.news_c , .material ul , .xhtmltab , #xhtml_news li , .xhtml_book span , .bbstab , .xhtml_p , .tool ,#links{clear:both;}

#topnav{ width:180px;font-size:12px;}
#topnav li{ float:left;}
#topnav a{color: #333; margin-left:5px;}
#k_usernav{ text-align:right; color:#FFF; line-height:20px;}
#k_usernav a{ margin:0 1px; font-size:12px;}

.menubg{ background:#33A8E4; display:table;}
#menu {margin-left:5px;}
#menu li{width:60px; margin:0 2px;}
#menu a{ display:block; font-weight:bold; line-height:30px;}
#menu a:link {color: #FFF;}
#menu a:visited {color: #FFF;}
#menu a:hover {color:#333;background: #4DB1E8; border-bottom:solid 3px #FFCC00;line-height:27px; }
#menu a:active {color: #FFFF00;}

#search{ height:35px; text-align:left;}/* background:#FFCA58;*/
#search form {padding:2px 0 0 5px;}
.keyword{ width:380px; height:20px;line-height:22px; border:solid 2px #FFCA58; }
.range{ display:none;}
#search span{ margin:0 5px;color:#FF0000;font-size:12px;}
#search span a{color:#333;}
.box{}
.left{width:645px;text-align:left;}
#Slide{ width:280px; height:250px;border:solid 1px #44AA00;}
#Slide object{ margin:5px;}

#topnews{width:355px;height:250px;border:solid 1px #44AA00;line-height:22px;}
#newstags , #xhtmltags{ padding-left:5px;background:#87C858;height:25px;line-height:22px;}
#newstags li ,#xhtmltags li{ float:left; margin-right:1px;  height:25px; list-style-type:none}
#newstags li a  ,#xhtmltags li a{ font-weight:bold;float:left;height:25px;color:#FFF; padding:0px 10px; line-height:25px;  }
#newstags li.selectTag , #xhtmltags li.xhtmlTag { background: #ECFAE4; height:25px; margin-bottom:-2px;}
#newstags li.selectTag a  , #xhtmltags li.xhtmlTag a{color:#006600; height:25px; line-height:25px;}
#tagContent ,#tagxhtml {}
.tagContent , .tagxhtml {display:none}
#tagContent div.selectTag , #tagxhtml  div.xhtmlTag{ display:block}

.newshot_top{background: #ECFAE4;color:#006600;}
.newshot_top a{color:#006600;}
.newshot , .xhtmltab{ background:#87C858; height:25px; padding-left:10px; color:#FFF;line-height:22px;}
.newshot li , .xhtmltab li{ float:left; padding:3px 5px 0 5px;font-weight:bold; }
.newshot_top{background: #ECFAE4;color:#006600;}

.news_top{ padding:0 5px; background: #DCF5CD;}
.news_top h1{ font-size:18px;padding:5px 0 0 0;}
.news_top a{ color:#E10000;}
.news_top a:hover{ color:#000; text-decoration:underline;}
.news_top p{font-size:12px; line-height:18px;}
.news_c{clear:both;margin:0 5px;}
.news_c{}
.news_c em{ margin-left:5px; font-size:10px; color:#555;}

.xhtml , .bbs{border:solid 1px #44AA00;width:643px;height:275px;}

.xhtml_pic{width:90px; margin:5px 3px; text-align:center;}
.xhtml_pic img{ width:75px; height:65px; padding:2px; margin-bottom:2px; border:solid 1px #CCC;}

.xhtml_news{ background:#FFFFFF; width:360px; line-height:23px; margin:3px 5px;}
.xhtml_news li { display:block; font-weight:normal;}
.xhtml_news em{ margin-left:5px;font-size:10px; color:#666;}

.xhtml_book{ width:160px; height: 240px; margin:3px 5px 0 0; border:solid 1px #E1E1E1; overflow:hidden;}
.xhtml_book dt{font-weight:bold; padding:3px 3px 0 10px;background:#F7F7F7; color:333; }
.xhtml_book dd{ text-align:center;}
.xhtml_book img{ margin:5px 0;}
.xhtml_book span{ display:block;}

.bbs{border:solid 1px #FFAE00;width:643px;}

#bbs{border:solid 1px #FFAE00;width:643px;}
#bbstags{ padding-left:5px;background:#FFCA58; height:25px; color:#FFF;line-height:22px;}
#bbstags li { float:left; margin-right:1px;  height:25px; list-style-type:none}
#bbstags li a {font-weight:bold;float:left;height:25px;color:#FFF; padding:0px 10px; line-height:25px;  }
#bbstags li.bbsTag{background: #FFFAEE; height:25px; margin-bottom:-2px;}
#bbstags li.bbsTag a{color:#FFAE00; height:25px; line-height:25px;}
#tagbbs {}
.tagbbs{display:none}
#tagbbs div.bbsTag{display:block}

.bbstab{ background:#FFCA58; height:25px; padding-left:10px; color:#FFF;line-height:22px;}
.bbstab li{ float:left; padding:3px 5px 0 5px;font-weight:bold; }
.bbs_tab{background: #FFFAEE;color:#FFAE00;}

.bbs_news_top{ background:#FFF1D9; height:25px;text-align:center; line-height:25px; padding-left:5px; color:#FFAE00;}
.bbs_news{ margin:5px; text-align:center; line-height:22px;}
.bbs_news a{font-size:12px; }

.b1{ width:70px;}
.b2{ width:270px; text-align:left; overflow:hidden; height:20px;}
.b3{ width:70px;}
.b4{ width:80px;}
.b5{ width:100px;}
.b6{ width:40px;}

.right{width:120px;}
.right h6 , #linktxt h6{ font-size:14px; line-height:22px;padding:2px 0 0 10px; text-align:left;}

.material{text-align:left; border:solid 1px #FFAE00;line-height:22px;height:250px;overflow:hidden; }
.material h6 , #linktxt h6{background:#FFCA58; border-bottom:solid 1px #FFAE00;  color:#FFF;}
.material ul{ margin:2px 5px;}

.material_pic{ text-align:center; margin:5px; height:100%;}
.material_pic li img{ border:solid 1px #ccc;}
.examples{ text-align:left; margin:5px; line-height:24px;}
.right_2{
	
	line-height:22px;
	height:100px;
	margin-right: 40px;
	margin-bottom: 30px;
}
.right_2 h6 { background:#5BB9E9; border-bottom:solid 1px  #0092DD; color:#FFF; text-align:left;}
.xhtml_p{ width:100%; }
.xhtml_p li{width:50%; line-height:16px;}
.xhtml_p li span{ font-size:12px; display:block;line-height:16px;}
.xhtml_p img{ width:110px; height:93px; padding:3px; margin:2px 0; border:solid 1px #EBEBEB;}
.tool{ text-align:left; padding:5px;}
.tool li{ width:49%;}

#links{ text-align:left; line-height:24px;}
#linktxt{ border:solid 1px #FFAE00;}
#linktxt h6{ font-size:14px;}
#linktxt h6 span{ font-size:12px;}
#linktxt h6 a{ padding:0 2px; color:#000;}
#linktxt a{ padding:0 3px; font-size:12px;}
#footer{line-height:24px;font-size:12px;}

/* 对齐方式,不建议修改. */
.k_c{text-align:center;}
.k_l{text-align:left;}
.k_r{text-align:right;}

.k_fl {display:block;float:left;}
.k_fr {display:block;float:right;}

/* 列表导航 */
.k_pagelist {display:table;clear:both;width:100%;margin:5px 0;line-height:30px;text-align:left;}/* {king:pagelist/} 分页列表 构成:div a|strong|span */
.k_pagelist a {margin:0px 3px 0px 3px;}
.k_pagelist strong {margin:0px 3px;color:#FF0000;}
.pagelist span {margin:0px 3px;color:#797979;}

/* 友情链接页面 */
#link {display:table;width:94%;margin:10px 3%;text-align:left;}
#link h6 {display:block;clear:both;font-size:14px;line-height:30px;margin:0px;margin-top:15px;}
#link p {line-height:30px;margin:0px;}

.FF { background:url(metoma_dl1.gif) #CDE4AB no-repeat -8px -5px; width:320px; height:50px; line-height:25px; padding-left:50px; margin:auto; font-size:14px; font-weight:bold;}
.FF span{ font-size:12px; font-weight:normal; }