@charset "utf-8";

/* CSS Document 
.card { padding: clamp(0.5rem, 3%, 2rem); }
.hero-image { height: clamp(200px, 50vh, 500px); }‌‌
font-size: clamp(16px, 4vw, 20px);
.sidebar { width: clamp(250px, 30%, 400px); }
 font-size: clamp(1.5rem, 4vw + 1rem, 3rem);
‌数值范围别设太大‌：最小值和最大值差距过大会导致效果不自然。  推荐：clamp(1rem, 2.5vw, 2rem)

width: calc(100% - 80px);

 width: clamp(200px, 50%, 1000px);
 width: max(200px, min(50%, 1000px)); 两值取最小 或两值 取最大
 font-size: clamp(16px, 5vw, 50px);
*/
.Login_Content {
	/*margin: 10vh;*/
	text-align: center;
	min-height: 700px;
}

.login_log {
	margin: min(100px,10vh) auto;
	text-align: center;
	width: clamp(150px, 40%, 300px);
}

	.login_log img {
		text-align: center;
		width: -webkit-fill-available;
		border-radius: 50%;
		border: 1px #ECECEC solid;
	}

.login_item {
	position: relative;
	border: 0px solid #F00;
	margin: 5vh auto;
	width: 70%;
	max-width: 400px;
	height: min(32px, min(5vh, 48px)) !important;
	display: block;
	text-align: left;
	font-size: clamp(24px, 4vh, 32px) !important;
	position: relative;
	border-radius: 5px;
}


.login_user_name {
	position: absolute;
	left: 0;
	top: 0;
	width: 38px;
	height: 100%;
	padding: 3px;
	line-height: 100%;
	vertical-align: middle;
	text-align: center;
	color: #d2d2d2;
	border: 0px solid #F00;
}

	.login_user_name i {
		height: 100% !important;
		line-height: 100% !important;
		font-size: 80% !important;
		vertical-align: middle;
	}



.login_item input[type='text'] {
	width: -webkit-fill-available;
	border: 1px solid #eee;
	display: block;
	padding: 3px;
	height: 100% !important;
	line-height: 100% !important;
	vertical-align: middle;
	/*padding-left: max(50px, min(20%, 50px)) !important;*/
	padding: 8px;
	/*font-size: clamp(24px, 5vh, 32px) !important;*/
	border-radius: 5px
}

.login_item input[type='password'] {
	width: -webkit-fill-available;
	border: 1px solid #eee;
	display: block;
	padding: 3px;
	height: 100% !important;
	line-height: 100% !important;
	vertical-align: middle;
	/*padding-left: max(50px, min(20%, 50px)) !important;*/
	padding: 8px;
	/*font-size: clamp(24px, 5vh, 32px) !important;*/
	border-radius: 5px;
}

.login_item input[type='checkbox'] {
	height: 32px;
	width: 32px;
	margin-right: 2vw;
}

.login_item label {
	font-size: clamp(20px, 4vh, 28px) !important;
	color: #999;
	display:none;
}

.login_item input[type='button'] {
	width: -webkit-fill-available;
	border: 1px solid #eee;
	padding: 2vh;
	border-radius: 3px;
	color: #fff;
	background: #16baaa;
	font-size: large;
}