@charset "UTF-8";
body {
	min-height: 100vh;
	display: grid;
	place-items: center;
}
.container {
	width: 25%;
	min-width: 200px;
	flex-direction: column;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
/* 	margin: 100px auto auto auto; */
	padding: 50px 0;
	background-color: #f3f3f3;
	transition: width 0.3s ease;
}
.login_img {
	width: 95%;
	height: auto;
}
.c_login__dlist {
	width: 85%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin:20px auto auto auto;
}
.form-row {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
/* 	border: 1px solid #808080; */
/* 	height: 40px; */
}
.label-container {
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-weight: bold;
/* 	background-color: #DEEAF6; */
}
.input-container {
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: left;
	font-weight: bold;
}
.login_input {
	width: 100% !important;
	height: 100% !important;
	border: none !important;
	border-radius: unset !important;
/* 	border: 2px solid #000 !important; */
/* 	width:290px !important; */
/* 	height:25px !important; */

	/*style="border-radius: 20px;width:200px;height:35px;background:#5a97c9;cursor: pointer;color: white;*/
}
.login_button_div {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-top: 20px;
}
.login_button {
	border-radius: 20px !important;
	width: 65% !important;
	max-width: 200px !important;
	min-width: 100px !important;
	height: 35px !important;
	background: #5a97c9 !important;
	cursor: pointer !important;
	color: white !important;
}
.layui-layer-title{
	display: none;
}
.layui-layer-dialog .layui-layer-content{
	padding-top: 40px;
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1219px) {
	.container {
		width: 35%;
	}
}
/* sp */
@media screen and (max-width: 767px) {
	.container {
		width: 85%;
	}
	.label-container{
		width: 100%;
	}
	.input-container{
		width: 100%;
	}
	.login_button{

	}
	.login_img{
		width: 95%;
	}
	.login_input{
		width: 100% !important;
	}
}

.login {
	font-weight: bold;
	width: 400px;
	height: 200px;
	background-color: #FFDDCC;
	line-height: 200px;
}