/* mac hide\*/
html, body {height:100%}
/* end hide */

body {
	font:normal 12px "Trebuchet MS", sans-serif;
	margin:0;
	padding:0;
	background:#FFF url(bk_body.jpg) top repeat-x;
	text-align:center;
	min-width:900px;
}

.green {
	color:#006cba;
}

a {
	color:#006cba;
	text-decoration:none;
}

a:hover {
	color:#006cba;
	text-decoration:underline;
}

a:focus {
	outline:none;
}

h4 {
	margin:0;
	padding:5px 0;
	font:normal 12px Georgia, "Times New Roman", Times, serif;
	color:#CE5C00;
	/*color:#666;*/
	
}
h4.content {
	border-bottom:3px solid #A7CE1F;
}

h1 {
	font:normal 18px Georgia, "Times New Roman", Times, serif;
	color:#333;
	padding:5px 0;
	letter-spacing:-1px;
	margin:10px 0;
	font-weight:bold;
  text-align:center;
}

h3 {
	font:bold 14px Georgia, "Times New Roman", Times, serif;
	color:#A7A736;
	letter-spacing:-1px;
	margin:10px 0 5px 0;
}

h3 a {
	font:bold 14px Georgia, "Times New Roman", Times, serif;
	color:#A7A736;
	letter-spacing:-1px;
	margin:10px 0 5px 0;
}

h3 a:hover {
	color:#A7A736;
	text-decoration:underline;
}

.contents {
	margin-top:6px;
	color:#666;
	padding-bottom:15px;
	font-size:13px;
}

.contents img {
	vertical-align:middle;
}

.contents p {
	line-height:1.5em;
}

#jsscontent p {
	line-height:1.5em;
}
#jssguide{ font-size:12px;}

#artinfo2{ margin-bottom:20px;}

/*#k_menu { width:600px;}

#k_menu li { float:left; padding:0 1em; font-weight:bold; list-style:none;}*/
#k_menu {clear:both;display:table;width:600px;margin:10px 7px;line-height:24px;list-style-type:none;text-align:left;background:url(menubg.png) repeat-x;}/* {king:menu/} 下拉菜单导航*/

#k_menu li {float:left;width:80px;margin-left:0px;text-align:left;}
#k_menu li a {display:block;width:80px;text-align:center;text-decoration:none;color:#006cba; font-weight:bold;}
#k_menu li a:hover{background:#fff;font-weight:bolder;}

#k_menu li ul {margin:0px;display:table;line-height:27px;list-style-type:none;left:-9999px;width:120px;position:absolute; padding:0; border:#abadb3 solid 1px;}
#k_menu li ul li {clear:both;width:120px;background:#f5f7ee;filter:alpha(opacity=90);opacity:0.9;border-bottom:#abadb3 solid 1px;}
#k_menu li ul li a {display:block;text-align:left;padding-left:10%;width:90%;  font-weight:normal; color:#006cba;}

#k_menu li ul li a:link {color:#006cba;text-decoration:none;}
#k_menu li ul li a:visited {color:#006cba;text-decoration:none;}
#k_menu li ul li a:hover {color:#006cba;text-decoration:none;font-weight:normal;background:#fff;}

#k_menu li:hover ul {left:auto;}
#k_menu li.sfhover ul {left:auto;}
 
/*-------------- layout ------------------- */

#outer{
	width:900px;
	color: #666;
	text-align:left;
	margin:auto;
	position:relative;
	background:#fff url(bk_outer.jpg) repeat-y left top;
}
 
* html #outer{height:99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/

#header{
	min-height:100px;
	background:url(bk_body.jpg) top repeat-x;
	position:relative;
	clear:both;
	margin-bottom:0px;
}
* html #header{height:116px}
#left {
	position:relative;/*ie needs this to show float */
	width:230px;
	float:left;
	background-color:#fff;
	padding:12px;
	background:url(bk_available.jpg) top left no-repeat;
}
#left p {padding:2px;margin:0;}
#preleft {
	position:relative;/*ie needs this to show float */
	width:230px;
	float:left;
	background-color:#fff;
	padding:5px 12px;
	background:none;
}
#preleft h1 {
	margin:0;
	width:194px;
	height:103px;
	float:left;
	background:url(logo1.jpg) top left no-repeat;
}

#preleft h1 a{
	width:194px;
	height:103px;
	text-indent:-9000px;
	display:block;
}


#footer {
	width:900px;
	clear:both;
	height:70px;
	background:#fff url(bk_dl_content.jpg) top left repeat-x;
	background-position:0 10px;
	color: #999;
	text-align:center;
	left:0;
	bottom:0;
	position:absolute;
	padding-top:25px;
}

* html #footer {/*only ie gets this style*/
	he\ight:70px;/* for ie6 */
	margin-bottom:-1px;
}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centercontent {
	width:616px;
	float:right;
	padding:12px 7px 30px 13px;
}

#centercontent p{
	margin:10px 0;
}

#clearfooter {width:100%;height:70px;clear:both} /* to clear footer */

/*--------------- end layout ---------------- */
.topcall {text-align:center;margin-bottom:5px;}
#artbottom {padding-top:10px;}

/* ----- clearing ----------- */

clear {
	clear:both; 
	height:1px; 
	margin:0; 
	padding:0; 
	line-height: 1px;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: block; 
	width: 0;
}
 
* html .clearfix {
/* Hides from IE-mac \*/
height: 0;
/* End hide from IE-mac */
}

/* -----------------end clearing------------- */


/*--------------- header content -------------*/

#header h3 {
	margin:0;
	width:388px;
	height:103px;
	float:left;
	background:url(logo.jpg) top left no-repeat;
}

#header h3 a{
	width:388px;
	height:103px;
	text-indent:-9000px;
	display:block;
}

#searchBoxTop {
	position:absolute;
	top:0;
	right:0;
	
}
#topMenu{
	position:absolute;
	right:13px;
	top:8px;
}

#topMenu ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#topMenu  li {
	background-color:#FFF;
	float:left;
	text-align:center;
	background:url(bk_menu.jpg) top left repeat-x;
	}
	
#topMenu ul li a {
	height:18px;
	display:block;
	font:normal 11px 'Trebuchet MS';
	color:#6699CC;
	text-decoration:none;
	padding:3px 22px;
	float:left;
	text-transform:uppercase;
	}
#topMenu .first {
	background:url(menu_first.jpg) top left no-repeat;
}
#topMenu .last {
	background:url(menu_last.jpg) top right no-repeat;
}
	
#topMenu ul li a:hover{
	color:#fff;
	text-decoration:none;
	}
	
/* Commented backslash hack hides rule from IE5-Mac \*/
#topMenu li a
{
float: none
}

#nav {
	position:absolute;
	right:0;
	top:60px;
	*top:60px;
}

/* End IE5-Mac hack */

/*------------ end header --------------- */

/* ------------- left bar --------------- */

#searchBox, #editBox {
	position:relative;
	clear:both;
	float:left;
	width:228px;
	background:#F5F7EE url(bk_top_search.gif) top left no-repeat;
	margin:0 0 15px 0;
	padding:0;
	
}

.searchInfo {
	position:relative;
	clear:both;
	width:228px;
	float:left;
	margin:0 0 15px 0;
	padding:0;
	
}

.inner {
	background:url(bk_bottom_search.gif) bottom left no-repeat;
	padding:10px 13px;
	line-height:18px;
}

#searchBox h3, #editBox h3 {
	font:bold 1.2em Georgia, "Times New Roman", Times, serif;
	color:#91B427;
	letter-spacing:-1px;
	padding-bottom:5px;
	margin:0;
}

.searchDesc {
	margin:0;
	padding:10px 3px;
	background-color:#F8F9F2;
	border-bottom:1px dashed #ccc;
	font-size:13px;
}

.jobsNo {
	width:50px;
	float:left;
	font:bold 20px Georgia, "Times New Roman", Times, serif;
	padding:8px 0 0px 12px;
	color:#fff;
	text-align:center;
}

.jobsNoDetails {
	float:left;
	width:225px;
	text-align:right;
	line-height:26px;
	padding:3px 0 28px 0;
}

#leftBarTabs {
	width:100%;
	overflow:hidden;
	height:18px;
	clear:both;
	border-bottom:4px solid #A7CE1F;
}

#leftBarTabs ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#leftBarTabs ul li {
	width:64px;
	height:18px;
	background:url(left_tab_off.jpg) top left no-repeat;
	float:left;
	text-align:center;
	margin-right:1px;
	}
#leftBarTabs ul li a{
	line-height:18px;
	color:#eee;
	text-decoration:none;
	font-size:11px;
	
	}
#leftBarTabs ul li a:hover{
	text-decoration:underline;
	color:#fff;
	}
#leftBarTabs ul li a:focus{
	outline:none;
	}
#leftBarTabs ul li.selected {
	background:url(left_tab_on.jpg) top left no-repeat;
	}
#leftBarTabs ul li.selected a{
	color:#fff;
	}


.categList { 
		width: 100%; 
		margin-bottom:10px;
		}
		
		.categList ul
		{
			margin:0;
			padding: 0;
			list-style-type: none;
		}
		
		.categList a
		{
			display: block;
			padding: 4px 1px ;
			width: 100%;
			border-bottom: 1px dashed #ccc;
		}
		
	
		.categList a:hover
		{
			background-color: #FBFDF4;
			text-decoration:none;
		}
		
		.categList a span {
			color:#000;
			position:absolute;
			right:14px;
			font-weight:bold;
		}

.rss {
	display:block;
	clear:both;
	float:right;
	margin:6px 10px 0 0;
}

p.advertiseLink {
	margin-top:10px;
}

/*------------ end left bar -------------- */

/* ----------- center -------------------- */

.featured {
	margin:0px;
	padding-bottom:10px;
}

.featured img {
	vertical-align:middle;
	border:0px;
}

#centercontent dl {
	margin-top:-0.7em;
	padding:0 0 0 2px;
}

#centercontent dt {
	color:#000;
	font: bold 12px Tahoma ;
	background:url(bk_dl_content_white.gif) top left repeat-x;
	padding: 10px 0 5px 0;
	margin:0;
	
}

#centercontent dt img {
	margin-right:3px;
}

#centercontent dt a {
	font-weight:bold;
	color:#000;
}

#centercontent dd {
	margin:0 0 4px 20px;
}

#centercontent dd.newsDate {
	color:#A7A736;
	margin-bottom:1em;
	padding-top:3px;
	
}
#centercontent dd.newsDate span {
	color:#888;
	
}
#centercontent dd.newsDate img{

	margin:0 2px 0 0;
}

#sendContainer {
	margin:0;
	margin-top:20px;
	background-color:#F8F9F2;
	border:1px solid #E8EBD6;
	padding:5px 8px 4px 8px;
	
}
#sendContainer img{
	vertical-align:middle;
	margin-top:-2px;
	margin-right:2px;
}

#sendInner {
	padding:0;
	display:none;
	margin:0;
}

.notice {
	background:url(exclamation.png) top left no-repeat; 
	background-position:5px 4px;
	background-color:#F9FAF5;
	border:1px solid #E8ECD7;
	padding:6px 15px 6px 25px;
	margin:20px 0;
}

table.rates {
	border-top:1px dashed #ccc; 
}

table.rates td{
	border-bottom:1px dashed #ccc; 
	padding:2px;
}

table.rates a img{
	border:none;
}

table.rates td.middle{
	padding-left:85px;
	padding-right:20px;
	font-size:18px;
	color:#9AC41E;
	font-weight:bold;
}

.bigtext {
	font-size:1.4em;
	color:#006cba;
}

#postHighlightsBox {
	margin:0;
	margin-top:15px;
	background-color:#F8F9F2;
	border:1px solid #E8EBD6;
	padding:5px 8px 4px 8px;
	
}
#postHighlightsBox img{
	vertical-align:middle;
	margin-top:-2px;
	margin-right:2px;
}

#postHighlightsInner {
	padding:0;
	padding-top:10px;
	display:none;
	margin:10px 0;
	border-top:1px dashed #ccc; 
}

/* ----------- home -------------------- */
#jsshome{margin:-10px;}
#jssnews{ overflow:hidden}
#jssnews .jssl{ width:303px; height:176px;float:left;}
#jssnews .jssr{ height:180px; float:left; padding-left:15px;}
#jssnews .jssr h3{ color:#ce5c00; font-size:14px;}
#jssnews .jssr ul{margin:0; padding:0;}
#jssnews .jssr li{ line-height:1.8em; list-style:none;}
#jssnews .jssr a{ color:#666;}
#jssnews .jssr span{ margin-left:1em; color:#006cba;}
#jsspl{ background:url(jss_bg.gif) repeat-x; clear:both; margin:10px 0;}
#jsspl *{ margin:0; padding:0; list-style:none; }
#jsspl h2{ color:#006cba; font-size:14px; line-height:3em;}
#jsspl p{ color:#666; margin:0 0 3px 0;line-height:1.7em;}
#jsspl p a{ color:#666;}
#jsspl p img{ border:1px; border-color:#ccc; padding:1px;}
#jsspl2{ clear:both; margin:0 0 10px 0;}
#jsspl2 *{ margin:0; padding:0; list-style:none; }
#jsspl2 h2{ color:#006cba; font-size:14px; line-height:3em;}
#jsspl2 p{ color:#666; margin:0 0 3px 0;line-height:1.7em;}
#jsspl2 p a{ color:#666;}
#jsspl2 p img{ border:1px; border-color:#ccc; padding:1px;}
#jsspl ul{ margin:20px 0;}
#jsspl li{ float:left; width:130px; height:40px; padding-left:45px;}
.productbox {width:158px; float:left; text-align:center; background-color:#FAFAFA;}
.productbox a:link {color:#666; text-decoration:none; text-align:left;}
.productbox a:hover {color:#06F; text-decoration:underline; text-align:left;}
.productlist {width:205px; float:left; text-align:center; background-color:#FAFAFA;}
.productlist a:link {color:#666; text-decoration:none; text-align:left;}
.productlist a:hover {color:#06F; text-decoration:underline; text-align:left;}
#jsscase{ background:url(jss_bg.gif) repeat-x; clear:both; margin:2px 0; float:left; overflow:hidden; width:100%;}
#jsscase .jssc1,#jsscase .jssc2{ float:left; width:49%;}
#jsscase h3{ color:#ce5c00; font-size:14px; line-height:2em;}
#jsscase p{ color:#a9a9a9; font-size:16px; margin-top:-10px;}
#jsscase ul{ margin:0; padding:0; list-style:none;}
#jsscase li{ line-height:2em; text-indent:2em;}
#jsscase .jssc1 li{ background:url(jss_ca2.jpg) no-repeat left center;}
#jsscase .jssc2 li{ background:url(jss_ca1.jpg) no-repeat left center;}

.jssmore { text-align:right; padding-right:1em;}
.jssmore a{color: #006cba}

.k_pagelist a{padding:0 0.5em; }
#guide {line-height:21px;height:21px;background:url(guide.gif) no-repeat;margin-bottom:10px;text-align:left;color:#333;padding-bottom:5px;border-bottom:3px solid #A7CE1F;}
#guide a:link,#guide a:visited,#guide a:active {color:#333;}
#guide a.k_guidename{padding:0px 23px 0px 15px;}

/* 错误提示 */
.k_tip {color:#B6550E;padding-left:5px;display:block;}

/*------------ end center ---------------- */

.pagelist {
	      clear:both;
        height: 100%;
        padding-top: 2px;
        padding-right: 3px;
        padding-bottom: 2px;
        padding-left: 6px;
}

.pagelist a{
        display: block;
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        background-color: #EAF9E6;
        border: 1px solid #0066FF;
        float: left;
        text-align: center;
        margin-right: 2px;
        margin-left: 2px;
        text-decoration: none;
        padding-right: 8px;
        padding-left: 8px;
        color: #0066FF;
}
.pagelist a:hover{
        display: block;
        background-color: #0066FF;
        border: 1px solid #0066FF;
        float: left;
        text-align: center;
        text-decoration: none;
        color: #FFFFFF;
}
.pagelist strong{
        display: block;
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        background-color: #FFFFFF;
        border: 1px solid #C0C0C0;
        float: left;
        text-align: center;
        margin-right: 2px;
        margin-left: 2px;
        color: #999999;
        padding-right: 8px;
        padding-left: 8px;
}
.pagelist em{
        display: none;
}