

/* CSS Document */
html, body, div, span, h1, h2, h3, h4, ul, li, img, p, b, textarea, input, select, form, a, table, tr, td {
    margin: 0;
    padding: 0;
    font-family: verdana, Arial, Helvetica, sans-serif;
    list-style-type: none;
    font-size: inherit;
    color: inherit;
    z-index: inherit;
    line-height: 160%;
    font-size: 12px
}

img, table {
    border: 0;
    border-collapse: collapse
}

.fle {
    float: left
}

.fri {
    float: right
}

.hide {
    display: none
}

.clear {
    clear: both;
    font-size: 0;
    height: 0;
    background-color: transparent
}

a {
    text-decoration: underline;
    color: #0679E4
}

.Cblack {
    color: #000;
}

.Cgray {
    color: #999
}

.Cred {
    color: #C00
}

.Cwhite {
    color: #FFF
}

.Cblue {
    color: #0483CC
}

.F12 {
    font-size: 12px
}

.F14 {
    font-size: 14px
}

.txtc {
    text-align: center
}

.unnes {
    color: #FFF;
    font-size: 14px;
    line-height: 30px
}

.nes {
    color: #c00;
    font-size: 14px;
    line-height: 30px
}

label {
    margin: 0px;
    padding: 0px;
    cursor: pointer
}

.logo_w {
    background-image: url(http://accounts.17pk.com/style/images/logo_w.gif)
}

.content .mhd, .content .mft, .cont-tab td.td3 .info b, .info-pop-t, .info-pop-t b, div.info-pop-b b, div.info-pop-b, .info-pop .arr, .btn-jc, .btn-submit, .btn-submit-act, .Aenter {
    background-image: url(http://accounts.17pk.com/style/images/bg.jpg);
    background-repeat: no-repeat
}

.content .mcont {
    background-image: url(http://accounts.17pk.com/style/images/bg_y.gif);
    background-repeat: repeat-y
}

.main-cont-tit {
    background-image: url(http://accounts.17pk.com/style/images/bg_x.gif);
    background-repeat: repeat-x
}

html, body {
    text-align: center;
    background-color: #FFF
}


.markedness {
    float: left;
    display: inline;
    width: 400px;
    height: 22px;
    margin: 12px 8px 0 0;
}

    .markedness p {
        float: left;
        font-size: 18px;
        height: 22px;
    }

        .markedness p i {
            font-style: normal;
            color: #ffff00;
        }

        .markedness p a {
            margin: 0 5px;
        }

.nav {
    position: absolute;
    width: 720px;
    height: 44px;
    right: 0;
    bottom: 0;
    _bottom: -2px;
}

    .nav ul li, .nav ul li a {
        float: left;
        display: inline;
        width: 97px;
        height: 44px;
        margin: 0 5px 0 0;
        _margin: 0 2px 0 0;
        background: url(../../image/BG2.gif) no-repeat;
        font: bold 16px/45px "΢ź";
        text-align: center;
    }

        .nav ul li a:hover, .nav ul li #curr {
            background: url(../../image/BG3.gif) no-repeat;
            color: #000;
        }


.logo_w {
    float: left;
    width: 237px;
    height: 63px;
    margin: 25px 0 10px 0;
    background-position: 0px 0px
}

.head_links {
    float: right;
    white-space: nowrap;
    text-align: right;
    color: #999;
    margin-top: 40px
}

    .head_links a {
        color: #999;
        text-decoration: none
    }

        .head_links a:hover {
            text-decoration: underline
        }

.content {
    width: 964px;
    height: auto;
    margin: 0px auto;
    z-index: 444
}

    .content .mhd {
        width: 964px;
        height: 73px;
        position: relative;
        background-position: -9px -4px;
        position: relative
    }

    .content .mcont {
        width: 964px;
        height: auto;
        background-position: -7px 0px;
        text-align: center
    }

    .content .mft {
        width: 964px;
        height: 10px;
        position: relative;
        font-size: 0px;
        line-height: 0px;
        overflow: hidden;
        background-position: -9px -102px;
        position: relative
    }

    .content .mhd .tit {
        font-size: 14px;
        color: #D3EAFE;
        line-height: 16px;
        position: absolute;
        left: 55px;
        top: 19px
    }



.main-cont {
    width: 870px;
    margin: 0px auto;
}
/*内容主体*/
.cont-tab {
    width: 870px
}

    .cont-tab td {
        padding: 6px 2px;
        vertical-align: top;
        line-height: 30px
    }

        .cont-tab td.tit {
            padding-left: 42px;
            font-size: 12px;
            line-height: 26px
        }

        .cont-tab td.td1 {
            font-size: 14px;
            width: 265px;
            text-align: right
        }

        .cont-tab td.td2 {
            width: 255px
        }

            .cont-tab td.td2 .inp {
                width: 250px;
                padding: 2px;
                height: 20px;
                border-width: 1px;
                border-style: solid;
                vertical-align: middle;
                line-height: 16px;
                font-size: 14px;
                padding-top: 4px
            }

            .cont-tab td.td2 .sel {
                width: 100%;
                font-size: 14px
            }

input.ipt-normal {
    border-color: #A0B4C5;
    background-color: #FFF
}

input.ipt-focus {
    border-color: #727272;
    background-color: #FFFBD5
}

input.ipt-error {
    border-color: #D5060D;
    background-color: #FEF5F5
}

.cont-tab td.td3 {
    width: auto
}

    .cont-tab td.td3 .info {
        position: relative;
        height: 20px
    }

b.ico-ok, b.ico-error {
    display: block;
    width: 18px;
    height: 18px;
    font-size: 0px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 3px
}

b.ico-ok {
    background-position: -5px -146px
}

b.ico-error {
    background-position: -30px -146px
}

.info-pop {
    width: 307px;
    height: auto;
    background-color: #EDEDEB;
    position: absolute;
    left: 32px;
    top: -4px
}

.info-pop-t {
    width: 100%;
    height: 3px;
    line-height: 0px;
    font-size: 0px;
    overflow: hidden;
    background-position: -78px -146px
}

div.info-pop-t b {
    display: block;
    width: 5px;
    height: 3px;
    font-size: 0px;
    overflow: hidden
}

.info-pop-t b.cr-l {
    float: left;
    background-position: -75px -146px
}

.info-pop-t b.cr-r {
    float: right;
    background-position: -440px -146px
}

.info-pop-c .cont {
    clear: both;
    margin-right: 2px;
    border: #BEBCB5 1px solid;
    padding: 2px 10px;
    background-color: #FFFEF6;
    border-width: 0px 1px;
    color: #4A4A4A;
    line-height: 24px;
    font-family: simsun
}

.info-pop-t {
    width: 100%;
    height: 3px;
    line-height: 0px;
    font-size: 0px;
    overflow: hidden;
    background-position: -80px -146px
}

.info-pop-b {
    width: 100%;
    height: 5px;
    line-height: 0px;
    font-size: 0px;
    overflow: hidden;
    background-position: -78px -154px
}

div.info-pop-b b {
    display: block;
    width: 5px;
    height: 5px;
    font-size: 0px;
    overflow: hidden
}

.info-pop-b b.cr-l {
    float: left;
    background-position: -75px -154px
}

.info-pop-b b.cr-r {
    float: right;
    background-position: -440px -154px
}

.info-pop .arr {
    width: 9px;
    height: 13px;
    overflow: hidden;
    position: absolute;
    left: -8px;
    top: 10px;
    background-position: -65px -146px
}

div.I-error .info-pop-t {
    background-position: -78px -167px
}

    div.I-error .info-pop-t b.cr-l {
        background-position: -75px -167px
    }

    div.I-error .info-pop-t b.cr-r {
        background-position: -440px -167px
    }

div.I-error .info-pop-c .cont {
    border-color: #EAABAD;
    background-color: #fff;
    color: #333
}

div.I-error .info-pop-b {
    background-position: -78px -175px
}

    div.I-error .info-pop-b b.cr-l {
        background-position: -75px -175px
    }

    div.I-error .info-pop-b b.cr-r {
        background-position: -440px -175px
    }

div.I-error .arr {
    background-position: -65px -167px
}

.btn-submit {
    width: 114px;
    height: 37px;
    background-position: -5px -57px;
    border: 0px;
    cursor: pointer;
    margin-top: 5px
}

.btn-submit-act {
    border: 0px;
    width: 114px;
    height: 37px;
    background-position: -135px -57px;
    cursor: pointer;
    margin-top: 5px
}

.psw-sinfo {
    float: left;
    width: 180px;
    height: auto;
    background-color: #999;
    border: #666 1px solid;
    background-color: #FFF;
    margin: 3px 4px 0px 4px
}
    /*密码强度*/
    .psw-sinfo .bar {
        background-color: #FFF;
        margin: 1px;
        height: 8px;
        font-size: 0px;
        line-height: 0px
    }

    .psw-sinfo .state0 {
        background-color: #FFF
    }

    .psw-sinfo .state1 {
        background-color: #C00;
        width: 25%
    }

    .psw-sinfo .state2 {
        background-color: #F90;
        width: 50%
    }

    .psw-sinfo .state3 {
        background-color: #2CA4DE;
        width: 75%
    }

    .psw-sinfo .state4 {
        background-color: #40984C
    }

.main-cont-tit {
    position: relative;
    text-align: left;
    background-position: 0px 0px;
    height: 30px;
    line-height: 30px;
    text-indent: 15px;
}

    .main-cont-tit h2 {
        line-height: 30px;
        font-size: 14px;
        color: #007BBB;
        float: left
    }

    .main-cont-tit a {
        font-weight: normal
    }

    .main-cont-tit span {
        line-height: 30px;
    }

    .main-cont-tit .arr {
        float: left;
        overflow: hidden;
        font-size: 0px;
        line-height: 0px;
        border-top: #98B7CC 5px solid;
        border-left: #FFF 5px solid;
        border-right: #FFF 5px solid;
        position: absolute;
        left: 40px;
        top: 30px
    }

.btn-jc {
    width: 43px;
    height: 26px;
    vertical-align: middle;
    background-position: -468px -146px;
    border: 0px;
    font-size: 14px;
    color: #1F79A7;
    cursor: pointer
}

    .btn-jc:active {
        padding-top: 2px;
        padding-left: 1px
    }

/** ------ */
.btn-phone {
    width: 86px;
    height: 26px;
    vertical-align: middle;
    background-position: -468px -146px;
    border: 0px;
    font-size: 14px;
    color: #1F79A7;
    cursor: pointer
}

    .btn-phone:active {
        padding-top: 2px;
        padding-left: 1px
    }

/** ------ */


td.named, td.named span {
    font-size: 16px;
    font-weight: bold
}

.chose-list {
    width: 305px;
    height: auto;
    position: relative;
    margin-top: -5px;
    border: #98B7CC 1px solid;
    background-color: #FFF
}

.notice {
    border-color: #D5060D
}

    .notice .tit {
        background-color: #FEF5F5;
        color: #D5060D
    }

    .notice .arr {
        background-image: url(http://accounts.17pk.com/style/images/arr_red.gif)
    }

td.codeImg img {
    border: #E7E7E7 1px solid;
    vertical-align: middle
}

td.codeImg a {
    text-decoration: underline
}

.btn-submit {
    width: 117px;
    height: 41px;
    background-position: -9px -219px;
    border: 0px;
    cursor: pointer;
    margin: 5px 0px
}

.btn-submit-act {
    border: 0px;
    width: 117px;
    height: 41px;
    background-position: -126px -219px;
    cursor: pointer;
    margin: 5px 0px
}

.creat-btn .btn-submit {
    width: 117px;
    height: 41px;
    background-position: -251px -219px;
    border: 0px;
    cursor: pointer;
    margin: 25px 0px
}

.creat-btn .btn-submit-act {
    border: 0px;
    width: 117px;
    height: 41px;
    background-position: -368px -219px;
    cursor: pointer;
    margin: 25px 0px
}

.Sphoto {
    background-color: #FFF;
    border: #B3C7D5 1px solid;
    position: absolute;
    left: 12px;
    top: 11px
}

    .Sphoto img {
        width: 25px;
        height: 25px;
        margin: 1px
    }

.finish-area {
    width: 670px;
    height: auto;
    margin: 10px auto
}

    .finish-area table {
        width: 100%;
        margin: 15px 0px
    }

        .finish-area table th {
            width: 255px;
            font-size: 14px;
            font-weight: normal;
            padding: 5px;
            text-align: right
        }

        .finish-area table td {
            width: auto;
            font-size: 14px;
            font-weight: bold;
            padding: 5px;
            text-align: left
        }

.main-cont h3.Cred {
    font-size: 14px;
    text-align: center;
    padding: 10px
}

    .main-cont h3.Cred a {
        font-size: 14px;
        font-weight: normal
    }

.Aenter {
    display: block;
    margin: 25px auto;
    width: 117px;
    height: 41px;
    background-position: -494px -219px
}

.Aenter2 {
    display: block;
    margin: 35px auto 25px auto;
    width: 154px;
    height: 41px;
    background-image: url(http://accounts.17pk.com/style/images/enter2.gif);
    background-repeat: no-repeat
}

.err-info {
    background-color: #FFF8C9;
    border: #F1C878 1px solid;
    color: #C00;
    font-size: 14px;
    padding: 5px 10px;
    margin: 10px 150px;
    text-align: left;
    clear: both
}
/*顶部错误提示*/
.cont-info {
    background-color: #FFFEF6;
    border: #CCC 1px solid;
    margin: 30px 20px;
    padding: 25px;
    text-align: left
}
    /* 注册成功?*/
    .cont-info h1 {
        font-size: 16px;
        color: #13A907;
        padding-left: 28px;
        line-height: 22px;
        background-image: url(http://accounts.17pk.com/style/images/ico_sus.gif);
        background-repeat: no-repeat
    }

.cont-info-det {
    font-size: 14px;
    color: #000;
    padding: 15px 0px 20px 0px;
    line-height: 30px;
}

.cont-info-rember {
    border: #EAEAEA 1px solid;
    background-color: #FFF;
    text-indent: 20px
}

    .cont-info-rember .hd {
        height: 34px;
        line-height: 34px;
        color: #000;
        background-color: #F4F4F4
    }

.footer-gg {
    text-align: left;
    line-height: 30px;
    font-family: "宋体";
    clear: both;
    margin: 5px 20px
}




/*底部*/
.footer {
    width: 960px;
    margin: 140px auto 0 auto;
    text-align: center;
    padding: 0 0 10px 0;
}

    .footer p {
        width: 960px;
        border-bottom: 2px solid #f4f4f4;
        font: bold 14px/25px "����";
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
    }

        .footer p a {
            margin: 0 10px;
        }

.copyright {
    width: 960px;
    color: #666;
}

/*超链?*/
a.afe3500:link, a.afe3500:visited {
    color: #fe3500;
    text-decoration: underline;
}

a.afe3500:hover, a.afe3500:active {
    color: #fe3500;
    text-decoration: underline;
}

a.footcol:link, a.footcol:visited {
    color: #666;
    text-decoration: none;
}

a.footcol:hover, a.footcol:active {
    color: #666;
    text-decoration: underline;
}

a.ae2a4a5:link, a.ae2a4a5:visited {
    color: #e2a4a5;
    text-decoration: none;
}

a.ae2a4a5:hover, a.ae2a4a5:active {
    color: #e2a4a5;
    text-decoration: underline;
}

a.aff9c0a:link, a.aff9c0a:visited {
    color: #ff9c0a;
    text-decoration: none;
}

a.aff9c0a:hover, a.aff9c0a:active {
    color: #ff9c0a;
    text-decoration: none;
}