html {
    height: 100%
}

body.signin {
    height: auto;
    background: url(../img/login-background.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.signinpanel {
    width: 750px;
    margin: 10% auto 0;
    color: rgba(255, 255, 255, .95)
}

.signinpanel .logopanel {
    float: none;
    width: auto;
    padding: 0;
    background: 0 0
}

.signinpanel .signin-info ul {
    list-style: none;
    padding: 0;
    margin: 20px 0
}

.signinpanel .form-control {
    display: block;
    margin-top: 15px
}

.signinpanel .shop {
    background: #fff url(../img/shop.png) no-repeat 95% center;
    color: #333
}

.signinpanel .uname {
    background: #fff url(../img/user.png) no-repeat 95% center;
    color: #333
}

.signinpanel .pword {
    background: #fff url(../img/locked.png) no-repeat 95% center;
    color: #333
}

.signinpanel .code {
    background: #fff no-repeat 95% center;
    color: #333;
    margin: 0 0 15px 3px;
    margin: 0 0 15px 3px;
}

.signinpanel .btn {
    margin-top: 15px
}

.signinpanel form {
    background: rgba(255, 255, 255, .2);
    border: 1px solid rgba(255, 255, 255, .3);
    -moz-box-shadow: 0 3px 0 rgba(12, 12, 12, .03);
    -webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, .03);
    box-shadow: 0 3px 0 rgba(12, 12, 12, .03);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 30px
}

.signup-footer {
    border-top: solid 1px rgba(255, 255, 255, .3);
    margin: 20px 0;
    padding-top: 15px
}

@media screen and (max-width: 768px) {
    .signinpanel, .signuppanel {
        margin: 0 auto;
        width: 380px !important;
        padding: 20px
    }

    .signinpanel form {
        margin-top: 20px
    }

    .signup-footer, .signuppanel .form-control {
        margin-bottom: 10px
    }

    .signup-footer .pull-left, .signup-footer .pull-right {
        float: none !important;
        text-align: center
    }

    .signinpanel .signin-info ul {
        display: none
    }
}

@media screen and (max-width: 320px) {
    .signinpanel, .signuppanel {
        margin: 0 20px;
        width: auto
    }
}

/*
登录界面check样式
*/
.checkbox-custom {
    position: relative;
    padding: 0 15px 0 25px;
    margin-bottom: 7px;
    display: inline-block;
}

/*
将初始的checkbox的样式改变
*/
.checkbox-custom input[type="checkbox"] {
    opacity: 0; /*将初始的checkbox隐藏起来*/
    position: absolute;
    cursor: pointer;
    z-index: 2;
    margin: -6px 0 0 0;
    top: 50%;
    left: 3px;
}

/*
设计新的checkbox，位置
*/
.checkbox-custom label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
    width: 18px;
    height: 17px;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #bbb;
    background: #fff;
}

/*
点击初始的checkbox，将新的checkbox关联起来
*/
.checkbox-custom input[type="checkbox"]:checked + label:after {
    position: absolute;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    content: "\e013";
    top: 42%;
    left: 3px;
    margin-top: -5px;
    font-size: 11px;
    line-height: 1;
    width: 16px;
    height: 16px;
    color: #333;
}

.checkbox-custom label {
    cursor: pointer;
    line-height: 1.2;
    font-weight: normal; /*改变了rememberme的字体*/
    margin-bottom: 0;
    text-align: left;
}

.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar {
    box-shadow: none;
}

.form-control {
    border-radius: 1px !important;
    padding: 6px 12px !important;
    height: 34px !important;
}

.form-control:focus {
    border-color: #1ab394 !important;
}

@media screen and (min-width: 768px) {
    .login_type {
        position: absolute;
        margin-right: 12px;
        top: 0;
        right: 0;
        height: 60px;
        width: 60px;
        overflow: hidden;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxLjIgKDg5NjUzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5RUkAxeDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0yLDAgTDMyOS41ODU3ODYsMCBDMzI5Ljg1MTAwMyw0LjEyNzQ3OTgyZS0xNCAzMzAuMTA1MzU3LDAuMTA1MzU2ODQgMzMwLjI5Mjg5MywwLjI5Mjg5MzIxOSBMMzc5LjcwNzEwNyw0OS43MDcxMDY4IEMzNzkuODk0NjQzLDQ5Ljg5NDY0MzIgMzgwLDUwLjE0ODk5NzEgMzgwLDUwLjQxNDIxMzYgTDM4MCwyNjggQzM4MCwyNjkuMTA0NTY5IDM3OS4xMDQ1NjksMjcwIDM3OCwyNzAgTDIsMjcwIEMwLjg5NTQzMDUsMjcwIDEuMzUyNzA3NWUtMTYsMjY5LjEwNDU2OSAwLDI2OCBMMCwyIEMtMS4zNTI3MDc1ZS0xNiwwLjg5NTQzMDUgMC44OTU0MzA1LDIuMDI5MDYxMjVlLTE2IDIsMCBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICAgICAgPGZpbHRlciB4PSItNS43JSIgeT0iLTguNyUiIHdpZHRoPSIxMTIuNCUiIGhlaWdodD0iMTE3LjQlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJmaWx0ZXItMiI+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iMiIgZHk9IjAiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiPjwvZmVPZmZzZXQ+CiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjcuNSIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlR2F1c3NpYW5CbHVyPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4xNSAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i57yW57uELTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzAuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICA8cmVjdCBpZD0i55+p5b2iIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzgwIiBoZWlnaHQ9IjI3MCIgcng9IjIiPjwvcmVjdD4KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC01Ij4KICAgICAgICAgICAgICAgIDxnIGlkPSIzLkljb25zL0ZpbGxlZC9xci1jb2RlIiBvcGFjaXR5PSIwLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM0Ny4wMDAwMDAsIDUuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1vcGFjaXR5PSIwLjkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy41MDAwMDAsIDMuNTAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi4zMzMzMzMzLDIuMzMzMzMzMzMgTDE2LjMzMzMzMzMsNC42NjY2NjY2NyBMMTguNjY2NjY2Nyw0LjY2NjY2NjY3IEwxOC42NjY2NjY3LDIuMzMzMzMzMzMgTDE2LjMzMzMzMzMsMi4zMzMzMzMzMyBaIE05LjMzMzMzMzMzLDE4LjY2NjY2NjcgTDExLjY2NjY2NjcsMTguNjY2NjY2NyBMMTEuNjY2NjY2NywyMSBMOS4zMzMzMzMzMywyMSBMOS4zMzMzMzMzMywxOC42NjY2NjY3IFogTTE4LjY2NjY2NjcsOS4zMzMzMzMzMyBMMjEsOS4zMzMzMzMzMyBMMjEsMTEuNjY2NjY2NyBMMTguNjY2NjY2NywxMS42NjY2NjY3IEwxOC42NjY2NjY3LDkuMzMzMzMzMzMgWiBNOS4zMzMzMzMzMywxNCBMMTEuNjY2NjY2NywxNCBMMTEuNjY2NjY2NywxNi4zMzMzMzMzIEw5LjMzMzMzMzMzLDE2LjMzMzMzMzMgTDkuMzMzMzMzMzMsMTQgWiBNMTQsOS4zMzMzMzMzMyBMMTYuMzMzMzMzMyw5LjMzMzMzMzMzIEwxNi4zMzMzMzMzLDExLjY2NjY2NjcgTDE0LDExLjY2NjY2NjcgTDE0LDkuMzMzMzMzMzMgWiBNMS4xNjY2NjY2NywwIEwxMC41LDAgQzExLjE0NDMzMjIsMCAxMS42NjY2NjY3LDAuNTIyMzM0NDU5IDExLjY2NjY2NjcsMS4xNjY2NjY2NyBMMTEuNjY2NjY2NywxMC41IEMxMS42NjY2NjY3LDExLjE0NDMzMjIgMTEuMTQ0MzMyMiwxMS42NjY2NjY3IDEwLjUsMTEuNjY2NjY2NyBMMS4xNjY2NjY2NywxMS42NjY2NjY3IEMwLjUyMjMzNDQ1OSwxMS42NjY2NjY3IDAsMTEuMTQ0MzMyMiAwLDEwLjUgTDAsMS4xNjY2NjY2NyBDMCwwLjUyMjMzNDQ1OSAwLjUyMjMzNDQ1OSwwIDEuMTY2NjY2NjcsMCBaIE0yLjMzMzMzMzMzLDIuMzMzMzMzMzMgTDIuMzMzMzMzMzMsOS4zMzMzMzMzMyBMOS4zMzMzMzMzMyw5LjMzMzMzMzMzIEw5LjMzMzMzMzMzLDIuMzMzMzMzMzMgTDIuMzMzMzMzMzMsMi4zMzMzMzMzMyBaIE00LjY2NjY2NjY3LDQuNjY2NjY2NjcgTDcsNC42NjY2NjY2NyBMNyw3IEw0LjY2NjY2NjY3LDcgTDQuNjY2NjY2NjcsNC42NjY2NjY2NyBaIE0xNS4xNjY2NjY3LDAgTDE5LjgzMzMzMzMsMCBDMjAuNDc3NjY1NSwwIDIxLDAuNTIyMzM0NDU5IDIxLDEuMTY2NjY2NjcgTDIxLDUuODMzMzMzMzMgQzIxLDYuNDc3NjY1NTQgMjAuNDc3NjY1NSw3IDE5LjgzMzMzMzMsNyBMMTUuMTY2NjY2Nyw3IEMxNC41MjIzMzQ1LDcgMTQsNi40Nzc2NjU1NCAxNCw1LjgzMzMzMzMzIEwxNCwxLjE2NjY2NjY3IEMxNCwwLjUyMjMzNDQ1OSAxNC41MjIzMzQ1LDAgMTUuMTY2NjY2NywwIFogTTE1LjE2NjY2NjcsMTQgTDE5LjgzMzMzMzMsMTQgQzIwLjQ3NzY2NTUsMTQgMjEsMTQuNTIyMzM0NSAyMSwxNS4xNjY2NjY3IEwyMSwxOS44MzMzMzMzIEMyMSwyMC40Nzc2NjU1IDIwLjQ3NzY2NTUsMjEgMTkuODMzMzMzMywyMSBMMTUuMTY2NjY2NywyMSBDMTQuNTIyMzM0NSwyMSAxNCwyMC40Nzc2NjU1IDE0LDE5LjgzMzMzMzMgTDE0LDE1LjE2NjY2NjcgQzE0LDE0LjUyMjMzNDUgMTQuNTIyMzM0NSwxNCAxNS4xNjY2NjY3LDE0IFogTTE2LjMzMzMzMzMsMTYuMzMzMzMzMyBMMTYuMzMzMzMzMywxOC42NjY2NjY3IEwxOC42NjY2NjY3LDE4LjY2NjY2NjcgTDE4LjY2NjY2NjcsMTYuMzMzMzMzMyBMMTYuMzMzMzMzMywxNi4zMzMzMzMzIFogTTEuMTY2NjY2NjcsMTQgTDUuODMzMzMzMzMsMTQgQzYuNDc3NjY1NTQsMTQgNywxNC41MjIzMzQ1IDcsMTUuMTY2NjY2NyBMNywxOS44MzMzMzMzIEM3LDIwLjQ3NzY2NTUgNi40Nzc2NjU1NCwyMSA1LjgzMzMzMzMzLDIxIEwxLjE2NjY2NjY3LDIxIEMwLjUyMjMzNDQ1OSwyMSAwLDIwLjQ3NzY2NTUgMCwxOS44MzMzMzMzIEwwLDE1LjE2NjY2NjcgQzAsMTQuNTIyMzM0NSAwLjUyMjMzNDQ1OSwxNCAxLjE2NjY2NjY3LDE0IFogTTIuMzMzMzMzMzMsMTYuMzMzMzMzMyBMMi4zMzMzMzMzMywxOC42NjY2NjY3IEw0LjY2NjY2NjY3LDE4LjY2NjY2NjcgTDQuNjY2NjY2NjcsMTYuMzMzMzMzMyBMMi4zMzMzMzMzMywxNi4zMzMzMzMzIFoiIGlkPSLlm77moIfpopzoibIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8ZyBpZD0i55+p5b2iIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjEiIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat top right;
        background-size: 100%;
    }
}

@media screen and (max-width: 768px) {
    .login_type {
        position: absolute;
        margin-right: 6px;
        top: 0;
        right: 0;
        height: 60px;
        width: 60px;
        overflow: hidden;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxLjIgKDg5NjUzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5RUkAxeDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0yLDAgTDMyOS41ODU3ODYsMCBDMzI5Ljg1MTAwMyw0LjEyNzQ3OTgyZS0xNCAzMzAuMTA1MzU3LDAuMTA1MzU2ODQgMzMwLjI5Mjg5MywwLjI5Mjg5MzIxOSBMMzc5LjcwNzEwNyw0OS43MDcxMDY4IEMzNzkuODk0NjQzLDQ5Ljg5NDY0MzIgMzgwLDUwLjE0ODk5NzEgMzgwLDUwLjQxNDIxMzYgTDM4MCwyNjggQzM4MCwyNjkuMTA0NTY5IDM3OS4xMDQ1NjksMjcwIDM3OCwyNzAgTDIsMjcwIEMwLjg5NTQzMDUsMjcwIDEuMzUyNzA3NWUtMTYsMjY5LjEwNDU2OSAwLDI2OCBMMCwyIEMtMS4zNTI3MDc1ZS0xNiwwLjg5NTQzMDUgMC44OTU0MzA1LDIuMDI5MDYxMjVlLTE2IDIsMCBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICAgICAgPGZpbHRlciB4PSItNS43JSIgeT0iLTguNyUiIHdpZHRoPSIxMTIuNCUiIGhlaWdodD0iMTE3LjQlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJmaWx0ZXItMiI+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iMiIgZHk9IjAiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiPjwvZmVPZmZzZXQ+CiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjcuNSIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlR2F1c3NpYW5CbHVyPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4xNSAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i57yW57uELTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzAuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICA8cmVjdCBpZD0i55+p5b2iIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzgwIiBoZWlnaHQ9IjI3MCIgcng9IjIiPjwvcmVjdD4KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC01Ij4KICAgICAgICAgICAgICAgIDxnIGlkPSIzLkljb25zL0ZpbGxlZC9xci1jb2RlIiBvcGFjaXR5PSIwLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM0Ny4wMDAwMDAsIDUuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1vcGFjaXR5PSIwLjkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy41MDAwMDAsIDMuNTAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi4zMzMzMzMzLDIuMzMzMzMzMzMgTDE2LjMzMzMzMzMsNC42NjY2NjY2NyBMMTguNjY2NjY2Nyw0LjY2NjY2NjY3IEwxOC42NjY2NjY3LDIuMzMzMzMzMzMgTDE2LjMzMzMzMzMsMi4zMzMzMzMzMyBaIE05LjMzMzMzMzMzLDE4LjY2NjY2NjcgTDExLjY2NjY2NjcsMTguNjY2NjY2NyBMMTEuNjY2NjY2NywyMSBMOS4zMzMzMzMzMywyMSBMOS4zMzMzMzMzMywxOC42NjY2NjY3IFogTTE4LjY2NjY2NjcsOS4zMzMzMzMzMyBMMjEsOS4zMzMzMzMzMyBMMjEsMTEuNjY2NjY2NyBMMTguNjY2NjY2NywxMS42NjY2NjY3IEwxOC42NjY2NjY3LDkuMzMzMzMzMzMgWiBNOS4zMzMzMzMzMywxNCBMMTEuNjY2NjY2NywxNCBMMTEuNjY2NjY2NywxNi4zMzMzMzMzIEw5LjMzMzMzMzMzLDE2LjMzMzMzMzMgTDkuMzMzMzMzMzMsMTQgWiBNMTQsOS4zMzMzMzMzMyBMMTYuMzMzMzMzMyw5LjMzMzMzMzMzIEwxNi4zMzMzMzMzLDExLjY2NjY2NjcgTDE0LDExLjY2NjY2NjcgTDE0LDkuMzMzMzMzMzMgWiBNMS4xNjY2NjY2NywwIEwxMC41LDAgQzExLjE0NDMzMjIsMCAxMS42NjY2NjY3LDAuNTIyMzM0NDU5IDExLjY2NjY2NjcsMS4xNjY2NjY2NyBMMTEuNjY2NjY2NywxMC41IEMxMS42NjY2NjY3LDExLjE0NDMzMjIgMTEuMTQ0MzMyMiwxMS42NjY2NjY3IDEwLjUsMTEuNjY2NjY2NyBMMS4xNjY2NjY2NywxMS42NjY2NjY3IEMwLjUyMjMzNDQ1OSwxMS42NjY2NjY3IDAsMTEuMTQ0MzMyMiAwLDEwLjUgTDAsMS4xNjY2NjY2NyBDMCwwLjUyMjMzNDQ1OSAwLjUyMjMzNDQ1OSwwIDEuMTY2NjY2NjcsMCBaIE0yLjMzMzMzMzMzLDIuMzMzMzMzMzMgTDIuMzMzMzMzMzMsOS4zMzMzMzMzMyBMOS4zMzMzMzMzMyw5LjMzMzMzMzMzIEw5LjMzMzMzMzMzLDIuMzMzMzMzMzMgTDIuMzMzMzMzMzMsMi4zMzMzMzMzMyBaIE00LjY2NjY2NjY3LDQuNjY2NjY2NjcgTDcsNC42NjY2NjY2NyBMNyw3IEw0LjY2NjY2NjY3LDcgTDQuNjY2NjY2NjcsNC42NjY2NjY2NyBaIE0xNS4xNjY2NjY3LDAgTDE5LjgzMzMzMzMsMCBDMjAuNDc3NjY1NSwwIDIxLDAuNTIyMzM0NDU5IDIxLDEuMTY2NjY2NjcgTDIxLDUuODMzMzMzMzMgQzIxLDYuNDc3NjY1NTQgMjAuNDc3NjY1NSw3IDE5LjgzMzMzMzMsNyBMMTUuMTY2NjY2Nyw3IEMxNC41MjIzMzQ1LDcgMTQsNi40Nzc2NjU1NCAxNCw1LjgzMzMzMzMzIEwxNCwxLjE2NjY2NjY3IEMxNCwwLjUyMjMzNDQ1OSAxNC41MjIzMzQ1LDAgMTUuMTY2NjY2NywwIFogTTE1LjE2NjY2NjcsMTQgTDE5LjgzMzMzMzMsMTQgQzIwLjQ3NzY2NTUsMTQgMjEsMTQuNTIyMzM0NSAyMSwxNS4xNjY2NjY3IEwyMSwxOS44MzMzMzMzIEMyMSwyMC40Nzc2NjU1IDIwLjQ3NzY2NTUsMjEgMTkuODMzMzMzMywyMSBMMTUuMTY2NjY2NywyMSBDMTQuNTIyMzM0NSwyMSAxNCwyMC40Nzc2NjU1IDE0LDE5LjgzMzMzMzMgTDE0LDE1LjE2NjY2NjcgQzE0LDE0LjUyMjMzNDUgMTQuNTIyMzM0NSwxNCAxNS4xNjY2NjY3LDE0IFogTTE2LjMzMzMzMzMsMTYuMzMzMzMzMyBMMTYuMzMzMzMzMywxOC42NjY2NjY3IEwxOC42NjY2NjY3LDE4LjY2NjY2NjcgTDE4LjY2NjY2NjcsMTYuMzMzMzMzMyBMMTYuMzMzMzMzMywxNi4zMzMzMzMzIFogTTEuMTY2NjY2NjcsMTQgTDUuODMzMzMzMzMsMTQgQzYuNDc3NjY1NTQsMTQgNywxNC41MjIzMzQ1IDcsMTUuMTY2NjY2NyBMNywxOS44MzMzMzMzIEM3LDIwLjQ3NzY2NTUgNi40Nzc2NjU1NCwyMSA1LjgzMzMzMzMzLDIxIEwxLjE2NjY2NjY3LDIxIEMwLjUyMjMzNDQ1OSwyMSAwLDIwLjQ3NzY2NTUgMCwxOS44MzMzMzMzIEwwLDE1LjE2NjY2NjcgQzAsMTQuNTIyMzM0NSAwLjUyMjMzNDQ1OSwxNCAxLjE2NjY2NjY3LDE0IFogTTIuMzMzMzMzMzMsMTYuMzMzMzMzMyBMMi4zMzMzMzMzMywxOC42NjY2NjY3IEw0LjY2NjY2NjY3LDE4LjY2NjY2NjcgTDQuNjY2NjY2NjcsMTYuMzMzMzMzMyBMMi4zMzMzMzMzMywxNi4zMzMzMzMzIFoiIGlkPSLlm77moIfpopzoibIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8ZyBpZD0i55+p5b2iIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjEiIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat top right;
        background-size: 100%;
    }
}

.login_type_2 {
    position: absolute;
    right: 30px;
    margin-top: -18px;
}

.scan_img {
    text-align: center;
    padding: 14px 0px 15px 0px;
}