/**
 * 登录界面样式表
 */

/*------------------------------------------------*/
/*轮播背景*/
/*------------------------------------------------*/
.carousel_div1{
    background: url(../../assets/img/login-11.jpg) fixed center center;
}

.carousel_div2{
    background: url(../../assets/img/login-12.jpg) fixed center center;
}

.carousel_div3{
    background: url(../../assets/img/login-13.jpg) fixed center center;
}

/*------------------------------------------------*/
/*登录页面*/
/*------------------------------------------------*/

.login-bgcolor {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 90;
    /*
    background: #4485D1;
    background: -moz-linear-gradient(top, #4485D1 0%, #53A8AF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4485D1), color-stop(100%, #53A8AF));
    background: -webkit-linear-gradient(top, #4485D1 0%, #53A8AF 100%);
    background: -o-linear-gradient(top, #4485D1 0%, #53A8AF 100%);
    background: -ms-linear-gradient(top, #4485D1 0%, #53A8AF 100%);
    background: linear-gradient(to bottom, #4485D1 0%, #53A8AF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0)
    */
}

.login-bgcolor2 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 90;
    background-color: rgba(0, 0, 0, 0.3);
}

.login-win {
    width: 350px;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -190px 0 0 -180px;
    z-index: 99;
    opacity:1;
}

.login-win .header {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 27px;
    margin-bottom: 20px;
}

.login-win .header img {
    text-align:left;
    width: 70px;
    border-radius: 4px;
    margin-right: 20px;
}

.login-win .footer {
    width: 100%;
    text-align: center;
    color: #ccc;
    font-weight: bold;
    font-size: 12px;
    margin-top: 20px;
}

.login-win .forget {
    width: 100%;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    padding-top:20px;
    padding-bottom:20px;
    border-bottom:1px solid #ddd;
}

.login-win .forget a{
    color: #ffffff;
}

.login-win .btn {
    font-size: 14px;
    font-weight: bold;
    width: 167px;
}

.login-win .btn-df {
    font-size: 14px;
    font-weight: bold;
    width: 112px;
}

.login-win .btn-sm {
    font-size: 14px;
    font-weight: bold;
    width: 104px;
}

/*------------------------------------------------*/
/*登录验证码*/
/*------------------------------------------------*/

.login-check {
    position: relative;
}

.login-check .code {
    position: absolute;
    right: 0;
    top: 1px;
    cursor: pointer;
}

.login-check .check {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

/*------------------------------------------------*/
/*登录按钮*/
/*------------------------------------------------*/

.btn-blue {
    color: #fff;
    background-color: #00c1de;
    border-color: #00c1de;
}
.btn-blue:focus,
.btn-blue.focus {
    color: #fff;
    background-color: #00b7d3;
    border-color: #00b7d3;
}
.btn-blue:hover {
    color: #fff;
    background-color: #00b7d3;
    border-color: #00b7d3;
}
.btn-blue:active,
.btn-blue.active {
    color: #fff;
    background-color: #00b7d3;
    border-color: #00b7d3;
}

.btn-blue.disabled,
.btn-blue[disabled],
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
.btn-blue.disabled.focus,
.btn-blue[disabled].focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active {
    background-color: #6ec9d7;
    border-color: #6ec9d7;
    color: #fff;
}

/*------------------------------------------------*/
/*忘记密码按钮*/
/*------------------------------------------------*/

.btn-red {
    color: #fff;
    background-color: #ff546c;
    border-color: #ff546c;
}
.btn-red:focus,
.btn-red.focus {
    color: #fff;
    background-color: #f22945;
    border-color: #f22945;
}
.btn-red:hover {
    color: #fff;
    background-color: #f22945;
    border-color: #f22945;
}
.btn-red:active,
.btn-red.active {
    color: #fff;
    background-color: #f27a8b;
    border-color: #f27a8b;
}

.btn-red.disabled,
.btn-red[disabled],
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
.btn-red.disabled.focus,
.btn-red[disabled].focus,
.btn-red.disabled:active,
.btn-red[disabled]:active,
.btn-red.disabled.active,
.btn-red[disabled].active {
    background-color: #6ec9d7;
    border-color: #6ec9d7;
    color: #fff;
}

.agreement {
    color:#ffffff;
}

.agreement a {
    color:#ffffff;
}

.agreement a:hover {
    color:#ffffff;
}

.agreement a:focus {
    color:#ffffff;
}