﻿/*用户登录*/

    body {
        background:#d7eac6/*gainsboro*/;
    }
    .btn-primary {
        background:#009933;
        border:green;
    }
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        background:#006633;
        border:green;
    }
    #Administrators-Login #header ,
    #Editors-Login #header ,
    #Users-Login #header {
        margin:auto auto;
        width:100%;
        height:90px;
        background-color:#009933;/*//dimgray;*/  
    }
    #Administrators-Login #header .header-title,
    #Editors-Login #header .header-title,
    #Users-Login #header .header-title {
        margin-left:30%;
    }
    #Administrators-Login #header .header-title .name ,
    #Editors-Login #header .header-title .name,
    #Users-Login #header .header-title .name{
        float:left;
        width:230px;
        height:60px;
        background:url('../../Images/pics/Haixia-Title.png') no-repeat;
        background-size:100% 100%;
        -moz-background-size:cover;
        margin-top:2%;
    }
    #Administrators-Login #header .header-title .system ,
    #Editors-Login #header .header-title .system ,
    #Users-Login #header .header-title .system {
        float:left;
        margin-left:3%;
        font-size:28px;
        color:#fff;
        margin-top:4%;
    }
    
    #Administrators-Login #header .header-title .func,
    #Editors-Login #header .header-title .func,
    #Users-Login #header .header-title .func {
        float:left;
        margin-left:1%;
        font-size:24px;
        color:yellow;/*khaki;*/
        margin-top:4.3%;
    }

    
    #Administrators-Login #container ,
    #Editors-Login #container ,
    #Users-Login #container {
        margin:auto auto;
        width:40%;
        background-color:whitesmoke;
        margin-top:1.5%;
        /*圆角*/  
        -moz-border-radius: 15px; 
        -webkit-border-radius: 15px; 
        border-radius:15px;          
        /*圆角*/  
    }
    #Administrators-Login #container #remind ,
    #Editors-Login #container #remind ,
    #Users-Login #container #remind {
    
        padding-top:35px;
        margin:auto;
    }
    
    #Administrators-Login #container #reg-form,
    #Editors-Login #container #reg-form,
    #Users-Login #container #reg-form {
        margin-top:20%;
        padding-top:10%;
    }
    
    #Administrators-Login #container #reg-form > div,
    #Editors-Login #container #reg-form > div,
    #Users-Login #container #reg-form > div {
        padding-top:10px;
    }
    
    #Administrators-Login #container #reg-form > div >label,
    #Editors-Login #container #reg-form > div >label,
    #Users-Login #container #reg-form > div >label {
        text-align:right;
    }
    
    #Administrators-Login #container #reg-form  #divSubmit,
    #Editors-Login #container #reg-form  #divSubmit,
    #Users-Login #container #reg-form  #divSubmit{
        padding-top:5%;
    }
    
    #Administrators-Login #container #reg-form  #divSubmit #btnLogin,
    #Editors-Login #container #reg-form  #divSubmit #btnLogin,
    #Users-Login #container #reg-form  #divSubmit #btnLogin{
       margin-left:42%;
    }
    #Administrators-Login #container #reg-form  #divOperation,
    #Editors-Login #container #reg-form  #divOperation,
    #Users-Login #container #reg-form  #divOperation{
        margin-left:30%;
        padding-top:5%;
        padding-bottom:5%;
    }
    
    #Administrators-Login #container #reg-form  #divOperation a,
    #Editors-Login #container #reg-form  #divOperation a,
    #Users-Login #container #reg-form  #divOperation a{
        margin-left:3%;
        margin-right:3%;
    }
    #Administrators-Login #container #reg-form  #divOperation #findPwd,
    #Editors-Login #container #reg-form  #divOperation #findPwd,
    #Users-Login #container #reg-form  #divOperation #findPwd{
        color:black;
    }
    #Administrators-Login #container #reg-form  #divOperation #findPwd:hover,
    #Editors-Login #container #reg-form  #divOperation #findPwd:hover,
    #Users-Login #container #reg-form  #divOperation #findPwd:hover{
        color:darkred;
    }
    #Administrators-Login #container #reg-form #divOperation #register ,
    #Users-Login #container #reg-form #divOperation #register {
        text-decoration: none;
        color:black;
    }
    #Administrators-Login #container #reg-form  #divOperation #register #gotoRegister,
    #Users-Login #container #reg-form  #divOperation #register #gotoRegister{
        color:blue;
    }
    .gotoRegisterHover{
        color:limegreen !important;
        border-bottom:1px solid limegreen;
    }
    
    
    #Administrators-Login #container #reg-form  #txtUserName,
    #Editors-Login #container #reg-form  #txtUserName,
    #Users-Login #container #reg-form  #txtUserName{
        background-image: url('../../Images/pics/UserName.png');
        background-size: 15px;
        background-position:5% 7px;
        background-repeat: no-repeat;
        text-indent:34px;
    }
    #Administrators-Login #container #reg-form  #txtPassword,
    #Editors-Login #container #reg-form  #txtPassword,
    #Users-Login #container #reg-form  #txtPassword{
        background-image: url('../../Images/pics/Password.png');
        background-size: 15px;
        background-position:5% 7px;
        background-repeat: no-repeat;
        text-indent:34px;
    }

    
/*用户登录*/   


    .asterisk {
        color:red;
    }

    .error {
        -webkit-box-shadow: 0 0 3px 0 rgba(238,0,0,.3);
        box-shadow: 0 0 3px 0 rgba(238,0,0,.3);
        border-color:red !important;
    }