/* 
    Document   : article
    Created on : 2010-3-11, 15:00:35
    Author     : walle
    Description:
        OPPO article styles
*/

body{}
#main{width:960px; margin: 0 auto; }
#container{margin-top:12px;background:url(../images/article_top.png) no-repeat left top; padding-top:13px;}
#container-inc{border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; background:#fff; min-height: 580px; padding: 1px 12px;}
#container-bot{background:url(../images/article_bottom.png) no-repeat left bottom; height: 13px; line-height: 13px; font-size: 1px;
_background:transparent;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=resource/www/images/article_bottom.png,sizingMethod='scale');}
#not_found{height:200px;padding-top: 130px; text-align: center; color:#FF0000; }
#siderbar{width:191px; float:left; padding-bottom:6px;/* background:url(../images/news_menu_bottom.jpg) no-repeat 0 bottom; */}
/* #container-inc div.article-siderbar{background:url(../images/news_menu_bottom.jpg) no-repeat 0 bottom;} */
#article{width:719px; float: right; /*background:url("../images/news_content_top.jpg") no-repeat 0 0; padding-top: 20px;*/ }
#article-wrap{border-left:1px dotted #d0d0d0; min-height:580px; _height:580px;/*border-right:1px solid #d0d0d0; background:#FFF;*/ padding: 0 12px;}
#article-bot{/*background:url("../images/news_content_bottom.jpg") no-repeat 0 0;*/ height: 12px;}

#siderbar2{width:191px; float:left; padding-bottom:6px;/* background:url(../images/news_menu_bottom.jpg) no-repeat 0 bottom; */}
#siderbar2 h3{background:url("../images/about_menu_title.jpg") no-repeat 0 0; height: 33px; text-indent: -10000em;}
#siderbar2 h3#service_bar{background:url("../images/service_menu_title.jpg") no-repeat 0 0; }

#siderbar3{width:191px; float:left; padding-bottom:6px;/* background:url(../images/news_menu_bottom.jpg) no-repeat 0 bottom; */}
#siderbar3 h3{background:url("../images/contact_menu_title.jpg") no-repeat 0 0; height: 33px; text-indent: -10000em;}
#siderbar3 h3#service_bar{background:url("../images/service_menu_title.jpg") no-repeat 0 0; }

#siderbar h3{background:url("../images/news_menu_title.jpg") no-repeat 0 0; height: 33px; text-indent: -10000em;}
#siderbar h3#service_bar{background:url("../images/service_menu_title.jpg") no-repeat 0 0; }
#sider-inc{border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; padding-bottom: 5px;}
#sider-inc dl{font-size: 14px;}
#sider-inc dl dd{height:31px; line-height: 31px; border-bottom:1px dotted #DDDDDD; }
#sider-inc dl dt{height:31px; line-height: 31px; border-bottom:1px dotted #DDDDDD; }
#sider-inc a{display: block; font-size: 13px; height:31px; line-height: 31px; }
#sider-inc a:hover{ text-decoration: none; color: green;}
#sider-inc a.on{background:url(../images/news_menu_sel.jpg) no-repeat 0 0; text-decoration: none; color: #000000;}
#sider-inc dt a{padding-left: 30px;color: #656364}
#sider-inc dd a{padding-left: 60px;color: #656364}
#relative-article a{ color:#656364;}
#sider-inc-bottom {width:193px;height:6px;background-image:url("../images/news_menu_bottom.jpg");background-repeat:  no-repeat;_background-position:  2px top;}
#article-wrap h1{height:48px; line-height: 48px; font-size: 16px; color:green; font-weight: bold;text-align: center; }
#article-wrap h2{height:24px; line-height: 24px;  font-size: 14px; color:#999; font-weight: bold; text-align: left; padding: 0 0 0 340px;}
#article-wrap h3{height:32px; line-height: 24px;  font-size: 16px; color:green; font-weight: bold;text-align: center; border-bottom: 1px solid #D0D0D0; width: 650px; margin: 0 auto;}
#article-wrap h3.atl{height:24px; line-height: 24px;  font-size: 12px; color:#999; font-weight: normal;text-align: center; border-bottom: 1px solid #D0D0D0; width: 650px; margin: 0 auto;}
#article-inc{min-height: 360px; padding:10px 12px; font-size: 14px; line-height: 2em; color: #000;  }
#article-inc p{margin-bottom: 10px;}
#article-inc .im{margin: 10px auto;}

.pager_wrapper{margin:0 auto;text-align:center;clear:both;padding-top:30px; padding-bottom: 10px;}
.pager_wrapper table{margin:0 auto;border-collapse:separate;}
.pager_wrapper table td{padding:0;margin:0;}
.paginator{border:0px solid #C7E1EF;margin:0;text-align:center;font-size:12px; display: inline;}
.paginator a,.paginator span{margin:0 2px 0 0;padding:0 8px;float:left;line-height:24px;height:24px;border:1px solid #DDD;width:auto; overflow:hidden;}
.paginator a{color:green;text-decoration:none;}
.paginator span{color:#AAA;}
.paginator span.current_page{color:#797268;font-weight:bold;background:#CAE8EA;}
.paginator a:hover{background:#DFF6FF;}

#article-list{width:819px; float: right; }
#article-cate{height:30px; font-size: 14px; font-weight: bold; line-height: 30px; border-bottom: 1px solid #D7D7D7; }
#article-cate span{float:right; font-size: 12px; font-weight: normal;}
#article-ol{margin-top: 10px; list-style-type: none;}
#article-ol li{line-height: 36px; height: 36px; padding-left: 2em;}
#article-ol li span{float:right; width:120px;}
#article-ol li.row1{background:#EEE;}
#article-ol li.row2{}
#article-ol li a {color:#656364;}

#relative-article{margin-top: 20px; padding-bottom:20px; }
#relative-article h4{text-align: left; padding: 5px 0 5px 12px; font-size: 14px; font-weight: bold;  margin: 0 auto 6px auto; border-bottom:1px solid #7EA51B; color: green; border-left: 6px solid green; vertical-align: center; line-height: 16px; height: 18px;}
#relative-article ul{padding: 6px 0px 6px 24px;}
#relative-article ul li{width:320px; float: left; height: 30px; line-height: 30px; overflow: hidden; padding-left: 10px;}
#relative-article ul li.clearall{height: 0px; clear: both; float: none;}
#relative-article ul li a:visited{color:#551A8B;}

#go_top_bottom{width: 26px; position: absolute; z-index: 100001;}
#go_top_bottom a{ display: block; height:0; overflow:hidden;}
a#go_top{background: url(../images/go_top_new.png) no-repeat 0 0; padding-top: 26px;}
				#go_top:hover{background: url(../images/go_top_new.png) no-repeat -50px 0; }
				#go_top:active{background: url(../images/go_top_new.png) no-repeat -100px 0; }
a#go_bottom{background: url(../images/go_top_new.png) no-repeat 0 -25px; padding-top: 26px;}
			   #go_bottom:hover{background: url(../images/go_top_new.png) no-repeat -50px -25px;  }
			   #go_bottom:active{background: url(../images/go_top_new.png) no-repeat -100px -25px;  }
