@charset "UTF-8";
* { margin: 0px; padding: 0px; box-sizing: border-box; }
a, a:link, a:visited, a:hover, a:active {text-decoration:none;}
img { border: 0px none; }
body {
    position: relative;
	width: 100%; 
	height: 100%;
	font-family: 'Microsoft JhengHei','Microsoft YaHei',Arial, Helvetica, sans-serif;
	text-align: center;
	background:#ffffff;
	}

#supersized-loader{position:absolute;top:50%;left:50%;z-index:0;width:60px;height:60px;margin:-30px 0 0 -30px;text-indent:-999em;}
#supersized{display:block;position:fixed;left:0;top:0;overflow:hidden;z-index:-999;height:100%;width:100%}
#supersized img{width:auto;height:auto;position:relative;display:none;outline:0;border:none}
#supersized.speed img{-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges}
#supersized.quality img{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality}
#supersized li{display:block;list-style:none;z-index:-30;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;background:#111}
#supersized a{width:100%;height:100%;display:block}
#supersized li.prevslide{z-index:-20}
#supersized li.activeslide{z-index:-10}
#supersized li.activeslide img,#supersized li.prevslide img{display:inline}
#supersized img{max-width:none!important}
/**********************/

.login-container {
	padding: 3% 3%;
	width: 450px;
	height: 725px;
	background-color: rgba(255,255,255,1);
	margin: 5% auto 10px;
	border-radius: 0px;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.6);
	overflow: hidden;
}

.login-header .login-txt,
.nav-login li,
.nav-login,
.login-footer,
.login-header { 
	position: relative;
	display: inline-block;
	float: left;
	width: 100%;
    }
	
.login-header .login-txt {
    padding-top: 10px;
    min-height: 80px;
	font-size: 26px;
	font-weight: 600;
	text-align: center;
	}
.login-header .login-pic { 
    position: absolute;
	display: block;
	left: 0;
	width: 70px; 
	}
.login-header img { 
    max-width: 90%; 
	}

.login-footer { 
	color:#000000;
	font-size: 14px;
	line-height: 1.5em;
	text-align: center;
	padding: 10px 0px;
    }
.login-container i,
.login-container .login-note {
	color:#000000;
	font-size: 14px;
	line-height: 1.5em;
	text-align: left;
	padding: 10px 0px;
	}
.login-container i {
	position: relative;
	display: inline-block;
	width: 100%;
	color:#D90000;
	text-align: left;
	padding: 5px 0px;
	}


.nav-login li { 
	width: 50%;
    margin: 10px 0px; 
	background-color: #d1d1d1;
	}
.nav-login li + li {
 	border-left: 1px solid rgba(255, 255, 255, 0.5); 
	}
.nav-login li a:hover, 
.nav-login li a { 
    color: #7c7b7b;
	height: 44px;
	line-height: 44px;	
	padding: 5px 5px;  
	}
.nav-login li a.active { 
	display: block;
	color: #FFFF26;
	background-color: #90C328; 
	height: 44px;
	line-height: 34px;	
	padding: 5px 5px;  
	border-bottom:3px solid #666;
	}
.nav-login li:hover {
    background-color: #90C328; 
}
/**********************/
.show { display: block!important;}
.hide { display: none!important; }

/**********************/
.login-help { 
    width: 100%; 
	text-align: center; 
	font-size: 16px; 
	margin: 5px 0px; 
	}
.login-help a:hover, 
.login-help a { 
    color: #000000; 
	padding: 5px 5px;  
	}
	

.login-txt { 
    padding: 10px 0px;
	width: 100%; 
	text-align: center; 
	font-size: 16px; 
	font-weight: 600;
	color:rgba(0,0,0,1); 
	}
.login-code {
	font-family: Arial;
	font-style: italic;
	font-size: 20px;
	border: 0;
	padding: 2px 3px;
	letter-spacing: 3px;
	font-weight: 600;
	float: left;
	cursor: pointer;
	width: 39.5%;
	margin-bottom: 10px;
	margin-right: 0.5%;
	height: 44px;
	line-height: 44px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #d9d9d9;
	background-color: #FFFFFF;
}

.login {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    height: 44px;
	line-height: 44px;
    padding: 0 8px;
}
.login-submit {
    border: 0px;
    color: #fff;
    background-color: #003253;
	margin-top: 10px;
}

.login-submit:disabled {
    border: 0px;
    color: #fff;
    background-color: #7c7b7b;
	margin-top: 10px;
}

.login-submit:hover:enabled {
    border: 0px;
    background-color: #90C328;
}

@media (max-width:670px){
.login-container { width: 95%; padding: 7% 5%; margin: 5% 2%; }
}
/**********************/
.login-container input[type=submit] {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    position: relative;
}
.login-container input[type=text], 
input[type=password] {
    height: 44px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	margin-top: 10px;
}
.login-container input[type=text]:hover, 
input[type=password]:hover {
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.login-container input[name=code] {
    float: left;
	width: 60%;
}
/**********************/