@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}
a{ color:#919191; text-decoration:none;}
a:hover, a:active{color:#FFF}
body  {
	font-family:"微軟正黑體", "Arial Unicode MS";
	font-size:13px;
	background: #d6ccb4;
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #FFF;
	background-image: url(images/body-bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
form .button{
	background-color:#E3E6C8;
	border:2px solid #EFEFEF;
	color:#999933;
	display:block;
	margin:3px;
	height:36px;
	padding: 8px 16px;
}
form .button2{
	background-color:#FFFFFF;
	border:1px solid #CFCDC7;
	color:#4E473F;
	display:block;
	margin-top:3px;
	height:25px;
	padding: 2px 14px;
	font-family:"微軟正黑體", "Arial Unicode MS";
	font-weight:bold;
}
form .button3{
	background-color:#FFFFFF;
	border:1px solid #CFCDC7;
	color:#4E473F;
	display:block;
	margin-top:3px;
	margin-left:3px;
	height:25px;
	padding: 2px 14px;
	font-family:"標楷體", "Arial Unicode MS";
	font-weight:bold;
	float:right;
}
 #container,#container-index {
	width: 965px;
	height:555px;
	margin: 25px auto 0px auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */

	background-position:center center;
	background-repeat:no-repeat;
} 
#container{	background-image: url(images/container-bg.png);}
#container-index{ background-image: url(images/container-bg.png);}
/*---------------insert & login開始---------------------*/
#insert{
	width: 965px;
	margin: 0px auto;
	padding:15px;
	text-align: left;
	background-color:#FFFFFF;
	color:#003366;
}
#insert #insert-menu{
	width:220px;
	float:left;
	font-size:14px;
	font-weight:bold;
	background-color:#EAE7DF;
}
#insert #insert-content{
	width:720px;
	float:right;
}
#insert #insert-content input, #insert #insert-content select{margin-top:5px;}
#insert #insert-content label{font-weight:bold;}
#insert #insert-content h4{margin:10px auto; color:#888577; background-color:#F8F5F3; text-align:center; padding:10px;}
#insert a{ color:#999999;}
#insert a:hover,  #insert a:active{color:#FF3333;}
#insert li{line-height:30px; list-style:none; margin-left:5px;}
#login{
	float:right;
	width:580px;
	height:474px;
	margin:34px 77px auto 0px;
}
#login table{margin:60px auto; border:1px solid #CCCCCC;}
#list_table{ border-collapse:collapse; border:2px solid #003366;}
#list_table td, #list_table th{border-collapse:collapse; border:1px solid #999999; padding:0.3em 0.3em; vertical-align:top;}
#list_table th{background-color:#DFD3CC; color:#2F363C; text-align:center;}
#list_table tr:hover{background-color:#EBF1EF;}
#list_table img{border:0px;}
#list_table a{vertical-align:middle;}
.nowrap{white-space:nowrap; text-align:center;}
.msg{margin-right:20px;}
#order-content{padding:10px; margin-left:10px;}
#order-table{margin:10px 0px; border-collapse:collapse;}
#order-table td,#order-table th{padding:2px 8px; border-collapse:collapse; border:1px solid #CCCCCC;}
#order-table th{ text-align:center; background-color:#E4E0DA;}
.center td{text-align:center; color:#660000; font-weight:bold;}
/*---------------insert & login結束---------------------*/

#header { 
	font-size:small;
	background: #000; 
	height:27px;
	color:#FFF;
	margin:0 auto;
	width:1200px;
} 
#header #header-content{
	border:3px solid #534741;
	height:23px;
}
#header #header-content #header-content-leftCol{
	float:left;
	margin-left:200px;
	margin-top:2px;
	font-weight:bold;

}
#header #header-content #header-content-rightCol{
	float:right;
	margin-right:200px;
	margin-top:2px;
	font-weight:bold;
	color:#919191;
}
#sidebar1 {
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 220px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	height:474px;
	padding: 0px;
	margin:34px 0px auto 80px;
}
#full-page{
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 809px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	height:481px;
	padding: 0px;
	margin:34px 0px auto 80px;
}
#mainContent, #mainPostContent, #mainLinksContent,#mainStrongholdContent,#storeInfoContent,#contactContent,#memberContent,#productCatContent,#reservationContent{float:right;width:580px;height:474px;margin:34px 77px auto 0px;}
#activityContent{float:right;width:580px;height:474px;margin:60px 77px auto 0px;}
#mainContent { background-image:url(images/news-bg.jpg);}
#mainLinksContent{background-image:url(images/links-bg.png); background-position:center top; position:relative;}
#mainLinksContent h3, #mainStrongholdContent h3{margin-top:25px; margin-bottom:15px;}
#mainStrongholdContent{}
#store-wrap{height:386px; width:550px; margin:1px auto; position:relative;}
#store-selectbox{
	text-align:right;
	color:#DDDACC;
	font-size:14px;
	padding-right:5px;
	font-size:1.2em;
	font-weight:bold;
}
.store-item{height:150px; width:500px;margin-left:8px; margin-top:15px;}
.store-img{float:left; margin-top:5px; margin-left:8px;}
.store-img img{padding:2px; border:1px solid #FFF;}
.store-info{position:relative; width:350px; float:right; }
.store-info div{
	border-bottom:1px dashed #999477; 
	width:340px; 
	font-size:1.2em;
	color:#FFF;
	float:right; 
	table-layout: fixed; 
	word-wrap: break-word; 
	word-break: normal; 
	text-align:left;
	position:relative;
	line-height:1.5em;
}
#storInfo-select{height:40px; padding-top:25px; margin-bottom:5px;}
#storeInfo-Content{height:380px; border:1px solid #E0DED8; margin-right:15px; margin-bottom:15px; position:relative;}
#storeInfo-Content-Intro{height:100px;}
#storeInfo-Content-Detail{
	width:532px;
	position:absolute;
	bottom:5px;
	left:5px;
	height:250px;
	margin:5px;
	background-color:#141414;
	padding:5px;
}
#storeInfo-introImg{border:1px solid #333333; padding:2px;}
#storeInfo-Intro-Table{float:left; margin-top:5px; margin-left:5px;}
#storeInfo-introText{margin-top:4px; text-align:left; width:420px; float:right; font-size:1.1em; line-height:22px;}
#storeInfo-introText li{list-style:none;}
#storeInfo-selectbox{ float:right;width:220px; height:30px; font-size:13px; color:#666666; text-align:center; margin-bottom:5px; margin-right:15px; padding-top:8px;}
#contactContent{background-image:url(images/contact-bg.png); background-position:center center;}
#contactContent div{
	width:300px;
	margin-top: 185px;
	margin-left: 240px;
}
#contactContent div form textarea{margin-top:3px;}
#memberContent{background-image:url(images/member-bg.png); background-position:center center;}
#memeber-info{float:left; width:265px; height:346px; margin-top:71px; margin-left:63px; border:1px solid yellow;}
#member-formdiv{
	float:right;
	width: 230px;
	margin-top: 95px;
	color:#000000;
	font-family:"微軟正黑體", "Arial Unicode MS";
	font-size:13px;
	font-weight:bold;
}
#member-formdiv .text{height:16px;}
#member-formdiv td{padding:3px;}
#activityContent{position:relative;}
#photoswrapper{margin-top:30px; margin-left:35px; position:relative;}
#activity-select-wrapper{margin-top:15px; margin-left:10px; position:relative; padding-right:45px;}
#latest-news{
	height:220px;
	margin:5px 40px;
	padding: 10px 15px;
	color:#597275;
	font-size:13px;
	background-image:url(images/latest-news-bg.png);
	background-repeat:no-repeat;
	line-height:1.5em;
}
#latest-news img, #post img{padding:2px; border:1px solid #999999; margin:5px;}
#pitemsitepath, #pcatsitepath{ line-height:70px; font-size:1.1em; font-family:"微軟正黑體"; margin-right:30px;}
#pitemsitepath{float:right;}
#productCatImg{padding:3px; border:1px solid #999; float:left;}
#productCatList{float:right; text-align:left; width:300px;}
.productCatListTable{ width:110px; border:0px; float:left; text-align:center; table-layout:fixed; margin:0px 10px 5px 15px; border-collapse:collapse;}
.productCatListTable td{text-align:center;}
.productCatListTable img{padding:2px; border:1px solid #666666;}
.productCatListTable .plistTitle td{text-align:center; width:120px;}
.productCatListTable .plistImg td{padding-bottom:5px;}
#productCatList #pager{margin-right:15px; margin-top:5px; font-size:13px; text-align:right; color:#C7B7B1; letter-spacing:0.2em;}
.separ{width:100%; table-layout:fixed; float:left;}

#pitemTitle{float:left; line-height:70px; font-size:1.4em; font-weight:bold;}
#pitemContent{font-size:1.1em;  text-align:left; margin-right:20px; }
#pitemContent table td{vertical-align:top; padding-bottom:5px;}
#pitemImg{margin-bottom:10px;}
#pitemImg img{ padding:3px; border:1px solid #666666;}
#post{
	height:350px;
	margin-left:25px;
	color:#597275;
	font-size:13px;
	background-image:url(images/post-bg.png);
	background-repeat:no-repeat;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 65px;
	margin-top: 10px;
	font-family:"微軟正黑體", "Arial Unicode MS";
	line-height:1.5em;
}

#latest-news h3{
	font-size:15px;
	color:#000000;
	width:95%;
	margin-bottom:5px;
	border-bottom:1px dashed #999999;
}
#readmore{text-align:right; margin:5px;}
#readmore a{color:#7B4640;}
#readmore a:hover, #readmore a:active{color:#FFFFFF;}
.time{ float:right; font-size:13px; color:#666; }
#other-news{
	height:170px;
	margin:5px 40px;
	background-image:url(images/other-news-bg.png);
	font-size:14px;
	position:relative;
}

#other-news table{
	width:480px;
	margin:5px auto;
	color:#000000;
	border-collapse:collapse;
}
#other-news #pager,#store-wrap #pager, #mainLinksContent #pager{margin-right:15px; margin-top:5px; font-size:13px; text-align:right; color:#C7B7B1; letter-spacing:0.2em; position:absolute; bottom:3px; right:0;}
#insert-content #pager{margin:15px auto; color:#C7B7B1; letter-spacing:0.2em;}
#other-news #pager a, #store-wrap #pager a{color:#666;}
#other-news #pager a:hover, #store-wrap #pager a:hover{color:#000;}
#other-news table td{ border-collapse:collapse; border-bottom:1px dashed #595042; line-height:25px;}
#other-news table td li{list-style-position:inside;}
#other-news table tr:hover{
	background-color:#B5A686;
}
#other-news a{color:#000000;}
#other-news a:hover{color:#006699;}

.newsTitle{margin-top:10px; margin-left:10px;}
#footer { 
	height:35px;
	width:965px;
	color:#FFF;
	margin:0px auto 0px auto;
	font-family:Verdana;
	font-size:small;
}
#footer ul{
	margin-left:70px;
}
#footer ul li{
	float:left;
	display:block;
	margin:0 10px;
}

.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;
}
#post-header{margin:15px auto;}
.post-info{float:right;}
.post-info li{list-style-type:none; float:right; margin:0px 10px;}
.post-title{float:left; color:#000000; font-size:16px; font-weight:bold; width:330px;}
.post-top{border-bottom:1px dashed #B5A686; margin:10px auto; width:485px;}
.post-bottom{color:#000000;}
.menuProductList{ padding-left:5px; margin-top:10px; background-color:#D8D2CD; border-top:1px dashed #666666;}
.newOrder{color:red; margin:auto 4px; font-size:0.8em;}
a#s-content1:hover, a#s-content2:hover{background-color:#3A3C33};
#guest-form{height:200px; padding:10px; text-align:center; position:relative;}
#hor-minimalist-b
{
	background:url("images/blurry.jpg") no-repeat scroll transparent;
	background-position:right bottom;
	background-color:#FFFFFF;
	font-family:"微軟正黑體", "Arial Unicode MS";
	margin: 20px 20px 10px 20px;
	width: 540px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 1.1em;
	color:#6D6B49;
	padding: 4px 6px;
	border-bottom: 2px solid #28352E;
}
#hor-minimalist-b td
{
	font-size:1em;
	border-bottom: 1px solid #ccc;
	color:#333333;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td a{ color:#CC6600;}
#hor-minimalist-b td a{color:#333333;}
#hor-minimalist-b td a:hover{color:#CC3300;}
#guest-pager{ text-align:right; padding-right:30px;}
#guest-pager a{margin:0px 4px;}
#guest-info{margin-bottom:8px;}
#guest-reply{margin:10px 5px 5px 5px; background-color:#EEE7DB; padding:3px;}
.counter{ float:left;margin-left:20px; font-size:1em; margin-top:2px;}
.counter img{ height:1em; display:inline; vertical-align:middle; }
.error{color:red;}
#reservationContent{background-image:url(images/reservationbg.jpg); background-position:center center;}
#reservationContent #res-table{margin:250px auto auto auto; color:#000000; font-family:"標楷體";}
#reservationContent #res-table td{padding:1px 2px; letter-spacing:2px;}
#reservationContent #res-table th{text-align:right;}