@charset "UTF-8";

/** 義騰 eteng login **/
	
/********************************
	login
********************************/
	:root {
		--login-bg-color: #d9497a;
		--login-btn-bg-color: #d9497a;
		--login-btn-bg-color-77: #d9497a77;
		
		--login-color: #fff;
		--login-btn-color: #fff;
	}
	
	html, body { height: 100%; }
	body {
		background-position: center top; background-attachment: fixed; background-size: cover; background-repeat: no-repeat;
	}
	body:after {
	    content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100%;
	    background: #000; opacity: 0.3;
	}
	
	.cc-btn-imperial, a.cc-btn-imperial {
		transition: all,0.2s,ease-in-out;
	    box-shadow: 0 5px 5px rgba(0,0,0,0.14) !important;
	    background-color: var(--login-btn-bg-color-77);
	    border: 2px solid var(--login-btn-bg-color);
	    color: var(--login-btn-color) !important;
	}
	.cc-btn-imperial.active, .cc-btn-imperial:hover { color: var(--login-btn-color) !important; background-color: var(--login-btn-bg-color); }
	.cc-btn-imperial:focus { color: var(--login-btn-color) !important; }

	.ent-login { display: inline-block; }
	.ent-login .text-white, .ent-login .text-white a {
	    color: var(--login-color);
	}
	
	.ent-login p {
	    line-height: 24px; margin-bottom: 24px; font-size: 16px;
	}
	
	.ent-login .msg {
	    padding: 10px 0; margin-bottom: 15px;
	}
	.ent-login .msg.error {
		background-color: #d9497a88; color: white;
	}

	.ent-login .page-content { 
		/* background-position: center top; background-attachment: fixed; background-size: cover; */
		position: absolute; display: table; left: 0; right: 0; top: 0;  bottom: 0; width: 100%; height: 100%;
		margin-top: 0; padding-bottom: 60px;
	}
	.ent-login .page-content .inner {  position: relative; z-index: 3; margin: 20px auto 30px; }
	
	.ent-login .page-content .inner .logo-header { 
		position: relative; display: table; vertical-align: middle;
	    margin: 0; padding: 30px; width: 100%; height: 90px; z-index: 9;
	}
	
	.ent-login .page-content .inner .logo-header img {
		max-width: 100%; 
	}
	
	.ent-login .page-content .inner .login-form {
		display: block; margin: 0 auto; padding: 0; max-width: 400px; border-radius: 50px; background-color: rgba(255,255,255,0.5);
	}
	.ent-login .page-content .inner .login-form .form {
	    padding: 30px;
	}
	@media (max-width:767px) {
		.ent-login .page-content .inner .login-form { margin: 0 20px; max-width: none; }
		.ent-login .page-content .inner .login-form .form { padding-left: 20px; padding-right: 20px; }
	}
	.ent-login .page-content .inner .tp-login-white .form .form-control,
	.ent-login .page-content .inner .tp-login-white .form .pwd-addon {
	    background-color: rgba(255,255,255,0.8);
	}
	.ent-login .page-content .inner .tp-login-white .form .form-control {
		border-right: none;
	}
	.ent-login .page-content .inner .tp-login-white .form .pwd-addon {
		cursor: pointer; color: #aaa; border-left: none;
	}
	.ent-login .page-content .inner .tp-login-white .form .pwd-addon:hover,
	.ent-login .page-content .inner .tp-login-white .form .pwd-addon:focus,
	.ent-login .page-content .inner .tp-login-white .form .pwd-addon.show-text {
		color: initial;
	}

	.ent-login .page-content .inner .login-form .form .logo { margin-bottom: 15px; }
	.ent-login .page-content .inner .login-form .form .logo > a > img {
	    border-style: none; height: auto; max-width: 100%; vertical-align: middle;
	}
	.ent-login .page-content .inner .login-form .form .form-title {
	    margin-top: 0; font-size: 26px;  line-height: 24px; margin-bottom: 20px; font-weight: 700;
	}
	
	.ent-login .page-content .inner .login-form .form .form-separator-outer {
	    overflow: hidden; margin-bottom: 5px;
	}
	.ent-login .page-content .inner .login-form .form .form-separator-outer .form-separator {
	    position: relative; display: inline-block;
	    height: 3px; width: 50px; margin-bottom: 10px;
	}
	.ent-login .page-content .inner .login-form .form .form-separator-outer .form-separator.style-liner {
	    width: 20px; background-color: var(--login-bg-color);
	}
	.ent-login .page-content .inner .login-form .form .form-separator-outer .form-separator[class*="style-"]:after, 
	.ent-login .page-content .inner .login-form .form .form-separator-outer .form-separator[class*="style-"]:before {
	    content: ""; position: absolute; top: 50%;  left: 30px; width: 70px; height: 1px;
	    background: #eee; transform: translateY(-50%);
	}
	.ent-login .page-content .inner .login-form .form .form-separator-outer .form-separator[class*="style-"]:before {
	    left: auto; right: 30px;
	}
	
	.ent-login .page-content .inner .bottom-footer {
    	position: fixed; left: 0; right: 0; bottom: 0; width: 100%; height: 35px;
    	padding: 5px; background: rgba(0,0,0,0.2); z-index: 4;
	}