@charset "utf-8";
body {
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: auto;
}

/* 彈性版面的提示
1. 由於彈性版面的整體尺寸調整是以使用者的預設字體大小為基礎，所以比較無法預期。如果正確使用，它們也會比需要較大字體大小的版面更容易存取，這是因為行長度會維持一定比例。
2. 這種版面的 Div 尺寸調整是以 Body 元素中的 100% 字體大小為基礎。如果您在 Body 元素或 #container 上使用 font-size: 80% 藉以減少整體文字大小，請記住，整個版面將會依比例縮小。您可能會想要增加各種 Div 的寬度來補償這種情況。
3. 如果字體尺寸調整是以不同的量在每個 Div 而非整體設計上變更 (亦即：#sidebar1 指定為 70% 字體大小而 #mainContent 指定為 85% 字體大小)，這樣就會依比例變更每個 Div 的整體大小。您可能會想要根據最終的字體尺寸進行調整。
*/
.oneColElsCtrHdr #container {
	height: 100%;
	min-width: 56.25em;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url(../images/head_bg.jpg);
	background-repeat: repeat-x;
	background-color: #AA415F;
	
}
.oneColElsCtrHdr #header {
	margin-right: auto;
	margin-left: auto;
} 
.oneColElsCtrHdr #header h1 {
	margin: 0; /* 將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 */
	padding: 10px 0; /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
}
.oneColElsCtrHdr #mainContent {
	height: 100%;
	min-width: 56.25em;
	min-height: 
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 56.25em;
	color: #FFFFFF;
}
.oneColElsCtrHdr #footer {
	background-image: url(../images/foot_bg.jpg);
	background-repeat: repeat-x;
	padding-right: 8em;
	padding-left: 8em;
	vertical-align: bottom;
	height: 4em;
	padding-top: 1em;
} 
.oneColElsCtrHdr #footer p {
	color: #A9405E;
	font-size: 0.8em;
	padding-top: 1em;
}
.oneColElsCtrHdr #footer .view {
	float: left;
}
.oneColElsCtrHdr #footer .copyright {
	float: right;
}

.clearfloat { /* 這個類別應該放置於 Div 或 Break 元素上，而且應該是完整包含浮動的容器關閉前的最後一個元素 */
	clear:both;
	height:0;
	line-height: 0px;
}
.oneColElsCtrHdr #mainContent .menu {
	float: left;
	
}
.oneColElsCtrHdr #mainContent .menu td {
	vertical-align: middle;
}
.oneColElsCtrHdr #mainContent #dm {
	text-align: center;
}


.post {
	color: #FFFFFF;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-weight: bold;
	font-size: 1em;
	float: left;
	padding-left: 2.5em;
}
a:link {
	color: #C1EBFF;
	text-decoration:none;
}

a:visited {
	color: #DFC8FF;
	text-decoration:none;
}
a:hover {
	color: #FFFFFF;
}
.oneColElsCtrHdr #mainContent .menu img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border: 0;
	align: absmiddle;
	vertical-align: middle;
}