@charset "utf-8";

.state-succeed {
    background-color: #edf9e8;
    border: 1px #b5e2aa solid;
    color: #3fa427;
    height: 30px;
    left: 50%;
    line-height: 30px;
    margin-left: -150px;
    position: absolute;
    top: 10px;
    text-align: center;
    width: 300px;
    z-index: 2;
}

    .state-succeed span {
        display: block;
        height: 30px;
        position: relative;
        z-index: 1;
    }

    .state-succeed .icon {
        left: 100px;
        position: absolute;
        top: 5px;
        z-index: 2;
    }

.login {
    position: relative;
    z-index: 1;
}

/* content */
.content {
    float: left;
    width: 428px;
    margin-left: 30px;
}

@media (max-width:640px) {
    .content {
        float: none;
        width: auto;
        margin-left: 0;
    }
    .login {
        padding-top:0;
    }
}

.headline {
    height: 26px;
    line-height: 26px;
}

    .headline h2 {
        float: left;
        font-family: "microsoft yahei";
        font-size: 20px;
        margin: 0!important;
    }

.btn-tdc {
    color: #3ab176;
    float: right;
    margin-right: 120px;
    position: relative;
    text-indent: 20px;
    z-index: 1;
}

    .btn-tdc .icon {
        left: 0;
        position: absolute;
        top: 3px;
        z-index: 2;
    }

.btn-pwd {
    color: #3ab176;
    float: right;
    margin-right: 120px;
    position: relative;
    text-indent: 20px;
    z-index: 1;
}

    .btn-pwd .icon {
        left: 0;
        position: absolute;
        top: 3px;
        z-index: 2;
    }

.validation-phone-info {
    clear: both;
    color: #aaa;
    padding: 0 0 13px 134px;
    display: none;
    line-height: 20px;
}

.third-validation-info {
    padding: 10px 0;
}
/* popBox */
body, html {
    _height: 100%;
}

.multi-terminal-login-dialog {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 360px;
    height: 200px;
    margin-left: -180px;
    margin-top: -100px;
    border: 1px solid #68c598;
    background-color: #fff;
    border-radius: 2px;
    font-size: 12px;
    color: #666;
    z-index: 1001;
}

    .multi-terminal-login-dialog .dialog-titlebar {
        position: relative;
        height: 29px;
        background-color: #68c598;
    }

    .multi-terminal-login-dialog .dialog-info {
        display: block;
        padding: 0;
    }

        .multi-terminal-login-dialog .dialog-info p {
            margin: 0;
            padding: 43px 0 44px 0;
            text-align: center;
            line-height: 22px;
        }

    .multi-terminal-login-dialog .dialog-button {
        display: block;
        height: 40px;
        line-height: 40px;
        text-align: center;
        text-decoration: none;
        background-color: #e8f3ed;
        color: #333;
        cursor: pointer;
    }

.multi-terminal-login-overlay {
    display: none;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 1000;
}
/* form */
.form {
}

@media (max-width:640px) {
    .form {
        padding: 25px 0 8px;
        position: relative;
        z-index: 1;
    }
}

.form-group {
    padding-top: 15px;
    margin-bottom: 0 !important;
}

@media (max-width:640px) {
    .form-group {
        padding-top: 8px;
    }
}

.form-input-l, .form-input-m {
    border: 1px #dfdfdf solid;
    border-radius: 2px;
    float: left;
    height: 40px;
    padding: 11px 9px;
}

@media (max-width:640px) {
    .form-input-l, .form-input-m {
        box-sizing: border-box;
        float: none;
        height: 40px;
        padding: 0 10px;
    }
}

.form-input-l {
    width: 290px;
}

@media (max-width:640px) {
    .form-input-l {
        width: 100%;
    }
}

.form-input-m {
    width: 170px;
}

@media (max-width:640px) {
    .form-input-m {
        width: 100%;
    }
}

@media (max-width:640px) {
    .form-group-m {
        margin-right: 118px;
        position: relative;
        z-index: 1;
    }

    .validation-phone-info {
        padding: 0;
    }

        .validation-phone-info br {
            display: none;
        }
}

.security-code {
    border-radius: 2px;
    cursor: pointer;
    display: block;
    float: left;
    height: 40px;
    margin-left: 10px;
    width: 110px;
}

#phoneVerificationCodeBtn {
    border-radius: 2px;
    cursor: pointer;
    display: block;
    float: left;
    height: 40px;
    margin-left: 10px;
    width: 110px;
    border: 0;
    color: #aaa;
    background: #eee;
}

.btn-disabled {
    color: #999;
}

.btn-enabled {
    background: #3ab176 !important;
    color: #fff !important;
}

.btn-width-me {
    width: 100px !important;
}

@media (max-width:640px) {
    .security-code, #phoneVerificationCodeBtn {
        float: none;
        margin: 0;
        position: absolute;
        top: 8px;
        right: -118px;
        width: 110px;
        height: 36px;
    }

    .btn-width-me {
        width: 110px !important;
    }
}

.security-code-info {
    display: none;
    border-radius: 2px;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 110px;
    color: #666;
    background-color: #f5f5f5;
    margin-left: 10px;
}

.me-security-code {
    width: 100px;
}

@media (max-width:640px) {
    .security-code-info {
        float: none;
        margin: 0;
        position: absolute;
        top: 8px;
        right: -118px;
        width: 110px;
    }

    .me-security-code {
        width: 110px;
    }
}

.validation-summary-errors {
    background-color: #fff7f7;
    border: 1px #ffcfcf solid;
    box-sizing: border-box;
    color: #ec8888;
    height: 26px;
    left: 0;
    line-height: 24px;
    font-size: 12px;
    overflow: hidden;
    position: absolute;
    top: 5px;
    text-align: center;
    width: 100%;
    z-index: 2;
}

.validation-errors {
    color: #ec8888;
    height: 26px;
    left: 0;
    line-height: 24px;
    font-size: 12px;
    overflow: hidden;
    position: absolute;
    top: 5px;
    text-align: center;
    width: 100%;
    z-index: 2;
}

    .validation-errors .field-validation-error {
        display: block;
        background-color: #fff7f7;
        border: 1px #ffcfcf solid;
        box-sizing: border-box;
        line-height: 24px;
        float: none;
    }

        .validation-errors .field-validation-error span {
            padding-left: 0;
        }

.form-checkbox { /*float: left;*/
    height: 13px;
    width: 13px;
}

.me-form-checkbox {
    float: left;
}

.form-label-cr {
    float: left;
    padding-left: 10px;
}

.btnpanel {
    padding-top: 20px;
}

.clear {
    zoom: 1;
    *zoom: 1;
}

    .clear:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
    }

.btnpanel .btnpanel-ip {
    line-height: 16px;
    font-size: 12px;
    width: 310px;
    text-align: center;
    color: #999;
    margin: 0 auto;
    margin-top: 10px;
}

    .btnpanel .btnpanel-ip .ip-wrapper {
        float: left;
        margin: 0 5px;
    }

@media (max-width:640px) {
    .btnpanel {
        padding-top: 8px;
    }

        .btnpanel .btnpanel-ip {
            width: 210px;
            position: absolute;
            bottom: -184px;
            left: 50%;
            margin-left: -105px;
        }
}

.btn-forgot {
    color: #3ab176;
    float: right;
    margin-right: 120px;
}

@media (max-width:640px) {
    .btn-forgot {
        float: left;
        margin: 0;
    }
}

.btn-login, .btn-create {
    background-color: #f2a615;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-family: "microsoft yahei";
    font-size: 14px;
    height: 36px;
    width: 310px;
}

@media (max-width:640px) {
    .btn-login, .btn-create {
        font-family: Arial, simhei;
        width: 100%;
        font-size: 14px;
    }
}

/* tdc */
.tdc {
    border-top: 1px #ebebeb solid;
    margin-top: 10px;
    width: 302px;
}

    .tdc .info-msg {
        height: 20px;
        line-height: 20px;
        margin-top: 20px;
        position: relative;
        text-align: center;
        text-indent: 2em;
        z-index: 1;
    }

        .tdc .info-msg .icon {
            left: 50px;
            position: absolute;
            top: 0;
            z-index: 2;
        }

        .tdc .info-msg a {
            padding: 0 5px;
        }

.dimensional-code {
    border: 1px #ebebeb solid;
    display: block;
    height: 160px;
    margin: 10px auto 0;
    padding: 10px;
    width: 160px;
}

.tdc .info-error {
    color: #ec8888;
    padding-top: 10px;
    text-align: center;
}

    .tdc .info-error a {
        color: #ec8888;
        text-decoration: underline;
    }

/* sidebar */
.sidebar {
    float: right;
    width: 160px;
}
/* double logo */
.both-logo-container .sidebar {
    display: none;
}

.both-logo-container .content {
    float: none;
    margin: 0 auto;
}

@media (max-width:640px) {
    .sidebar {
        float: none;
        width: auto;
    }
}

.sidebar .hd {
    line-height: 26px;
}

@media (max-width:640px) {
    .sidebar .hd {
        font-size: 12px;
        line-height: inherit;
        padding: 20px 0 0 0;
    }
}

@media (max-width:640px) {
    .sidebar .hd-m {
        padding-top: 10px;
        text-align: right;
    }
}

.sidebar .bd {
    padding: 0 0 60px 0;
}
.m-ele {
    display:none;
}
@media (max-width:640px) {
    .sidebar .bd {
        padding: 15px 0 0 0;
    }
    .p-ele {
        display:none;
    }
    .m-ele {
        display:block
    }
}

.btn-signin-qq, .btn-signin-weibo, .btn-signin-weixin, .btn-app-ios, .btn-app-android {
    border-radius: 2px;
    display: block;
    font-family: "microsoft yahei";
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-top: 20px;
    padding: 8px 0;
    position: relative;
    text-indent: 65px;
    z-index: 1;
}

.btn-signin-qq {
    background-color: #6ba0d1;
    color: #fff;
    text-indent: 64px;
}

@media (max-width:640px) {
    .btn-signin-qq {
        float: left;
    }
}

.btn-signin-weibo {
    background-color: #de8383;
    color: #fff;
}

@media (max-width:640px) {
    .btn-signin-weibo {
        float: right;
    }
}

.btn-signin-weixin {
    background-color: #80bf7b;
    color: #fff;
}

@media (max-width:640px) {
    .btn-signin-qq, .btn-signin-weibo {
        display: inline-block;
        font-family: Arial, simhei;
        height: 30px;
        line-height: 30px;
        margin: 0;
        padding: 0;
        text-indent: 20px;
        text-align: center;
        width: 45%;
    }
}

.btn-signin-qq .icon, .btn-signin-weibo .icon, .btn-signin-weixin .icon, .btn-app-ios .icon, .btn-app-android .icon {
    left: 36px;
    position: absolute;
    top: 8px;
    z-index: 2;
}

.btn-signin-qq .icon {
    left: 38px;
}

@media (max-width:640px) {
    .btn-signin-qq .icon, .btn-signin-weibo .icon {
        left: 50%;
        margin-left: -35px;
        position: absolute;
        top: 7px;
        z-index: 2;
    }
}

.btn-app-ios, .btn-app-android {
    background-color: #f5f5f5;
}

.btn-signup {
    background-color: #f5f5f5;
    border-radius: 2px;
    color: #3ab176;
    display: inline-block;
    font-family: "microsoft yahei";
    padding: 0 10px;
}

@media (max-width:640px) {
    .btn-signup {
        background-color: transparent;
        float: right;
        font-family: Arial, simhei;
        padding: 0;
    }
}

/* create */
.info-connect {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    margin-left: -300px;
}

@media (max-width:640px) {
    .info-connect {
        overflow: hidden;
        padding: 15px 0 0 0;
        position: static;
        margin: 0;
    }
}

.info-connect-box {
    border: 1px #f9f1d5 solid;
    background-color: #fffcf1;
    font-size: 12px;
    height: 33px;
    width: 600px;
}

@media (max-width:640px) {
    .info-connect-box {
        font-size: 10px;
        height: 24px;
        width: auto;
    }
}

.info-connect-box div {
    line-height: 33px;
    text-align: center;
}

@media (max-width:640px) {
    .info-connect-box div {
        float: left;
        line-height: 24px;
        left: 50%;
        position: relative;
    }
}

@media (max-width:640px) {
    .info-connect-box span {
        float: left;
        line-height: 24px;
        position: relative;
        right: 50%;
    }
}

@media (max-width:640px) {
    .info-connect-box b {
        float: left;
        line-height: 24px;
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
        right: 50%;
    }
}

.create-account {
    margin: 0 auto;
    padding-top: 20px;
    width: 302px;
}

@media (max-width:640px) {
    .create-account {
        margin: 0;
        padding-top: 15px;
        width: auto;
    }
}

.create-account a {
    border-bottom: 2px #fff solid;
    color: #666;
    padding-bottom: 5px;
    text-align: center;
    width: 120px;
}

@media (max-width:640px) {
    .create-account a {
        border: 0;
        float: left;
        font-size: 12px;
        padding: 0;
        width: 45%;
    }
}

@media (max-width:640px) {
    .create-account a span {
        border-bottom: 2px #fff solid;
        display: inline-block;
    }

    .create-account .current {
        border-color: #3ab176;
        color: #3ab176;
        font-weight: 700;
    }

        .create-account .current span {
            border-color: #3ab176;
            color: #3ab176;
            font-weight: 700;
            padding: 0 5px 3px;
        }
}

.create-account .btn-acc-create {
    float: left;
}

.create-account .btn-acc-bind {
    float: right;
}

.create-account .current {
    border-color: #3ab176;
    color: #3ab176;
    font-weight: 700;
}

.create-account em {
    color: #e1e1e1;
    float: left;
    font-size: 22px;
    text-align: center;
    width: 62px;
}

@media (max-width:640px) {
    .create-account em {
        font-size: 12px;
        width: 10%;
    }
}

.create-form {
    padding: 0 0 0 209px;
}

@media (max-width:960px) {
    .create-form {
        padding: 0 0 0 144px;
    }

    .create-form-me {
        padding: 0 0 0 198px;
    }
}

@media (max-width:640px) {
    .create-form {
        padding: 0;
    }
}

.create-form .form-group {
    position: relative; /*z-index: 1;*/
}

.tips-rules {
    left: 323px;
    position: absolute;
    top: 20px;
    z-index: 2;
}

    .tips-rules dl {
        background-color: #f9f9f9;
        border: 1px #ddd solid;
        padding: 5px 0 5px 10px;
        position: relative;
        width: 180px;
        z-index: 3;
    }

    .tips-rules dt {
        background: url(Images/tips-arrow.png) no-repeat;
        height: 17px;
        left: -10px;
        position: absolute;
        top: 9px;
        width: 10px;
        z-index: 4;
    }

    .tips-rules dd {
        background: url(Images/dot.png) no-repeat left 6px;
        color: #666;
        padding: 0 0 0 10px;
        line-height: 20px;
    }

/* agreement */
.agreement {
    padding-bottom: 140px;
}

@media (max-width:640px) {
    .agreement {
        padding-bottom: 10px;
    }
}

.agreement h1 {
    font-family: "microsoft yahei";
    font-size: 18px;
    padding: 30px 0 20px 0;
    text-align: center;
}

@media (max-width:640px) {
    .agreement h1 {
        font-family: Arial, simhei;
        font-size: 14px;
        font-weight: 700;
        padding: 15px 0 10px 0;
        text-align: left;
    }
}

.agreement h2 {
    line-height: 24px;
    font-weight: 700;
}

@media (max-width:640px) {
    .agreement h2 {
        font-size: 10px;
    }
}

.agreement p {
    line-height: 24px;
}

@media (max-width:640px) {
    .agreement p {
        font-size: 10px;
    }
}

/* auto-login-fails */
.auto-login-fails {
    text-align: center;
    font-family: "microsoft yahei";
    padding-top: 40px;
}

@media (max-width:640px) {
    .auto-login-fails {
        padding-top: 85px;
        font-family: Arial, simhei;
    }
}

.auto-login-fails h2 {
    line-height: 20px;
    font-weight: 700;
    font-size: 14px;
    position: relative;
    z-index: 1;
    padding-bottom: 20px;
}

@media (max-width:640px) {
    .auto-login-fails h2 {
        line-height: 16px;
    }
}

.auto-login-fails .icon-warning {
    background-position: 0 -160px;
    left: 50%;
    top: 0;
    margin-left: -65px;
    position: absolute;
    z-index: 2;
}

@media (max-width:640px) {
    .auto-login-fails .icon-warning {
        background: url(Images/Mobile/icon-warning.png) no-repeat 0 0;
        background-size: 100% 100%;
        height: 16px;
        width: 16px;
    }
}

.auto-login-fails p {
    text-align: center;
    font-size: 12px;
}

@media (max-width:640px) {
    .auto-login-fails p {
        line-height: 20px;
    }
}

.auto-login-fails .btnpanel {
    padding-top: 65px;
}

    .auto-login-fails .btnpanel a {
        display: block;
        height: 36px;
        width: 146px;
        text-align: center;
        line-height: 36px;
        color: #fff;
        background-color: #f2a615;
        font-size: 14px;
        font-weight: 700;
        border-radius: 2px;
        margin: 0 auto;
    }

/* auto-login-fails-2 */
.auto-login-fails-2 {
    text-align: center;
    font-family: "microsoft yahei";
}

@media (max-width:640px) {
    .auto-login-fails-2 {
        padding-top: 85px;
        font-family: Arial, simhei;
    }
}

.auto-login-fails-2 .icon-warning {
    display: inline-block;
    background-position: 0 -160px;
    vertical-align: middle;
    margin-right: 5px;
}

@media (max-width:640px) {
    .auto-login-fails-2 .icon-warning {
        background: url(Images/Mobile/icon-warning.png) no-repeat 0 0;
        background-size: 100% 100%;
        height: 16px;
        width: 16px;
    }
}

.auto-login-fails-2 h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
}

.auto-login-fails-2 p {
    padding-top: 30px;
}

@media (max-width:640px) {
    .auto-login-fails-2 p {
        font-size: 12px;
    }
}

.email-fails .icon-warning {
    margin-left: -82px;
}

.email-fails p {
    font-size: 14px;
}

    .email-fails p a {
        color: #3ab176;
    }

.email-fails h2 {
    font-size: 16px;
    padding-bottom: 40px;
}

.email-fails span {
    display: block;
    padding-top: 10px;
}

/* auto-login-success */
.auto-login-success {
    text-align: center;
    font-family: "microsoft yahei";
}

@media (max-width:640px) {
    .auto-login-success {
        padding-top: 85px;
        font-family: Arial, simhei;
    }
}

.auto-login-success .icon-succeed {
    display: inline-block;
    background-position: 0 -120px;
    vertical-align: middle;
    margin-right: 5px;
}

@media (max-width:640px) {
    .auto-login-success .icon-succeed {
        background: url(Images/Mobile/icon-succeed.png) no-repeat 0 0;
        background-size: 100% 100%;
        height: 16px;
        width: 16px;
    }
}

.auto-login-success h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
}

.auto-login-success p {
    padding-top: 30px;
}

@media (max-width:640px) {
    .auto-login-success p {
        font-size: 12px;
    }
}

.auto-login-success p a {
    color: #3ab176;
}

/* sign-success */
.sign-success {
    margin: 0 auto;
    text-align: center;
    width: 290px;
    font-family: "microsoft yahei";
    padding-top: 40px;
}

@media (max-width:640px) {
    .sign-success {
        padding-top: 85px;
        font-family: Arial, simhei;
    }
}

.sign-success h2 {
    color: #55ae41;
    line-height: 20px;
    font-weight: 700;
    font-size: 16px;
    text-indent: 10px;
    position: relative;
    z-index: 1;
    padding-bottom: 40px;
    text-indent: 25px;
}

@media (max-width:640px) {
    .sign-success h2 {
        line-height: 16px;
    }
}

.sign-success .icon-successed {
    background-position: 0 -120px;
    left: 90px;
    top: 0;
    position: absolute;
    z-index: 2;
}

@media (max-width:640px) {
    .sign-success .icon-successed {
        background: url(Images/Mobile/icon-succeed.png) no-repeat 0 0;
        background-size: 100% 100%;
        height: 16px;
        width: 16px;
    }
}

.sign-success p {
    text-align: center;
    font-size: 14px;
    color: #666;
}

.sign-success .btnpanel {
    padding-top: 10px;
}

    .sign-success .btnpanel a {
        display: block;
        height: 36px;
        width: 146px;
        text-align: center;
        line-height: 36px;
        color: #fff;
        background-color: #f2a615;
        font-size: 14px;
        font-weight: 700;
        border-radius: 2px;
        margin: 0 auto;
    }

.sign-success span {
    display: block;
    padding-top: 10px;
}

@media (max-width:640px) {
    .sign-success span {
        font-size: 12px;
    }
}

.sign-success span a {
    color: #3ab176;
}

.email-success .icon-successed {
    left: 75px;
}

/* register */
.register .sidebar {
}

.register .form-group {
    position: relative; /*z-index: 2;*/
}

.register .form-group-s {
    padding: 20px 0 0 73px;
}

@media (max-width:640px) {
    .register .form-group-s {
        padding: 8px 0 0 0;
    }
}

.register .form-group .form-label-title {
    float: left;
    line-height: 36px;
    width: 72px;
    text-align: right;
}

.register .form-group .form-input-l {
    width: 220px;
}

@media (max-width:640px) {
    .register .form-group .form-input-l {
        width: 100%;
    }
}

.register .form-group .form-input-m {
    width: 110px;
}

@media (max-width:640px) {
    .register .form-group .form-input-m {
        width: 100%;
    }
}

.register .form-group .form-radio {
    float: left;
    height: 13px;
    width: 13px;
    margin: 12px 7px 0 0;
}

.register .form-group .form-label-r {
    float: left;
    line-height: 36px;
    padding-right: 10px;
}

.register .form-group .form-label-c {
    float: left;
}

    .register .form-group .form-label-c a {
        color: #3ab176;
    }

.register .form-group .form-checkbox {
    margin-right: 10px;
}

.register .form-group .form-checked-select {
    float: left;
}

@media (max-width:640px) {
    .register .form-group-r {
        font-size: 10px;
    }

        .register .form-group-r a {
            color: #3ab176;
        }
}

.register .btnpanel .btn-login {
    width: 242px;
}

@media (max-width:640px) {
    .register .btnpanel .btn-login {
        width: 100%;
    }
}

.register .form-group .tips-rules {
    left: 326px;
    z-index: 6;
}

.register .form-group label.error {
    color: #ec8888;
    line-height: 36px;
    float: left;
    position: absolute;
    left: 307px;
    z-index: 5;
    padding-left: 10px;
    width: 300px;
}

.register .form-group-s label.error {
    line-height: inherit;
}

@media (max-width:640px) {
    .register .form-group label.error, .register .form-group-s label.error {
        display: none;
    }
}

.register .field-validation-error {
    position: absolute;
    left: 310px;
    z-index: 5;
    width: 300px;
}

@media (max-width:640px) {
    .register .field-validation-error {
        position: static;
        width: auto;
    }
}

.register .form-group-authentication {
}

    .register .form-group-authentication h2 {
        float: left;
        height: 30px;
        font-size: 12px;
        line-height: 30px;
        border: 1px #ccc solid;
        border-radius: 2px;
        color: #666;
        padding: 0 10px;
        margin-right: 10px;
    }

        .register .form-group-authentication h2.current {
            border-color: #68c598;
            color: #fff;
            background-color: #68c598;
        }

    .register .form-group-authentication span {
        line-height: 32px;
        font-size: 12px;
        color: #999;
    }

.register .form-group-s .field-validation-error {
    line-height: inherit;
}

.register .validation-phone-info {
    clear: both;
    color: #aaa;
    padding: 5px 0 0 72px;
    display: none;
}

/* clearfix */
.register:after, .headline:after, .form-group:after, .create-account:after, .validation-summary-errors:after, .sidebar .bd:after, .sidebar .hd:after {
    clear: both;
    content: " ";
    display: table;
}

/* ie */
.login {
    *position: static;
}

.info-connect {
    *position: static;
    *margin: 0;
}

.info-connect-box {
    *margin: 0 auto 45px;
}

.create-form {
    *padding-top: 0;
}

.create-account em {
    *padding-left: 26px;
    *width: 10px;
}

.headline, .form-group, .create-account, .validation-summary-errors, .register {
    *zoom: 1;
}

.auto-login-fails .icon-warning {
    _left: 40px;
}

.sign-success .icon-successed {
    _left: -25px;
}

.register .form-group label {
    *background-color: #fff;
}

.form-group {
    *padding-top: 0;
    *margin-top: 20px;
}

.register .form-group-s {
    *padding: 0 0 20px 65px;
}

.register .form-group .tips-rules {
    *top: 0;
}