@charset "utf-8";
body  {
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center;
	background-attachment: fixed;
	background-color: #FFFFFF;
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
	font-family: "細明體";
	font-size: 10pt;
	color: #000000;
}

a:hover {
	font-family: "細明體";
	color: #666666;
}
a:link {
	font-family: "細明體";
	color: #CCFF00;
}

.txt_12_w {
	font-family: "細明體";
	font-size: 12pt;
	line-height: 22px;
	color: #FFFFFF;
}
.txt_12_r {
	font-family: "細明體";
	font-size: 12pt;
	line-height: 22px;
	color:#CC0000;
}
.txt_12_C {
	font-family: "細明體";
	font-size: 12pt;
	line-height: 22px;
	color:#663300;
}
.txt_16_r {
	font-family: "細明體";
	font-size: 16pt;
	line-height: 30px;
	color:#CC0000;
}

.txt_12_r_1 {
	font-family: "細明體";
	font-size: 12pt;
	line-height: 22px;
	color:#FF6666;
}

.txt_12_b {
	font-family: "細明體";
	font-size: 12pt;
	line-height: 22px;
	color:#000000F;
}
.txt_12_p_1 {
	font-family: "細明體";
	font-size: 12pt;
	line-height: 22px;
	color:#3300FF;
}
.txt_12_y {
	font-family: "細明體";
	font-size: 12pt;
	line-height: 22px;
	color:#FFCC00;
}
#header {
	background-color: #000000;
	height: 30px;
	width: 100%;
}

.table_line {
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFCC00;
	border-right-color: #FFCC00;
	border-bottom-color: #FFCC00;
	border-left-color: #FFCC00;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

#container {
	width: 962px;  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	background: #FFFFFF;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #1E0000;
	border-right-color: #660000;
	border-bottom-color: #990000;
	border-left-color: #1E0000;
} 
#header h1 {
	margin: 0; /* 將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 */
	padding: 0px; /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
	height: 30px;
	background-color: #000000;
}
#sidebar1 {
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 186px; /* 背景顏色將會針對欄的內容長度而顯示，但僅止於此 */
	padding: 0px;
	background-color: #990000;
	vertical-align: top;
	margin: 0px;
}
#mainContent {
	padding: 0; /* 請記住，欄位間隔就是 Div 方塊內部的空間，而邊界就是 Div 方塊外部的空間 */
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 200px;
} 
#footer {
	padding: 0;
	height: 79px;
	background-color: #630100;
} 
#footer p {
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 0px; /* 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */
}
.fltrt { /* 這個類別可用來讓頁面右邊的元素浮動。浮動元素必須位於頁面上必須相鄰的元素前面。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 這個類別可用來讓頁面左邊的元素浮動 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 這個類別應該放置於 Div 或 Break 元素上，而且應該是完整包含浮動的容器關閉前的最後一個元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.txt_10_w {
	font-family: "細明體";
	font-size: 10pt;
	line-height: 18px;
	color: #FFFFFF;
}
.txt_10_y {
	font-family: "細明體";
	font-size: 10pt;
	line-height: 15px;
	color: #FFCC00;
}
.txt_10_b {
	font-family: "細明體";
	font-size: 10pt;
	line-height: 18px;
	color: #000000;
}

.txt_10_blue {
	font-family: "細明體";
	font-size: 10pt;
	line-height: 18px;
	color: #0000CC;
}
.txt_10_r {
	font-family: "細明體";
	font-size: 10pt;
	line-height: 15px;
	color: #CC0000;
}
.txt_10_r_1 {
	font-family: "細明體";
	font-size: 10pt;
	line-height: 15px;
	color: #FF6666;
}
.txt_10_g {
	font-family: "細明體";
	font-size: 10pt;
	line-height: 15px;
	color: #666666;
}
.txt_10_orange {
	font-family: "細明體";
	font-size: 10pt;
	line-height: 18px;
	color: #CC3300;
}

.txt_10_cafe {
	font-family: "細明體";
	font-size: 10pt;
	line-height: 18px;
	color: #660000;
}
.table_dish_01 {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: 1px;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #FFCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #FF9999;
	border-left-color: #CCCCCC;
	font-family: "細明體";
	font-size: 10pt;
	line-height: 20px;
	color: #000000;
}
.table_dish_02 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dashed;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-family: "細明體";
	font-size: 12pt;
	line-height: 25px;
	color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}


#login {
	font-family: "細明體";
	font-size: 10pt;
	line-height: 13px;
	color: #FFFFFF;
	padding: 0px;
	width: 186px;
	background-image: url(images/login_bg.jpg);
	height: 215px;
	margin: 0px;
}
.table_frame_01 {
	margin: 3px;
	border: 1px solid #7A5D25;
	padding: 3px;
}

#search {
	font-family: "細明體";
	font-size: 10pt;
	background-image: url(images/search_bg.jpg);
	height: 42px;
	width: 776px;
	text-align: right;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
	background-repeat: repeat;
}
.table_frame_02 {
	border: 2px dashed #CC0000;
}
.table_dish_03 {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #57310D;
	font-family: "細明體";
	font-size: 12pt;
	line-height: 25px;
}

.table_frame_04 {
	padding: 5px;
	border: thin solid #999999;
	margin: 5px;
}
.table_frame_05 {
	background-color: #FFF0F0;
	border: 1px double #990000;
}
.table_photo_frame_01 {
}
.table_dish_04 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-family: "細明體";
	font-size: 10pt;
	line-height: 20px;
}
.table_w_dish_05 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.table_y_dish_06 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFCC00;
}


.table_frame_06 {
	border: 1px dashed #CC0000;
	padding: 3px;
}
.box_01 {
	background-color: #FFEEF7;
	border: 1px solid #FF9999;
}