/* 
http://articles.sitepoint.com/print/style-web-forms-css
http://www.webcredible.co.uk/user-friendly-resources/css/css-forms.shtml
*/

/* ==================Body */
html body {
			font: 84% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
			background: #fff;
			color: #333;
			margin:0;
			border: 0;
			width: 100%; /* added on 11-2-2009 */
			}

/* ==== Table =============='#' 代表 id */
/* ==================Table */
table.general {
	border-width: 1px;
	border-spacing: 4px;
	/*padding: 2px;*/
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
}

table.general td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: gray;
}

#resetPwd table {  
 background-color: #F9FBFD;  
 color: #000000;  
 width: 280px;  
 border: 2px solid #D7E5F2;  
 border-collapse: collapse;  
}

#updateContact table {  
 background-color: #F9FBFD;  
 color: #000;  
 width: 300px;  
 border: 2px solid #D7E5F2;  
 border-collapse: collapse;  
}

#login table {  
 background-color: #fff;  /* #fff：白底 #F9FBFD  */
 color: #000;  
 width: 250px;  
 border: 2px solid #ccc;  /* #ccc 淺灰 2px solid #D7E5F2 */
 border-collapse: collapse;  
}

#forgotPwd table {  
 background-color: #F9FBFD;  
 color: #000;  
 width: 300px;  
 border: 2px solid #D7E5F2;  
 border-collapse: collapse;  
}

table a {/* 原設定 */
	font-weight:normal;
	text-decoration: none;
	color: red;  /* #333 灰 */
	}

table a:link a:visited {
	font-weight:normal;
	text-decoration: none;
	color: blue;  /* #333 灰 */
	}

table a:hover {
	font-weight:normal;
	text-decoration: none;
	color: red;  /* #333 灰 */
}

/* ==== FORM ========= '#' 代表 id || '.' 代表 class */

#enrol input {
	background-color: #ccffff;
	font: 95% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #000;
}

#enrol select {
	background-color: #ccffff;
	border: 1px solid #000;
	font: 95% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#enrol textarea {
	background-color: #ccffff;
	color: #000;
	border: 1px solid #000;
	font: 95% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

input {
	background-color: #ffffcc;
	font: 95% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #000;
}

select {
	background-color: #ffffcc;
	border: 1px solid #000;
	font: 95% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

textarea {
	background-color: #ffffcc;
	color: #000;
	border: 1px solid #000;
	font: 95% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

.button {    
	font: 95% Verdana, Geneva, Arial, Helvetica, sans-serif;    
	background-color: #D7E5F2;    
	color: #102132;    
	margin-left: 0px;    
	margin-top: 3px;    
	margin-bottom: 2px;
	border: 2px outset #d7b9c9
}

/* =============== */

/* =====Banner Setup */
#mastbanner {
	border: 1px solid;
	background: black;
	}

/* =====Navigation- Top General Setup */
#navTop {
	clear: left;
	background: black;
	text-align: right;
	font-size: 1em;
	padding: 0.7em;
	border-left: 1px dotted;
	border-right: 1px dotted;
	/*border-bottom: 1px dotted;*/
	}

#navTop p {
	font-weight: normal;
	color: white; /* 原設定 #fff #333 */
	margin: 0 0 0.1em 0;
	line-height:0.85em;
	}

#navTop a {/* 原設定 */
	font-weight:normal;
	text-decoration: none;
	color: white; /* 原設定 #333 */
	}


#navTop a:link a:visited {
	font-weight:normal;
	text-decoration: none;
	color: white; /* 原設定 #333 */
	}

#navTop a:hover {
	font-weight:normal;
	text-decoration: underline;
	color: white; /* 原設定 #333 */
}	
	
/* =====Navigation- Second Row General Setup */
#nav {
	clear: left;
	background: orange;
	text-align: right;
	font-size: 1em;
	padding: 0.7em;
	border-left: 1px dotted;
	border-right: 1px dotted;
	border-bottom: 1px dotted;
	}

#nav p {
	font-weight: normal;
	color:#333; /* 原設定 #fff */
	margin: 0 0 0.1em 0;
	line-height:0.85em;
	}

#nav a {/* 原設定 */
	font-weight:normal;
	text-decoration: none;
	color: #333;
	}


#nav a:link a:visited {
	font-weight:normal;
	text-decoration: none;
	color: #333;
	}

#nav a:hover {
	font-weight:normal;
	text-decoration: underline;
	color: #333;
}

/* =====Left Bar--News or Sub-Navigation   */
#sidebar {
	background: #fff;
	margin: 0 20.3% 0 0; /* margin: 0;added on 5 Feb 2009 */
	position: absolute;
	left: 16px;
	width: 17.2%;  /* 220px/17.2% */
	padding-top: 1.3em; /* 0.65em */
	}
	
#sidebar a {/* 原設定 */
	font-weight:normal;
	text-decoration: none;
	color: blue; /* #333 灰黑 */
	}

#sidebar a:link a:visited {
	font-weight:normal;
	text-decoration: none;
	color: blue; /* #333 灰黑 */
	}

#sidebar a:hover {
	font-weight:normal;
	text-decoration: none;
	color: red; /* #333 灰黑 */
}
		
#sidebar li a {
	font-weight:normal;
	text-decoration: none;
	color: #00f;
	}
			
#sidebar li a:hover {
	font-weight:normal;
	text-decoration: underline;
	color: #00f;
	}

/* =====Content 完全控制左sidebar及content的尺寸*/
#content 	{
	background: #fff;
	margin: 0 0 0 20.3%; /* ## 0 0 0 260px/20.3% */
	border-left: 1px dotted #999;
	width: 57%; /* 55% */
	padding-top: 1.3em; /* 0.65em ## later added 30-12-2008 */
	padding-right: 18em; /* =====  右邊留白 18em ===== */
	padding-bottom: 0.65em; /* later added 30-12-2008 */
	padding-left: 2.65em; /* =====  左邊留白  ===== */
	}

#content a {/* 原設定 */
	font-weight:normal;
	text-decoration: none;
	color: blue;
	}

#content a:link a:visited {
	font-weight:normal;
	text-decoration: none;
	color: blue;
	}

#content a:hover {
	font-weight:normal;
	text-decoration: none;
	color: red;
}	
	
/* =====Image Setup */

img {
	display: inline;
	margin: 0;
	padding: 0;
}

img#me {
	float: left;
	padding: 0 1em 0 0;
}
/* =====Paragrahp */
/* =====大標題  */
h2 { 
	color: #555;
	letter-spacing: 2px;
	}
/* =====次級標題  */
h4 {
	text-align:left;
	color:#000;
	border-bottom: 1px solid #666;
	padding: 3px;
	}

p.smallheading {
	color:#999;
	margin:0;
	padding:0;
	border-bottom: 1px dotted #999;
	}
/* =====段落  */
p { 
	color:#333;
	padding: 0;
	}
		
ul {
	list-style-type:square;
	color: #000;
}

hr {
	border:none;
	background-color:#999;
	height:1px;
	}

/* Footer設定  */
#footer {
	clear: both;
	margin: 0;
	border: 0;
	background: orange; 
	text-align: center;
	/*font-size: 0.85em; */
	border: 1px dotted;
	padding: 0.65em;
	}
#footer a {
	font-weight: normal;
	text-decoration: underline;
	color: #333;
	}			
#footer p {
	font-weight: normal; /* changed on 5 Feb 2009 */
	font-size: 0.85em;
	color:#333;
	margin: 0 0 0.1em 0;
	line-height:1em;
	}