@charset "utf-8";

@import url('default.css');

@font-face {
    font-family: Nunito,sans-serif, "Segoe UI";
    font-weight: 300;
    src: local("Segoe UI Semilight"), local("Segoe UI");
}
.login-area {position:relative; min-width:980px; min-height:535px;}

.login-position {position:absolute; top:50%; left:50%; width:980px; height:535px; margin:-267px 0 0 -490px;}

.logo {
    width: 170px;
    height: 40px;
    background: url(/resources/images/common/ci/logo_fsk_1.png) no-repeat 0 0;
    font-size: 0;
    background-size: contain;
    line-height: 0;
}
.login-content {position:relative;}
.content-title {
    position: absolute;
    top: 219px;
    left: 372px;
    height: 24px;
    font-size: 24px;
    font-weight: 450;
    font-family: Nunito,sans-serif, "Segoe UI";
}
.content-img{
    background-position-x: 335px !important;
    background: url(../images/inside/mis_login_bg.jpg) no-repeat center center;
    background-size: contain;
    box-sizing: border-box;
    height: 400px;
    width: 200px;
}
.login-box {height:448px; padding: 0 670px 0 30px; border:2px solid #9E9E9E; background-position-x: 335px !important;background: url(../images/inside/mis_login_bg.jpg) no-repeat center center;background-size: contain;box-sizing:border-box;}
.login-title {padding-top:36px; font-size:28px; font-weight:300; line-height:35px; color:#1a1a1a;}
.login-title > strong {font-weight:700;}
.login-input {overflow:hidden; padding-top:11px;}
.login-input dt {float:left; width:72px; margin-bottom:6px; font-size:13px; line-height:32px; color:#666;}
.login-input dd {margin:0 0 6px 72px;}
.login-input dd .txt {width:100%; height:32px; border:1px solid #d5d5d5; background:#fff; font-size:13px; line-height:32px; box-sizing:border-box;}
.check-box-label {overflow:hidden; padding:7px 0;}
.check-box-label .label-align-right {float:right;}
.check-box-label .label-align-right .chk {position:absolute; top:50%; left:0; width:14px; height:14px; margin-top:-7px; opacity:0;}
.check-box-label .label-align-right label {display:block; height:20px; padding-left:27px; background:url(../images/inside/bg_checkbox.png) no-repeat 0 50%; font-size:13px; line-height:20px; color:#666;}
.check-box-label .label-align-right .chk:checked + label {background:url(../images/inside/bg_checkbox_checked.png) no-repeat 0 50%;}
.login-point-text {margin-top:33px; font-size:12px; font-weight:300; line-height:16px; color:#666;}
.login-customer-info {margin-top:11px; font-size:13px; font-weight:300; line-height:16px; color:#004ebc;}

.full-btn {padding-top:10px;}
.full-btn > a {width:100%;}
.big-blue-btn {
    display: inline-block;
    border: 1px solid #BA595A;
    border-radius: 3px;
    background: #BA595A;
    font-size: 21px;
    line-height: 48px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}
.big-blue-btn:hover {background:#BA595A;}
.both-btn {overflow:hidden; padding-toP:10px;}
.both-btn > a {float:left; width:136px; margin-left:1px;}
.both-btn > a:first-child {float:left;}
.white-btn {display:inline-block; border:1px solid #e3e5e8; border-radius:3px; background:linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); font-size:13px; font-weight:500; line-height:38px; color:#333; text-align:center; box-sizing:border-box;}
.white-btn:hover {background:linear-gradient(to bottom, #f7f7f7 0%,#ededed 100%);}

footer {padding-top:8px;}
.copyright {font-size:12px; font-weight:300px; line-height:15px; color:#76787c; text-align:right;}

.slider {background-color: #66C2B5;}
.login-button-color {background: #FF0000;}
input[type="checkbox"] + label {
    cursor: pointer;
    margin-left: 10px;
    display: block;
    width: 60px;
    height: 35px;
    background: url('../images/common/img_sildeCheck_unCheck.png') no-repeat 0 0px / contain;
}
input[type="checkbox"]:checked + label {
    margin-left: 10px;
    background: url('../images/common/img_sildeCheck_check.png') no-repeat 0 0px / contain;
}
input[type="checkbox"]{
    display: none;
}
.slideCheckBox {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 28px;
    margin-left: 8px;
}
.slideCheckBox input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #959595;
    -webkit-transition: .4s;
    transition: .4s;
    height: 20px;
}
.slider:before {
    position: absolute;
    content: "";
    left: -1px;
    background-color: #c5c5c5;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    height: 22px;
    width: 22px;
}
input:checked + .slider {
    background-color: #A4A4A4;
}
input:checked + .slider:before {
    background-color: #BA595A;
}

input:focus + .slider {
    box-shadow: 0 0 1px #ffffff;
}
input:checked + .slider:before {
    -webkit-transform: translateX(33px) translateY(-1px);
    -ms-transform: translateX(33px) translateY(-1px);
    transform: translateX(33px) translateY(-1px);
}
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}