﻿/*Public Style*/
/*
html { 
       -webkit-filter: grayscale(100%); 
       -moz-filter: grayscale(100%); 
       -ms-filter: grayscale(100%); 
       -o-filter: grayscale(100%); 
       filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
       _filter:none; 
} 
*/

html,body{margin: 0;padding: 0;font-size: 12px;color: #666666;font-family: "宋体";font-family: "Arial";background: #FFFFFF;SCROLLBAR-FACE-COLOR: #dae4f5; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #dae4f5; SCROLLBAR-3DLIGHT-COLOR: #a4bfea; SCROLLBAR-ARROW-COLOR: #606d79; SCROLLBAR-TRACK-COLOR: #c6d2e8; SCROLLBAR-DARKSHADOW-COLOR: #a4bfea;}
ul, li, p, h1, h2, h3, span, img{margin:0;padding:0;border:0}
a{color: #0055AA;text-decoration: none;cursor: pointer;hide-focus: expression( this.hideFocus=true );outline: none;}
a:hover {color: #e47100;text-decoration: underline;}
DL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
DT {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
DD {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}

/*Framework Style*/
#main{width:1002px; margin:auto; height:100%;}
#main #head{height:71px}
#main #navbar{float:left;height:71px;width:1002px;margin:0;background:url("../images/navbarBg.gif") repeat-x;overflow:hidden;}
#main #content{float:left;width:982px;height:100%;padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px;height:610px}
#main #content #AD_Left{width:160px;float:left}
#central {float:left;width:658px}
#main #content #AD_Right{width:160;float:right}
#main #foot {width:962px;float:left;background:#eff6fe;padding:0 20px 20px 20px; margin:0;border-top:1px solid #a5d4f6;}
#main #about {height:40px;width:999px;display:none}
#main #about #left {font-size:14px;line-height:14px;padding:15px 0 0 10px;float:left;width:780px}
#main #about #right {font-size:14px;line-height:14px;padding:15px 0 0 0;float:right:width:190px}
#main #login {height:94px;width:988px;margin-top:6px}
#main #login #loginForm {float:left;width:234px:height:93px;margin-left:13px;background:url("../images/home_loginbg.gif") no-repeat;overflow:hidden;}
* html #main #login #loginForm{float:left;width:234px:height:93px;margin-left:7px;background:url("../images/home_loginbg.gif") no-repeat;overflow:hidden;}/*ie6*/ 
#main #login #loginForm table {border:0px;border-collapse:collapse;width:234px;height:93px}
#main #login #loginForm td.welcome {padding-left:86px;color:#4ba5df;line-height:14px}
#main #login #AD_Top {float:right;width:730px:height:93px}
#loginput, #loginReg {padding-left:35px;width:177px}
.lr {width:54px}
#loginput input {width:58px;height:14px;font-size:12px;border:1px solid #a8a8a8;color:#666666}
.user {	background-image: url(../images/home_login_txtbg_user.gif);	background-repeat: no-repeat;}
.pass {	background-image: url(../images/home_login_txtbg_pass.gif);	background-repeat: no-repeat;}
.validcode { background-image: url(../images/home_login_txtbg_validcode.gif); background-repeat: no-repeat;}

/*Head Style*/
.container, .container * { margin:0; padding:0; }
.container {float:left; width:1002px; height:0px; overflow:hidden; position:relative; background:url("") no-repeat;}
.version { position:absolute; left:506px;top:133px;z-index:50;line-height:23px;color:#FFFFFF; }
.download { position:absolute; right:57px;top:149px;z-index:50;cursor:pointer }

/*navbar Style*/
#main #navbar #logo{float:left;width:228px;height:71px;padding: 13px 0 0 10px;background:url("../images/supersoftlogo.gif") no-repeat 10px 13px;}
#main #navbar #navbarwrapper{float:right;height:71px;width:680px; padding-top: 10px;}
#main #navbar #navbarwrapper ul{float:right;height:71px;margin:0;list-style-type:none;}
#main #navbar #navbarwrapper ul li{display:inline;float:left;height:28px;line-height:28px;padding-top:13px;}
#main #navbar #navbarwrapper ul li a{display:block;float:left;font-size:12px;font-weight:bold;height:28px;text-align:center;text-decoration:none;width:90px;color:#000000}
#main #navbar #navbarwrapper ul li a:hover{display:block;float:left;font-size:12px;font-weight:bold;height:28px;text-align:center;text-decoration:none;width:90px;color:#e47100}
#main #navbar #navbarwrapper ul li a.navbaractive:hover{display:block;float:left;font-size:12px;font-weight:bold;height:28px;text-align:center;text-decoration:none;width:90px;color:#EEEE00}
#main #navbar #navbarwrapper ul li .navbaractive{display:block;float:left;font-size:12px;font-weight:bold;height:28px;text-align:center;text-decoration:none;width:90px;background:url("../images/navbarActive.gif") no-repeat;color:#FFFFFF;}
#main #navbar #navbarwrapper ul li.Separator{width:20px;}

/*LeftAD Style*/
#main #content #AD_Left #indexMainContent {float:left}
#main #content #AD_Left #indexMainContent ul{list-style-type:none;}
#main #content #AD_Left #indexMainContent ul li{display:inline;float:left;margin:0 10px 0 10px}
#main #content #AD_Left #indexMainContent ul li img{display:inline;float:left;padding:18px 10px 10px 0}
#main #content #AD_Left #indexMainContent ul li p{display:inline;line-height:20px;width:570px;float:left;padding:6px 0}
#main #content #AD_Left #indexMainContent ul li b.bone {display:block;color:#e47100;float:left}
#main #content #AD_Left #indexMainContent ul li b.btwo {display:block;color:#749514;float:left}
#main #content #AD_Left #indexMainContent ul li b.bthree {display:block;color:#0196a3;float:left}
#main #content #AD_Left #indexMainContent #rjjsbutton{float:left; height: 50px; padding:5px 0 0 255px}

/*CentralAD Style*/
#central #tools {float:left;width:621px;margin-left:21px;height:209px;background:url("../images/ToolsBg.gif") no-repeat}
* html #central #tools{float:left;width:621px;margin-left:10px;height:209px;background:url("../images/ToolsBg.gif") no-repeat}/*ie6*/ 
#central #tools span.t {color:#07519a;font-size:14px;font-weight:bold;padding-bottom:4px;margin:12px 15px 0 15px;border-bottom:1px solid #DFDFDF;display:block;}
#central #tools DL {width:635px;float:left;margin-top:5px}
#central #tools DT {PADDING-RIGHT:5px;PADDING-LEFT:15px;FONT-WEIGHT:normal;FLOAT:left;PADDING-BOTTOM:0px;OVERFLOW:hidden;WIDTH:140px;PADDING-TOP:0px;HEIGHT:27px;LINE-HEIGHT:27px}
#central #tools DD {PADDING-RIGHT:0px;PADDING-LEFT:10px;FLOAT:left;PADDING-BOTTOM:0px;OVERFLOW:hidden;WIDTH:445px;PADDING-TOP:0px;WHITE-SPACE:nowrap;HEIGHT:27px;LINE-HEIGHT:27px;TEXT-OVERFLOW:ellipsis;}
#central #tools DD table {border:0px;border-collapse:collapse}
#central #tools DD input {font-size:12px;color:#666666}
#central #tools DD select {font-size:12px;color:#666666}
#central #tools DD td.tbtn {padding-left:10px}
#central #tools DD #ip {width:254px;height:14px}
#central #tools DD #IPS {width:359px;height:14px}
#central #tools DD #s {width:254px;height:14px}
#central #tools DD #mobile {width:359px;height:14px}
#central #tools DD #myDateTime {font-size:12px;margin:0;font-weight:normal;}
DT.i1 {color:#578783}
DT.i2 {color:#828b54}
DT.i3 {color:#8b5485}
DT.i4 {color:#944b56}
DT.i5, DT.i6 {color:#0470e0}
#central #AD_Middle {float:left;width:621px;margin:5px 0 0 19px;height:65px}
* html #central #AD_Middle {float:left;width:621px;margin:5px 0 0 9px;height:65px}/*ie6*/ 
#central #AD_Middle div {display:none}
#central #SiteNav {width:638px;height:337px}
#central #SiteNav #sitenavcont {width:636px;height:335px;margin-left:13px}
* html #central #SiteNav #sitenavcont {width:636px;height:335px;margin-left:7px}/*ie6*/ 

/*RightAD Style*/
#AD_Right #FaqArea {float:left;width:284px;height:165px;background:url("../images/FaqBg.gif") no-repeat}
#AD_Right #FaqArea span{color:#333333;font-size:14px;font-weight:bold;padding-bottom:4px;margin:12px 15px 0 15px;border-bottom:1px solid #DFDFDF;display:block;}
#AD_Right #FaqArea ul{list-style-type:none;margin-left:10px;margin-top:6px}
#AD_Right #FaqArea ul li{line-height:23px; margin: 0 0 0 5px;padding: 0 0 0 13px;background:url("../images/faq_arrow.gif") no-repeat center left;}
#AD_Right #FaqArea ul li a{color:#3785a6}
#AD_Right #FaqArea ul li a:hover{color:#e47100}
#AD_Right #FaqArea .moreFaq{float:right;font-size:12px;font-weight:normal;margin:10px 30px 0 10px;padding:0;border:none;}

/*Foot Style*/
#foot #trademark{width:160px;float:left;padding-left:200px;margin-top: 20px; display:none}
#foot #trademark b{color:#494E51;font-family:"Arial";}
#foot #copyright{width:720px;float:left;padding-left:210px;margin-top: 20px;}
#foot #copyright, #foot #copyright a{color:#333333;}
#foot #copyright a:hover {color:#378ba6;}
#foot #copyright #cleft {margin-top:17px;float:left;margin-right: 20px}
#foot #copyright #cright {float:left; display:none}