#left { float: left; width: 688px; }
#right { float: right; width: 252px; }
#flash { float: left; height: 207px; width: 688px; margin-bottom: 10px; }

#soft,#case,#program { float: left; width: 688px; margin-bottom: 10px; overflow: auto; }
.soft_title { background: url(../img/soft_title.gif); background-repeat: no-repeat; height: 34px; width: 658px; line-height: 32px; padding-left: 30px; font-weight: bold; float: left; }
.soft_title a { font-size: 14px; }
.soft_form { width: 686px; border-width:0 1px 1px; border-style: solid; border-color: #ccc; padding-top: 10px; float: left; overflow: auto; }
.soft_form li { float: left; width: 215px; padding:10px 0px 10px 10px; }
.soft_form dt { float: left; height: 78px; width: 77px; }
.soft_form dd { float: right; width: 130px; line-height: 18px; color: #666; }
.soft_form dd a { font-weight: bold; color: #206DB1; }

.ad1 { float: left; height: 70px; width: 688px; margin-bottom: 10px; }
.ad2 { float: left; height: 70px; width: 252px; margin-bottom: 10px; }

.case_title { background: url(../img/case_title.gif); background-repeat: no-repeat; height: 33px; width: 658px; padding-left: 30px; font-weight: bold; line-height: 31px; font-size: 14px; float: left; margin-bottom: 6px; }
.case_title span { float: right; margin-top: -27px; margin-right: 15px; }
.case_form { width: 688px; float: left; padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 0; overflow: auto; }
.case_form dt { float: left; height: 83px; width: 188px; margin-right: 15px; }
.case_form dd { line-height: 20px; color: #666; width: 460px; float: left; margin-bottom: 5px; }
.case_form dd a { font-size: 14px; color: #FF510A; font-weight: bold; }

#program li { float: left; width: 229px; }
#program dt { background: url(../img/program_title.gif); background-repeat: no-repeat; height: 34px; width: 225px; line-height: 34px; text-align: center; font-weight: bold; font-size: 14px; margin-bottom: 10px; }
#program dd { background: url(../img/program_ico.gif); background-repeat: no-repeat; background-position: 10px center; padding-left: 30px; line-height: 24px; color: #666; }

#login,#client,#help { width: 252px; margin-bottom: 10px;  float: left; }
.login_title { background: url(../img/login_title.gif); background-repeat: no-repeat; height: 25px; width: 216px; line-height: 25px; padding:10px 0 0 36px;CURSOR: pointer; font-size: 14px; font-weight: bold; }
.login_title2 { background: url(../img/login_title2.gif); background-repeat: no-repeat; height: 25px; width: 216px; line-height: 25px; padding:10px 0 0 36px; CURSOR: pointer;font-size: 14px; font-weight: bold; }

.login_form { background: url(../img/loginBg.gif); background-repeat: no-repeat; height: 161px; width: 252px; margin-top: 5px; }
.login_F { width: 230px; float: left; margin-bottom: 3px; padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 8px; text-align:center}
.login_L { float: left; width: 60px; line-height: 25px;  text-align:left}
.login_R { float: left; width: 168px; line-height: 22px; text-align:left}
.login_R a { color: red; text-decoration: underline; }
.login_R a:hover { text-decoration: none; }
.login_fo { height: 20px; width: 108px; border: 1px solid #ccc; line-height: 20px; }

.client_title,.help_title { background: url(../img/index_right_title.gif); background-repeat: no-repeat; height: 27px; width: 222px; line-height: 27px; font-size: 14px; font-weight: bold; padding:2px 0 0 30px; }
.client_form { height: 204px; width: 250px;border-width:0 1px 1px;border-style: solid; border-color: #C8C8C8; padding-top: 10px; }
.client_form li { line-height: 22px; color: #555; background: url(../img/client_ico.gif); background-repeat: no-repeat; background-position: 10px center; padding-left: 25px; }

#serviceOL { background: url(../img/serviceOL.gif); background-repeat: no-repeat; float: left; height: 47px; width: 148px; margin-bottom: 10px; padding:66px 0 0 104px; }
#serviceOL li { float: left; height: 25px; width: 70px; }


.help_title a { font-size: 14px; }
.help_form { height: 180px; width: 250px;border-width:0 1px 1px;border-style: solid; border-color: #C8C8C8; padding-top: 10px; }
.help_form li { line-height: 22px; color: #555; background-repeat: no-repeat; background-position: 10px center; padding-left: 25px; background-image: url(../img/help_ico.gif); }
#coopera { width: 938px; border: 1px solid #ccc; float: left; margin-bottom: 10px; padding-top: 10px; padding-right: 5px; padding-left: 5px; }
#coopera img { padding-right: 15px; padding-left: 15px; }


.container, .container *{margin:0; padding:0;}   
  
.container{width:688px; height:207px; overflow:hidden;position:relative;}   
.container2{width:232px; height:60px; overflow:hidden;position:relative;}   
.slider{position:absolute;}   
.slider li{ list-style:none;display:inline;}   
.slider img{ width:688px; height:207px; display:block;}  
#idSlider img{ width:232px; height:60px; display:block;}   
.slider2{width:1378px;}   
.slider2 li{float:left;}   
  
.num{ position:absolute; right:5px; bottom:5px;}   
.num li{   
    float: left;   
    color: #333;   
    text-align: center;   
    line-height: 16px;   
    width: 16px;   
    height: 16px;   
    font-family: Arial;   
    font-size: 12px;   
    cursor: pointer;   
    overflow: hidden;   
    margin: 3px 1px;   
    border: 1px solid #666;   
    background-color: #fff;   
}   
.num li.on{   
    color: #fff;   
    line-height: 21px;   
    width: 21px;   
    height: 21px;   
    font-size: 16px;   
    margin: 0 1px;   
    border: 0;   
    background-color: #666;   
    font-weight: bold;   
}