﻿/*Article Listing*/
#ArticleListing{width: 690px;margin-bottom: 10px;}
#ArticleListing .list .item{ width:100%;padding: 15px 0; }
#ArticleListing .list .item:last-of-type{border-bottom: #fff !important}
#ArticleListing .list .item_6{border: none}
#ArticleListing .list .item.first{padding-top: 0}
/*#UCArticle_Listing .list .item .icon_title{ display: block;background: url(img/dot_item.png) no-repeat left 6px;width: 25px;height: 20px; float: left}*/

#ArticleListing .list .item .content .title:hover{color: #743023}
#ArticleListing .list .item .img_Article{width: 150px;height: 110px;;float: left}
#ArticleListing .border_img{ width: 150px;height: 110px;
text-align: center;
display: table-cell !important;
vertical-align: middle !important;
/*border: 1px solid #F2F0E9;*/}
#ArticleListing .border_img img{width: 150px !important;height: 110px !important;
display: table-cell !important;
vertical-align: middle !important;}
#ArticleListing .list .item .content{ width: 520px; float: right}
#ArticleListing .list .item .content .title{display: block;width: 100%;text-decoration: none;display: block;font: normal 18px/18px Arial;color: #333333;
margin-bottom: 5px;text-align: justify;}

#ArticleListing .list .item .content .Description{ width: 100%;text-align: justify;font: normal 13px/18px Arial;color: #333333;
height: 60px;overflow: hidden;text-rendering: geometricPrecision;}
#ArticleListing .list .item .content .viewDetail{ float: right;  text-align: right}
#ArticleListing .list .item .content .viewDetail a{ color: #743023;text-decoration: none;font: normal 13px/18px Arial;}
#ArticleListing .list .item .content .viewDetail a:hover{color: #ff0000}
#ArticleListing .list .item .content .title span{ position: absolute;margin-left: 3px; margin-top: -8px}

/*Article Listing--End*/


/*Article Detail*/
#ArticleDetail{ width: 690px;}
#ArticleDetail .title{ width: 100%;margin-bottom: 15px;font: 16px/18px Arial; color: #333333}
#ArticleDetail #divDetailContent{ width: 100%;font: normal 13px/18px Arial;color: #333333;text-align: justify;margin-bottom: 20px;text-rendering: geometricPrecision;}
#ArticleDetail #divDetailContent img{ max-width: 690px; margin: 10px 0px}
#ArticleDetail #divDetailContent ul li{list-style: outside !important;margin-left: 20px; }
#ArticleDetail #divDetailContent a{ text-decoration: underline;color: #0000ff !important;padding: 0 10px;}
#Article_Detail #divDetailContent img{ max-width: 650px;}
 #divDetailContent table td{ border:1px solid #dadada;}
 #divDetailContent table {border-collapse: collapse;}
 /*#divDetailContent b{display: inline-block !important;padding: 0 10px !important}*/
/*Article Detail--End*/

/*Article Reference*/
#ArticleReference{ width: 690px;}
#ArticleReference ul li{list-style: none}

#ArticleReference .caption{ width: 100%;margin-bottom: 20px;border-bottom: solid 1px #743023;height: 17px}
#ArticleReference .caption a{display: inline-block;font: normal 18px/20px Arial;color: #743023;background: #fff;text-transform: uppercase; padding-right: 8px}
#ArticleReference .item{ padding-left: 15px;background: url('img/butlet_articleref.png') no-repeat left 5px;margin-bottom: 7px;}
#ArticleReference .item a{ font: bold 13px/18px Arial; color: #333333}
#ArticleReference .item img{ position: absolute;margin-left: 3px; margin-top: 5px}
#ArticleReference .item a:hover{color: #743023}
/*Article Reference--End*/

/* Article Left*/
#ArticleLeft{ width: 200px;}
#ArticleLeft .caption {width: 100%;height: 30px;background: #702b1e;border-radius: 3px;margin-bottom: 10px;  }
#ArticleLeft .caption a {display: block;color: #fff;text-decoration: none;font: bold 13px/18px Arial;
text-transform: uppercase; padding-top: 6px;text-align: center}

#ArticleLeft .news_item {width: 100%;padding: 10px 0px;}
#ArticleLeft .news_item.last {border-bottom: none;}

#ArticleLeft .news_item .boder_img {display: block;width: 65px;height: 50px;text-align: center;display: table-cell !important;
 vertical-align: middle !important;float: left;}

#ArticleLeft .news_item .boder_img img {width: 65px !important;height: 50px !important;}

#ArticleLeft .news_item .titnew {display: block;width: 125px;float: right;font: normal 13px/16px Arial; color: #333333}
#ArticleLeft .news_item .titnew:hover{color: #743023}
#ArticleLeft .news_item .titnew img{ position: absolute;margin-left: 3px; margin-top: 5px}
/* Article Left--End*/

/*Introduction Detail*/
#IntroductionDetail{ width: 100%;}
#IntroductionDetail .title{ width: 100%}
#IntroductionDetail .title a{ display: inline-block;font: normal 14px/18px Arial;color: #743023;text-transform: uppercase;margin-bottom: 10px;}
#IntroductionDetail #divDetailContent{ width: 100%;font: normal 13px/18px Arial;color: #333333;text-rendering: geometricPrecision; text-align: justify}
#IntroductionDetail #divDetailContent img{ padding: 10px;max-width: 920px}
#IntroductionDetail #divDetailContent table td{ border:1px solid #dadada;}
#IntroductionDetail #divDetailContent table {border-collapse: collapse;}
/*#IntroductionDetail #divDetailContent b{display: inline-block !important;padding: 0 10px !important}*/
#IntroductionDetail #divDetailContent ul li{list-style: outside !important;margin-left: 20px; }
#IntroductionDetail #divDetailContent a{ text-decoration: underline;color: #0000ff !important;padding: 0 10px;}

/*Introduction Detail--End*/