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

body, html {
    height:100%;
}

body {
	min-width: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.login {
	width: 555px;
	height: 650px;
	border: 1px solid #ccc;
}

.login-area {
    display: flex;
    width: 100%;
    height:100%;
}

.login-area .bg {
    /*min-width:975px;*/
    width:50%;
    background:url("../../../static/common/images/login-bg.jpg") no-repeat -20px top/cover;
    position: relative;
}

.login-area .bg:after {
    content:"";
    display: block;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity: .2;
}

.login-area .forms {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left:75px;
}

h2 {
    font-size:25px;
    line-height:32px;
    font-weight: bold;
    margin-top:10px;
}

h3 {
    font-size: 27px;
    line-height: 37px;
    font-weight: bold;
    margin-top:58px;
}


.inputs {
    display: flex;
    flex-direction: row;
    margin-top:20px;
}

.inputs .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.inputs input {
    border: 1px solid #BEBEBE;
    font-size:16px;
    border-radius: 3px;
    height:35px;
    line-height:33px;
    padding:0 10px;
    width:290px;
}

.inputs .password {
    position: relative;
}

.inputs .password .hide {
    position: absolute;
    top:3px;
    right:5px;
    width:30px;
    height:30px;
    z-index: 2;
    font-size: 0;
    background:url("../../../static/common/images/password-hide.png") no-repeat center/24px;
}
.inputs .password .show {
    background:url("../../../static/common/images/password-show.png") no-repeat center/24px;
}

.inputs button {
    border-radius: 3px;
    width:107px;
    height:80px;
    line-height:78px;
    background:#0E4194;
    font-size: 16px;
    font-weight: bold;
    color:#fff;
    text-align: center;
    margin-left:10px;
    font-weight: 700;
}

.function {
    width: 290px;
    margin-top:10px;
}

.function * {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	vertical-align: top;
}

.function .search {
	float: right;
}

.function .search > a {
	position: relative;
	padding: 0 10px;
}

.function .search > a:last-child:before {
	content:"";
    position: absolute;
    top:calc(50% - 4px);
    left:0;
    width:1px;
    height:8px;
    background:#cbcbcb;
}

.save_id {
    font-size: 15px;
}

.save_id input {
    margin-right:4px;
    vertical-align: middle;
}


.info {
    margin-top:55px;
}

.info+.info {
    margin-top:23px;
}

.info p {
    font-size:16px;
    line-height: 23px;
    font-weight: bold;
    margin-bottom:3px;
}

.info span {
    font-size: 15px;
    line-height:23px;
}

.info span b {
    font-weight: bold;
}

.copyright {margin-top:30px;}