@font-face {
  font-family: "Hack-Regular";
  src: url("/css/fonts/Hack-Regular.eot"); /* IE9 Compat Modes */
  src: url("/css/fonts/Hack-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/css/fonts/Hack-Regular.otf") format("opentype"), /* Open Type Font */
    url("/css/fonts/Hack-Regular.svg") format("svg"), /* Legacy iOS */
    url("/css/fonts/Hack-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/css/fonts/Hack-Regular.woff") format("woff"), /* Modern Browsers */
    url("/css/fonts/Hack-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

body{
	background-color:#2a2a2a;
	font-family: "Arial", "Helvetica", "sans-serif", "微軟正黑體";
}

a, a:link, a:hover, a:visited, a:active {
	color: #fff;
	text-decoration: none;
}

.logo-header{
	width:280px;
	height:40px;
}
table td,table th{
	width:280px;
	text-align: center;
}
input{
	border:0;
}
.input-style{
	border: 1px solid #a1a3a3;
	border-style: none none solid none;
	text-align: center;
}
.site{
	width:240px;
}
img{
	margin: 30px 0 0 0;
}
p{
	width:100%;
	margin: 25px 0 0 0;
	color:white;
	font-size: 20pt;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}
.user{
	background-image: url("/image/User.png");
	background-position-x: 5px;
	background-position-y: 13px;
	background-repeat: no-repeat;
	background-size: 24px;
	background-color: #2a2a2a;
	color: #fff;
	height: 50px;
	position: relative;
	margin: 40px 0 0 0;
	padding-left: 37px;
	width: 240px;
	font-size: 15pt;
}
.password{
	background-image:url("/image/Lock.png");
	background-position-x: 5px;
	background-position-y: 13px;
	background-repeat: no-repeat;
	background-size: 24px;
	background-color: #2a2a2a;
	color: #fff;
	height: 50px;
	position: relative;
	margin: 0 0 0 0;
	padding-left: 37px;
	width: 200px;
	font-size: 15pt;
	overflow: auto;
}
.passworda{
	background-image:url("/image/Locka.png");
	background-position-x: 5px;
	background-position-y: 13px;
	background-repeat: no-repeat;
	background-size: 24px;
	background-color: #2a2a2a;
	color: #fff;
	height: 50px;
	position: relative;
	margin: 0 0 0 0;
	padding-left: 37px;
	width: 200px;
	font-size: 15pt;
	overflow: auto;
}
.icon-pass
{
	position: absolute;
	z-index:5;
	background-image: url("/image/Eye_White_24x24px.png"); 
	background-repeat: no-repeat; 
	background-position: top right; 
	width: 24px;
	height: 24px;
	opacity: 0.5;
	margin-left: 250px;
	margin-top: 15px;
}
input::-ms-reveal {
	display: none;
}
input::-ms-clear { 
	display: none; 
}
.loginbtn{
	margin: 30px auto 5px auto;
	width:280px;
	height:36px;
	border: 2px solid #a1a3a3;
	border-radius: 5px; 
	color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15pt;
	line-height:36px;
	font-family: Arial, Helvetica, sans-serif;
}
#msgblock{
	/*
	margin: 10px auto 5px auto;
	padding:5px 10px;
	border: 2px solid #2a2a2a;
	border-radius: 5px; 
	*/
	height: 30px;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #c0c0c0;
}
.showMsg-1
{
	width:20px;
	text-align: left;
	vertical-align: top;
	color: white;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}
#showMsg
{
	text-align: center;
	color: #c0c0c0;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
#loading_div
{
	width:100%;
	height:100%;
	background-color:#000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
	z-index:1000;
}

#loginTb {
	margin: auto;
}