@charset "utf-8";
/* CSS Document */
.ft-login-wrapper { width: 1000px; margin: 0 auto; }
.ft-loging-block { width: 100%; margin: 20% 0 0 25%; }
.ft-log-logo { width: 137px; height: 66px; float: left; background: url(../images/log-imgs/logo.png) no-repeat; margin: 11px 0 0 15px; }
.ft-login-panel { width: 555px; height: 223px; float: left; background: url(../images/log-imgs/bg-line-login.png) repeat-x; border-radius: 10px; display: block; position: relative; }
.ft-log-left-tit { width: 85px; float: left; border-radius: 10px 0 0 10px; background: #996699 url(../images/log-imgs/login.png) no-repeat center 30px; height: 223px; }
.ft-log-cont-block { width: 50%; float: right; height: 30px; z-index: 10; position: relative; margin: 20px 0 0 0; }
.ft-log-form-block { width: 100%; margin: 0 0 15px 0; float: left; }
.ft-log-form-block span.name { width: 100%; float: left; color: #6c6c6c; font-family: 'Noto Sans', sans-serif!important; font-size: 13px; font-weight: bold; }
.ft-log-form-block span.data { width: 100%; float: left; margin: 5px 0 0 0; }
.ft-log-tb { display: block; width: 96%; padding: .75rem;
font-family: 'Noto Sans', sans-serif!important; font-size: 1rem; line-height: 1.5; color: #55595c; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius:.25rem
}
.ft-log-tb1 { display: block; padding: .75rem 1.25rem;
font-family: 'Noto Sans', sans-serif !important; font-size: 1rem; line-height: 1.5; color: #55595c; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: .25rem;
margin: 10px 0 0 0; width: 90%; }
.ft-link-panel { /* width:100%; */ float: right; margin: 0; }
.ft-link-panel a { display: block; text-align: right; color: #000000; font-family: 'Noto Sans', sans-serif!important; font-size: 13px; font-weight: normal; }
.ft-link-panel a:hover { text-decoration: none; }
.ft-log-btn:hover { color: #fff; background-color: #4c7ff0; border-color: #4c7ff0; }
.ft-log-btn { width: 100%; color: #fff; background-color: #1d5dec; border-radius: 2px; border: 1px solid #4c7ff0; padding: 10px 10px; margin: 10px 0 0 0; cursor: pointer; font-family: 'Noto Sans', sans-serif!important; text-shadow:none; font-size: 15px; font-weight: bold; text-transform: uppercase; }
.ft-log-footer { width: 98.9%; height: 158px; background: url(../images/log-imgs/bus.png) no-repeat; float: left; position: relative; top: -114px; clear: both; z-index: 0; }
body.login-bg { background: url(../images/login-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: auto; }
.login-box { width: 400px; margin: 0 auto; margin-top: 12%; }
.white-box { background: rgba(255, 255, 255, 0.85); border-radius: 0 0 5px 5px; padding: 25px; margin-bottom: 15px; border: 1px solid transparent; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.white-box h4 { text-align: center; float: none; color: #2a2a2a; font-family: 'Noto Sans', sans-serif; font-size: 25px; font-weight: 600; border-bottom: 1px #B0B0B0 dashed; padding: 15px 2px; margin-bottom: 20px; }
.white-box-1 { text-align: center; background: #3a4aa6; padding: 5px; border-radius: 5px 5px 0 0; }
.white-box-1 img { margin: 0 auto; }
.col-lg-12 { float: left; padding: 0; width: 100%; }
.text-right { text-align: right!important; }
.btn { -webkit-transition: box-shadow .4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color .4s cubic-bezier(0.25, 0.8, 0.25, 1), transform .4s cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: box-shadow .4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color .4s cubic-bezier(0.25, 0.8, 0.25, 1), transform .4s cubic-bezier(0.25, 0.8, 0.25, 1); transition: box-shadow .4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color .4s cubic-bezier(0.25, 0.8, 0.25, 1), transform .4s cubic-bezier(0.25, 0.8, 0.25, 1); border-radius: 3px; font-size: 15px; font-weight: bold; border-color: transparent; display: inline-block; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 16px; line-height: 1.52857143; margin-left: 10px; font-family: 'Noto Sans', sans-serif !important; }
a.btn { color: #fff; }
.btn:hover, .btn:focus { -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); -webkit-transform: translate3d(0, -1px, 0); transform: translate3d(0, -1px, 0); }
.btn-success { color: #ffffff; background-color: #4caf50; border-color: #4aab4e; }
.btn-danger { color: #ffffff; background-color: #f44336; border-color: #f43e31; }
.ui-widget-overlay { position: fixed; background: rgba(0, 0, 0, 1); top: 0; right: 0; bottom: 0; left: 0; -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadein .5s; animation: ngdialog-fadein .5s; opacity: .60; }
.login-footer { color: #fff; text-align: center; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
@media screen and (max-width : 1000px) {
.login-box { width: 95% !important; margin-top: 5% !important; }
.ft-login-wrapper { width: 100% !important; }
}