/*====================================================================
Title : Global.css
author : Nick 
URL : 
Description : Just for index page
Created : 2006-10-04
Modified : 
====================================================================*/

.loading {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    background: #ffffff;
}

.loading .pic {
    width: 64px;
    height: 64px;
    border: 1px solid #CCCCCC;
    background: url("/static/default/images/loading.gif");
    /*剧中显示*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/*---header---*/
#header {
    margin: 0;
    background: #FFFFFF url(/static/default/images/header_bg.jpg) left bottom repeat-x;
}

#topmenu {
    width: auto;
    height: 25px;
    float: right;
    margin-right:15px;
    background: #A8C4E9 url(/static/default/images/topmenu_bg.jpg) left top repeat-y;
}

#topmenu ul {
    margin: 2px;
}

#topmenu li {
    margin: 0 5px;
    /*padding-left: 20px;*/
    padding: 0px 5px 0px 20px;
    line-height: 20px;
    float: left;
    background: url(/static/default/images/ico_arrow_green_16.gif) left center no-repeat;
}

li#webcheck {
    background-image: url(/static/default/images/scroll_replace.gif);
}

li#webhome {
    background-image: url(/static/default/images/ico_home_16.gif);
}

li#message {
    background-image: url(/static/default/images/ico_newmessage_16.gif);
}

li#profile {
    background-image: url(/static/default/images/ico_profile_16.gif);
}

li#pass {
    background-image: url(/static/default/images/ico_password_16.gif);
}

li#skins {
    background-image: url(/static/default/images/ico_skins_16.gif);
}

li#feedback {
    background-image: url(/static/default/images/ico_chat_16.gif);
}

li#setup {
    background-image: url(/static/default/images/ico_setting_16.gif);
}

li#help {
    background-image: url(/static/default/images/ico_help_16.gif);
}

li#quit {
    background-image: url(/static/default/images/ico_quit_16.gif);
}

li#reload {
    background-image: url(/static/default/images/ico_recurring_16.gif);
}

li#phone {
    background-image: url(/static/default/images/ico_region.gif);
}

#topmenu li a {
    color: #666666;
}

#topmenu li a:hover {
    color: #FF0000;
}

#cypc-logo {
    width: 500px;
    float: left;
}

#cypc-logo img {
    width: 197px;
    height: 50px;
    margin-top: 10px;
    margin-left: 5px;
}

#ctg-logo {
    width: 500px;
    float: left;
}

#ctg-logo img {
    width: 330px;
    height: 50px;
    margin-top: 10px;
    margin-left: 5px;
}

#desc {
    width: auto;
    height: 16px;
    line-height: 16px;
    margin-left: 260px;
    white-space: nowrap;
    text-align: left;
    clear: right;
}

#hello {
    width: auto;
    line-height: 25px;
    height: 25px;
    text-align: center;
}

#username {
    float: right;
}

#username span {
    font-weight: bold;
}

/*Menubar*/
#menubar {
    width: 100%;
    float: left;
    border: 1px solid #3875d7;
    background: #2a62bc;
}

#menubar .menubar-top ul {
    margin-left: 5px;
    padding: 0;
    list-style: none;
}

#menubar .menubar-top li {
    margin: 0 1px;
    float: left;
}

#menubar .menubar-top a {
    float: left;
    margin-top: 5px;
    background: #F6F6F6;
    border: 1px solid #CCCCCC;
    text-decoration: none;
    height: 6px;
    line-height: 6px;
    padding: 10px 20px 10px 15px;
    color: #000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menubar .menubar-top a span {
    color: #333;
}

/* End IE5-Mac hack */
#menubar .menubar-top a:hover span {
    color: #000;
}

#menubar .menubar-top a:hover {
    color: #FF7F00;
    background: #EEE;
    background-position: 0% -26px;
}

#menubar .menubar-top a:hover span {
    color: #FF7F00;
    background-position: 100% -26px;
}

/* Selected Menu */
#menubar .selected a span {
    color: #333;
}

#menubar .selected a {
    background-position: 0% -26px;
}

#menubar .selected a span {
    background-position: 100% -26px;
}

/* More Button */
#menubar .more a {
    float: left;
    margin: 6px 0 0 0;
    padding: 0;
    text-decoration: none;
    width: 16px;
    height: 16px;
    background: url(/static/default/images/menu_more.gif) no-repeat center top;
}

#menubar .more a span {
    float: left;
    padding: 0;
    display: block;
    text-indent: -9999px;
    background: none;
}

#menubar .more a:hover {
    background-position: 0% -16px;
}

#menubar .more a:hover span {
    background-position: 100% -16px;
}

.ico_chat {
    color: #FF7F00;
    padding: 10px 25px 10px 18px;
    line-height: 20px;
    background: url(/static/default/images/ico_chat_16.gif) left center no-repeat;
}

/* System state Navigation */
#systate {
    color: #FFFF00;
    padding-right: 5px;
    float: right;
    margin: 6px 0 0 0;
    padding: 0;
    width: 150px;
    display: block;
    text-decoration: none;
    background: none center bottom repeat-x;
}

#menu-container {
    margin-right: 5px;
}

#menu-floaty {
    padding-right: 15px;
    float: right;
}

#menu-floaty a {
    margin: 7px 0 0 0;
    width: 100px;
    color: #FFFFFF;
    display: block;
    padding: 1px;
    padding-left: 5px;
    line-height: 15px;
    padding-right: 80px;
    border: 1px solid #8EB4E6;
    background: url(/static/default/images/sysnav_arrow.gif) right top no-repeat;
}

#menu-floaty a:hover {
    color: #FFFFFF;
    text-decoration: none;
    border: 1px solid #8EB4E6;
    background: #4E81C8 url(/static/default/images/sysnav_arrow.gif) right top no-repeat;
}

ol, ul {
    list-style: none
}

#sns-func {
    float: right;
    position: relative;
}

#sns-func li a {
    color: #000000;
    width: 170px;
    border: 0px solid #D1D6E2;
    padding: 0 7px;
    border-bottom: 0px;
    background-color: #D1D6E2;
    position: relative;
    z-index: 100;
    background: none;
}

#sns-func li a:hover {
    color: #FF7F00;
    border: 0px solid #D1D6E2;
    padding: 0 7px;
    border-bottom: 0px;
    background-color: #D1D6E2;
    position: relative;
    z-index: 100;
    background: none;
}

.sns-setting-box {
    top: 35px;
    left: 0px;
    width: 150px;
    line-height: 25px;
    border: 1px solid #CFDDE3;
    background-color: #FFFFFF;
    z-index: 99;
    padding: 0 10px 10px 10px;
    position: absolute;
}

.sns-func
.sns-setting-box li.on a {
    background-color: #CFDDE3;
}

.sns-func
.sns-setting-box a:link,
.sns-func
.sns-setting-box a:visited {
    display: block;
    height: 17px;
    color: #555555;
    text-decoration: none;
    padding: 5px 0 0 7px;
    line-height: 1;

}

.sns-func
.sns-setting-box a:hover {
    background-color: #CFDDE3;
    color: #555555;
    text-decoration: none;
}

.parentCls {
    height: auto;
    margin: 0 auto;
}

.hidden {
    display: none;
}

.auto-tip li {
    width: 100%;
    color: #333333;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    background-color: #fff;
}

.auto-tip li.hoverBg {
    background: #D1D6E2;
    cursor: pointer;
}

.output-num {
    padding-left: 5px;
}

/* System Navigation */
#sysnav {
    padding-right: 5px;
    float: right;
}

#sysnav a {
    margin: 6px 0 0 0;
    padding: 0;
    width: 160px;
    display: block;
    border: 1px solid #306CBE;
    text-decoration: none;
    background: #4E81C8 url(/static/default/images/sysnav_bg.jpg) center center repeat-x;
}

#sysnav a span {
    color: #FFFF00;
    padding: 1px;
    padding-left: 4px;
    line-height: 16px;
    padding-right: 30px;
    border: 1px solid #8EB4E6;
    background: url(/static/default/images/sysnav_arrow.gif) right top no-repeat;
}

#sysnav a:hover {
    color: #FFFFFF;
    text-decoration: none;
    border: 1px solid #FFCC00;
    background: #DFA720;
}

#sysnav a:hover span {
    border: 1px solid #DFA720;
    background-position: 100% -18px;
}

/*==Sysnav DropdownMenu==*/
#sysnav ul {
    margin: 0;
    margin-left: -162px;
    margin-top: 27px;
    padding: 0;
    width: 145px;
    display: block;
    position: absolute;
    z-index: 99;
    border: 1px solid #272a36;
    background-color: #272a36;
}

#sysnav li {
    margin: 0;
    padding: 0;
}

#sysnav li.top,
#sysnav li.bottom {
    display: none;
}

#sysnav li a {
    width: 135px;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    border: 1px;
    text-decoration: none;
    background: #4E81C8;
    background-color: #272a36;
    background-image: none;
}

#sysnav li a:hover {
    margin: 0;
    border: 0;
    text-decoration: none;
    background-color: #DFA720;
    background-image: none;
}

#sysnav li a span,
#sysnav li a:hover span {
    margin: 0;
    padding: 0;
    color: #FFFF00;
    border: 0;
    line-height: 20px;
    background-image: none;
}

#sysnav li a:hover span {
    color: #FFFFFF;
}

/*==QuickMenu==*/

#quickmenu {
    width: 100%;
    height: 5px;
    white-space: nowrap;
    display: block;
    float: left;
    clear: both;
    border-bottom: 1px solid #CCCCCC;
}

#quickmenu ul {
    margin: 2px 0;
    padding: 2px 10px 0 10px;
    list-style: none;
}

#quickmenu li {
    display: inline;
    margin: 0;
    padding: 0;
    float: left;
    background: url(/static/default/images/quickmenu_sep.gif) right center no-repeat;
}

#quickmenu li.qmtitle {
    padding: 2px 0;
    background: none;
}

#quickmenu a {
    float: left;
    margin: 2px 10px 2px 10px;
    padding: 0;
    text-decoration: none;
}

#quickmenu a span {
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    color: #666;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#quickmenu a span {
    float: none;
}

/* End IE5-Mac hack */
#quickmenu a:hover span {
    color: #F60;
}

#quickmenu a:hover {
}

#quickmenu a:hover span {
}


/*---Content---*/
.resizeLayerBorder {
    width: 8px;
    float: left;
    cursor: pointer;
    background: #FFFFFF url(/static/default/images/resizeborder_bg.gif) 1px 40px no-repeat;
}

.resizeLayerBorder img {
    width: 7px;
    height: 30px;
    margin-top: 200px;
    margin-bottom: 200px;
}

#resizeLayer {
    border-right: #333 1px solid;
    border-top: #333 1px solid;
    border-left: #333 1px solid;
    border-bottom: #333 1px solid;
    filter: alpha(Opacity=50);
    position: absolute;
    z-index: 10;
    top: -1000px;
    left: -1000px;
    background-color: #fff;
    moz-opacity: 0.5;
}

.mainframe {
    position: absolute;
    z-index: 2;
}

/*---footer---*/
#footer {
    border-top: 1px solid #ECECEC;
    text-align: left;
    height: 24px;
    bottom: 0px;
    position: relative;
    background: #D7E1F0 url(/static/default/images/footer_bg.gif) left top repeat-x;
}

#bottommenu {
    height: 2px;
    border-top: 1px solid #FFFFFF;
}

#copyright {
    padding-left: 10px;
    color: #666666;
    line-height: 24px;
    float: left;
}

#foot-left {
    padding-left: 10px;
    color: #666666;
    line-height: 24px;
    float: left;
}

#foot-right {
    padding-right: 10px;
    color: #666666;
    line-height: 24px;
    text-align: right;
    float: right;
}

#about {
    color: #666666;
    text-align: left;
    padding-right: 10px;
    line-height: 24px;
    float: right;
}

#about img {
    width: 22px;
    height: 22px;
    padding-top: 2px;
    background: url(/static/default/images/ico_cypc.png) center center no-repeat;
}

#aboutbos {
    width: 320px;
    height: 100px;
    right: 5px;
    bottom: 40px;
    position: absolute;
    z-index: 100;
}

#aboutbos .closer {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(/static/default/images/ico_close_16.gif) left top no-repeat;
}

#aboutbos ul {
    padding: 10px;
    border: 1px solid #96E75A;
    background-color: #E7FFC8;
}

#aboutbos li {
    line-height: 18px;
}

#aboutbos #arrowlayer {
    margin-top: -1px;
    margin-right: 10px;
    float: right;
    width: 20px;
    height: 12px;
    overflow: hidden;
    background: url(/static/default/images/popup_arrow.gif) left top repeat;
}

#aboutbosDiv {
    width: 300px;
    height: 600px;
    right: 4px;
    bottom: 64px;
}

#aboutbosDiv .closer {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(/static/default/images/ico_close_16.gif) left top no-repeat;
}

#aboutbosDiv ul {
    padding: 15px;
    border: 1px solid #96E75A;
    background-color: #E7FFC8;
}

#aboutbosDiv li {
    color: #000000;
    font-size: 12px;
    text-align: left;
    line-height: 18px;
}

#aboutbosDiv #arrowlayerDiv {
    margin-top: -1px;
    margin-right: 260px;
    float: right;
    width: 20px;
    height: 12px;
    overflow: hidden;
    background: url(/static/default/images/popup_arrow.gif) left top repeat;
}

/*---sidebar---*/
#sidebar {
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 5px;
}

.sidebar_top {
    font-weight: normal;
    line-height: 20px;
    text-decoration: none;
    background: transparent url(/static/default/images/leftmenu_title_l.gif) no-repeat left top;
}

.sidebar_top span {
    display: block;
    margin-left: 18px;
    background: transparent url(/static/default/images/leftmenu_title_r.gif) repeat-x right top;
}

.title_menu {
    padding-top: 5px;
    padding-bottom: 1px;
    color: #666;
    font-size: 12px;
    font-weight: bold;
}

.sidebar_head {
    border-left: 1px solid #C3CDDB;
    border-right: 1px solid #C3CDDB;
}

.sidebar_tilte {
    line-height: 20px;
    text-decoration: none;
    cursor: pointer;
    color: #666;
    background: #DCE5F2 url(/static/default/images/leftmenu_m.jpg) repeat-x left top;
}

.sidebar_tilte span {
    padding-left: 18px;
    display: block;
    background: transparent url(/static/default/images/ico_folderopen_16.gif) no-repeat left center;
    cursor: pointer;
}

.sidebar_caption {
    line-height: 20px;
    text-decoration: none;
    cursor: pointer;
    color: #666;
    background: #DCE5F2 url(/static/default/images/leftmenu_m.jpg) repeat-x left top;
}

.sidebar_caption span {
    padding-left: 18px;
    display: block;
    background: transparent url(/static/default/images/ico_folderclose_16.gif) no-repeat left center;
    cursor: pointer;
}

.sidebar_menu ul {
    margin: 0;
    border: none;
    line-height: 20px;
    background-color: #4772AB;
}

.sidebar_menu ul li {
    margin: 0;
    color: #CDDCF1;
    border-bottom: 1px solid #C3CDDB;
    background-color: #4772AB;
}

.sidebar_menu ul li span {
    padding-left: 0;
    background-image: none !important;
}

.sidebar_menu ul li a {
    display: block;
    color: #CDDCF1;
    text-decoration: none;
    padding-left: 20px;
    background: #4772AB url(/static/default/images/ico_arrow_green_16.gif) no-repeat left center;
}

.sidebar_menu ul li a:hover {
    color: #99FF00;
    text-decoration: none;
    background: #1D4C8D url(/static/default/images/ico_arrow_green_16.gif) no-repeat left center;
}

#sidebar_bottom {
    line-height: 22px;
    background: transparent url(/static/default/images/leftmenu_bottom_l.gif) no-repeat left bottom;
}

#sidebar_bottom span {
    display: block;
    margin-left: 20px;
    background: transparent url(/static/default/images/leftmenu_bottom_r.gif) repeat-x right bottom !important;
}

.search_layout {
    margin: 5px;
}

/*-------------tabinput---------*/
.tabs_table {
    width: 100%;
    padding-bottom: 1px;
    margin: 0;
    cursor: pointer;
}

.tabs {
    float: left;
    clear: both;
    display: block;
    margin-top: 0px;
    margin-bottom: 1px;
    height: 25px;
}

.tabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tabs li {
    display: inline;
    margin: 0;
    padding: 0;
}

.tabs a {
    float: left;
    margin: 0;
    padding: 0;
    cursor: pointer;
    text-decoration: none !important;
}

.tabs a span {
    float: left;
    display: block;
    text-align: center;
    color: #000000;
    line-height: 24px;
    padding-top: 2px;
    width: 132px;
    height: 25px;
    background: url(/static/default/images/tabinput.gif) no-repeat left top;
}

.tabs a:hover span {

}

.tabs a:hover {
}

.tabs a:hover span {

}

/* Selected Item Status*/
.tabs .selected a {
    background-position: 0% -30px;
    font-weight: bold;
}

.tabs .selected a span {
    line-height: 25px;
    background-position: 100% -30px;
    font-weight: bold;
}

label.error {
    color: #ea5200;
    font-size: 13px;
    margin-left: 4px;
    padding: 0px 20px;
    background: url(/static/default/images/unchecked.gif) no-repeat 2px 0
}

label.right {
    color: #45a0f3;
    font-size: 13px;
    margin-left: 4px;
    padding-left: 20px;
    background: url(/static/default/images/checked.gif) no-repeat 2px 0
}

label.center {
    color: #666666;
    margin-left: 0px;
    padding-left: 0px;
    /*
    background:url(/static/default/images/ico_info_16.gif) no-repeat 2px 0
    */
}

/*-------------grade table---------*/

.draw-title {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 24px;
    line-height: 24px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #000000;
}

.draw-root {
    font-size: 12px;
    color: #000000;
    text-align: left;
}

.draw-root span {
    padding-left: 25px;
    color: #000000;
    text-align: left;
    font-weight: bold;
}

.draw-txt {
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
}

.draw-foot {
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: middle;
    color: #000000;
}

.draw-foot span {
    color: #000000;
    text-align: left;
    font-weight: bold;
}

.evaTable {
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
}

td.rule_head {
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    height: 24px;
    line-height: 24px;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    background-color: #CAD7FD;
}

td.rule_line {
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    color: #000000;
    font-size: 12px;
    background-color: #E6E6FF;
}

td.rule_content {
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    color: #000000;
    text-align: left;
    padding: 2px;
}

td.rule_select {
    background: #fafdfe;
    height: 28px;
    width: 180px;
    line-height: 28px;
    border: 1px solid #9bc0dd;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

td.rule_total {
    text-align: center;
    background-color: #D9E6FF;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    color: #000000;
    font-weight: bold;
    font-size: 12px;
}

td.rule_total_content {
    text-align: left;
    background-color: #D9E6FF;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    color: #000000;
    font-weight: bold;
    font-size: 12px;
}

.rule_link {
    margin-left: 5px;
    text-align: center;
    color: #000000;
    text-decoration: none;
}

.rule_link:hover {
    color: #08c;
    text-decoration: none;
}

.prompt {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    text-align: left;
    color: #FF0000;
    font-size: 12px;
    font-weight: bold;
}

.prompt_rule {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    text-align: left;
    color: #FF0000;
    font-size: 12px;
}

.prompt_rule ul li {
    padding-bottom: 10px;
}

.promptOpt {
    padding-top: 5px;
    padding-left: 10px;
    text-align: left;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

.promptOpt_rule {
    padding-top: 10px;
    padding-left: 20px;
    text-align: left;
    color: #000000;
    font-size: 12px;
}

.promptOpt_rule ul li {
    padding-bottom: 10px;
}

.opt {
    padding-top: 5px;
    padding-left: 5px;
    text-align: left;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

.opt_rule {
    padding-top: 5px;
    padding-left: 5px;
    text-align: left;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

.opt_rule ul li {
    padding-bottom: 5px;
}

.tipsBox_ok {
    width: 220px;
    padding: 10px;
    background: #4AAF33;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #fff;
    box-shadow: 0 0 3px #ddd inset;
    -webkit-box-shadow: 0 0 3px #ddd inset;
    text-align: center;
    position: fixed;
    top: 25%;
    left: 50%;
    z-index: 9999;
    margin-left: -120px;
    /*
    background: #4AAF33 url(/static/default/images/ok.png) no-repeat 20% 50% ;
    */
}

.tipsBox_err {
    width: 220px;
    padding: 10px;
    background: #D84C31;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #fff;
    box-shadow: 0 0 3px #ddd inset;
    -webkit-box-shadow: 0 0 3px #ddd inset;
    text-align: center;
    position: fixed;
    top: 25%;
    left: 50%;
    z-index: 9999;
    margin-left: -120px;
    /*
    background: #D84C31 url(/static/default/images/err.png) no-repeat 20% 50%;
    */
}

.w750 {
    width: 750px;
    margin: 0 auto;
}

.w850 {
    width: 850px;
    margin: 0 auto;
}

.w960 {
    width: 960px;
    margin: 0px auto;
}

.w330 {
    width: 500px;
    margin: 0 auto;
}

.mt10 {
    margin-top: 10px;
}

.c7b {
    margin-top: 20px;
    color: #7B7B7B;
}

.c46 {
    color: #4677BD;
}

.f16 {
    font-size: 14px;
}

#loginBar {
    background-color: #4677BD;
    line-height: 36px;
}

#loginBar a {
    color: #ffffff;
}

.sp {
    color: #ffffff;
    margin: 0 2px;
}

#headBox {
    background-color: #4677BD;
}


/* container */
.containerBox {
    border: 0px solid #C5C5C5;
    margin-top: 10px;
}

#processor {
    background-color: #FFFFFF;
    padding: 15px 15px;
}

#step1 {
    display: block;
}

.processorBox li {
    float: left;
    width: 210px;
}

.step_inner {
    color: #FFFFFF;
    text-align: center;
    width: 150px;
    margin: 0 auto;
}

.step_line {
    width: 700px;
    background-color: #D2D2D2;
    height: 5px;
    position: absolute;
    top: 90px;
    left: 595px;
    z-index: 1;
}

.processorBox li .icon_step {
    width: 36px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    color: #fff;
    font-size: 18px;
    text-align: center;
    background-color: #D2D2D2;
    position: relative;
    z-index: 2;
}

.processorBox li.current .icon_step {
    background-color: #64BD2E;
}

.processorBox h4 {
    color: #fff;
    margin-top: 5px;
    font-size: 12px;
}

.processorBox li.current h4 {
    color: #64BD2E;
}

.contentBox {
    border: 1px solid #C5C5C5;
    background-color: #ffffff;
    padding: 10px 5px;
}

.frm_control_group {
    padding-top: 6px;
    padding-left: 0px;
    padding-bottom: 5px;
}

.frm_control_agree {
    padding-top: 10px;
    padding-left: 215px;
    padding-bottom: 5px;
}

.frm_label {
    width: 15em;
    float: left;
    margin-right: 1em;
    line-height: 32px;
    text-align: right;
}

.frm_controls {
    display: table-cell;
    float: none;
    vertical-align: top;
    width: 650px;
}

.frm_controls_text {
    display: table-cell;
    float: none;
    vertical-align: bottom;
    width: 650px;
    height: 32px;
    line-height: 32px;
}

.frm_controls_radio {
    display: table-cell;
    float: none;
    vertical-align: bottom;
    width: 650px;
    padding-top: 10px;
}

.frm_validate {
    margin-left: 20px;
    margin-bottom: 20px
}

.frm_input, .frm_textarea {
    width: 260px;
    outline: 0 none;
    border: 1px solid #C5C5C5;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06) inset;
    padding: 0 10px;
}

.frm_input:focus, .frm_textarea:focus {
    border: 1px solid #4677BD;
    -webkit-box-shadow: 0 0 3px #ddd;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

.frm_input_verify {
    width: 145px;
    outline: 0 none;
    border: 1px solid #C5C5C5;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06) inset;
    padding: 0 10px;
}

.frm_input_verify:focus {
    border: 1px solid #4677BD;
    -webkit-box-shadow: 0 0 3px #ddd;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

.frm_tips {
    color: #C1C2C3;
    padding-top: 4px;
}

.verifycode {
    width:10px;
}

.verifycode img {
    vertical-align: middle;
}

.changeVerifyCode {
    color: #4677BD;
    margin-left: 3px;
}

.boxTitle {
    display: block;
    position: relative;
    margin: 0;
    border: 1px solid #4677BD;
    padding: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-color: #4677BD;
    clear: both;
    text-align: center;
    z-index: 88;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.toolBar {
    text-align: right;
    margin-top: 15px;
    padding: 10px 0 0 0px;
    border-top: 1px solid #D2D2D2;
    box-shadow: 0 1px 0 #FBFBFB inset;
    -webkit-box-shadow: 0 1px 0 #FBFBFB inset;
}

.frm_button {
    width: 230px;
    background: #4677BD;
    color: #fff;
    border: 1px solid #4677BD;
    font-size: 13px;
    font-weight: bold;
    height: 36px;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 0 10px;
}

.frm_button:hover {
    background: #3875d7;
    box-shadow: 0 0 5px #9ecaed;
}

.frm_button_show {
    width: 230px;
    background: #4677BD;
    color: #fff;
    border: 1px solid #4677BD;
    height: 32px;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 0 5px;
}

.frm_button_display {
    width: 230px;
    background: #E6E6E6;
    color: #818080;
    border: 1px solid #C5C5C5;
    height: 32px;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 0 5px;
}

/* 设置显示和隐藏，通常用来与 js 配合 */
.hide {
    display: none;
}

.block {
    display: block;
}

.fl, .fr {
    display: inline;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.oh {
    overflow: hidden;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

.boxTitle {
    display: block;
    position: relative;
    margin: 0;
    border: 1px solid #E6E6E6;
    padding: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    background-color: #E6E6E6;
    clear: both;
    text-align: center;
    z-index: 88;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.login-valid {
    width: 65px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #B5B8C8;
    vertical-align: bottom;
    border-radius: 3px;
    cursor: pointer;
}

.float-card-header {
    position: relative;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    border-bottom: 1px solid #f6f6f6;
    color: #333;
    border-radius: 2px 2px 0 0;
    font-size: 14px
}

#hiddenHtml {
    background-color: #666666;
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 1000px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}

#auditModelContent1 {
    position: absolute;
    width: 600px;
    left: 40%;
    top: 50%;
    margin-left: -200px;
    height: auto;
    z-index: 100;
    background-color: #fff;
    border: 1px #8FA4F5 solid;
    padding: 1px;
}

#auditModelContent1 h2 {
    height: 25px;
    font-size: 12px;
    background-color: #8FA4F5;
    position: relative;
    padding-left: 10px;
    line-height: 25px;
}

#auditModelContent1 h2 a {
    position: absolute;
    height: 25px;
    right: 5px;
    font-size: 12px;
    line-height: 25px;
    color: #FF0000
}

#auditModelContent1 .form {
    padding: 0px;
}

#auditModelContent2 {
    position: absolute;
    width: 600px;
    left: 40%;
    top: 50%;
    margin-left: -200px;
    height: auto;
    z-index: 100;
    background-color: #fff;
    border: 1px #8FA4F5 solid;
    padding: 1px;
}

#auditModelContent2 h2 {
    height: 25px;
    font-size: 12px;
    background-color: #8FA4F5;
    position: relative;
    padding-left: 10px;
    line-height: 25px;
}

#auditModelContent2 h2 a {
    position: absolute;
    height: 25px;
    right: 5px;
    font-size: 12px;
    line-height: 25px;
    color: #FF0000
}

#auditModelContent2 .form {
    padding: 0px;
}

#auditModelContent3 {
    position: absolute;
    width: 600px;
    left: 40%;
    top: 50%;
    margin-left: -200px;
    height: auto;
    z-index: 100;
    background-color: #fff;
    border: 1px #8FA4F5 solid;
    padding: 1px;
}

#auditModelContent3 h2 {
    height: 25px;
    font-size: 12px;
    background-color: #8FA4F5;
    position: relative;
    padding-left: 10px;
    line-height: 25px;
}

#auditModelContent3 h2 a {
    position: absolute;
    height: 25px;
    right: 5px;
    font-size: 12px;
    line-height: 25px;
    color: #FF0000
}

#auditModelContent3 .form {
    padding: 0px;
}

.input-border-red {
    border-color: #FF0000 !important
}