@charset "UTF-8";
/* CSS Document */

@font-face {

       font-family: 'iconfont';

       src: url('//at.alicdn.com/t/font_1463147324_946932.eot'); /* IE9*/

       src: url('//at.alicdn.com/t/font_1463147324_946932.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('http://at.alicdn.com/t/font_1463147324_946932.woff') format('woff'), /* chrome、firefox */

       url('http://at.alicdn.com/t/font_1463147324_946932.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

       url('//at.alicdn.com/t/font_1463147324_946932.svg#iconfont') format('svg'); /* iOS 4.1- */

   }   

   *{margin: 0;padding: 0}

   li{list-style: none;}

   form a{text-decoration: none;}

.login{

    background:url(../images/login_bg_3.jpg);

    background:no-repeat center center;

    background-size:cover;

    text-align:center;

    width:100%;

    height:100%;
}
 
.login .content {

    width:380px;

    margin:0 auto;

    /*margin-top:300px;

    margin-bottom:0px;*/

    padding:30px;

    background:#ffffff;

    box-shadow:0px 1px 2px 1px #aaaaaa,

            inset 0px 1px 1px rgba(255,255,255,0.7) !important;

    border-radius: 3px !important;

    text-align:center;

}

#testloginid {
   
}

.login .content label {

    color:#fff;

}
.login .content .login-form{  

    padding:0px;
      
    margin:0px;
}
.login .content .form-control {

    background-color:#fff;

}
.login .content .form-actions {

    background-color:transparent;
    
    clear:both;
    
    border:0px;
    
    padding:0px 0px 0px 0px;

}
.login .content .form-actions .btn {

    margin-top:1px;

}

.login .copyright {

    text-align:center;
    
    margin:0 auto;

    padding:10px;
    
    color:#111;

    font-size:14px;

    line-height:30px;

}

.input-icon {

    position:relative;

    width:100%;

}
.input-icon input {

    padding-left:33px !important;

    height:44px;

    width:100%;

}
.input-icon i {
    color:#ccc;

    display:block;

    position:absolute;

    margin:15px 2px 4px 10px;

    width:16px;

    height:16px;

    font-size:16px;

    text-align:center;

}
.login .content .btn{

    padding:10px 12px;

    font-size:16px;

}
.alert{

    padding:10px;

}

div div div input[type*="text"]{

       height: 44px;

       padding: 0 35px;

       border: 1px solid;

       border-color: rgba(000,000,000,0.3);

       background: #e1dcd8;

       color: rgb(98,94,91);

       box-shadow:

               0px 1px 1px rgba(255,255,255,0.7),

               inset 0px 0.5px 5px #aaaaaa !important;

       border-radius: 5px;

}

.inputStyle {

    height: 44px;

    padding: 0 35px;

    border: 1px solid;

    border-color: rgba(000,000,000,0.3);

    background: #e1dcd8;

    color: rgb(98,94,91);

    box-shadow:

               0px 1px 1px rgba(255,255,255,0.7),

               inset 0px 0.5px 5px #aaaaaa;

    border-radius: 5px !important;
}

div div div input[type*="password"]{

       height: 44px;

       padding: 0 35px;

       border: 1px solid;

       border-color: rgba(000,000,000,0.3);

       background: #e1dcd8;

       color: rgb(98,94,91);

       box-shadow:

               0px 1px 1px rgba(255,255,255,0.7),

               inset 0px 0.5px 5px #aaaaaa !important;

       border-radius: 5px !important;

}

div div div input[type*="button"]{

       width: 100%;

       height: 40px;

       font-family: Arial, Helvetica, sans-serif;

       font-size: 18px;

       color: #ffffff;

       background: -moz-linear-gradient(

               top,

               #94aa64 0%,

               #7a924a 50%,

               #607738) !important;

       background: -webkit-gradient(

               linear, left top, left bottom,

               from(#94aa64),

               color-stop(0.50, #7a924a),

               to(#607738)) !important;

       -moz-border-radius: 5px !important;

       -webkit-border-radius: 5px !important;

       border-radius: 5px !important;

       border: 1px solid #7d8862 !important;

       -moz-box-shadow:

               0px 1px 0px rgba(170,170,170,1),

               inset 0px 1px 1px rgba(255,255,255,0.7) !important;

       -webkit-box-shadow:

               0px 1px 0px rgba(170,170,170,1),

               inset 0px 1px 1px rgba(255,255,255,0.7) !important;

       box-shadow:

               0px 1px 0px rgba(170,170,170,1),

               inset 0px 1px 1px rgba(255,255,255,0.7) !important;

       text-shadow:

               0px -1px 0px rgba(000,000,000,0.3),

               0px 0px 0px rgba(255,255,255,0) !important;

       background:#7a924a !important;
   }

.inputButtonStyle {

    width: 100%;

    height: 40px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 18px;

    color: #ffffff;

    background: -moz-linear-gradient(

               top,

               #94aa64 0%,

               #7a924a 50%,

               #607738);

    background: -webkit-gradient(

               linear, left top, left bottom,

               from(#94aa64),

               color-stop(0.50, #7a924a),

               to(#607738));

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    border: 1px solid #7d8862;

    -moz-box-shadow:

               0px 1px 0px rgba(170,170,170,1),

               inset 0px 1px 1px rgba(255,255,255,0.7);

    -webkit-box-shadow:

               0px 1px 0px rgba(170,170,170,1),

               inset 0px 1px 1px rgba(255,255,255,0.7);

    box-shadow:

               0px 1px 0px rgba(170,170,170,1),

               inset 0px 1px 1px rgba(255,255,255,0.7);

    text-shadow:

               0px -1px 0px rgba(000,000,000,0.3),

               0px 0px 0px rgba(255,255,255,0);

    background:#7a924a;
}

   div div div input[type*="button"]:hover{

       opacity: 0.8;

       background:#7a924a;
   }

   div div div input[type*="button"]:focus{

       outline:none;

       opacity:0.8;

       background:#7a924a;

   }

   div div div input[type*="button"]:active{

       width: 100%;

       height: 40px;

       font-family: Arial, Helvetica, sans-serif;

       font-size: 18px;

       color: #ffffff;

       background: -moz-linear-gradient(

               top,

               #607738 0%,

               #7a924a 50%,

               #94aa64 );

       background: -webkit-gradient(

               linear, left top, left bottom,

               from(#607738),

               color-stop(0.50, #7a924a),

               to(#94aa64));

       -moz-border-radius: 5px;

       -webkit-border-radius: 5px;

       border-radius: 5px;

       border: 1px solid #7d8862;

       -moz-box-shadow:

               0px -1px 0px rgba(170,170,170,1),

               inset 0px -1px 1px rgba(255,255,255,0.7);

       -webkit-box-shadow:

               0px -1px 0px rgba(170,170,170,1),

               inset 0px -1px 1px rgba(255,255,255,0.7);

       box-shadow:

               0px -1px 0px rgba(170,170,170,1),

               inset 0px -1px 1px rgba(255,255,255,0.7);

       text-shadow:

               0px 1px 0px rgba(000,000,000,0.3),

               0px 0px 0px rgba(255,255,255,0);

}

div div p {

    text-align:left;

    color:#8f0000;

    padding:15px 15px;

}

.textstyle {
    text-align:left;

    color:#8f0000;

    padding:0 35px;
}

ul li a {

    font-size: 14px;

    font-family: 黑体;

    color: rgb(152,142,135);

    text-align:center;
}

.bottomstyle {
    margin-top:70px;
    margin-bottom:-20px;
}

div div a:active {

    outline:none;

}

div div a:visited {

    outline:none;

}

.verifystyle {

    padding:0;

    background:#aaaaaa;

}

.marginStyle {

    margin-top:20px !important;

}

/*响应式媒体*/
@media (max-width:640px) {
    .login .content {  

        padding:15px;
        
        width:90%;

        margin-top:90px;
    }

    div div p {

        padding:15px 15px;

    }
}

@media (min-width:1080px) and (max-width:1200px) {
    .login .content {  

        padding:15px;

        width:80%;
    }

    div div p {

        padding:15px 15px;

    }
}

@media (min-width:641px) and (max-width:1079px) {
    .login .content {

        padding:20px;

        width:90%;
    }

    div div p {

        padding:15px 20px;

    }
}