.enterpage{
	width: 400rem;
	height: 250rem;
	padding: 10rem;
	background: #E3E0D9;
	border: 1rem solid #ACA89E;
	margin: auto;
	font-size: 18rem;
}

.enterpage>div{
	width: 100%;
	height: 100%;
	background: #EEEBE4;
	border: 1rem solid #C1BEB6;
	display: flex;
	flex-direction: column;
	padding: 20rem;
	box-sizing: border-box;
}

.enterpage>div>.row{
	/*text-align: left;*/
	margin-bottom: 15rem;
}

.enterpage>div>.row>*{
	display: inline-block;
	width: 30%;
}

.enterpage>div>.row>.label{
	text-align: right;
	margin-right: 20rem;
	color: #3A4A5A;
	font-weight: bold;
}

.enterpage>div>.row>input{
	width: 200rem;
}

.enterpage .remember_row{
	text-align: center;
}

.enterpage .row .remember_checkbox{
	width: 18rem;
	height: 18rem;
	line-height: 20rem;
	font-size: 14rem;
	background: #E0E0E0;
	border: 1rem solid #9C9C9C;
	border-radius: 3rem;
	cursor: pointer;
	color: #3A4A5A;
}

.enterpage .row .remember{
	color: #3A4A5A;
	font-weight: bold;
	line-height: 20rem;
	vertical-align: top;
}

.enterpage .row input{
	border: 1rem solid #3A4A5A;
}

.enterpage .row .btn{
	margin: auto;
	width: 120rem;
	height: 30rem;
	background: #094056;
	text-align: center;
	line-height: 30rem;
	color: white;
	display: block;
	cursor: pointer;
}

.enterpage .row .forget{
	width: 100%;
	text-align: center;
	color: #3A4A5A;
}

@media(max-width:1024px){
.enterpage{
	width:300rem;

}
.enterpage>div>.row>input {
    width: 154rem;
}

	
}


@media(max-width:359px){
.enterpage{
	width:280rem;

}
.enterpage>div>.row>input {
    width: 134rem;
}

	
}