#left { float: left; width: 212px; }
#right { float: right; width: 728px; }
#subNav { float: left; width: 212px; margin-bottom: 10px; overflow: auto; }
#subNav dt { background-image: url(../img/page_left_title.gif); height: 29px; width: 180px; margin-bottom: 4px; float: left; line-height: 29px; font-size: 14px; color: #fff; padding-left: 32px; font-weight: bold; background-repeat: no-repeat; }
#subNav dd a { background-image: url(../img/page_left_menu_Bg_over.gif); height: 26px; width: 176px; padding-left: 36px; background-repeat: no-repeat; line-height: 26px; float: left; margin-top: 6px; }
#subNav dd a:hover { background-image: url(../img/page_left_menu_Bg_on.gif); height: 26px; width: 176px; padding-left: 36px; background-repeat: no-repeat; line-height: 26px; float: left; font-weight: bold; margin-top: 6px; }
.ad1 { float: left; height: 70px; width: 212px; margin-bottom: 10px; }
#serviceOL { background-image: url(../img/page_serviceOL.gif); background-repeat: no-repeat; height: 50px; width: 140px; float: left; margin-bottom: 10px; padding-left: 72px; padding-top: 63px; overflow: hidden; }
#serviceOL li { float: left; height: 25px; width: 70px; }
#help { float: left; width: 212px; overflow: auto; margin-bottom: 10px; }

.help_title { background-repeat: no-repeat; height: 27px; width: 182px; line-height: 27px; font-size: 14px; font-weight: bold; padding-top: 2px; padding-right: 0; padding-bottom: 0; padding-left: 30px; background-image: url(../img/page_left_title2.gif); }
.help_title a { font-size: 14px; }
.help_form { width: 210px; border-width:0 1px 1px; border-style: solid; border-color: #C8C8C8; padding-top: 10px; overflow: auto; }
.help_form li { line-height: 22px; color: #555; background-repeat: no-repeat; background-position: 10px 5px; padding-left: 25px; background-image: url(../img/help_ico.gif); width: 165px; }

.page_pic { float: left; height: 137px; width: 728px; margin-bottom: 10px; }
.site { background: url(../img/page_site.gif); background-repeat: no-repeat; float: left; height: 29px; width: 683px; margin-bottom: 20px; line-height: 29px; padding-left: 45px; }

#main { float: left; width: 708px; padding:0 10px; margin-bottom: 10px;  }
#main p { line-height: 22px; margin-bottom: 10px; }
#main h2 { text-align: center; font-size: 16px; line-height: 35px; padding-top: 10px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #ccc; margin-bottom: 20px; padding-bottom: 5px; }

#box2 { clear: both; width: 888px; border: 1px solid #ccc; overflow: auto; margin:0 auto 15px; padding: 30px; }



#signin { width: 310px; padding-left: 20px; text-align: left; margin-right: auto; margin-left: auto; margin-bottom: 15px; overflow: auto; border: 1px solid #CCCCCC; padding-bottom: 20px; }
#join { width: 635px; padding-left: 30px; margin-bottom: 35px; margin-right: auto; margin-left: auto; padding-bottom: 20px; text-align: left; }
#signin h1, #join h1 { font-size: 16px; padding-bottom: 25px; padding-top: 10px; color: #333; padding-left: 20px; line-height: 35px; }
.signinline { float: left; width: 280px; margin-bottom: 15px; overflow: auto; }
.sileft { float: left; width: 90px; text-align: right; font-size: 14px; line-height: 25px; }
.siright { float: right; width: 190px; line-height: 25px; color: #999; }
.siright a { color: #0000FF; text-decoration: underline; }
.siright a:hover { text-decoration: none; }
.joinline { float: left; width: 635px; margin-bottom: 15px; }
.joleft { font-size: 14px; line-height: 25px; text-align: right; float: left; width: 135px; }
.joleft span { color: red; }
.joright { float: right; width: 500px; font-size: 12px; line-height: 25px; }
.joright div { float: left; line-height: 25px; }
.joright div a { color: #0000FF; text-decoration: underline; font-size: 14px; }
.joright div a:hover { text-decoration: none; }
.joright p { line-height: 16px; color: #999; padding-top: 6px; }
.sijiform1 { border: 1px solid #A7A6AA; height: 18px; width: 176px; font-size: 14px; line-height: 18px; }
.sijiform2 { border: 1px solid #A7A6AA; height: 18px; width: 60px; font-size: 14px; line-height: 18px; }
.sijiform3 { border: 1px solid #A7A6AA; height: 18px; width: 260px; font-size: 14px; line-height: 18px; }
.state1 { background: url(../img/login_ok.gif); background-repeat: no-repeat; background-position: 5px 0px; font-size: 14px; color: #2CBD1A; padding-left: 35px; line-height: 25px; }
.state2 { background: url(../img/login_er.gif); background-repeat: no-repeat; background-position: 5px 0px; font-size: 14px; color: #FF7300; padding-left: 35px; line-height: 25px; }
.yzm { margin-top: -22px; margin-left: 70px; height: 24px; width: 100px; }.help_list li { line-height: 30px; background: url(../img/help_ico.gif); background-position: 35px center; background-repeat: no-repeat; padding-left: 60px; }
.case_list li { float: left; width: 708px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #ccc; padding:10px 0; }

.case_list dt { float: left; height: 83px; width: 188px; margin-right: 15px; }
.case_list dd { line-height: 20px; color: #666; width: 480px; float: left; margin-bottom: 5px; }
.case_list dd a { font-size: 14px; color: #FF510A; font-weight: bold; }
.case_dl dt { width: 708px; float: left; margin-bottom: 20px; }
.case_dl dt div { line-height: 30px; text-align: center; font-size: 14px; font-weight: bold; color: #f30; float: left; padding-right: 15px; }
.case_dl dd { width: 708px; float: left; }
.case_dl h1 { line-height: 25px; font-size: 14px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #ccc; margin-bottom: 15px; }

.soft_list li { float: left; width: 300px; padding:15px 0 0 30px; height: 150px; }
.soft_list dt { float: left; height: 78px; width: 77px; margin-right: 10px; }
.soft_list dd { float: left; width: 180px; line-height: 16px; padding-bottom: 5px; color: #666; }
.soft_list strong { font-size: 14px; color: #206DB1; }
.soft_list dd a { color: #206DB1; text-decoration: underline; }
.soft_list li div { float: left; width: 260px; height: 23px; padding-top: 10px; }
.soft_dl { float: left; width: 708px; margin-bottom: 35px; }
.soft_dl dt { float: left; height: 78px; width: 77px; }
.soft_dl dd { float: right; width: 600px; line-height: 16px; padding-right: 10px; margin-bottom: 10px; color: #666; }
.soft_dl strong { font-size: 14px; color: #206DB1; }
.soft_dl span { float: left; font-size: 14px; color: red; font-weight: bold; padding-right: 25px; line-height: 25px; }

.varBar { width: 708px; float: left; height: 27px; padding-bottom: 5px; margin-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; }
.varBar li { padding-right: 15px; float: left; }
.varBar li a { background: url(../img/page_soft_nav_over.gif); background-repeat: no-repeat; height: 27px; width: 102px; text-align: center; line-height: 27px; font-weight: bold; color: #333; float: left; }
.varBar li a:hover { background: url(../img/page_soft_nav_on.gif); background-repeat: no-repeat; height: 27px; width: 102px; text-align: center; line-height: 27px; font-weight: bold; color: #fff; float: left; text-decoration: none; }

#explain { float: left; width: 708px; }
.explain_text { padding: 5px; float: left; width: 698px; }
.explain_text p { color:#666}

/*.page { height: 30px; padding-top: 10px; margin-top: 20px; padding-left: 50px; float: left; width: 658px; }*/
.tb1 { float: left; width: 680px; }
.tb1 td { padding: 5px; line-height: 18px; }
.tb1 span a { font-size: 14px; color: #206DB1; font-weight: bold; }
.tb1 div { float: right; margin-top: -22px; }
.list1 { float: left; width: 708px; }
.list1 li { line-height: 30px; background-image: url(../img/help_ico.gif); background-repeat: no-repeat; background-position: left center; float: left; width: 600px; padding-left: 30px; }
.list1 li span { line-height: 30px; float: right; margin-top: -30px; }