body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: white;
    min-width: 1920px;
}
.fa-lock:before {
    content: "\f023";
}
.fa-unlock-alt:before {
    content: "\f13e";
}
.flex-container {
    position: relative;
    display: flex;
    justify-content: center;
    background: white;
    align-items: center;
    justify-items: center;
    min-height: 100vh;
}

.flex-container > form {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 398px;
    border: 1px solid #eeeeee;
    background: url(loginPage.png);
    background-size: 900px;
    background-repeat: no-repeat;
    box-shadow: 4px 4px 3px 3px #eeeeee;
    background-repeat: no-repeat;
    flex-direction: column;
    width: 900px;
}

.title-line {
    position: relative;
    right: 32px;
    height: 100px;
    line-height: 100px;
    color: #06068f;
    font-size: 30px;
    font-weight: bold;
}
/*.under-line{
	position: relative;
	width: 566px;
	height: 1px;
	border-bottom: 1px solid #d3d3d3;
	right: 94px;
}
*/
.under-line {
    position: relative;
    width: 494px;
    height: 1px;
    border-bottom: 1px solid #d3d3d3;
    right: 29px;
}

/* .logoImage{
	background-image: url("/image/MainLogo.png");
	background-repeat:  no-repeat;
	width: 216px;
    height: 80px;
    position: absolute;
    right: 819px;
    top: 200px;
} */

.logoImage {
    background-image: url(MainLogo.png);
    background-repeat: no-repeat;
    width: 216px;
    height: 80px;
    position: absolute;
    right: 578px;
    top: 137px;
    background-size: 200px 65px;
}
/* 
.input-box{
	position: relative;
	width: 577px;
	right: 84px;
	text-align: center;
	top: 50px;
}
 */
.input-box {
    position: relative;
    width: 526px;
    right: -3px;
    text-align: center;
    top: 50px;
}
/* .input-box > div:nth-child(1){
	position: relative;
	width: 450px;
	height: 50px;
	line-height: 50px;
	float: left;
	font-weight: bold;
	text-align: left;
} */

.input-box > div:nth-child(1) {
    position: relative;
    width: 381px;
    height: 50px;
    line-height: 50px;
    float: left;
    font-weight: bold;
    text-align: left;
}

.input-box > div:nth-child(3) {
    position: relative;
    float: left;
    width: 100px;
    height: 90px;
    left: 10px;
    font-weight: bold;
    top: -45px;
    font-size: 20px;
    color: white;
    background: #1e65c5;
    line-height: 83px;
    border: 1px solid #1e65c5;
    border-radius: 5px;
}
.input-box > div:nth-child(3):hover {
    cursor: pointer;
}
.input-box > div:nth-child(3) > span {
    height: 27px;
    position: absolute;
    top: 23px;
    left: 11px;
}

/* .input-box > div:nth-child(2) {
	position: relative;
	float: left;
	width: 450px;
	height: 50px;
	line-height: 50px;
	text-align: left;
	font-weight: bold;
} */

.input-box > div:nth-child(2) {
    position: relative;
    float: left;
    width: 381px;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-weight: bold;
}

.input-box > div:nth-child(1) > input {
    position: relative;
    left: 20px;
    width: 298px;
    height: 30px;
}

.input-box > div:nth-child(2) > input {
    position: relative;
    left: 5px;
    width: 298px;
    height: 30px;
}