* {
    font-family: "Microsoft YaHei" !important
}



html,
body,
table {
    background-color: #f5f5f5;
    width: 100%;
    text-align: center;
}

html,
body {
    height: 100%
}

.form-signin-heading {
    font-family: Arial;
    font-size: 90px;
    color: #fff;
    text-shadow: 6px 6px 0 #081b41;
    line-height: 90px
}

.form-signin {
    position: relative;
    text-align: left;
    width: 340px;
    padding: 25px 80px 29px;
    margin: 70px auto 20px auto;
    background-image:url('../../images/pageLogin/formbg.png');
    background-repeat: no-repeat;
    background-position: -5px -5px;
}

body {
    min-width: 781px;
    min-height: 100%;
}

.error-warning-label {
    position: absolute;
    right: -163px;
}

.form-signin .checkbox {
    margin-bottom: 10px;
    color: #0663a2;
}

.form-signin .input-label {
    font-size: 16px;
    line-height: 23px;
    color: #999;
}

.form-signin .input-label[for="username"],
.form-signin .input-label[for="password"] {
    height: 36px;
    width: 36px;
    display: block;
    background-image: url(../../images/pageLogin/icon.png);
    position: absolute;
}

.form-signin .input-label[for="username"] {
    background-position-x: 0px;
    background-position-y: -54px
}

.form-signin .input-label[for="password"] {
    background-position-x: -25px;
    background-position-y: -54px
}

.form-signin .input-block-level {
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 7px 7px 36px;
    *width: 283px;
    *padding-bottom: 0;
    _padding: 7px 7px 9px 36px;
}

.form-signin .btn.btn-large {
    font-size: 16px;
}

.form-signin #themeSwitch {
    position: absolute;
    right: 15px;
    bottom: 10px;
}

.form-signin div.validateCode {
    padding: 0 0 15px 0;
}

.mid {
    vertical-align: middle;
    padding: 11px;
}

.validateCode input,
.validateCode img {
    display: inline-block
}

span.warningd {
    position: relative;
    top: -7px
}


/*insert new*/

.btn-login {
    width: 100% !important;
    background-color: #ff7800;
    color: #fff;
    font-size: 20px;
    border-radius: 2px;
    border: none;
}

label[for="rememberMe"] {
    margin-bottom: 20px
}

label[for="rememberMe"] input[name="rememberMe"] {
    margin-right: 10px;
    font-size: 12px !important
}

.form-signin input[name="username"],
.form-signin input[name="password"],
.form-signin input#validateCode {
    border: #ccc 1px solid;
    font-size: 18px;
    color: #333;
    height: 48px;
}

.form-signin input#validateCode {
    height: 32px;
    padding: 7px;
}

.validateCode .input-block-level {
    padding: 0;
}

.form-signin input[name="username"]:active,
.form-signin input[name="password"]:active,
.form-signin input#validateCode:active,
.form-signin input[name="username"]:focus,
.form-signin input[name="password"]:focus,
.form-signin input#validateCode:focus {
    border: #79ab0b 1px solid;
}

.form-signin input[name="username"]:-webkit-input-placeholder,
.form-signin input[name="password"]:-webkit-input-placeholder,
.form-signin input#validateCode:-webkit-input-placeholder,
.form-signin input[name="username"]:-moz-placeholder,
.form-signin input[name="password"]:-moz-placeholder,
.form-signin input#validateCode:-moz-placeholder {
    border: #79ab0b 1px solid;
    font-size: 14px;
    color: #999
}

div.warn-clorse {
    width: 236px;
    height: 48px;
    background-image: url(../../images/pageLogin/tip.png);
    font-size: 14px;
    color: #fc924c;
    line-height: 44px;
    text-align: left;
}

div.warn-clorse.validateCode-clorse {
    top: 228px;
}

div.warn-clorse.password-clorse {
    top: 166px;
}

div.warn-clorse.username-clorse {
    top: 103px;
}

.warn-clorse .trag {
    content: '';
    display: block;
    position: relative;
    width: 0px;
    height: 0px;
    top: 18px;
    transform: rotateZ(45deg);
    left: -4px;
    border: red 4px solid;
    border-color: transparent transparent #fc924c #fc924c;
    background-color: transparent;
}

.warn-clorse .trag:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background-color: #fff7dc;
    position: relative;
    top: -6px;
    left: -3px;
    border: 0;
}

span.warningd:before {
    content: '!';
    width: 14px;
    height: 14px;
    display: inline-block;
    position: relative;
    border-radius: 50%;
    /* color: #fff7dc; */
    background-color: #fc924c;
    top: 10px;
    margin-right: 8px;
    margin-left: 10px;
    text-align: center;
}

.slogan {
    height: 51px;
    overflow: hidden;
    margin-bottom: 30px;
}

.slogan img {
    display: block;
    margin: 0 auto;
    position: relative;
    top: -3px;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.warn-clorse label.error:before {
    content: '';
    width: 34px;
    height: 35px;
    display: block;
    position: absolute;
    /* background-color: red; */
    left: 0;
    background-image: url(/ShipTBooking/static/images/pageLogin/icon.png);
    background-position: -45px -67px;
}


/*insert end*/

.header {
    height: 80px;
    padding-top: 20px;
}

.alert {
    position: relative;
    width: 300px;
    margin: 0 auto;
    *padding-bottom: 0px;
}

label.error {
    background: none;
    width: 270px;
    font-weight: normal;
    color: inherit;
    margin: 0;
    padding-left: 41px;
}

.footer,
#themeSwitch.dropdown {
    display: none
}


/*闅愯棌涓婚鍒囨崲鍜岀増鏉冧俊鎭�*/

.bg_img {
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;
    min-width: 781px;
    min-height: 800px;
}

.container_main {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%
}

html {
    overflow-y: scroll;
}

:root {
    overflow-y: auto;
    overflow-x: hidden;
}

:root body {
    position: absolute;
}

body {
    width: 100vw;
    overflow: hidden;
}