.bg {
	background-image: url("../images/loginBG.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.content{
	width: 65%;
    height: 70%;
	background-color:#FFFFFF;
	box-shadow: 0px 8px 10px #DADADA;
	overflow: visible;
	background-image: url("../images/loginFlag.png");
	background-position: right;
	background-repeat: no-repeat;
	background-size: 53% 101%;
	border-radius: 10px;
}
.mainCont{
	height: 36%;
	display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.otherCont{
	height: 32%;
	position: relative;
	display: flex;
	justify-content: center;
}
.logoPic{
	position:absolute;
	width: 20%;
	left: 40%;
	top:8%;
}
.welcomeWord{
    height: 20%;
    font-size: 25px;
    color: #5587BA;
    margin-top: 19%;
}
.content .login-form {
	width: 47%;
	height: 100%;
}
.flag{
	width: 60%;
	height: 100%;
}
.mainItem{
    width: 77%;
    padding:5px;
    border-bottom: 2px solid #DADADA;
}
.itemIcon{
	width: 30px;
}
.kaptImg{
	width: 30%;
}
.mainItem input{
	margin-left:10px;
	border: 0;
	font-size: 20px;
}
.error-input {
	border-color: #F00;
}

.error-input:focus {
	border-color: #F00;
	webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(233, 102, 102, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(233, 102, 102, 0.6);
}
.login-btn{
	width: 45%;
    height: 55px;
    line-height: 55px;
    background-color: #0253A3;
    color: #FFFFFF;
    border-radius: 30px;
    font-size: 25px;
    margin-top: 10%;
    cursor: pointer; 
}
.foot{
	position: absolute;
    bottom: 0;
    text-align: center;
    width: 46%;
    left: 27%;
    color: #77787b;
}