

.clear {	
	clear: both;
}

input.field {  
	font: 14px "微軟正黑體", "sans-serif", "Arial", "Verdana";
	background-color: #ffffff;  
	border: 1px solid #c7c0b1;  
	vertical-align: middle;
}

.inputTitle {  
	font: 14px "微軟正黑體", "sans-serif", "Arial", "Verdana";  
	color: #444444;  
	width: 140px;  
	padding-top: 5px;  
	padding-left: 5px;  
  display: inline-block;
}

.inputField {  
	font: 14px "微軟正黑體", "sans-serif", "Arial", "Verdana";  
	color: #555555;  
	padding: 2px 2px;  
}

.inputFieldRight {
	float:right;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}


/*------------------------------------
  ŧ?�X
------------------------------------*/
.code {  
	background: #ffffff;  
	padding: 0px;  
	margin: 0px;  
	border: 1px solid #333333;  
	width: 54px;  
	height:20px;
	margin-bottom: 15px; 
}




































.buttonBox {  
	background: #f8f8f8;  
	border: 1px solid #dddddd;  
	margin-bottom: 15px;  
	padding: 4px 4px 4px 4px;
}

.buttonLeft {  
	float: left;
}

.buttonCenter {  
	float: left;  
	width: 80px;  
	margin-left: 160px;
}

.buttonRight {  
	width: 80px;  
	margin: 0px 0px 0px auto;
}

input.textButton {  
	background: url(../images/button_bg.gif) repeat-x;  
	font: 12px "微軟正黑體", "Calibri";  
	color: #ffffff;  
	border: 0px;  
	/*padding-top: 4px;   */  
	margin: 0px;  
	width: 80px;  
	height: 20px;  
	cursor: pointer;
}

div.textButton {  
	text-align: center;  
	background: url(../images/button_bg.gif) repeat-x;  
	font: 12px "微軟正黑體", "Calibri";   
	color: #ffffff;  
	border: 0px;  
	/*padding-top: 4px;    */  
	margin: 0px;  
	width: 80px;  
	line-height: 20px;  
	cursor: pointer;  
	text-decoration: none;
}

/*------------------------------------
�T���϶�
------------------------------------*/
.messageBox {  
	background: #FFFAF2;  
	border: 1px dotted #FFD68B;  
	margin-bottom: 15px;  
	padding: 10px 15px 10px 15px;  
	font: 12px "微軟正黑體", "Calibri";  
	color: #f0a480;
}

.messageErrorText {  
	font: 12px "微軟正黑體", "Calibri";  
	color: #ff7e00;  
	width: 100%;}

.messageSuccessText {  
	font: 12px "微軟正黑體", "Calibri";   
	color: #4d9624;  width: 100%;
}

.messageWarningText {  
	font: 12px "微軟正黑體", "Calibri";   
	color: #ff7e00;  
	width: 100%;
}

.systemMessage {  
	font: 12px "微軟正黑體", "Calibri";   
	color: #666666;  
	padding: 10px;  
	font-size: 12px;
}


/*------------------------------------
�����϶�
------------------------------------*/
.pageBox {  
	margin-bottom: 15px;
}


/*------------------------------------
�C������
------------------------------------*/
.listBox {  
background: #dddddd;  
border: 1px solid #fafafa;  
margin-bottom: 15px;
}

.listBox table {  
width: 100%;
}

.listBox th {  
	line-height: 20px;  
	background: #eeeeee;  
	white-space: nowrap;  
	font: 12px "微軟正黑體", "Calibri";   
	color: #333333;
}

.listBox td {  
	line-height: 20px;  
	font: 12px "微軟正黑體", "Calibri";   
	color: #666666;
}

.listRow {

}

.listRowWhite {  
	background: #ffffff;
}

.listRowOver {  
	background: #f8f8f8;
}


/*------------------------------------

------------------------------------*/
.loginHeader {  
	background: url("../img/login_header.gif") repeat-x;  
	width: 220px;  
	height: 41px;
}

.loginCenter {  
	background: url("../img/login_center.gif");  
	width: 220px;  
	padding: 10px 0px 0px 10px;
}

.loginFooter {  
	background: url("../img/login_footer.gif") repeat-x;  
	width: 220px;  
	height: 15px; 
	margin-bottom: 10px;
}

.login {  
	font: 12px "微軟正黑體", "Calibri";  
	margin: 0;  
	float: left;
}

.loginButton {  
	font: 12px "微軟正黑體", "Calibri";  
	padding: 3px 0px 0px 3px;  
	margin: 0;  
	float: left;
}

.splitPageBox {  
	line-height: 36px;  
	text-align: center;  
	width: 100%;
}

.splitPageBoxes {  
	margin: 1px 0px;  
	clear:both;  
	display: inline;
}

.splitPageLink {  
	color: #999999;  
	font: 12px "微軟正黑體", "Calibri";   
	background-color: #FFFFFF;  
	border: 1px solid #cccccc;  
	margin-right:1px;  
	font-weight: bold;  
	vertical-align: meddle;
}

.splitPageNoLink {  
	color: #666666;  
	font: 12px "微軟正黑體", "Calibri";  
	background-color: #f1f1f1;  
	border: 1px solid #cccccc;  
	margin-right:1px;  
	vertical-align: meddle;  
	font-weight: bold;
}

a.splitPageNoLink:hover {  
	color: #666666;  
	font: 12px "微軟正黑體", "Calibri";   
	background-color: #f1f1f1;  
	border: 1px solid #cccccc;  
	margin-right:1px;  
	vertical-align: meddle;  
	font-weight: bold;
}

a.splitPageLink:hover  {  
	color: #666666;  
	font: 12px "微軟正黑體", "Calibri";  
	background-color: #f7f7f7;  
	border: 1px solid #cccccc; 
	text-decoration: none;  
	font-weight: bold;
}

.splitPageBoxes a {  
	padding: 2px 4px;  
	font-size: 12px;  
	text-decoration: none;
}
