/* CSS Document */

/*------------------------------ main ---------------------------*/
body{
	background:#fff;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;

}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*--------------------------------main---------------------------*/




/*--------------------------------top----------------------------*/

#top{
	background:#1b5f8e url(top_bg222222222.gif) 0 0 repeat-x;
	width:960px;
	margin:0 auto;
	height:120px;
}
#top img.logo{
	display:block;
	float:left;
	margin:22px 70px 31px 10px;
}
#top p.topTxt{
	display:block;
	width:470px;
	font-size:16px;
	color:#D4F5FF;
	float:left;
	padding:0;
	margin:35px 0 0 0;
}
#top p.topLink{
	display:block;
	width:220px;
	font-size:12px;
	color:#D4F5FF;
	float:right;
	padding: 0;
	margin: 8px 8px 0 0;
	text-align:right;
}
#top p.topLink a{
	font:normal 12px/12px Tahoma,Verdana,Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:inherit;
	text-decoration:none;
}
#top p.topLink a:hover{
	color:#ffffff;
	text-decoration:underline;
	background-color:inherit;
}

#top p.topLink span.sep{
	color:#ffffff;
	padding:0 4px;
}
#top ul.nav{
	background:#999999;
	width:960px;
	height:28px;
	float:left;
}
#top ul.nav li{
	float:left;
	background:url(nav_div.gif) right top no-repeat;
	padding:0 14px;
}
#top ul.nav li.noImg{
	background-image:none;
}
#top ul.nav li a{
	font:normal 14px/29px  Tahoma,Verdana,Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:inherit;
	text-decoration:none;
	font-weight:bold;
}
#top ul.nav li a:hover{
	color:#FFF3C4;
}



/*------------------------------------------------top--------------------*/

/*------------------------------------------------body--------------------*/
#bodyMain
{
	background:#f7f6e7 url(body_bg.gif) repeat-x;
	width:960px;
	margin:0 auto;
	padding-top:20px;
}
#body{
	width:960px;
	background:#f7f6e7 url(body_innerbg.gif) repeat-y;
}
/*------------------------------------------------left--------------------*/
#left{
	width:250px;
	float:left;
}
#left h2{
	display:block;
	width:236px;
	height:20px;
	background:#999 url(left_head22222222222.gif) 0 0 repeat-x;
	padding:6px 0 0 14px;
	margin:0 0 1px 0;
}
#left h2 span{
	background:url(arrow.gif) 0 3px no-repeat;
	padding:0 0 0 18px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}
#left ul{
	width:250px;
}
#left ul li{
	margin:0 0 1px 0;
}
#left ul li a{
	display:block;
	background:url(dot.gif) 19px 9px no-repeat #DBDBBE;
	padding:0 5px 0 35px;
	color:#000;
	font-size:12px;
	line-height:24px;
	text-decoration:none;
}
#left ul li a:hover{
	color:#2F2F20;
	background-color:#C6C6A5;
}

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

/*------------------------------------------------right--------------------*/
#right{
	width:695px;
	float:right;
}
#depict{
	border:1px solid #000;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	width:680px;
	background:#1b5f8e url(banner.jpg) 0 0 no-repeat;
	height:240px;
	margin:0 0 10px 0;
	padding:0px;
}
#depict div.pic{
	float:left;
	margin:8px;
	width:170px;
	height:183px;
}
#depict div.text{
	margin:8px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#fff;
}

#depict a.downloadYulinCMS{
	margin-top:5px;
	margin-left:-176px;
	_margin-left:-186px;
	width:100px;
	height:32px;
	float:left;
}
#depict a.downloadManual{
	margin-top:5px;
	margin-left:-60px;
	_margin-left:-70px;
	width: 100px;
	height:32px;
	float:left;
}


#intro{
	font:normal 12px/18px Tahoma,Verdana,Arial, Helvetica, sans-serif;
	width:680px;
	margin:0 0 16px 0;
	padding:0;
}

#intro h4{
	display:block;
	font:bold 18px/46px Tahoma,Verdana,Arial, Helvetica, sans-serif;
	color:#6B1420;
	margin:0;
}

#intro ul{
	list-style-type:circle;
	font-size:12px;
	line-height:18px;
	margin-left:10px;
}

#intro div.more{
	text-align:right;
	color:#C5C5A8;
	font-size:12px;
}
#intro div.more a{
	color:#000;
	font-size:12px;
	text-decoration:underline;
}
#intro div.more a:hover{
	color:#000;
	text-decoration:none;
}


#catelist
{
	font:normal 12px/18px Tahoma,Verdana,Arial, Helvetica, sans-serif;
	width:660px;
	margin:0 0 0 10px;
	padding:0;
}

#catelist h3{
	display:block;
	font:bold 16px/24px Tahoma,Verdana,Arial, Helvetica, sans-serif;
	color:000;
	border-bottom:1px solid #000;
	margin:0 0 16px 0;
}
#catelist ul{
	font-size:12px;
	line-height:24px;
}
#catelist ul li a{
	color:#000;
	text-decoration:none;
}
#catelist ul li a:hover{
	color:#000;
	text-decoration:underline;
}
#catelist .pageBox {width:668px; height:60px; margin:0 auto; padding:1px; }


#doccate
{
	width:940px;
	background:#f7f6e7;
	font:normal 12px/18px Tahoma,Verdana,Arial, Helvetica, sans-serif;
	padding:10px;
}
#doccate div.listbox
{
	float:left;
	width:280px;
	height:260px;
	border:1px solid #ccc;
	margin:0 9px 9px 0;
	padding:10px;
}

#doccate div.listbox div.header{
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	height:25px;
}

#doccate div.listbox div.header h3{
	width:225px;
	font:bold 16px/24px Tahoma,Verdana,Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
}
#doccate div.listbox div.header a.more{
	font:12px/24px Tahoma,Verdana,Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	text-decoration:none;
}
#doccate div.listbox div.header a.more:hover{
	color:#666;
	text-decoration:underline;
}


#doccate div.listbox ul{
	font-size:12px;
	line-height:24px;
}
#doccate div.listbox ul li{
	background:url(dot.gif) left center no-repeat;
	padding:0 14px;
}
#doccate div.listbox ul li a{
	color:#666;
	text-decoration:none;
}
#doccate div.listbox ul li a:hover{
	color:#666;
	text-decoration:underline;
}








#templatecate
{
	width:940px;
	background:#f7f6e7;
	font:normal 12px/18px Tahoma,Verdana,Arial, Helvetica, sans-serif;
	padding:10px;
}
#templatecate div.listbox
{
	float:left;
	width:920px;
	height:260px;
	border:1px solid #ccc;
	margin:0 9px 9px 0;
	padding:10px;
}

#templatecate div.listbox div.header{
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	height:25px;
}

#templatecate div.listbox div.header h3{
	width:820px;
	font:bold 16px/24px Tahoma,Verdana,Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
}
#templatecate div.listbox div.header a.more{
	font:12px/24px Tahoma,Verdana,Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	text-decoration:none;
}
#templatecate div.listbox div.header a.more:hover{
	color:#666;
	text-decoration:underline;
}

#templatecate div.listbox ul{
	font-size:12px;
	line-height:24px;
}
#templatecate div.listbox ul li{
	background:url(dot.gif) left center no-repeat;
	padding:0 14px;
}
#templatecate div.listbox ul li a{
	color:#666;
	text-decoration:none;
}
#templatecate div.listbox ul li a:hover{
	color:#666;
	text-decoration:underline;
}




#templatecatelist
{
	background:#f7f6e7;
	font:normal 12px/18px Tahoma,Verdana,Arial, Helvetica, sans-serif;
	width:940px;
	margin:0px;
	padding:10px;
}
#templatecatelist h3{
	display:block;
	font:bold 16px/24px Tahoma,Verdana,Arial, Helvetica, sans-serif;
	color:#666;
	border-bottom:1px solid #999;
	margin:0 0 16px 0;
}
#templatecatelist ul{
	font-size:12px;
	line-height:24px;
}
#templatecatelist ul li a{
	color:#000;
	text-decoration:none;
}
#templatecatelist ul li a:hover{
	color:#000;
	text-decoration:underline;
}
#templatecatelist .pageBox {width:940px; height:60px; margin:0 auto; padding:0px; }




#content {}
#content .title{height:30px; font-size:18px; font-weight:bold;padding-top:5px;}
#content .time{display:inline;padding-right:10px;}
#content .source{display:inline;padding-right:10px;}
#content .author{display:inline;padding-right:10px;}
#content .clicks{display:inline;padding-right:10px;}
#content .body{padding:20px 0;font-size:12px;}
#content .pageBox {height:40px;margin:10px 0;}



#doccontent {width:940px;background:#f7f6e7;font:normal 12px/18px Tahoma,Verdana,Arial, Helvetica, sans-serif;padding:10px;}
#doccontent .title{height:30px; font-size:18px; font-weight:bold;padding-top:5px;}
#doccontent .time{display:inline;padding-right:10px;}
#doccontent .source{display:inline;padding-right:10px;}
#doccontent .author{display:inline;padding-right:10px;}
#doccontent .clicks{display:inline;padding-right:10px;}
#doccontent .body{padding:20px 0;font-size:12px;}
#doccontent .pageBox {height:40px;margin:10px 0;}

#singlecontent {width:940px;background:#f7f6e7;font:normal 12px/18px Tahoma,Verdana,Arial, Helvetica, sans-serif;padding:10px;}
#singledoccontent .body{padding:20px 0;font-size:12px;}



.pageBar {overflow:auto;}
.pageBar .info {margin-bottom:10px;}
.pageBar .info span.count {font-weight:bold; color:#F60; font-size:12px;padding:5px;}
.pageBar .plist strong { display:block; float:left; color:#FFF; background:#F60; border:1px solid #C33; padding-left:8px; padding-right:8px;  margin-right:3px;}
.pageBar .plist a{ display:block; float:left; color:#000; background:#FFF; border:1px solid #DDD; padding-left:8px; padding-right:8px; text-decoration:none; margin-right:3px;  }
.pageBar .plist a:hover{ color:#F60;background:#EEE}




/*------------------------------------------------right--------------------*/


/*----------------------------------------------- link--------------------*/
#link{
	width:960px;
	margin:0 auto;
	height:60px;
	background:url(flash_1px.gif) 0 0 repeat-x;
}
/*------------------------------------------------link---------------------*/


/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/

#footer{
	background:#999 url(footer_b-g.gif) 0 0 repeat-x;
	width:960px;
	margin:0 auto;
	position:relative;
	height:90px;
}
#footer ul{
	width:712px;
	position:absolute;
	left:230px;
	top:18px;
}
#footer ul li{
	float:left;
	font:normal 12px/18px Tahoma,Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#footer ul li a{
	padding:0 10px;
	font:normal 12px/18px Tahoma,Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font:normal 12px/18px Tahoma,Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	left:220px;
	top:37px;
	width:530px;
	color:#fff;
	background-color:inherit;
	text-align:center;
}

#footer p.copyright a{
	padding:0 10px;
	font:normal 12px/18px Tahoma,Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#footer p.copyright a:hover{
	text-decoration:underline;
}


/*------------------------------------------------footer--------------------*/