* { font-family:宋体; }
body { margin: 0px; text-align: center; font-size: 14px; font-family:宋体; }
body { background: #DFDEDF; padding: 20px 0px; text-align: center;}

a { text-decoration: none; color: #555;}
a:hover { color: #CC0000; }
ul li { overflow: hidden; white-space: nowrap;}
form,ul,li { margin: 0px; padding: 0px; }

#Frame { margin:0 auto; text-align:center;}



#Frame { width: 950px; text-align: center; background: #C7C2C2; padding: 12px; }
#Container { width: 940px; background-color: #FFFFFF; padding: 5px;}
#PanelSide { width: 200px; float: right; margin-top: 2px; border: 1px solid #CCCCCC; border-top: 0px solid red;}
#PanelMain { width: 738px; float: left; }

#Header .Nav { height: 39px; background:url(bg_nav.png); border-bottom: 2px #CC0000 solid;}
#Header .Nav_Menu { margin-top: 5px; text-align: left;}
#Header .Nav_Menu ul li {float: left; padding: 6px 0px;}
#Header .Nav_Menu a { text-decoration: none; padding: 5px; font-weight: bold; font-size: 13px; color: #000;}
#Header .Nav_Menu a:hover{ background: #CC0000;  color: #FFF;}

#Footer { clear: both; margin-top: 20px; padding: 10px; height: 50px; background: #C7C2C2;}
#Footer Table td {text-align: left;}

#Location { width: 100%; height: 23px; background:url(bg_location.png);}
#Location .Span1 { float: left; font-weight: bold;  text-indent: 5px; color: #888; }
#Location .ShowMode { width: 60px; float: right; cursor: pointer; padding-right: 3px;}
#Location span {  padding-top: 8px; }


.Pan { width: 100%; padding-bottom: 10px; }
.Pan h4 { height: 25px; background:url(bar1.png) no-repeat; text-align: left; padding-top: 6px; padding-left: 25px; margin: 0px; }
.Pan ul { margin: 0px; padding: 0px; }
.Pan ul li { width: 95%; text-align: left; padding-top: 8px; text-indent: 18px; overflow: hidden; }
.Pan ul li { background: url(li2.gif) no-repeat 2px 10px;}
.Pan ul li a { color: #666666; }
.Pan ul li a:hover { color: #CC0000; }

#PanSearch .Input { width: 120px; }

#PanClassTree .Title{ height: 20px; background:url(bar1.png) no-repeat; text-align: left; padding-top: 8px; padding-left: 25px; font-weight: bold;}
#PanClassTree .Content { text-align: left; padding-left: 20px;}
#PanClassTree .Content a { text-decoration: none; line-height: 20px;}
#PanClassTree .Active a { color: red; }


/* === 文章 === */
.Article { width: 100%; border-bottom: 1px red dashed; }
.Article .Title { width: 100%; height: 30px; text-align: left; font-size:14px; line-height: 30px; }
.Article .Title { padding-left: 5px; border-bottom: 1px #F5F5F5 solid;}
.Article .Title a { font-size: 14px; color: #333333;}
.Article .Title a:hover { font-size: 14px; color: #CC0000;}
.Article .Title .Span1 { float: left; }
.Article .Title .Span2 { width:80px; float:right; text-align:right; padding-right:10px; color:#C29595; cursor:pointer;}
.Article .Title .Span2 { clear:right;}
.Article .Title .Img {float: left; padding-top: 0px; cursor: pointer; }
*Html .Article .Title .Img{ padding-top: 5px;}


.Article .Bottom {text-align: right; padding-right: 10px; line-height: 20px; color: #555555;}

.Article .Tags { text-align:left; }
.Article .Tags { background:url(tag.gif) no-repeat 20px 3px; padding: 0px 8px; padding-left: 40px; padding-top:2px;}
.Article .Tags a { text-decoration: underline; }

.Article .CopyFrom { text-align: left; }
.Article .CopyFrom { background:url(copyfrom.gif) no-repeat 20px 2px; padding: 0px 8px; padding-left: 40px; padding-top:2px;}

.Code { background:url(copy.gif) no-repeat top right;}
.Code { background-image:transparent;} 
.Code { background-color: #EEE; width: 98%; line-height: 16px; border: #cccccc 1px solid; padding: 4px; word-break: break-all;}
.Code { color: #000; font-family: Fixedsys;}
.Code { font-family: Arial,宋体;  font-size: 14px; }
.Code { behavior:url ("/Images/Code.htc")}


/* === 返回摘要 === */
.ArticleContent { height: 100%; line-height: 20px; text-align: left; padding-left: 5px; color: #333;}
.ArticleSummary { line-height: 20px; text-align: left; padding-left: 5px; color: #333;}

.ArticleContent { word-wrap : break-word; }
.ArticleSummary { height: 120px; overflow: hidden; word-wrap : break-word; }

/* === 查看全文 === */
.ViewContent { background:url(li3.gif) no-repeat 0px -17px; padding-top: 1px; padding-left: 12px; color:black; cursor: pointer; }
.ViewContent_Over { background:url(li3.gif) no-repeat 0px 0px; padding-top: 1px; padding-left: 12px; color:red; cursor: pointer; }




/* =============== */

.NotebookPost { width: 95%; text-align: left; border: 1px #CCCCCC solid; padding: 10px;}
.NotebookPost .Input { border: 1px solid #CCCCCC; }
.NotebookPost .Textarea { border: 1px solid #CCCCCC;}

.Notes { width: 100%; border: 1px #CCCCCC solid; float:left;}
.Item { width: 100%; }
.Item .Title { height: 20px; background: #F5F5F5; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding-top: 8px; text-indent: 5px;}
.Item .Title .Span1 { float: left;}
.Item .Title .Span2 { width: 150px; float: right;}
.Item .Content { text-align: left; padding: 10px 0px; padding-left: 10px; background: #F9F9F9;}

.Item .Title .Span1 {background:url(arrow.gif) no-repeat 4px 0px; text-indent: 20px;}