@charset "utf-8";
/*============================================================================*/

section.ere-login.s1 {  }

/*----------------------------------------------------------------------------*/

section.ere-login.s1 .main {  }

section.ere-login.s1 .main .col {  }

section.ere-login.s1 .main .col .reveal {  }

section.ere-login.s1 .main .col .reveal .login {
	display: inline-block; width: 100%; min-height: 350px;
	border: 1px solid rgba(1, 66, 105, .05);
	border-radius: 12px;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .35);
	background-color: rgba(255, 255, 255, .35);
}

section.ere-login.s1 .main .col .reveal .login .headtitle {
	display: flex; justify-content: center; padding: 15px 0;
	border-bottom: 1px solid rgba(1, 66, 105, .15);
	border-radius: 12px 12px 0 0;
}


section.ere-login.s1 .main .col .reveal .login .headtitle strong { font-size: 20px; color: rgba(1, 66, 105, .85); }

section.ere-login.s1 .main .col .reveal .login ul { display: flex; justify-content: center; flex-direction: column; margin: 30px 0 20px 0; border-bottom: 1px dashed rgba(1, 66, 105, .15); }

section.ere-login.s1 .main .col .reveal .login ul li {
	display: flex; justify-content: center; position: relative; margin: 20px 0;
	-webkit-transition: color 300ms linear; transition: color 300ms linear;
}

section.ere-login.s1 .main .col .reveal .login ul li mark:before {
	display: inline-block; margin: 5px 0 0 0;
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 900; font-size: 20px; color: rgba(69, 69, 69, .65);
}
section.ere-login.s1 .main .col .reveal .login ul li mark.id:before { content: '\f007'; }
section.ere-login.s1 .main .col .reveal .login ul li mark.pw:before { content: '\f084'; }
section.ere-login.s1 .main .col .reveal .login ul li:hover mark:before { color: rgba(1, 140, 190, .65); }


section.ere-login.s1 .main .col .reveal .login ul li input {
	margin: 0 0 0 15px; padding: 0 10px; width: 250px; height: 30px;
	border: 0; border-bottom: 1px solid rgba(69, 69, 69, .65);
	font-size: 14px; color: rgba(1, 66, 105, .95);
	background-color: transparent;
}
section.ere-login.s1 .main .col .reveal .login ul li input:focus {
	border-bottom: 1px solid rgba(1, 140, 190, .65);
}

section.ere-login.s1 .main .col .reveal .login .but { display: flex; justify-content: center; }

section.ere-login.s1 .main .col .reveal .login button {
	border-radius: 5px;
	border: 1px solid rgba(1, 66, 105, .35);
	box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .35);
	background-color: rgba(255, 255, 255, .65);
	cursor: pointer;
	-webkit-transition: box-shadow 300ms linear; transition: box-shadow 300ms linear;
}
section.ere-login.s1 .main .col .reveal .login button:hover { box-shadow: 1px 1px 8px 1px rgba(1, 66, 105, .35); }
section.ere-login.s1 .main .col .reveal .login button strong { position: relative; padding: 8px 20px 8px 25px; font-size: 16px; }

section.ere-login.s1 .main .col .reveal .login button strong:before {
	content: '';
	position: absolute; top: 0px; left: 0; width: 6px; height: 100%;
	border-radius: 5px 0 0 5px;
	background-color: rgba(140, 140, 140, .65);
}
section.ere-login.s1 .main .col .reveal .login button strong:hover:before { background-color: rgba(1, 140, 190, .65); }

section.ere-login.s1 .main .col .reveal .login button:hover strong { color: rgba(1, 140, 190, .95); }

section.ere-login.s1 .main .col .reveal .login ol { display: flex; justify-content: center; margin: 30px auto; }

section.ere-login.s1 .main .col .reveal .login ol li { margin: 0 20px; }


/*-------------------*//*-------------------*/

section.ere-login.s1 .main .col .reveal .login ul li .captcha {  }

section.ere-login.s1 .main .col .reveal .login ul li .captcha .cf {  }

section.ere-login.s1 .main .col .reveal .login ul li .captcha .cf strong {  }

section.ere-login.s1 .main .col .reveal .login ul li .captcha .sum {  }

section.ere-login.s1 .main .col .reveal .login ul li .captcha .sum mark {  }
section.ere-login.s1 .main .col .reveal .login ul li .captcha .sum mark.cl:before { content: '\f64c'; }

section.ere-login.s1 .main .col .reveal .login ul li .captcha .sum .mark input {  }

/*-------------------*//*-------------------*/

section.ere-login.s1 .main .col .reveal .login .ps { display: flex; justify-content: center; margin: 20px 0; }

section.ere-login.s1 .main .col .reveal .login .ps a {  }

section.ere-login.s1 .main .col .reveal .login .ps a strong { padding: 0 10px; line-height: 26px; font-size: 16px; }


@media screen and (min-width: 1px) and (max-width: 679px) {
	section.ere-login.s1 .main .col .reveal .login { border-radius: 0; }
	section.ere-login.s1 .main .col .reveal .login .headtitle { border-radius: 0; }
}