/**
 *	Author: JCloudYu
 *	Create Date: 2019/06/26
**/
body > main { position:relative; z-index:999; }
body > main.hide { display:none!important; }




body.forget-page { overflow:hidden; }
body.forget-page main {
	position:absolute; left:0; top:0; width:100%; height:100%;
	display:flex; align-items:center; justify-content:center;
}
	body.forget-page main .input-panel {
		box-sizing:border-box; padding:2rem; width:500px;
		border:2px solid rgba(255, 255, 255, 0.5);
		border-radius:10px;
		background:rgba(255, 255, 255, 0.15);
	}
	body.forget-page main label.main-title {
		display:block; font-size:2em; margin-bottom:1rem;
		font-weight:bold; color:#FFF; text-align:center;
	}
	body.forget-page main .err-msg {
		box-sizing:border-box; width:500px; padding:1rem; margin:1em 0;
		border:2px solid rgba(255, 85, 85, 0.5); text-align:center;
		border-radius:10px;
		background:rgba(255, 85, 85, 0.3);
	}
	body.forget-page main .err-msg.hidden { visibility:hidden; }
		body.forget-page main .input-panel > label {
			display:block; font-size:1.5em; margin-bottom:1rem;
			font-weight:bold; color:#FFF; text-align:center;
		}
		body.forget-page main .input-panel > input[type="text"],
		body.forget-page main .input-panel > input[type="password"] {
			display:block; box-sizing:border-box; margin-bottom:1.2rem;
			width:100%; padding:1rem; font-size:0.9em;
			border:none; border-radius:5px; background:#FFF;
			box-shadow:0 0 2px 0 #555; text-align:center;
		}
		body.forget-page main .input-panel > input:nth-child(3) { margin-bottom:1.5rem; }
		body.forget-page main .input-panel > button {
			display:block; width:100%; font-size:1.3em; padding:0.6em; margin-bottom:1rem;
			border:none; border-radius:1.5em; background:#2B3644; color:#FFF; cursor:pointer; outline:none;
		}
		body.forget-page main .input-panel > div.fast-link { font-size:0.8em; text-align:center; color:#C2FFE8; }
			body.forget-page main .input-panel > div.fast-link .text-divider { position:relative; top:2px; display:inline-block; width:2px; height:1em; background:#C2FFE8; margin:0 1em; }






body.register-page { overflow:auto; }
body.register-page main.disclaimer {
	box-sizing:border-box; padding:2em calc((100% - 1024px)/2); width:100%;
}
	body.register-page main label.main-title {
		display:block; font-size:2em; margin-bottom:1rem;
		font-weight:bold; color:#FFF; text-align:center;
	}
	body.register-page main.disclaimer .input-panel {
		box-sizing:border-box; padding:2rem; width:100%;
		border:2px solid rgba(255, 255, 255, 0.5);
		border-radius:10px;
		background:rgba(255, 255, 255, 0.15);
	}
		body.register-page main.disclaimer .input-panel > label {
			display:block; font-size:1.5em; margin-bottom:1rem;
			font-weight:bold; color:#FFF; text-align:center;
		}
		body.register-page main.disclaimer .input-panel > .content {
			display:block; margin-bottom:1rem; padding:2em; font-size:0.8em;
			color:#000; text-align:justify; background-color:#FFF; border-radius:10px;
			line-height:2em;
		}
		body.register-page main .input-panel > button {
			display:block; width:100%; font-size:1.3em; padding:0.6em; margin-bottom:1rem;
			border:none; border-radius:1.5em; background:#2B3644; color:#FFF; cursor:pointer; outline:none;
		}
		body.register-page main .input-panel > div.fast-link { font-size:0.8em; text-align:center; color:#C2FFE8; }
			body.register-page main .input-panel > div.fast-link .text-divider { position:relative; top:2px; display:inline-block; width:2px; height:1em; background:#C2FFE8; margin:0 1em; }

body.register-page main.register-info {
	box-sizing:border-box; padding:2em calc((100% - 800px)/2); width:100%;
}
	body.register-page main.register-info .input-panel {
		box-sizing:border-box; padding:2rem; width:800px;
		border:2px solid rgba(255, 255, 255, 0.5);
		border-radius:10px;
		background:rgba(255, 255, 255, 0.15);
	}
	body.register-page main.register-info .err-msg {
		box-sizing:border-box; width:400px; padding:1rem; margin:1em 0;
		border:2px solid rgba(255, 85, 85, 0.5); text-align:center;
		border-radius:10px;
		background:rgba(255, 85, 85, 0.3);
	}
	body.register-page main.register-info .err-msg.hidden { visibility:hidden; }
		body.register-page main.register-info .input-panel > label {
			display:block; font-size:1.5em; margin-bottom:1rem;
			font-weight:bold; color:#FFF; text-align:center;
		}
		
		body.register-page main.register-info .input-panel .input-group { margin-bottom:1.2rem; }
		body.register-page main.register-info .input-panel .input-group label {
			display:block; font-size:1em; margin-bottom:0.5rem;
			font-weight:bold; color:#FFF;
		}
		body.register-page main.register-info .input-panel .input-group div.desc {
			display:block; font-size:0.8em; color:#C2FFE8; font-weight:bold; margin-bottom:0.2rem;
		}
		body.register-page main.register-info .input-panel .input-group div.desc:last-child { margin-bottom:0; }
		body.register-page main.register-info .input-panel .input-group input[type="text"],
		body.register-page main.register-info .input-panel .input-group input[type="password"] {
			display:block; box-sizing:border-box; margin-bottom:1.2rem;
			width:100%; padding:1rem; font-size:0.9em;
			border:none; border-radius:5px; background:#FFF;
			box-shadow:0 0 2px 0 #555; text-align:center;
		}
		body.register-page main.register-info .input-panel .input-group input[type="text"].has-error,
		body.register-page main.register-info .input-panel .input-group input[type="password"].has-error {
			border:#F55 solid 2px;
		}
		body.register-page main.register-info .input-panel .input-group input[type="text"].small-margin,
		body.register-page main.register-info .input-panel .input-group input[type="password"].small-margin {
			margin-bottom:0.2rem;
		}
		body.register-page main.register-info .input-panel .input-group input[type="text"]:last-child,
		body.register-page main.register-info .input-panel .input-group input[type="password"]:last-child {
			margin-bottom:0;
		}
		
		
		body.register-page main.register-info .input-panel .input-group button {
			display:block; width:100%; font-size:1.3em; padding:0.6em; margin-bottom:1rem;
			border:none; border-radius:1.5em; background:#2B3644; color:#FFF; cursor:pointer; outline:none;
		}
		body.register-page main.register-info .input-panel > div.fast-link { font-size:0.8em; text-align:center; color:#C2FFE8; }
			body.register-page main.register-info .input-panel > div.fast-link .text-divider { position:relative; top:2px; display:inline-block; width:2px; height:1em; background:#C2FFE8; margin:0 1em; }

body.register-page main.register-complete {
	box-sizing:border-box; padding:2em calc((100% - 1024px)/2); width:100%;
}
	body.register-page main.register-complete .input-panel {
		box-sizing:border-box; padding:2rem; width:100%;
		border:2px solid rgba(255, 255, 255, 0.5);
		border-radius:10px;
		background:rgba(255, 255, 255, 0.15);
	}
		body.register-page main.register-complete .input-panel > label {
			display:block; font-size:1.5em; margin-bottom:1rem;
			font-weight:bold; color:#FFF; text-align:center;
		}
		





body.verification-page { overflow:hidden; }
body.verification-page main {
	position:absolute; left:0; top:0; width:100%; height:100%;
	display:flex; align-items:center; justify-content:center;
}
	body.verification-page main .input-panel {
		box-sizing:border-box; padding:2rem; width:500px;
		border:2px solid rgba(255, 255, 255, 0.5);
		border-radius:10px;
		background:rgba(255, 255, 255, 0.15);
	}
	body.verification-page main label.main-title {
		display:block; font-size:2em; margin-bottom:1rem;
		font-weight:bold; color:#FFF; text-align:center;
	}
		body.verification-page main .input-panel > label {
			display:block; font-size:1.5em;
			font-weight:bold; color:#FFF; text-align:center;
		}
		body.verification-page main .input-panel > button {
			display:block; width:100%; font-size:1.3em; padding:0.6em; margin-bottom:1rem;
			border:none; border-radius:1.5em; background:#2B3644; color:#FFF; cursor:pointer; outline:none;
		}






body.reset-password-page { overflow:hidden; }
body.reset-password-page main {
	position:absolute; left:0; top:0; width:100%; height:100%;
	display:flex; align-items:center; justify-content:center;
}
	body.reset-password-page main .input-panel {
		box-sizing:border-box; padding:2rem; width:400px;
		border:2px solid rgba(255, 255, 255, 0.5);
		border-radius:10px;
		background:rgba(255, 255, 255, 0.15);
	}
	body.reset-password-page main label.main-title {
		display:block; font-size:2em; margin-bottom:1rem;
		font-weight:bold; color:#FFF; text-align:center;
	}
	body.reset-password-page main .err-msg {
		box-sizing:border-box; width:400px; padding:1rem; margin:1em 0;
		border:2px solid rgba(255, 85, 85, 0.5); text-align:center;
		border-radius:10px;
		background:rgba(255, 85, 85, 0.3);
	}
	body.reset-password-page main .err-msg.hidden { visibility:hidden; }
		body.reset-password-page main .input-panel > label {
			display:block; font-size:1.5em; margin-bottom:1rem;
			font-weight:bold; color:#FFF; text-align:center;
		}
		body.reset-password-page main .input-panel > input[type="text"],
		body.reset-password-page main .input-panel > input[type="password"] {
			display:block; box-sizing:border-box; margin-bottom:1.2rem;
			width:100%; padding:1rem; font-size:0.9em;
			border:none; border-radius:5px; background:#FFF;
			box-shadow:0 0 2px 0 #555; text-align:center;
		}
		body.reset-password-page main .input-panel > input[type="password"].small-margin { margin-bottom:0.2rem; }
		body.reset-password-page main .input-panel div.desc {
			display:block;
			font-size:0.8em;
			color:#C2FFE8;
			font-weight:bold;
			margin-bottom:1.2rem;
		}
		body.reset-password-page main .input-panel > button {
			display:block; width:100%; font-size:1.3em; padding:0.6em; margin-bottom:1rem;
			border:none; border-radius:1.5em; background:#2B3644; color:#FFF; cursor:pointer; outline:none;
		}
		body.reset-password-page main .input-panel > div.fast-link { font-size:0.8em; text-align:center; color:#C2FFE8; }
			body.reset-password-page main .input-panel > div.fast-link .text-divider { position:relative; top:2px; display:inline-block; width:2px; height:1em; background:#C2FFE8; margin:0 1em; }