/* ############### POPUP BG ############### */
.CoverPop-open, .CoverPop-open body { overflow: hidden; }
#CoverPop-cover { display: none; position: fixed; overflow-y: scroll; top: 0; left: 0; right: 0; bottom: 0; z-index: 999998; -webkit-animation: fade-in .25s ease-in; -moz-animation-name: fade-in .25s ease-in; -ms-animation-name: fade-in .25s ease-in; -o-animation-name: fade-in .25s ease-in; animation-name: fade-in .25s ease-in; background-color: rgba(0,0,0,0.70); }
.CoverPop-open #CoverPop-cover { display: block; }
@-webkit-keyframes fade-in {
    0% { opacity: 0; }
    25% { opacity: 0; }
    100% { opacity: 1; }
}

/* ############### POPUP ############### */
.splash { background-color: white; }
.splash-center { text-align: center; max-width: 450px; max-height: 450px; padding: 0 0 10px 0; background: white; margin: 0 auto 0 auto; top: 50%; position: relative; transform: translateY(-50%); }
.splash-bottom-right { text-align: center; max-width: 450px; padding: 0 0 10px 0; background: white; position: absolute; bottom: 2%; right: 2%; }
.splash-content { position: relative; margin: 0; z-index: 99999999; }

	.splash_box_close { position: absolute; top: 0; right: 0; cursor: pointer; padding: 0; filter: invert(1); }
		.splash_box_close img { width: 40px; }
	.splash_box_img_01 { margin-bottom: 2px; }
		.splash_box_img_01 img { width: 100%; height: auto; max-width: 100%; }
	.splash_box_img_02 { margin-bottom: 10px; }
		.splash_box_img_02 img { width: 100%; height: auto; max-width: 100%; }
	.splash_box_txt { padding: 0 5% 5% 5%; font-size: 13px; font-weight: normal; color: black; }
	.splash_box_form { margin-bottom: 20px; }
		.splash_box_form .input { background-color: white; border: 1px solid gray; margin: 0 0 10px 0; overflow: hidden; padding: 12px; position: relative; width: 80%; font-size: 12px; color: black; font-weight: 400; text-align: center; }
			.splash_box_form .input:focus { background-color: lightgray; }
		.reg_form_gender_container { padding: 12px; width: 80%; font-size: 12px; margin: 0 auto; }
			.reg_form_gender_radio { margin: 0 5px 5px 5px; display: inline-block; }
				.reg_form_gender_radio input[type='radio'] + label { padding: 10px 0px 8px 30px; text-transform: lowercase; font-size: 10px; letter-spacing: 0; }
		.splash_box_form .btn { background-color: black; border: 1px solid black; margin: 0; overflow: hidden; padding: 12px; position: relative; width: 30%; font-size: 12px; color: white; font-weight: 400; text-align: center; cursor: pointer; text-transform: uppercase; }
			.splash_box_form .btn:hover { background-color: white; border: 1px solid black; color: black; }
	.splash_box_privacy { margin-bottom: 20px; font-size: 10px; color: lightgray; width: 100%; padding: 0 5%; text-align: center; }
		.splash_box_privacy a { color: lightgray; text-decoration: underline; }

@media screen and (max-width: 1950px) {
	.splash-center { max-width: 400px; width: 80%; margin: 0 auto 0 auto; }
	.splash-bottom-right { max-width: 400px; width: 80%; }
	.splash_box_close img { width: 30px; }
	.splash_box_form { margin-bottom: 10px; }
	.splash_box_form .input { padding: 8px; width: 75%; font-size: 10px; }
	.reg_form_gender_container { padding: 8px; width: 75%; font-size: 10px; }
	.splash_box_form .btn { padding: 8px; font-size: 10px; }
	.splash_box_privacy { margin-bottom: 10px; font-size: 9px; }
}

@media screen and (max-width: 767px) {
	.splash-bottom-right { max-width: 400px; width: 80%; margin: auto; bottom: auto; transform: translate(-50%); top: 33%; left: 50%; right: auto;}
}

/* ############### REG_FORM.PHP ############### */
.reg_form_msg_start { width: 100%; overflow: auto; padding: 20px 0 20px 0; text-align: center; font-size: 24px; }
.reg_form_col_full { width: 100%; overflow: auto; padding: 20px 0 20px 0; text-align: center; }
.reg_form_col_half { width: 50%; float: left; overflow: auto; }
.reg_form_col_sx { width: 50%; float:left; overflow: auto; }
.reg_form_col_dx { width: 50%; float:left; overflow: auto; }
.reg_form_img { width: 100%; height: auto; max-width: 800px; }
.reg_form_input { margin: 10px 0 10px 0; padding: 10px; height: 30px; max-width: 400px; width: 100%; border: 1px solid black; overflow: hidden; background-color: white; }
.reg_form_check { margin: 10px; }
.reg_form_button { font-weight: bold; font-size: 15px; border:1px solid black; background-color: black; padding: 10px; color: white; cursor: pointer; text-transform: uppercase; max-width: 420px; width: 100%; text-align: center; margin: 20px 0 20px 0; }
.reg_form_button:hover { border:1px solid black; background-color: white; padding: 10px; color: black; }