﻿body{
    margin:1em;
    background-color:#F2F2F2;
}
.content{
    width:100%;
    display:flex;
    flex-direction:column;
    overflow-y:auto;
}

.header .logo-text{
    color:#008080;
    font-weight:bold;
    font-style:oblique;
    font-size:2.2em;
    border-bottom:solid 2px #008080;
    line-height:1;
}

.logo-down-text{
    color:#008080;
    font-weight:bold;
    font-size:1.4em;
    margin-top:0.2em;
}

.password-input-header{
    display:flex;
    flex-direction:row;
}

.require{
    color:red;
    margin-left:1em;
    font-weight:bold;
}

.password-content input[type="text"],
.password-content input[type="password"]{
    width:100%;
    border:solid 1px #F2F2F2;
    border-radius:5px;
    padding:4px;
}

.password-content .password-div:not(:first-child){
    margin-top:0.8em;
}

.btnDiv{
    display:flex;
    align-items:center;
    justify-content:center;
}

.password-btn{
    border:solid 1px #E2E2E2;
    border-radius:5px;
    width:106px;
    height:41px;
    background-color:#Ffffff;
    cursor:pointer;
}

.password-btn.btn-active{
    background-color:#296D7F;
    color:white;
}

.password-btn.btn-active:focus{
    background-color:#008080;
}

input[type="password"]::-ms-reveal {
    display: none;
}

.pwd_yanjing{
    width:2em;
    height:2em;
    cursor:pointer;
    background-image:url( "../img/yanjing.png" );
    background-size:contain;
    margin-left:3px;
    margin-right:3px;
    position:absolute;
    background-repeat:no-repeat;
    background-position:center center;
    right:2.5%;
}

.pwd_yanjing_active{
    background-image:url( "../img/yanjing_active.png" );
}