body{ width:100%; margin:0; padding:0; background:url(bg.png) repeat-x left top;}
body,th,td,p{ line-height:130%; font-family:Verdana; font-size:12px;}
dl,dt,dd{ margin:0; padding:0;}
a img{ border:none; vertical-align:middle;}
a:link{ color:#333333; text-decoration:none;}
a:visited{ text-decoration:none; color:#333333;}
a:hover{ text-decoration:underline; color:#000000;}
a:active{ text-decoration:none; color:#333333;}

#guide{ width:100%; display:table; clear:both; zoom:100%; line-height:21px; }
#guide .home{ width:92px; height:21px; display:block; text-align:center; letter-spacing:3px; font-weight:bold; background:url(guide.gif) no-repeat left center; float:left;}
#guide .sub{ padding-left:5px; float:left;}

#top{ width:900px; height:80px; margin:0 auto; display:table; clear:both;}
	#top .left{ width:250px; float:left;}
	#top .left a{ width:250px; height:65px; padding-top:15px; display:block; text-align:center;}
	#top .right{ width:650px; float:right;}
	#top .right .tip{ padding-top:15px; color:#D1DBBD; text-align:right; margin-right:20px;}
	#top .right .tip strong{ color:#FFFFFF;}
	#top .right ul{ margin:20px 0 0 0; padding:0; float:right; clear:both; list-style:none;}
	#top .right ul li{ float:left; background:#3E606F; line-height:30px; font-size:14px; margin:0 5px;}
	#top .right ul li a{ display:block; font-weight:bold; color:#91AA9D; padding:0 18px;}
	#top .right ul li a:hover{ background:#EEEEEE; color:#193441; text-decoration:none;}
	#top .right ul li a.selected{ background:#EEEEEE; color:#193441;}

#main{ width:900px; margin:20px auto; display:block;}
	#main .block{ clear:both;}
	#main .mleft{ width:650px; float:left; display:block;}
	#main .mleft .opensource{ margin-bottom:10px; }
	#main .mleft .left{ width:50%; float:left; }
	#main .mleft .right{ width:48%; float:right;}
	#main .mleft .news dt,
	#main .mleft .template dt{ margin-bottom:5px;}
	#main .mleft .template dd{ width:100px; margin:0 2px; float:left; text-align:center; background:#EBEBEB; border:solid 1px #C6C6C6;}
	#main .mleft .template dd a{ clear:both; display:block; padding:2px 0;}
	
	#main .mleft .news dd,
	#main .mleft .help dd,
	#main .mleft .service dd{ padding-left:20px; line-height:190%; }
	
	#main .mleft .news dd{  background:url(bullet_blue.gif) no-repeat left center; }
	#main .mleft .news dd i{ font-style:normal; font-size:9px; padding-left:5px; }
	
	#main .mleft .service dd{ background:url(money_yen.gif) no-repeat left center; }
	#main .mleft .help dd{ background:url(text.gif) no-repeat left center; }
	#main .mleft .help dd i{ font-style:normal; font-size:9px; padding-left:5px; }
	
	#main .mleft dl{ width:100%;}
	#main .mleft dl dt{ width:100%; display:table; line-height:25px; border-bottom:solid 1px #CCCCCC;}
	#main .mleft dl dt strong{ color:#193441; font-size:14px; float:left;}
	#main .mleft dl dt a{ float:right; display:block; margin-top:5px;}

	#main .mright{ width:230px; float:right; display:block;}
	#main .mright dl{width:100%;}
	#main .mright dl dt{ width:100%; display:table; line-height:25px; border-bottom:solid 1px #CCCCCC;}
	#main .mright dl dt strong{ color:#193441; font-size:14px; float:left;}
	#main .mright dl dt a{ float:right; display:block; margin-top:5px;}
	#main .mright dd.version{ padding-top:10px;}
	#main .mright dd.download{ padding:10px 0;}
	#main .mright dd.license{ padding:5px; line-height:180%;}
	#main .mright dd.license strong{ font-size:14px; color:#006600;}
	#main .mright dl.links dd{ width:91%; float:right; background:url(arrow.gif) no-repeat left center; padding-left:12px; line-height:150%;}
	#main .mright dl.links dd i{ margin-left:5px; font-size:9px; font-style:normal;}
	#main .mright ul.download{ width:95%; margin:0 0 10px 0; padding:5px 0 0 5px; border-top:dashed 1px #CCCCCC; list-style:none;}
	#main .mright ul.download li{ padding-left:20px; background:url(down.gif) no-repeat left center; line-height:200%;}
	#main .mright ul.download li.important{background:url(down_important.gif) no-repeat left center;}
	
#footer{ width:900px; margin:30px auto 20px auto; padding:5px 0 20px 0; display:table; clear:both; border-top:dashed 1px #CCCCCC;}
	#footer .left{ float:left; }
	#footer .right{ float:right; }

#onepage{ clear:both;}

/* 列表通用样式 */
.list{ margin:10px 0; clear:both;}
	.list .title{ width:100%; margin-bottom:10px; padding-left:10px; background:url(title.gif) no-repeat left center; color:#193441; font-size:14px; font-weight:bold; display:table; zoom:100%; line-height:25px; border-bottom:solid 1px #CCCCCC;}
	.list .box{ width:98%; margin:0 auto; clear:both;}

/* 文章列表 */
#artlist .item{ padding:0 0 5px 0; line-height:200%; border-bottom:dashed 1px #CCCCCC; }
	#artlist .item a{ padding-left:20px; background:url(bullet_blue.gif) no-repeat left center; font-weight:bold;}
	#artlist .item .intro{ text-indent:26px; line-height:150%; color:#666666;}
	
/* 文章信息 */
#article{ width:100%; display:table; clear:both; }
	#article h1{ margin:20px 0 10px 0; text-align:center; font-size:14px;}
	#article .info{ text-align:center; color:#666666;}

/* 模板列表 */
#template ul{ margin:0; padding:0; list-style:none; display:block;}
	#template ul li{ width:49%; height:120px; margin:10px 0; padding:0; float:left; display:block;}
	#template .picture{ width:90px; height:110px; border:solid 1px #CCCCCC; padding:3px; float:left; display:block; text-align:center; overflow:hidden;}
	#template .picture img{ width:90px;}
	#template .info{ width:200px; height:120px; padding-left:10px; float:left; display:block;}
	#template .info p{ width:95%; height:14px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; }

.downurl,
.downurl a{ color:#009900; font-weight:bold;}

/* 分页样式 */
.pagelist{ margin:5px 0; clear:both; text-align:right;}
	.pagelist a ,
	.pagelist strong{ margin-right:3px;}
	.pagelist strong{ color:#993300;}
	.pagelist em {padding:2px;border:1px solid #C6C6C6;font-size:12px;margin:0px 1px;background:#F5F9FE;color:#14316B;font-weight:bold;font-style:normal; margin-right:3px;}