.login-box {border:1px solid var(--border-color);background:#fff;max-width:440px;margin:100px auto;padding:50px}
	.login-box h3 {font-weight:800;font-size: 1.5em; text-align:center;margin:0 0 1em}
	.input-box {border-bottom:2px solid #ccc;margin-bottom:30px;position:relative;height: 40px;}
	.input-box input {width: calc(100% - 3em);height: 30px;vertical-align: bottom;margin-left:1em;border:0;font-size:18px}
	.input-box input:focus{ outline: none; }

	.input-box .ri-user-3-line,.input-box .ri-lock-2-line {color:#aaa;font-size:1.4em;    padding-bottom: 4px;
    display: inline-block;}
	.button-box {margin-top:1.5em}
	.input-box .ri-eye-fill,.input-box .ri-eye-off-fill {position:absolute;top:6px;right:10px;color:#aaa;font-size:1em;cursor:pointer}

#login-btn{
	width:100%;
	background:var(--action-color);
	border:0;
	padding:12px;
	color:#fff;
}


@media screen and (max-width: 1090px) { 
	.login-box {margin:20px}
}