* {	padding: 0;	margin: 0;}

/* 讓 footer 保 證 置 底 */ 
html, body, #body-div {height: 100%;}
body > #body-div {height: auto; min-height: 100%;}

body {
	text-align: center;
	font-size: 92%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4;
	background-image: url(imgs/bg.gif);
}
p {	/*\*/letter-spacing: 0.08em;	/**/}
img { border: 0;}
#body-div {
	width: 916px; 
	margin: 0 auto; /* 自動調整左右邊界 */
	text-align: left; /* 設定靠左對齊﹙修正#body的設置﹚ */
	padding-bottom: 165px;
	background: url(imgs/bg_container.gif) left top repeat-y;
}
#container {
	position: relative;
	width: 100%; 
	margin-bottom: 25px;
	background: url(imgs/bg_header.gif) left top no-repeat;
}
#header {
	position: relative;
	widht: 100%;
	height: 363px;
}
#navigation {
	position: absolute;
	left: 325px;
	top: 74px;
	width: 525px;
	height: 39px;
	list-style-type: none;
	background: url(imgs/bg_navigation.gif) left top no-repeat;
}
#navigation ul {list-style: none;}
#navigation li {float: left;}
#nav01 { width: 74px;margin-right: 5px;  }
#nav02 { width: 71px;margin-right: 5px; }
#nav03 { width: 72px;margin-right: 5px;}
#nav04 { width: 57px;margin-right: 5px;}
#nav05 { width: 88px;margin-right: 5px; }
#nav06 { width: 71px;margin-right: 5px; }
#nav07 { width: 58px; }
#navigation li a {
	display: block;
	width: 100%;
	overflow: hidden;
	height: 0 !important;
	height /**/: 39px;
	padding-top: 39px;	
	background-image: url(imgs/bg_navigation.gif);
}
/* mouseout的情形 */  /* 使用background-position的條件是父標籤要用background-image */
#nav01 a { background-position: 0 39px; }
#nav02 a { background-position: 442px 39px;}
#nav03 a { background-position: 366px 39px; }
#nav04 a { background-position: 289px 39px; }
#nav05 a { background-position: 227px 39px; }
#nav06 a { background-position: 134px 39px; }
#nav07 a { background-position: 58px 39px; }

/* mouseover的情形 */ 
#nav01 a:hover { background-position: 0 0; }
#nav02 a:hover { background-position: 442px 0; }
#nav03 a:hover { background-position: 366px 0; }
#nav04 a:hover { background-position: 289px 0; }
#nav05 a:hover { background-position: 227px 0; }
#nav06 a:hover { background-position: 134px 0; }
#nav07 a:hover { background-position: 58px 0; }
#sub_nav {
	position: absolute;
	top: 33px;
	left: 560px;
	width: 282px;
	font-size:66%;
	line-height: 18px;
	color: #fff;
	text-align:center;
	background: url(imgs/bg_sub_nav.gif) top left no-repeat;
}
#sub_nav a {color:#fff;text-decoration:none;} 
#sub_nav a:hover {color:#E5D6B6;}
#headmovie {
	position: absolute;
	top: 150px;
	left: 32px;
	z-index: 0;
}


#wrapper-content {
	position: relative;
	width: 852px;
	margin-left: 32px; 
	padding-top: 18px;
	background: #F4EEE3 url(imgs/bg_wrapper_cotent.gif) left top no-repeat;
}
#left-cloumn {
	float: left;
	width: 190px; /* 重要 */
	margin-left: 12px;
}
#center-cloumn {
	position: relative;
	float: left;
	width: 404px; /* 重要 */
	margin-left: 12px;
}
#right-cloumn {
	float: left;
	width: 190px; /* 重要 */
	margin-left: 12px;
}
#wrapper-content_footer {
	clear: both;
	width: 100%;
	height: 25px;
	background: url(imgs/bg_wrapper-cotent_footer.gif) left top no-repeat;
}
#left-cloumn_wild {
	float: left;
	width: 600px; /* 重要 */
	margin-left: 19px;
}


#left-cloumn_products {
}
#left-cloumn_products_head {
}
#left-cloumn_products h3{
	display: block;
	float: left;
	margin-bottom: 6px;
}
#left-cloumn_products_head span{
	display: block;
	float: right;
}

#left-cloumn_products_body {
	clear: both;
}
#left-cloumn_products_body ul{
	list-style: none;
}
#left-cloumn_products_body li a{
	display: block;
	padding-left: 18px;
	text-decoration: none;
	font-size: 80%;
	color: #9E7D37;
	height:30px;
	line-height: 30px;
	background: url(imgs/bg_left-cloumn_products.gif) 3px center no-repeat;
	border-bottom: #9E7D37 1px dotted;
}
#left-cloumn_products_body li a:hover{
	color: #333;
	text-decoration: underline;
	background: #CFB783 url(imgs/bg_left-cloumn_products.gif) 3px center no-repeat;
}
#left-cloumn_products_body li span {display:inline;font-size:9px;margin-bottom:10px;}
#left-cloumn_products_body li span a {display:inline;font-size:11px;color:#ff0000;font-weight:bold;background:none;border:none;padding:5px;}
#left-cloumn_products_body li span a:hover {display:inline;font-size:11px;color:#fff;font-weight:bold;background:#ff0000;border:none;padding:5px;text-decoration: none;}
#main {
	float: right;
	width: 605px;
	margin-right: 6px;
}
#main_about-us {
	width: 100%;
	margin-bottom: 20px;
}
#main_about-us_pic {
	float: left;
	width: 290px;
	height: 220px;
	border: #DDD8B8 5px solid;
}
#main_about-us_info {
	float: right;
	width: 290px;
}
#main_about-us_info p{
	padding-top: 8px;
	padding-left: 12px;
	font-size: 80%;
	color: #6F6B60;
}
#main_about-us_info ul{ list-style-type:none;}
#main_about-us_info li{ 
	list-style-type:none;
	padding-left: 12px;
	font-size: 78%;
	line-height: 22px;
	color: #907D39;
	background: url(imgs/bg_list_arrow.gif) left center no-repeat;
}
#main_about-us_info li span,#main_about-us_info li span a {color: #6F6B60; text-decoration: none;}
#main_about-us_info li span a:hover {color: #000; text-decoration: underline;}
#main_about-us_content {
	clear: both;
	padding-top: 20px;
	font-size: 78%;
	line-height: 22px;
	color: #6F6B60;
	
}
#store_product_01 ul{ list-style-type:none;}
#store_product_01 li { 
display: block;
min-height: 220px;
_height:220px;
vertical-align:top;
list-style:none; 
margin-bottom: 20px;
border-bottom: #666666 1px dotted;
}
#store_product_01 span {color:#000;}
#store_product_01 img {display: block;float: left;margin: 10px;}
#store_product_01 dt {
	margin-top:15px;
	margin-bottom: 15px;
	padding-left: 10px;
	font-size: 120%;
	color: #663300;
}
#store_product_01 ul p{color:#000;font-size:13px;}

#store_product ul { list-style-type:none; width: 100%;margin-top: 15px;}
#store_product li { display:block;float:left;width:130px;height:180px;margin-right:18px;margin-bottom: 18px;}
#store_product dt a { font-size: 78%;color: #9A7730;text-decoration:none;}
#store_product dt a:hover { font-size: 78%;color: #330000;text-decoration:underline;}

#index-products {
	clear: both;
	width: 605px;		
}

#index-product_more {
	clear:both;
	width:100%;
	margin-top:15px;
	text-align:right;
}
#index-product_more img {float:right;}
#index-products ul{ list-style-type: none; margin-top: 10px;}
#index-products li{ 
	display: block;
	float: left;
	margin-bottom: 20px;
	margin-right: 12px;
	list-style-type: none;
}
#index-products dt a{
	clear: left;
	width: 100%;
	padding-left: 5px;
	font-size: 80%;
	color: #9A7730;
	text-decoration: none;
} 
#index-products dt a:hover{ color: #663300;} 

#right-cloumn ul {	list-style-type:none;}
#right-cloumn li {	list-style:none; margin-bottom:8px; border-bottom: #9a7730 1px dotted;}
#right-cloumn li a {
	padding-left: 18px;
	color: #9A7730;
	text-decoration: none;
	background: url(imgs/bg_list_arrow.gif) 2px center no-repeat;	
}
#right-cloumn dt {margin-bottom:8px;}
#right-cloumn dt a {
	padding-left: 18px;
	font-size: 80%;
	color: #C29B48;
	text-decoration: none;
	background: none;
}
#right-cloumn li a:hover {	color: #330000;}
#right-cloumn dt a:hover {	color: #663300;}

/* 頁 碼 */
#page1 {clear:both;text-align: center;font-size: 110%;}
.page * {width: 100%;margin-left: 7px;margin-top: 20px;}
.page a {color: #94A4A3;text-decoration: none;}
.page a:hover {color: #FFFFFF;text-decoration: none;background-color: #7F8C6C;}
.page span {}
.pagerLinkPrevPage {}
.pagerCurrent {}
.pagerLink {}
.pagerLinkNextPage {}

#footer {
	clear: both;
	position: relative;
	width: 916px; 
	margin: 0 auto; /* 自動調整左右邊界 */
	height: 165px;	
	margin-top: -165px;
	font-size: 70%;
	text-align: left;
	color: #828282;
	background: url(imgs/bg_footer.gif) left top no-repeat;
}
#copyright {
	position: absolute;
	top: 15px;
	left: 300px;
}
#copyright a{	color: #828282;	text-decoration: none;}
#copyright a:hover{	color: #000;	text-decoration: underline;}


/* 讓 footer 保 證 置 底 */ 
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* 留 言 板 */ 
.msg {width: 90%;margin-bottom:24px;line-height:1.8;padding:20px;background-color:#fff; border: thin #c0c0c0 solid;}
.msg-auther {color:#993300;}
.msg-auther a {color:#993300;font-weight:bold;text-decoration:none;}
.msg-auther a:hover {color:#990000;font-weight:bold;text-decoration:underline;}
.msg-content {}
.msg-reply {width:400ox;margin-left: 120px;padding:15px;background-color:#f0f0f0;}
.msg-admin-panel {color:#ff0000;padding:5px;}
.msg-admin-panel a {color:#ff0000;font-weight:bold;text-decoration:none;}
.msg-admin-panel a:hover {color:#fff; background-color:#ff0000;}
.page {width:80%;margin:30px auto;text-align:center; letter-spacing:0.2em;}
.page a{color:#993300;padding: 0 5px;text-decoration:none;font-weight:bold;letter-spacing:0.08em;}
.page a:hover {color:#990000;font-weight:bold;text-decoration:underline;}
#msg-form {	width: 90%;	margin-top: 50px;	padding-top: 30px;	border-top: 1px solid #D8D8D9;}
#inquiry {	width: 480px;}
#code {margin-top:6px;}
#inquiry table {font-size: 100%; width: 100%;}
#inquiry td {padding: 5px;}
#inquiry th {width: 100px;padding: 5px; margin-top: 3px;vertical-align: top;font-weight: normal;text-align: right;color: #8C6239;}
#inquiry th.must {color: #ff0000;}
.text1, .text2, { border: 1px solid  #CCC;background-color: #F3F3F3;padding: 2px;}
.text1 {width: 198px;}
.text2 {width: 98%;}
.msg-admin-panel {margin-top: 1em;}
.msg-admin-panel a{	color: #F75B1E;	text-decoration: none;}
.msg-admin-panel a:hover{text-decoration: underline;}
#admin-panel {	ext-align: left;margin-left: 1em;margin-bottom: .5em;}
#admin-panel a {color:#ff0000;font-weight:bold;text-decoration:none;}
#admin-panel a:hover {color: #333;color:#fff; background-color:#ff0000;}

/* 最 新 消 息 */
#news_list {}
#news_list ul { list-style-type:none;margin:10px auto; width: 90%; background-color:#fff;border: thin #c0c0c0 solid;border-top:none;padding:12px;border-top: thin #c0c0c0 solid;}
#news_list li { list-style:none; }
#news_list li a { padding-left:15px;color:#993300;background: url(imgs/bg_list_arrow.gif) 5px center no-repeat;text-decoration: none;}
#news_list li a:hover { color:#990000;text-decoration: underline;}
#pages {width:80%;margin:30px auto;text-align:center; letter-spacing:0.2em;}
#pages a{color:#993300;padding: 0 5px;text-decoration:none;font-weight:bold;letter-spacing:0.08em;}
#pages a:hover {color:#990000;font-weight:bold;text-decoration:underline;}
#news_content {line-height: 2.2em;margin:10px auto;padding:15px; width: 90%; background-color:#fff;border: thin #c0c0c0 solid;}
#news_content h4 {line-height: 2.2em;color:#333333;display:inline;}
#news_content h5 {line-height: 2.2em;margin-bottom: 12px;color:#999;font-size: 80%;font-weight:normal;display:inline;}
#news_content p { padding:20px;line-height: 1.8em;}



#marquee_cloumn {clear:both;width: 193px;height: 175px;overflow: hidden;}
#marquee_cloumn ul {list-style:none;margin: 10px auto;}
#marquee_cloumn li {display:block;float:left;margin:auto;background:none;border:0;}
#marquee_cloumn li a{background:none;padding:0;}
#marquee_cloumn dl {text-align:center;}
#marquee_cloumn dl a{padding:0;font-size: 80%;color: #9A7730;text-decoration: none;background:none;} 
#marquee_cloumn dl a:hover{ color: #663300;} 


#side_cloumn {width: 100%;margin-bottom:20px;}
#side_cloumn ul {list-style:none;}
#side_cloumn li {display:block;margin-bottom:8px;}
#side_cloumn li img {border:1px solid #d0d0d0;}
#side_cloumn li a{}
#side_cloumn dl {text-align:center;}
#side_cloumn dl a{display:block;font-size:80%;color:#9A7730;text-decoration:none;background:none;} 
#side_cloumn dl a:hover{color: #663300;} 

.coupon_table {width:555px;text-align:center;margin-bottom:40px;padding-bottom:16px;border-bottom:1.5px dotted #999999}
.coupon {position:relative;width:100%;height:232px;text-align:left;}
.coupon coupon_img {position:absolute;left:0;top:0;}
.coupon h4{position:absolute;left:15px;top:12px;font-size:16px;color:#0000CC}
.coupon h3{position:absolute;left:12px;top:34px;font-size:38px;font-family:SimHei;font-weight:bolder;}
.coupon p{position:absolute;left:15px;top:90px;width:380px;font-size:13px;font-weight:bold;}
.coupon span{position:absolute;left:20px;top:176px;font-size:12px;font-weight:normal;color:#0000CC}
.coupon .date{position:absolute;left:20px;bottom:5px;font-size:12px;font-weight:bold;}

#stores table {width:100%;margin-bottom:2px;border-top:1px #c0c0c0 dotted;border-bottom:1px #c0c0c0 dotted;}
#stores table.block {display:-moz-inline-stack;display:inline-block;vertical-align:top;min-height:120px;float:left;border:none;zoom:1;*display:inline;_height:140px;}
#stores td {padding:8px 2px 8px 8px;}
#stores td.introduce {width:97%;text-align:left;}
#stores p.content {font-size:12px;color:#64592D;}
#stores td h6 a {font-size:16px;color:#000;text-decoration:none;}
#stores td h6 a:hover {font-size:16px;color:#666;text-decoration:underline;}
#stores td a img {margin-bottom:5px;}
#stores td a img:hover {padding:5px;border:1px #c0c0c0 solid;background:#999}
#stores table img {padding:5px;border:1px #c0c0c0 solid;}
#stores p {font-size:12px;color:#78742A;}