.art_inset {
  margin:10px 0;
  border: 1px solid #f1f1f1;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius:10px;
}
.art_inset .boxcontent {
    padding: 5px; border:0; border-radius:10px;
}

/* 页面导览标题 */
.article-breadcrumbs {
  font-size: 1.1em; font-weight: bold;text-align:left;
}
.article-head{
  padding: 5px 0 5px 35px;
  color:#ccc;
  background: url("../images/tit-ico.gif") no-repeat 0 50%;
  border-bottom: 0px #b0b1ba solid;
}

/* article 文章索引页面 文章列表 border-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset;*/
#art-list-box {position: relative; margin:10px auto; padding:5px; border: 1px solid #ddd;}
.art-item {display:block; border-bottom: 1px dashed #ccc; overflow:hidden; }

.art-item .item-ico img { float: left; margin: 5px; border: 1px solid #ddd; max-width: 100px; max-height:100px; }

.art-item h2.item-title { padding:4px 6px; text-align: left; height:25px; line-height:25px; background-color:#F0F7FF; }
.art-item h2.item-title a {display:block; font-size: 14px; font-weight: bold; color: #006BCD; text-decoration: none;}
.art-item h2.item-title a:hover { color: #F60;}
.art-item .item-text { padding:5px; margin-bottom:15px; line-height:1.5em; font-size: 12px; color: #333; overflow:hidden; }

.item-info { float:right; padding:4px 6px; text-align:right; height:25px; line-height:25px;}
.item-info a { color: #444; }
.item-info a:hover { color: #F60; }

/** 文章索引页下部分类导览 article_inc_category.html **/
.article_catdiv{ height:180px;}
.sstabs ul li{display:block; float:left; padding:5px;}
.art-index-cat{clear:both; border: #50883B 1px solid; height:178px; }
.art-index-cat .artcattitle{
    background-color: #50883B; height:20px;padding-top:5px;border-bottom: #8BC475 1px solid;
    text-align:left;font-size:14px; font-weight: bold;margin-bottom:10px;
}
.art-index-cat .artcattitle span a{
    color: #fff; padding-left:10px;
}
.art-read-tab{
    line-height:25px;height:25px; text-align:left; padding-top:5px;padding-left:5px;
}
.art-read-tab a{
    padding:5px 2px;background-color:#ffffff;color:#50883B;
    border-left: #8BC475 1px solid;border-top: #8BC475 1px solid;border-right: #8BC475 1px solid;
}
.art-read-tab a:hover{
    background-color:#8BC475;color:#f00;
}
.art-read-con{
    padding:10px;text-align:left;border-top: #8BC475 1px solid;clear:both;
}
.artcat-container{
    height:150px;display:block;
}
.artcat-container .art-head-image{
    float:left;width:100px;height:120px;margin:5px;
}
.artcat-container .art-head-image img{ width:100px; height:75px;}
.artcat-container .art-content{
    float:left; height:120px; margin-top:5px;
}
.artcat-container .art-title{
    height:25px;line-height:25px;text-align:left; font-weight: bold; font-size: 16px;
    margin-bottom: 5px; border-bottom: #38B549 1px solid;
}

/* 文章内页 */
.article-text-container { clear: both; }
/* 正文标题 */
.article-text-header{clear: both;}
.article-text-header h2 {
  text-align: left;
  color:#f60;
  font-weight: bold;
  padding-left: 5px;
}
.article-text-header .article-text-header-info { text-align: center; padding: 5px 0; margin-top:10px; }
.article-text-header .article-text-header-info .article-meta { text-align: center;padding: 15px 0;}
span.article-subject {margin-right: 3px;font-weight: bold;}
span.article-term {margin-right: 5px;}

/**tag 列表**/
.taglist{ padding: 5px; padding-left:10px; margin-left:10px;color:#397021;text-align:left; }
.tag-list{ padding: 5px; color:#397021;text-align:left; }
.tag-list a{ padding: 5px; color:#397021;text-align:left; }
.tag-list a:hover{ padding: 5px; color:#f00;text-align:left; }

/* 文章正文 */
.article-text-content{ clear:both;}

.article-title {font-weight: bold; padding: 2px 0;text-align: center;}
.article-subtitle{padding-left:10px;}
.article-subtitle .article-section-container ol li {list-style: decimal inside;padding: 1px 0;}
.sub-title {font-weight: bold;padding: 5px 0;text-align: left;}
.article-meta {font-size: 100%;text-align: center;padding: 10px 0;}

.article-header-image img{float: left; margin: 10px;border: solid 1px #ddd;width: 150px;}
.article-text { text-align:left; padding: 10px; font-size:10pt; line-height: 2em;}
.article-text p { text-align:left; line-height: 2em;}
.article-text p:first {text-indent:2em;}
.article-text img{ max-width:650px;}
.article-text h2 { font-size: 14px; padding: 5px 10px; }
.article-text a { color: #F60; text-decoration: underline; }
.article-text a:hover { color: #06C; text-decoration: underline; }
.article-pages{float:right;text-align:right;}/***分页***/
/* 翻页 */
#turnto-wrap {}
.turnto-c { padding:5px 10px; margin-top:20px; clear: both; height:24px; overflow:hidden;}
.turnto-c ul li {display: inline-block; width:49%; height:24px; line-height: 24px; text-align:left; overflow:hidden;}
.turnto-c ul li a { color: #06C; text-decoration: none; } 
.turnto-c ul li a:hover { color: #F60; } 
/* 相关文章 */
.art-relate-head{
    line-height:25px;text-align:left; font-weight: bold; font-size: 14px;color:#06C;
    padding:2px 10px; margin:10px 5px; border-bottom: #06C 1px solid;
}
.art-relate-content{padding:5px;}
.art-relate-content ol li{
    background: url("../images/list-yl.gif") no-repeat 0 0;
    width:47%; line-height:24px; padding-left:10px; float:left;text-align:left;
}
/* 评分 */
.art-rate-sect{
    clear:both; text-align:left;border: 1px solid #50883B; margin:10px;
}
.art-rate-sect .art-rate-nav{
    color:#50883B;
  font-weight:bold;
  font-size:16px;
  height:20px;
  padding:3px;
  padding-left:10px;
    background-color:#CCECD2;
}
.art-rate-sect .art-rate-cont{ text-align:left; }
.art-rate-sect .art-rate-cont .art-rate-item{
    padding: 5px 0px;border-top: 1px solid #50883B;
}
.art-rate-sect .art-rate-cont .art-rate-item span{padding: 0px 5px;}

/** article模块的类别页 **/
.art-category-section{
    clear:both;width:685px;display:block;margin-top:10px;margin-left:auto;margin-right:auto;
}
.art-category-section .sectiontop{
    clear:both; height:15px;width:685px;display:inline;
}
.art-category-section .sectiontop .tleft{
    width:15px;height:15px;float:left;background: url("../images/article/artcatpage-tl.gif") no-repeat 0 0;
}
.art-category-section .sectiontop .tmid{
   height:15px;float:left;background: url("../images/article/artcatpage-tm.gif") repeat-x top;
}
.art-category-section .sectiontop .tright{
    width:15px;height:15px;float:left;background: url("../images/article/artcatpage-tr.gif") no-repeat right top;
}
.art-category-section .secontent {
    width:683px; border-left:1px #95C981 solid; border-right:1px #95C981 solid;
}
.art-category-section .sectionbot{
    clear:both; height:15px;width:685px;display:block;
}
.art-category-section .sectionbot .bleft{
    width:15px;height:15px;float:left;background: url("../images/article/artcatpage-bl.gif") no-repeat bottom left;
}
.art-category-section .sectionbot .bmid{
   height:15px;float:left;background: url("../images/article/artcatpage-bm.gif") repeat-x bottom;
}
.art-category-section .sectionbot .bright{
    width:15px;height:15px;float:left;background: url("../images/article/artcatpage-br.gif") no-repeat bottom right;
}
.art-catmeta{
    margin:0 auto;padding:5px;
}
.art-catmeta p{
    padding:5px 0; text-align:left;
}
.art-catmeta .art-cattitle{
    font-size:14px; text-align:left; 
}
.art-catmeta .art-catimage{
    float: left;text-align: left; width: 121px;height:91px; margin:0 5px 5px 0;
}
.art-catmeta .art-catimage img{
    width: 120px; height:90px; border: 1px #808080 solid;
}
.art-catmeta .art-catinfo{
    float: left;text-align:right;padding-right:20px; width: 500px;
}
/** 文章、分类等导航 **/
.art-section-nav{
    height:20px;
    padding:4px 10px 0 10px;
    border-bottom: 0px solid #ccc;
    margin:10px 0;
}
.art-section-nav .navleft{
    float:left; color:#333; font-weight:bold; font-size:16px;
}
.art-section-nav .navright{
    float:right; text-align:right;
}
#art-catlist-box {
    clear: both; margin:5px auto; padding:2px;
}
.art-catitem {
    margin: 5px; float:left; width:150px; padding:1px; border: 1px solid #8BC475; border-radius:5px;
}
.art-catitem .catitem-title {
    clear:both; text-align: left; padding:3px 5px; background-color:#E6F5E9;
}
.art-catitem .catitem-title h2 a {
    font-size: 12px; color: #50883B; text-decoration: none;
}
.art-catitem .catitem-title h2 a:hover {
    font-size: 12px; color: #F00; text-decoration: none;
}
.art-catitem .catitem-subbox {
    clear:both; text-align: left;padding-top:5px;
}
.art-catitem .catitem-subbox .ico {
    float: left; padding-left: 5px; padding-bottom:3px; width:75px;
}
.art-catitem .catitem-subbox .ico img {
    border: 1px solid #666; width: 70px; height:55px;
}
.art-catitem .catitem-subbox .info {
    float:left; padding-left:5px; padding-top:5px;line-height:120%;color:#333;
}
.art-catitem .catitem-subbox .info span { text-align: left; color: #333;  }

/*.artcat-container.art-content ul{margin-top: 5px; font-size:12px;}border-bottom: 1px solid #50883B;*/
.artcat-container.art-content div{line-height:150%; font-size:12px;}

.art_inset .boxcontent ol li { margin:5px 5px 10px 5px;}
.art_inset .boxcontent div.article-title{border-bottom: 1px #b0b1ba dashed;}
.art_inset .boxcontent div.article-title span a{color:#0bf;}
.art_inset .boxcontent div.article-title span a:hover{color:#f60;}
.article-summary {text-indent: 2em;line-height:130%;}
.article-summary a{color: #36F;}

/******************************* 以下是article模块原样式style.css ************************************/

.article-section {clear:both;}
.category-header h2{text-align: left;margin-top:10px;}
.article-section-title {width:98%; background-color:#DEE3E7; margin:10px 2px 0 0;border-bottom: solid #ddd 1px;clear:both;padding-top:3px;}

.article-section-title span.subject{float:left;text-align:left;font-size: 130%;font-weight: bold;padding:0 10px;color:#459452;}

.article-section-title span.navigation{padding:0 10px; float: right; text-align: right;}

.article-section-container {}

.article-cpcont{margin:1px;padding:4px;border:1px solid #ddd;width:98%;}

.article-spotlight {margin-top:10px;}
.article-spotlight .article-header-image img{width: 150px;}
.spotlight-title {font-weight: bold;font-size: 12pt; color: #36F;text-align: center; text-decoration: none;}
.spotlight-title a {font-weight: bold;font-size: 12pt; color: #F60;text-align: center; text-decoration: none;}
.spotlight-title a:hover {font-weight: bold;font-size: 12pt; color: #36F;text-align: center; text-decoration: none;}
.spotlight-meta{font-size: 100%;text-align: center; padding: 10px 0;}

.list-article-list{padding-left:10px;}

.list-header{margin-bottom:10px;padding-left:10px;}

.article-category-navigation {float: left;border-bottom: 2px solid #ddd; text-align:left;}

.article-category-navigation span.subject{float: left; text-align:left;background:#eee;padding: 2px 10px;font-size: 120%;}

.article-category-navigation span.navigation{float: right; text-align:left;font-size:95%;padding-right:0px;}

.article-category{margin:0 auto;text-align:center;}
.article-category .category-container {float: left;margin: 5px 0px;}
.article-category .article-title{padding: 3px 0;}
.article-category .article-list{padding:3px 0;}

.article-category .category-container .article-header-image img{margin: 2px 10px 0px 0px;width: 80px;height:60px;float:left;}

.list-article .article-header-image img{margin: 2px 10px 0px 0px; width: 50px;}

.article-category .category-container div.article-list {line-height: 150%;margin-left: 10px;float:left;}

.article-category .category-container .article-list ul {list-style: disc outside;}

.article-category .category-container .article-list li {list-style: disc outside;}

.article-topic{margin-bottom:10px;}

.article-feature .article-header-image img{border:  0;margin: 2px 10px 0px 0px;width: 50px; }

.article-feature .article-list{padding:   10px 0;}

.article-feature .article-list div{padding-left:  0px !important;}

.article-feature .article-list div.article-title:before{content:  /* url(../../images/pointer.gif) */;}

.article-article .article-section-container ol li {list-style: decimal outside;margin-bottom: 10px;}

.article-header .article-list{padding: 5px 0;}
.article-header .article-list span{display: inline;}

.article-header .article-list div{padding: 2px 0;}

span.article-label{font-weight: bold;padding-right: 5px;text-align:left;}

span.article-content{ }

.article-body {padding: 10px;}

.article-writer{text-align:left;float:right;width:200px;padding:5px;margin: 0 0 10px 10px;border: medium;background: #eee;}

.article-writer .article-title{border-bottom: solid 1px #ddd;margin-bottom: 5px;}

.article-writer .avatar{float: left;margin-right: 5px;margin-bottom: 5px;}

.article-sibling span.previous{float: left;}
.article-sibling span.next{float: right;}

span.article-copytext{padding: 1px 0px;font-family: Arial;cursor: pointer;cursor: hand;}

.article-copyright {text-align: right;padding-right: 10px;margin: 20px 0px;}

.article-copyright span {border-top: 1px solid #888;}

.article-rate .rate-item {padding: 5px 0px;border: 1px solid #aaa;background: #eee;}

.article-rate .rate-item span{padding: 0px 5px;}

.article-rate .rate-item input{ margin: 0px 0px;padding:  0;}

.list-article .article-section-container ol li {list-style: decimal outside;margin: 0px;}

#article-api{padding:5px 10px;margin-top:10px;}
.article-api{margin:10px 0;border-top: 1px solid #FF6600;}

span.article-button{border: 1px solid #999;text-align: left;padding: 2px;background: #eee;}

span.article-button a{color: #666;}

span.article-button a:hover{color: #000;}

/* For keywords highlightening */
span.article-highlight{color: red;}
acronym { cursor: help; border-bottom: 1px dotted #000;}
.hide{ display:none; }

/*CSS manu style pagination*/
/* ezsky: ezskyyoung@gmail.com */
.ez-pagenav {
	padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center
}
.ez-pagenav a {
	border-right: #eee 1px solid; padding-right: 5px; border-top: #eee 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #eee 1px solid; color: #036cb4; padding-top: 2px; border-bottom: #eee 1px solid; text-decoration: none
}
.ez-pagenav a:hover {
	border-right: #999 1px solid; border-top: #999 1px solid; border-left: #999 1px solid; color: #666; border-bottom: #999 1px solid
}
.ez-pagenav a:active {
	border-right: #999 1px solid; border-top: #999 1px solid; border-left: #999 1px solid; color: #666; border-bottom: #999 1px solid
}
.ez-pagenav .current {
	border-right: #036cb4 1px solid; padding-right: 5px; border-top: #036cb4 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #036cb4 1px solid; color: #fff; padding-top: 2px; border-bottom: #036cb4 1px solid; background-color: #036cb4
}
.ez-pagenav .disabled {
	border-right: #eee 1px solid; padding-right: 5px; border-top: #eee 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #eee 1px solid; color: #ddd; padding-top: 2px; border-bottom: #eee 1px solid
}

/* accordion */
.accordion-container{ padding:3px; }
#arthitart {}
#arthitart h3 {
    margin:0;
    padding:5px 25px;
    font-size:14px;
    font-weight:normal;
    border:1px solid #fff;
    border-bottom:1px solid #ddd;
    cursor:pointer;
}

#arthitart h3.current {
    cursor:default; background-color:#f60; border:1px solid #f60; border-bottom:1px solid #ddd;
}
#arthitart div.artsummary{padding:2px; text-align:left;
}
#arthitart div.artsummary a{color: #397021;}
#arthitart div.artsummary a:hover{color: #f00;}
#arthitart div.artsummary p{ background-color:#E8FAE5;}
#arthitart div.artsummary p.title{line-height:120%; border-bottom:#A0DF82 1px solid; margin-bottom:5px; text-align:center; font-weight: bold;}
#arthitart div.artsummary p.text{ text-indent:2em;}
#arthitart div.artsummary p.info{ margin-top:5px;text-align:left;}
#arthitart div.arthithead { text-align:left;}
#arthitart div.artsummary {display:none; }
#arthitart div.artsummary h3 {
    font-weight:normal;
    margin:0 0 -5px 0;
    font-size:16px;
    color:#999;
}