.s960 { width:960px; margin:0 auto;}
.OfWebBar,.sinaweibo,.qqweibo,#logoarea a,.orgback,.greyback,.service cite,.new,#captcha,.rank,#loginArea .form .error span.face,.crown
{ background:url(images/tbpng.png) no-repeat;}
.top-AsD { height:126px; background:url(images/header_back_02.jpg) repeat-x;}
.top-AsD div { height:126px; background:url(images/topasd.jpg);}


#head { height:41px; background:#ff6e01;}
.OfWebBar {
    position: relative;
    z-index: 9991;
}
.OfWebBar, .sinaweibo, .qqweibo {
    float: right;
    height: 20px;
    line-height: 20px;
    margin: 12px 10px 0 0;
    width: 150px;
}
.sinaweibo,.qqweibo { width:18px; height:18px; display:block; background-position:-30px -28px;}
.qqweibo { background-position:0 -28px;}
.OfWebBar tt{ color:#b4b4b4; padding-left:10px; cursor:default;}
.ofMenuArea {
    background: url("http://pic.ofcard.com/themes/sales4sys/homebar/images/rex-bar.png") repeat-y scroll -1834px top transparent;
    position: absolute;
    right: 0;
    top: 20px;
    width: 590px;
}
.ofMenuInline {
    background: url("http://pic.ofcard.com/themes/sales4sys/homebar/images/rex-bar.png") no-repeat scroll -1234px top transparent;
    overflow: hidden;
    padding: 10px 10px 0;
}
.ofMenuBottom {
    background: url("http://pic.ofcard.com/themes/sales4sys/homebar/images/rex-bar.png") no-repeat scroll -2435px bottom transparent;
    height: 10px;
    width: 590px;
}
.ofMenuInline ul {
    clear: left;
    overflow: hidden;
    padding: 5px;
}
.ofMenuInline ul li {
    float: left;
    padding: 0 7px;
}
.topDotLine {
    border-top: 1px dotted #DDDDDD;
}

#logoarea a { display:block; width:211px; height:41px; background-position:0 -53px;}
#container,#conCenter,.newsArea,#conbutton,.error_box {
    margin-top: 10px;
}
.channel,.charts,.link { border:1px solid #dedede; height:248px; width:228px; float:left;}
.head { height:34px; background:#f3f3f3; text-align:center; line-height:34px;}
#loginArea .form { padding-top:5px;}
#loginArea .form label { width:70px;}
#loginArea .form li { padding:5px 0;}
#loginArea .form li.mess { padding-top:0; padding-bottom:0;}
#loginArea .form .label {padding-left: 75px;}
#loginArea .form .laptt { padding-left:74px;}
#loginArea { position:relative;}
#loginArea .form li#captchaLi,#loginArea .form li#mac { padding-top:2px; padding-bottom:2px;}
#loginArea .form li#mac { padding-bottom:5px;}
#loginArea .form .change { display:block; background:#f3f3f3; position:absolute; bottom:0; width:154px; height:44px; padding-top:30px;}
#loginArea .form .error { display:block; padding:10px 20px;}
#loginArea .form .error span.face { display:block; height:28px; background-position:0 -217px; padding-left:33px; color:#FF9900; line-height:28px;}
.error_box {border: 1px solid #DEDEDE;}
.laptt a { text-decoration:underline; margin:0 0 0 10px;}
#captcha {
	background-position:0 -264px;
    padding-bottom: 18px;
    width: 115px;
	
}
#captcha img {
    cursor: pointer;
    height: 20px;
    width: 115px;
}

#mainbanner,#contactArea { float:left; margin-left:10px;}
.charts { height:364px; border:1px solid #ffe9d5;} 
.charts .head { background:#ffe9d5; color:#ff7701;}

.chContent em {float: right; color:#a09e99; display:block;}
.chContent li { margin:7px 0;float:left; padding-left:5px; width:218px;}
.chContent label { float:left; width:65px; display:block;}
.chContent img { width:90px; height:16px; float:left;}
.orgback,.greyback { width:10px; height:10px; background-position:-57px -28px; display:block; float:left; font-size:10px; line-height:10px; text-align:center; color:#FFFFFF; margin-top:5px; margin-right:5px;}
.greyback { background-position:-75px -28px;}

.service { height:33px; width:716px; border:1px solid #dedede; background:#f5f5f5; padding:1px; line-height:33px;}
.service li { margin-right:10px;}
.title { display:block; width:67px; height:33px; background:#d0eaf8; color:#1670ae; text-align:center; line-height:33px; float:left;}
.service cite { width:5px; height:33px; display:block; background-position:0 -145px; float:left;} 
.service a { position:relative;}
.service img { float:left; margin-top:5px;}
.service li label { float:left;}

.newsArea,#newslist { height:301px; width:702px; border:1px solid #dedede; padding:8px; color:#5d5d5f;}
.newsArea .head{ width:327px; height:26px; background:#f3f3f3; padding-left:15px; line-height:26px; text-align:left;}
.newsArea .head a { float:right; color:#808080; margin-right:10px;}
.yhfk,.news { width:342px; margin-right:15px; float:left;}
.yhfk dl,.yhfk dt { padding:0 10px; line-height:20px;}
.yhfk dl{ margin-top:5px;}
.news { margin-right:0;}

.news ul { padding:10px;}
.news ul em { float:right; color:#808080;}
.news ul li a { color:#808080; float:left;}
.news ul li a:hover { color:#FF6600;}
.news ul li {  width:100%; height:32px; margin:0px; padding:0; clear:left; overflow:hidden;}
.new { display:block; width:25px; height:11px; background-position:-96px -28px; float:left; margin:3px 0 0 5px;} 
.link { height:130px; margin-right:10px;}
.link li { text-align:center; margin-top:10px;}
.video { width:718px; border:1px solid #dedede; height:130px; float:left;}
.video li { text-align:center; margin-top:10px;}
.video li a { width:160px; height:80px; display:block; margin:0 auto; margin-top:15px;}
 
#footer { border:1px solid #dedede; margin-top:10px; padding:10px 0;}
#footer p { text-align:center; margin:5px 0; color:#808080;}
#footer p  a { margin:0 5px;}
.service .orange { font-size:18px;}

.rank,.crown { display:block; height:16px; width:68px; background-position:0 -188px; float:left;}
.crown { background-position:-68px -188px;}
span.one { width:17px;}
span.two { width:34px;}
span.thr { width:51px;}

#newslist { height:auto; float:left; margin-left:10px;}
#newslist .head ,.notice .head{ text-align:left; padding-left:15px;} 
.news-list li { border-bottom:1px dotted #CCCCCC; padding:5px;}
.notice { border:1px solid #dedede;}
hr {border-style:dotted; border-width:1px; height:1px; border-color:#CCCCCC; margin:0 20px;}
.notice h1 {font-size:14px;text-align:center; color: #990000; line-height:40px;}
.time {text-align:center;broder-bottom:1px solid #ccc; line-height:30px;}
.nr {padding:10px 50px; line-height:30px;min-height:300px;_height:300px; color: #333;}
.error_box p{ margin-left:385px; line-height:24px; margin-top:20px;}
.error_box p.toplist { margin-top:50px; margin-left:350px;}
.error_box p a { text-decoration:underline;}
.error_box p.orange a { color:#ff6600;}