@charset "utf-8";


h3, img, input, table, td, th, p { box-sizing: border-box; -moz-box-sizing: border-box; }
button { border: none; cursor: pointer; }
button:active { opacity: 0.8; }
button:disabled { opacity: 0.3; cursor: default; }

html { width: 100%; height: 100%; }
body { width: 100%; height: 100%; }
.div_allcover { width: 100%; height: 100%; background-color: #8EDBED; position: relative; }

.div_loginhead {
	height: 51px;
	width: 100%;
	background: #fff;
	border-bottom: 2px solid #00AFEC;
}
.div_loginhead div.headlogo1 { background-image: url(../img/jtk_login_r1_c1.png); width: 262px; }
.div_loginhead div.headlogo2 { background-image: url(../img/jtk_login_r1_c11.png); width: 179px; }
.div_loginhead div { background-size: contain; background-repeat: no-repeat; background-position: center center; max-width: 46%; }

.div_loginbody { width: 100%; }
.div_logincase { width: 98%; max-width: 800px; margin-top: 10px; }
.div_logincase .div_logintitle img { width: 487px; display: block; }
.div_logincase .div_loginbox { width: 270px; position: relative; margin: 15px 0 0 0; border: 1px solid #582F01; background: #FEFACF; padding: 10px; box-shadow: 1px 1px 4px rgba(0,0,0,0.3); border-radius: 4px; }
.div_logincase .div_loginbox h3 { width: 100%; text-align: center; color: #582F01; font-size: 16px; font-weight: bold; }
.div_logincase .div_loginbox img.thepin { display: block; margin: -24px auto 10px; width: 15px; }


.div_logincase .div_loginbox.cp_box {
	width: 340px;
}
.cp_box .text{
	margin: 0 0 10px;
}
.password-policy {
	margin: 0 0 20px;
}
	.password-policy strong{
		font-weight:bold;
	}

	.div_loginformcase {
		width: 100%;
		padding: 20px 20px 10px;
		border-bottom: 1px dotted #582F01;
	}
.div_loginformcase .txt_logininputs { width: 100%; padding: 2px 4px; margin-bottom: 10px; }
.div_loginformcase table, .div_loginformcase table th, .div_loginformcase table td { background: none; border: none; line-height: 1.1em; vertical-align: top; padding: 4px; }
.div_loginformcase table label { font-size: 0.9em; color: #582F01; }
.div_radiocase { margin-top: 10px; text-align: center; font-size: 0.9em; color: #582F01; line-height: 1em; }
.bt_loginbt { display: block; height: 40px; width: 55%; background: #00B9EF; color: #fff; font-weight: bold; border-radius: 8px; margin: 10px auto 10px; font-size: 1.2em;  }
.p_loginerror { width: 100%; font-size: 1.1em; padding: 0 5px; color: #fff; background-color: #F55; }

.div_midcontent { width: 100%; max-width: 800px; margin: 40px auto 0; text-align: right; }

.div_footercase { width: 100%; height: 150px; left: 0; top: 100%; margin-top: -150px; position: absolute; background: #AACC03; }
.div_footercase .grass { width: 100%; height: 19px; background-color: #8EDBED; background-image: url(../img/jtk_login_r9_c6.png); background-repeat: repeat-x; }
.div_footercontent { width: 100%; max-width: 800px; margin: 0 auto; position: relative; text-align: center; color: #fff; }
.div_footercase img.trees, .div_footercase img.grasses { position: absolute; display: block; }
.div_footercase img.tree1 { top: -75px; left: 5px; }
.div_footercase img.tree2 { top: -50px; left: 100%; margin-left: -100px; }
.div_footercase img.grass1 { top: 30px; left: 30px; }
.div_footercase img.grass2 { top: 40px; left: 100%; margin-left: -150px; }
.div_footercase img.grass3 { top: 20px; left: 100%; margin-left: -70px; }
.div_footercase img.guys { margin: -330px 0 10px -40px; transform-origin: center bottom; }


@media screen and (max-height: 824px){
	.div_footercase img.guys { transform: scale(0.7); }
}

@media screen and (max-height: 735px){
	.div_midcontent { display: none; }
	.div_footercase { height: 100px; margin-top: -100px; }
}

@media screen and (max-height: 700px){
	.div_footercase img.guys { display: none; }
}

@media screen and (max-width: 767px){
	.div_logincase { display: block; margin-top: 0; }
	.div_logincase .div_logintitle img { max-width: 96%; margin: 0 auto; }
	.div_logincase .div_loginbox { width: 90%; margin: 20px auto; }
	.div_midcontent { display: none; }
	.div_footercase img.guys { display: none; }
	.div_footercase img.grasses { display: none; }
	.div_footercontent { font-size: 0.9em; }
}


.input-group {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.show_password_button {
	font-size: 10px;
	width: 40px;
	padding: 4px 0;
}
.mb-0{
	margin-bottom:0 !important;
}