// 本css由宏博cms原创，如需修改或转载请保留版权说明
// 宏博cms官方网站： http://www.hbcms.com/
// 如果您需要修改页面风格，请尽量在css里做修改
// 有满意的模板作品，请到宏博cms官方论坛和大家一起分享
// 欢迎您在此模板基础上做进一步的美化和个性化修改

document.write('<style>');

/*  ########### 网页重要参数设定 ###########  */


// 参数page_width表示整个网站的网页宽度
// 设置为980适合1024分辨率的屏幕，设置为780适合800分辨率的屏幕
page_width = '980px';	
nav_left_width = '7px'; // 导航条左右2边圆角的宽度
nav_body_width = '966px'; // 导航条正文宽度

page_left_width = '185px'; // 网页左边树形导航条宽度
page_left_show = 'block'; // 改成 none 则不显示左边树形导航条

page_right_width = '180px'; // 网页右边树形导航条宽度
page_right_show = 'block'; // 改成 none 则不显示,block 表示显示

focus_show= 'block'; // 改成 none 则不显示今日头条


text_color = '#454545';	// 网页普通文字颜色
a_link_color = '#284C6F';	// 网页链接初始化颜色
a_hover_color = '#FF6600';	// 网页链接移动上去的颜色
border_color = '#E80000';	// 网页表格边框颜色
title_link_color = '#375C77';	// 各个表格的大标题颜色


nav_link_height = '26px';	// 导航条的高度
nav_link_size = '14px';	// 导航条字体大小
nav_link_space = '8px';	// 导航条链接间距
nav_link_color = 'white';	// 导航条链接初始化颜色
nav_hover_color = 'red';	// 导航条链接移动上去的颜色
nav_bg_color = '#F33447';	// 导航条背景颜色


nav_bg_pic = tpl_img_dir+"/nav_bg.gif";
nav_hover_pic = tpl_img_dir+"/nav_bg_hover.gif";
nav_left_pic = tpl_img_dir+"/nav_left.gif";
nav_right_pic = tpl_img_dir+"/nav_right.gif";

is_firefox = ( document.all ) ? 0 : 1;

/*  ########### 网页字体，链接等基本设置 ###########  */
document.write("body{margin: 0px;FONT-SIZE: 9pt;COLOR: #454545;LINE-HEIGHT: 158%;FONT-FAMILY:Arial, Helvetica, sans-serif; background-color: #FDFDF3;text-align: center;}form{margin:0}");

document.write(".tb_w{width:"+page_width+";text-align: center;}");
document.write(".dot{color:gray;}");
 
document.write("a:link{color:#284C6F;text-decoration: none;}");
document.write("a:visited{color:#284C6F;text-decoration: none;}");
document.write("a:hover{color:#FF6600;text-decoration: underline;};");
 
/* ########### 导航条相关 ############### */

nav_link_height = '26px';	// 导航条的高度
nav_link_size = '12px';	// 导航条字体大小
nav_link_space = '8px';	// 导航条链接间距

/*
// 导航条的基本风格
document.write(" .nav ul {margin:0; padding:0;list-style:none;}");
document.write(" .nav li {list-style-type: none;display: inline;float:left;text-align:center; height:"+nav_link_height+"; }");
document.write(".nav a:link, .nav a:visited {color:black;text-decoration: none;}");
document.write(" .nav a{height:"+nav_link_height+";text-decoration:none;}");

if (is_firefox){
	document.write(" .nav a{display:block;}"); // 兼容firefox
}

document.write(" .nav a h1{font-size:"+nav_link_size+";font-weight:normal;line-height:"+nav_link_height+";margin:0;padding:0;padding-left:"+nav_link_space+";padding-right:"+nav_link_space+";}");

// 导航条的各个链接的分隔符
document.write(" .nav li.split{border-left:1px solid white; height:15px; margin-top: 5px;}");
//document.write(" .nav li.split{background-image:url("+tpl_img_dir+"/nav_split.gif); background-repeat:no-repeat;background-position: 0 5;height:20px;width:1px;}");

// 导航条的链接的背景和字体风格
document.write(".nav li.item a:link, .nav li.item a:visited{color:white;background-image:url("+tpl_img_dir+"/nav_bg.gif); background-repeat:repeat-x;}");
// 导航条鼠标移动上去变化背景
document.write(" .nav li.item a:hover{color:white;background-image:url("+tpl_img_dir+"/nav_bg_hover.gif); background-repeat:repeat-x;}");
// 导航条最左边（最前面）的背景
document.write(" .nav .nav_left {width:7px;background-image:url("+tpl_img_dir+"/nav_left.gif);}");
// 导航条最右边（最后面）的背景
document.write(" .nav .nav_right {width:7px;background-image:url("+tpl_img_dir+"/nav_right.gif);}");
// 导航条的静态背景
document.write(".nav_body {color:black;background-image:url("+tpl_img_dir+"/nav_bg.gif); background-repeat:repeat-x;text-align: center;background-color: "+nav_bg_color+";} ");


// 导航条每个链接都预留了一个CLASS供个性化设置，
// CLASS名称为 nav栏目ID 请查看网页源代码
// 例如： document.write(".nav0 h1{color:green;}");

*/

//导航链接css

document.writeln("#hbcms_nav li.top {display:block; float:left;text-align:center;}");

document.writeln("#hbcms_nav li a.top_link {display:block; float:left; height:"+nav_link_height+"; line-height:"+nav_link_height+"; color:#293d6b; text-decoration:none;  font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url("+tpl_img_dir+"/nav_bg.gif);}");

document.writeln("#hbcms_nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:"+nav_link_height+"; background: url("+tpl_img_dir+"/nav_bg.gif) right top no-repeat;}");

document.writeln("#hbcms_nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:"+nav_link_height+"; background: url("+tpl_img_dir+"/nav_bg.gif) no-repeat right top;}");

document.writeln("#hbcms_nav li:hover a.top_link,#hbcms_nav a.top_link:hover{color:#fff; background: url("+tpl_img_dir+"/nav_bg.gif) no-repeat;}");
document.writeln("#hbcms_nav li:hover a.top_link span, #hbcms_nav a.top_link:hover span{background:url("+tpl_img_dir+"/nav_bg_hover.gif) no-repeat right top;}");
document.writeln("#hbcms_nav li:hover a.top_link span.down,#hbcms_nav a.top_link:hover span.down{background:url("+tpl_img_dir+"/nav_bg_hover.gif) no-repeat right top; }");
document.writeln("");
document.writeln("#hbcms_nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}");
document.writeln("");
document.writeln("#hbcms_nav li:hover {position:relative; z-index:200;}");
document.writeln("#hbcms_nav a:hover {position:relative; white-space:normal; z-index:200;}");
document.writeln("");
document.writeln("#hbcms_nav :hover ul.sub{left:1px; top:"+nav_link_height+"; background: #bdcedc; padding:0px; border:1px solid #bdcedc; white-space:nowrap; width:90px; height:auto; z-index:300;}");
document.writeln("#hbcms_nav :hover ul.sub li{display:block; height:"+nav_link_height+"; position:relative; float:left; width:90px; font-weight:normal;}");
document.writeln("#hbcms_nav :hover ul.sub li a{display:block;  height:"+nav_link_height+"; width:88px; line-height:"+nav_link_height+"; text-indent:5px; color:#293d6b; text-decoration:none;border:1px solid #bdcedc;}");
document.writeln("#hbcms_nav li ul.sub li a.fly{background:#bdcedc url("+tpl_img_dir+"/1arrow.gif) 80px 6px no-repeat;}");
document.writeln("#hbcms_nav :hover ul.sub li a:hover {background:#bdcedc; color:#fff; border-color:#fff;}");
document.writeln("#hbcms_nav :hover ul.sub li a.fly:hover{background:#bdcedc url("+tpl_img_dir+"/1arrow_over.gif) 80px 6px no-repeat; color:#fff;}");
document.writeln("");
document.writeln("#hbcms_nav li b {display:block;  height:"+nav_link_height+"; width:88px; line-height:"+nav_link_height+"; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}");

document.writeln("#hbcms_nav a:hover a:hover ul,#hbcms_nav a:hover a:hover a:hover ul,#hbcms_nav a:hover a:hover a:hover a:hover ul,#hbcms_nav a:hover a:hover a:hover a:hover a:hover ul{left:89px; top:-1px; background: #bdcedc; padding:0px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}");

document.writeln("#hbcms_nav ul, #hbcms_nav a:hover ul ul,#hbcms_nav a:hover a:hover ul ul,#hbcms_nav a:hover a:hover a:hover ul ul,#hbcms_nav a:hover a:hover a:hover a:hover ul ul{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}");
document.writeln("");
document.writeln("#hbcms_nav li:hover li:hover > ul{left:90px; top:-4px; background: #bdcedc; padding:0px; border:1px solid #bdcedc; white-space:nowrap; width:90px; z-index:400; height:auto;}");
document.writeln("#hbcms_nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}");
document.writeln("#hbcms_nav li:hover li:hover > a.fly{background:#bdcedc url("+tpl_img_dir+"/1arrow_over.gif) 80px 6px no-repeat; color:#bdcedc; border-color:#bdcedc;} ");
document.writeln("#hbcms_nav li:hover li:hover > li a.fly{background:#bdcedc url("+tpl_img_dir+"/1arrow.gif) 80px 6px no-repeat; color:#bdcedc; border-color:#bdcedc;} ")   

document.writeln("#hbcms_nav {padding:0; margin:0; list-style:none; background:url("+tpl_img_dir+"/nav_bg.gif) repeat-x; position:relative; z-index:200;width:"+nav_body_width+";background-color: gray;height:"+nav_link_height+";}");
//document.writeln(".top_dh{text-align: center; margin-left: auto; margin-right: auto;}")

// 导航条最左边（最前面）的背景
document.write(" .nav .nav_left {background-image:url("+nav_left_pic+");background-position: left top;width:"+nav_left_width+";margin:0;height:"+nav_link_height+";float:left;}");

// 导航条最右边（最后面）的背景
document.write(" .nav .nav_right {background-image:url("+nav_right_pic+");background-position: right top;width:"+nav_left_width+";height:"+nav_link_height+";float:right;}");

// 导航条主题部分
document.writeln(".nav_body .table { display:table; margin:0 auto; height:"+nav_link_height+";width:"+nav_body_width+";overflow:hidden;} ");

document.writeln(".nav {width:"+page_width+";height:"+nav_link_height+";} ");


/* ################# 您的位置 ################# */
document.write(".posi .tr1{background-color: #FEEAEC;}");
document.write(".posi .tr1 .td1{padding-left:25px;background-image:url("+tpl_img_dir+"/jian_tou.gif);background-repeat:no-repeat;background-position: 3 center; height:24px;}");
document.write(".posi .tr1 .td3{padding-right:5px; }");

document.write(".posi .tr2{background-color: #FF8896;height:3px;}");
document.write(".posi .tr3{height:4px;}");



/* ################# 树形导航条相关 ################# */
document.write(".page_left {width:"+page_left_width+";padding-right:5px;displ"+"ay:"+page_left_show+";}");
document.write(".page_right {width:"+page_right_width+";padding-left:5px;di"+"splay:"+page_right_show+";}");
document.write(".vertical_space {height:8px;}");



/* ################# 搜索框 ################# */
document.write(".search_title { background-color: #94DBE7;height:25px;background-image:url("+tpl_img_dir+"/search_title_bg.gif);background-repeat:no-repeat;font-weight: bold;padding-top: 5px;}");
document.write(".search_body { background-color: #F2F9F9; padding-left: 2px;}");

document.write(".search_body .search_box{ padding-top:18px;padding-bottom:18px;}");

document.write("#search_word { border: #94DBE7 1px solid;width:120px;height:21px;}");
document.write("#search_btn { border:0px;width:32px;height:21px;background-color: #94DBE7;padding-top:2px;}");

/* ################# 热门文章 ################# */
document.write(".hot_title { background-color: #CDD885;height:25px;background-image:url("+tpl_img_dir+"/jian_tou_3.gif);background-repeat:no-repeat;background-position: 38 8;font-weight: bold;padding-top: 5px;}");
document.write(".hot_body { background-color: #EAEECA; }");
 
/* ################# 推荐文章 ################# */
document.write(".commend_title { background-color: #70B7C0;height:25px;background-image:url("+tpl_img_dir+"/jian_tou_2.gif);background-repeat:no-repeat;background-position: 38 8;font-weight: bold;padding-top: 5px;}");
document.write(".commend_body { background-color: #D2E9EC; }");
 
/* ################# 最新文章 ################# */
document.write(".new_title { background-color: #DA9D5B;height:25px;background-image:url("+tpl_img_dir+"/jian_tou_4.gif);background-repeat:no-repeat;background-position: 38 8;font-weight: bold;padding-top: 5px;}");
document.write(".new_body { background-color: #F4E2CE; }");
 

/* ################# 广告相关 ################# */
document.write(".gg_title { background-color: #70B7C0;height:25px;background-image:url("+tpl_img_dir+"/gg_title_bg.gif);background-repeat:no-repeat;font-weight: bold;padding-top: 5px;}");
document.write(".gg_body { background-color: #DDEEF0; }");
 document.write(".gg_title p { margin:0px;}");


/* ################# 网页中间的内容主体相关 ################# */
document.write(".main_content {}");

document.write(".main_title { background-color: #FF9726;height:25px;background-image:url("+tpl_img_dir+"/main_title_bg.gif);background-repeat:no-repeat;background-position: 18 center;font-weight: bold;padding-top: 5px;color:white;text-align: left;padding-left: 65px;}");
document.write(".main_body {padding-top:3px;}");

document.write(".main_title a:link, .main_title a:visited {color:white;}");

// 今日头条表格风格
document.write(".focus_tb {width:99%;}");
document.write(".focus_tb .td1 {}");
document.write(".focus_tb .td2 {width:290px;padding-left: 5px;disp"+"lay:"+focus_show+";}");
 
document.write(".focus_tb .tr1 td {background-image:url("+tpl_img_dir+"/jian_tou.gif);background-repeat:no-repeat;background-position: 0 center;color:#F28CC7;padding-left: 19px;padding-top:2px;font-weight:bold;border-bottom:1px dashed #D9D9D9;height:29px;}");

document.write(".focus_tb .tr2 td { padding-left: 5px;height:28px;border-bottom:1px dashed #D9D9D9;}");
document.write(".focus_tb .tr3 td { height:28px; }");

// 首页栏目列表风格
document.write(".category_title { background-color: #FF9726;height:25px;}");
document.write(".category_title a:link,.category_title a:visited{ color:white;}");
document.write(".category_title .td1{ background-color: #FF9726;height:25px;background-image:url("+tpl_img_dir+"/main_title_bg.gif);background-repeat:no-repeat;background-position: 1 0;font-weight: bold;padding-top: 4px;padding-left:51px;}");
document.write(".category_title .td2{ padding-right:2px;}");
document.write(".category_body {padding-left:10px; background-color: white;height:210px;line-height: 20px;}");
 

document.write(".category_body td{background-color: #FCFCFC; padding-left: 6px;padding-top:5px;border-bottom:1px dotted #DADBE0; }");
document.write(".category_body .td1{width:67px;}");
document.write(".category_body .s_img_div{width:65px;height:65px;border:0px;}");
document.write(".category_body .td2{text-align: left;color:gray;}");
document.write(".category_body .td2 a:link,.category_body .td2 a:visited,{ color:#232323;font-weight:bold;}");




// 首页友情链接风格
document.write(".links .tr1 { background-color: #FF9726;height:25px;color:white;}");
document.write(".links .tr1 .td1 {padding-left:35px;text-align: left;background-image:url("+tpl_img_dir+"/jian_tou_5.gif);background-repeat:no-repeat;background-position: 10 center;color:white;}");
document.write(".links .tr1 a:link{color:white;}");

// 列表页面风格
document.write(".article_list {width:98%;}");
document.write(".article_list .tr1 {height:30px;}");
document.write(".article_list .tr1 a:link{color:blue;}");
document.write(".article_list .tr1 b{color:#A94F05;}");

document.write(".article_list .tr2 h1{background-image:url("+tpl_img_dir+"/jian_tou_5.gif);background-repeat:no-repeat;background-position: 0 center;font-size:14px;padding-left: 25px;padding-top: 3px;margin:0;}");
document.write(".article_list .tr2 .desc1{color:gray;height:24px;padding-left: 25px;padding-top: 4px;}");
document.write(".article_list .tr2 .desc2{padding-left: 23px;padding-bottom: 9px;}");

document.write(".article_list .tr2 td{height:30px; border-bottom:1px dotted #E6E6E6;}");
document.write(".article_list .tr2 td h1{font-weight:normal;}");

// 文章（列表）分页页码链接风格
document.write(".page_links{ padding:10px 0; clear:both; height:18px;overflow:hidden; text-align: center;}");
document.write(".page_links u{ text-align:center; padding:3px 0 0 0; background:#FF9900; border:1px solid #FF6600; font-weight:bold; padding:2px 5px 0px 5px;color:#FFFFCC;text-decoration: none;}");
document.write(".page_links a { text-align:center; padding:3px 0 0 0; background:white; border:1px solid #CCCCCC; font-weight:bold; padding:2px 5px 0px 5px; color:black; text-decoration: none;}");
document.write(".page_links a:visited{ color:black;text-decoration: none;}");
document.write(".page_links a:hover{ background:#1F3A87; color:#fff; padding:3px 5px 1px 5px;text-decoration: none;}");
document.write(".page_links center {color:gray;}");

// 缩略图风格
document.write(".s_img_table{width:130px;}");
document.write(".s_img_div {width:120px;height:120px;border:1px solid #DEC992;overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;}");
document.write(".s_img_div p{position:static;+position:absolute;top:50%;}");
document.write("");
document.write(".s_img_div p img{filter : progid:DXImageTransform.Microsoft.Shadow ( enabled=t , color=#E2E2E2 , direction=135 , strength=5);border:1px solid #DEC992; +position:relative; top:-50%;left:-50%;}");
document.write(".s_img_title{height:30px;}");
document.write("");
document.write(".list_r{margin-top:10px;border-bottom:1px dotted #78ABBC;margin:5px 10px;padding:5px;}");
document.write("");


/* 网页顶部背景 */

//document.write(".top_bg_1{background-image:url("+tpl_img_dir+"/top_bg_1.gif);background-repeat:no-repeat; }");
//document.write(".top_bg_2{background-image:url("+tpl_img_dir+"/top_bg_2.gif);background-repeat:no-repeat; }");
 
 /* 文章页风格 */

document.write("hr{height:1px; color:#F1C49A;}");

document.write(".button_001{ float:left; margin:4px 5px; width:70px; line-height:22px; height:22px; font-size:12px; text-align:center; border:1px solid #C19D6C; cursor:pointer;cursor:hand; 	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#F0DBCE); background-color:#F7EEDF; }");

document.write(".jump_page_box{width:96%;}");
document.write(".article_info{height:24px;color:gray;padding-top:6px;}");
document.write(".this_page_url{ }");
document.write(".relate_aritcle{width:90%;}");
document.write(".relate_comment{width:95%;}");
document.write(".relate_category{padding-left:35px;background-image:url("+tpl_img_dir+"/jian_tou.gif);background-repeat:no-repeat;background-position: 13 center;  text-align: left; }");
document.write(".comment_form_tb td{color:#400000;padding-left:15px;}");
document.write(".comment_form_tb .comment_body{border:1px solid #C19D6C;overflow: auto;}");
document.write(".comment_form_tb .comment_author{border:1px solid #C19D6C; }");

document.write(".comment_form_tb .comment_submit{border:1px solid #C19D6C;background-color:#F7EEDF;padding-left:2px;padding-right:2px;padding-top:3px;}");

 
// 显示导航条栏目的下拉菜单（二级栏目链接）
// 缺点是必须固定导航条链接的宽度，优点是代码简单并支持ie和firefox
nav_link_width = 80; // 如果不希望显示下拉菜单，将此数字设置为0即可
nav_dropdown_widh = 150; // 导航条链接的固定宽度
document.writeln("#nav_id li dl {margin:0;padding:0;border:0;line-height: 27px; list-style-type: none;text-align:left;left: -999em; width: "+nav_dropdown_widh+"px; position: absolute;}");
if ( nav_link_width > 20 ){
	if ( is_firefox )	{ nav_dropdown_widh -= 24; 	}
	document.writeln("#nav_id li a {display: block; width: "+nav_link_width+"px; text-align:center;}"); 
	document.writeln("#nav_id li dl dd{float: left; background:#CCC;margin:0;padding:0;border:0;}"); 
	document.writeln("#nav_id li dl dd{float: left; width: 100%;background: "+nav_bg_color+";border-bottom:1px solid "+border_color+";border-left:1px solid "+border_color+";border-right:1px solid "+border_color+";}"); 
	document.writeln("#nav_id li dl a{display: block; width: "+nav_dropdown_widh+"px;text-align:left;padding-left:24px;background:none;font-size:9pt;}"); 
	document.writeln("#nav_id li dl a:link,#nav_id li dl a:visited {color:"+nav_link_color+";text-decoration:none;}"); 
	document.writeln("#nav_id li dl a:hover {color:"+nav_hover_color+";text-decoration:none;font-weight:normal;background:#FFD7D7;}"); 
	document.writeln("#nav_id li:hover dl,#nav_id li.sfhover dl {left: auto;}"); 
}

document.writeln("</style>"); 

function navDropdownMenu() {
	var sfEls = document.getElementById("nav_id").getElementsByTagName("li");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
		this.className+=(this.className.length>0? " ": "") + "sfhover";
		}
		sfEls[i].onMouseDown=function() {
			this.className+=(this.className.length>0? " ": "") + "sfhover";
		}
		sfEls[i].onMouseUp=function() {
			this.className+=(this.className.length>0? " ": "") + "sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),"");
		}
	}
}
