@charset "utf-8";
/* CSS Document */
/* login reset */
.LoginModule p, .LoginModule form {
	margin:0;
	padding:0;
}
.LoginModule, .LoginModule button, .LoginModule input, .LoginModule select, .LoginModule textarea {
	font:10pt/1.8 Helvetica, Tahoma, Arial, sans-serif;
}
.LoginModule {
	color: #333;
}
.LoginModule a:link {
	color: #F36;
}
.LoginModule a:visited {
	color: #333;
}
.LoginModule a:hover {
	color: #333;
}
.LoginModule a:active {
	color: #333;
}

/* clearfloat */
.LoginModule .clearfloat_height_0 {
	clear:both;
	height:0px;
}

/* loginCSS */
.LoginModule {
	width:430px;
	height:auto;
	margin:40px auto;
}
.LoginModule .bgt {
	background-image: url(loginImages/loginBox_bgt.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 430px;
}
.LoginModule .bgc {
	background-image: url(loginImages/loginBox_bgc.png);
	background-repeat: repeat-y;
	background-position: left top;
	height:auto;
}
.LoginModule .loginTitle {
	background-image: url(loginImages/login_title_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 430px;
}
.LoginModule .loginLine {
	background-image: url(loginImages/login_line_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 2px;
	width: 360px;
	margin:0 auto;
}
.LoginModule .loginInfo {
	width:260px;
	height:auto;
	min-height:100px;
	margin:0 auto;
	padding:20px 0;
}
.LoginModule .loginInfo p {
	margin-bottom:14px;
}
.LoginModule .bgf {
	background-image: url(loginImages/loginBox_bgf.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 430px;
}
/* input */
.LoginModule .loginInfo input {
	width:170px;
	height:24px;
	line-height:24px;
	padding:0 5px;
	border: 0;
	vertical-align:middle;
}
.LoginModule .loginInfo select {
	width:180px;
	height:24px;
	line-height:24px;
	border: 0;
	vertical-align:middle;
}

/* submit images */
/* KK注＿因為IE對 text-indent:-9999px; 的認知有誤所以才要加上 position:absolute; 這段語法所以才會導致要使用BtnBox_L BtnBox_R來避免掉落的問題 */
.LoginModule .loginInfo .BtnBox_L {
	width:170px;
	height:38px;
	float:left;
}
.LoginModule .loginInfo .BtnBox_R {
	width:80px;
	height:38px;
	float:left;
}
.LoginModule .loginInfo .loginBtn {
	background-image: url(loginImages/login_btn_off.jpg);
	width:80px;
	height:38px;
	background-repeat: no-repeat;
	background-position: left top;
	cursor:pointer;
	text-indent:-9999px;
	position:absolute;
	display:block;
}
.LoginModule .loginInfo .loginBtn:hover {
	background-image: url(loginImages/login_btn_on.jpg);
	width:80px;
	height:38px;
	background-repeat: no-repeat;
	background-position: left top;
	cursor:pointer;
	text-indent:-9999px;
	position:absolute;
	display:block;
}


