body{ padding:0; margin:0 auto; }
	
body, div, td, select, 
input, textarea{ font-size:12px; }
h1, h2, h3, h4, h5, h6{ padding:0; margin:0; font-size:14px; font-weight:normal; }
h2 span, h3 span, h4 span, h5 span{ display:none;}

ul, ol, dl, dt, dd, menu, form{ margin:0; padding:0; width:100%; }
li{ list-style:none; }
li i { float:right; color:#666; font-size:12px;}
i { font-style:normal;} s, u { text-decoration:none; }
a { color:#333; } a:hover { color:#ff6500; } a img{ border:none; } 

.fl { float:left; display:inline; overflow:hidden; } .fr { float:right; display:inline; overflow:hidden;}
.al { text-align:left;} .ac { text-align:center;} .ar { text-align:right;}
.c { verflow:auto; text-align:left;}
.cls { clear:both; display:block; }
.clr { clear:both; display:block; height:8px; overflow:hidden; }

.white, .white a { color:#fff;} 
.org, .org a { color:#ff5600;} 
.red, .red a { color:#f00; }
.hot{ color:#f00; font-weight:bold; }

.bgF7 { background:#f7f7f7; } 
.bgFF { background:#fff;}

.px12{ font-size:12px; } 
.px14, .f14{ font-size:14px; }
.pxB { font-weight:bold; } 
.px12B { font-weight:bold; font-size:12px; } 
.px14B { font-weight:bold; font-size:14px; }

.spH{ margin-top:10px; }
.spL{ margin-left:10px; }
.ttl p{ margin:0; padding:0; }
.li_dot li{ padding-left:10px; background:url(/images/dot.gif) no-repeat 0 50%; }


/* blk style */
.ttl{ width:100%; overflow:hidden; }
.ttl h4{ float:left; margin:0; padding:0 0 0 6px; font-size:12px; font-weight:bold;}
.ttl h4 a{ text-decoration:none; }
.ttl h5{ float:right; margin:0; padding:0 6px 0 0; font-size:12px; font-weight:normal;}
.cnt{ clear:both; padding:8px; text-align:left; line-height:150%; }
.cnt ul{ width:100%; font-size:14px; }
.cnt li{ line-height:160%;}

.blk1 .ttl{ height:25px; line-height:25px; overflow:hidden; background:url(blk_x.gif) repeat-x; overflow:hidden; }
.blk1 .ttl h4{
	background:url(blk_i.gif) no-repeat;
	text-indent:18px;
	padding:2px 0 0 0;
	overflow:hidden;
	width: 87px; }
.blk1 .ttl h5{ background:url(blk_i.gif) no-repeat 100% 0; padding-right:8px; }
.blk1 .cnt{ border:1px solid #83d9fa; border-top:none; }

.blk2 .ttl{ background:url(t2bg.png) no-repeat 0 -62px; height:30px; line-height:30px;}
.blk2 .ttl h4{ padding:0 0 0 10px; color:#81140f; font-size:14px; }
.blk2 .ttl h5{ background:url(t2bg.png) no-repeat 100% -62px; padding:0 2px; padding-right:6px; }
.blk2 .cnt{ border:1px solid #f1c4b7; border-top:none; }

.blk3{ border:1px solid #f1c4b7; }
.blk3 .ttl{ background:url(blk_x.gif) repeat-x 0 -100px; height:25px; line-height:25px; }
.blk3 .ttl h4{ padding:0 0 0 30px; background:url(blk_i.gif) no-repeat 8px -306px; color:#81140f;}

.blk4 .cnt{ border:1px solid #fca8a8; border-top:none; }
.blk4 .ttl{ background:url(t1bg.png) repeat-x; height:32px; line-height:32px; }
.blk4 .ttl h4{ width:117px; font-size:14px; color:#fff;  text-indent:8px; background:url(t1bg.png) no-repeat 0 -272px; }
.blk4 .ttl h4 a{ color:#fff; }
.blk4 .ttl h5{ background:url(t1bg.png) no-repeat 100% -141px; }

.adlist li{ float:left; margin:0 1px; }
.adlist li.first{ margin-left:0; }
.nofloat li{ float:none; }

.ADS{ width:100%; }
.ADS li{ float:left; margin:4px 4px 4px 0; }
.ADS li.first{ margin-left:0; }

/* --------------- */
/*   main layout   */
/* --------------- */
#main_left{ width:200px; float:left; overflow:hidden; }
#main_right{ width:700px; float:right; overflow:hidden; }

.box{ width:1000px; margin:6px auto; overflow:hidden; clear:both; text-align:left;}
.row{ width:100%; overflow:hidden; clear:both;}

.frm_l{ width:300px; }
.frm_c{ width:420px; }
.frm_c_1{ width:430px; }
.frm_r{ width:250px; }
.frm_rc{ width:460px; }
.frm_r1{ width:220px; }
.frm_r_max{ width:690px; }

.frm_w1{ width:170px; }
.frm_w2{ width:820px; }
.frm_w3{ width:210px; }
.frm_w4{ width:780px; }

/* --------------- */
/*  head and foot  */
/* --------------- */

#head .fl { width:240px; }
#head .fl img{ margin:0 auto; float:none; }
#head .fr { width:746px; }
#logo{ text-align:center; }
#navMain li { padding:0 14px; }

/* topbar */
#home { background:url(/css/img/icon.gif) no-repeat 0 -100px; padding-left:16px; }
#citys{ width:100%; background:#f7f7f7 url(/css/img/bg.gif) repeat-x 0 -150px;}
	#citys .box{ margin:0 auto; }
	#citys h4{ width:340px; margin:0 auto; line-height:28px; font-size:12px;}
	#citys .fr{ width:560px; padding-top:4px; }
	#citys select{ vertical-align:middle; }
	#citys a{ text-decoration:none; color:#666; }

#topBar{ background:#f7f7f7; border-bottom:1px solid #e9e8e4; margin-bottom:12px; }
#topBar .box{ margin-top:0; padding:8px 0 0px 0; }
#topBar a{ text-decoration:none; }
#top_home{ font-size:12px; background:url(/css/img/icon.gif) no-repeat 0 -100px; padding-left:16px; margin-left:12px; }
#topNav li{ float:left; padding:0 6px; font-size:12px; list-style:none; border-left:1px solid #ddd; }
#topNav{ float:right; }

/* head */
#head { padding:4px 0; }
#logo{ width:310px; text-align:center; margin-top:6px; }
#logo a{ text-decoration:none; color:#e00; }
#logo img{ float:left; }
#logo span{ 
	display:block; float:left; margin:4px; border-left:1px solid #ccc; padding:10px 4px 8px 4px; padding-left:6px;
	font-family:'ºÚÌå'; font-size:22px; font-weight:normal; margin:0;
}

#top_nav{ width:528px; padding:2px 6px; border:1px solid #eee; position:relative; color:#ccc; }
#top_nav h3{ font-size:12px;line-height:18px; width:auto; padding-left:58px; }
#top_nav h3 a{ color:#039; text-decoration:none; }
#top_nav h3 a.org{ color:#f60; }
#top_nav h3 a:hover{ color:#f60; text-decoration:underline; }
#top_service{ border-bottom:1px solid #eee; }
#top_nav span{ 
	display:block; position:absolute; left:10px; top:6px; color:#666; 
	width:51px; overflow:hidden; height:35px; padding-top:4px; line-height:15px; text-align:center;
	background:url(chnls.jpg) no-repeat; }
	
#top_right{ margin-top:6px; }
#top_right li{ float:left; }
#top_right ol{ display:block; clear:both; }
#top_right img{ margin:0 4px; }

/* nav and searchbar */
.tel{ background:url(tel.gif) no-repeat; padding-left:26px; }
.free{ background:url(free.gif) no-repeat 100% 0; padding-right:20px; }

.sbar{ background:url(sbg.gif) repeat-x 0 0; position:relative; margin-top:0; }
.sbar .lb{ background:url(sbar.gif) no-repeat -160px -10px; position:absolute; left:0; top:0; width:4px; height:78px; }
.sbar .rb{ background:url(sbar.gif) no-repeat -180px -10px; position:absolute; right:0; top:0; width:4px; height:78px; }

#sbartop{ background:url(nav_bg.gif) repeat-x 0 -17px; margin-top:4px; border:1px solid #eee; padding: 6px 0; }
#nav_home{ float:left; font-size:20px; width:54px; padding:12px 0; font-weight:bold; text-align:center; }
#nav_home a{ text-decoration:none; }
.nav_area{ float:left; position:relative; }
.nav_area h3{ position:absolute; width:16px; top:0; left:0; padding:8px 6px 0 4px; background:url(nav.gif) no-repeat; height:50px; font-size:13px; }
.nav_area h3 a{ text-decoration:none; }
.nav_area ul{ width:auto; margin:0 0 0 24px; height:50px; overflow:hidden; }

.nav_area li{ float:left; width:48px; margin:4px 0; font-size:14px; text-align:center; border-right:1px dashed #aaa; }
.nav_area li.len{ width:68px; }
.nav_area li.none{ border:none; }
.nav_area li a{ text-decoration:none; color:#000; }
.nav_area li a.red { color:#f00; }

#nav_area_news{ margin-left:6px !important; margin-left:3px; }
#nav_area_news ul{ width:126px; }
#nav_area_product ul{ width:170px; }
#nav_area_shop ul{ width:190px; }
#nav_area_supply ul{ width:205px; }
#nav_area_bbs ul{ width:126px; }


.sbarcnt{ padding:0 16px; height:72px; overflow:hidden; margin:4px;  }
.sbarform{ background:url(sbar.gif) no-repeat -200px -8px; padding-left:30px; width:auto; margin:10px 0 0 6px; }
.sbarform input,
.sbarform select{ vertical-align:middle; }
#sbar_input{ border:1px solid #b15707; padding:2px; width:250px; }

#sarchkey{ overflow:hidden; color:#ff0; width:470px;  height:32px; line-height:16px; margin-top:15px; }
#sarchkey a{ color:#fff; padding:0 2px; text-decoration:none; }
#sarchkey a:hover{ text-decoration:underline; color:#ff0; }

#gcatNav{ position:absolute; bottom:10px; left:12px; font-size:12px; height:14px; overflow:hidden; }
#gcatNav ul{ width:auto; padding-left:78px; }
#gcatNav li{ float:left; background:url(gcatline.gif) no-repeat 100% -5px; padding:0 8px; }
#gcatNav .first{ background:none; }
#gcatNav a{ color:#000; text-decoration:none;  }
#gcatNav a:hover{ color:#f60; text-decoration:underline; }
#gcatNav h3{ 
	position:absolute; left:0; top:0; color:#f50; 
	font-weight:bold; font-size:12px; 
	padding-left:18px; background:url(/css/img/icon.gif) no-repeat 0 -100px; }
	
/* smenu */
#smenu{ border:1px solid #f5bbbe; line-height:30px; background:url(blk_x.gif) repeat-x 0 -180px; margin-bottom:6px; }
#smenu h2{ 
	width:128px; text-align:center; font-weight:normal; font-size:20px; font-family:'ºÚÌå'; 
	background:url(blk_x.gif) repeat-x 0 -250px; 
	float:left; color:#0069b8; }
#smenu h2 a{ color:#c00; text-decoration:none; }
#smenu h2 a:hover{ color:#f60; }
#smenu .navs{ float:left; }
#smenu .navs ul{ width:100%; width:auto; }
#smenu .navs li{ float:left; padding:0 8px; font-size:14px; border-right:1px solid #f2e5e5; border-left:1px solid #fff; }
#smenu li a{ color:#000; text-decoration:none; }
	
/* footer class */
#footer{ text-align:center; }
#bNav{ text-align:center; padding:8px 0; border-top:1px solid #ccc; margin-top:6px; }
#friendLink{ line-height:160%; }
#cRight{ text-align:center; }
#cRight h3{ margin:6px 0; }
#cRight p{ padding:0; margin:4px 0; }

.ftop {
	border-top:1px solid #DDDDDD;
	margin:15px auto;
	padding-top:10px;
	text-align:center;}
.ftop ul { margin-left:130px; width:auto; }
.ftop li {
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 auto;
	text-align:center;}
.ftop li a {
	color:#FFFFFF;
	display:block;
	float:left;
	height:29px;
	line-height:18px;
	margin-right:20px;
	padding-left:32px;
	padding-top:2px;
	text-align:left;
	text-decoration:none;
	background:url(ftop_1.jpg) no-repeat;
	width:139px; }

/* --------------- */
/*  other public   */
/* --------------- */
.pageInfo{ 
	margin:10px 0 10px 0; 
	text-align:center; font-size:14px; 
	font-weight:bold; line-height:160%;}
.pageInfo a,
.pageInfo a:visited{ font-size:14px; padding:0 4px; }
.pageInfo p{ padding:0; margin:4px 0; }

.tab{ border-bottom:3px solid #EBF5FB; }
.tab .cls{ height:2px; overflow:hidden; background:#3C92DD; }
.tab h4{ 
	height:18px;
	margin-right:6px; margin-left:4px;
	padding-top:6px;
	text-align:center;
	width:92px;
	font-weight:bold; color:#fff;
	background:url(blk_i.gif) no-repeat 0 -450px;}

.location{ font-weight:bold; margin:6px 0; }
.search{ margin:12px 0; background:url(blk_i.gif) no-repeat 0 -496px; padding-left:20px; }
.sttl1{ background:url(blk_i.gif) no-repeat 54px -98px; font-size:12px; color:#f00; margin-bottom:2px; font-weight:bold; }

/* list styles */
.countList{ background:#f7f7f7; padding:4px 10px; border:1px solid #eee; border-top:1px solid #fff; }
.tblList table td{ border-bottom:1px dotted #ccc; }
.tblList h5 a{ color:#039; }

.li_list{ width:100%; line-height:160%; }
.li_list li{ width:130px; float:left; background:#fff;  padding:2px 0 2px 8px; border-bottom:1px dotted #eee; border-right:1px dotted #eee; font-size:14px; }
.li_list li a{ color:#0e58f7; text-decoration:none; }
.li_w1 li{ width:82px; }

.other_search{ padding:6px; background:#f7f7f7; margin:4px 0 2px 0; }
.other_search h4{ font-size:12px; color:#f60; margin:3px 0 0 3px; background:url(blk_i.gif) no-repeat 0 -500px; padding-left:18px; }
.other_search li{ background:#fff url(blk_i.gif) no-repeat 6px -140px; line-height:150%; padding:4px 4px 4px 20px; margin-top:2px; font-size:14px; }
.other_search li label,
.other_search li label a{ color:#159502; }
.other_search li a{ color:#0e58f7; text-decoration:none; }
.other_search li a:hover{ text-decoration:underline; color:#f60; }

#freepub{ vertical-align:text-bottom; margin-left:20px; }
#logo a { color:#f00; }