* {	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: 250px;
	top: 74px;
	width: 640px;
	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: 97px;margin-right: 5px;  }
#nav02 { width: 88px;margin-right: 5px; }
#nav03 { width: 69px;margin-right: 5px;}
#nav04 { width: 102px;margin-right: 5px;}
#nav05 { width: 84px;margin-right: 5px; }
#nav06 { width: 88px;margin-right: 5px; }
#nav07 { width: 68px; }
#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: 524px 39px;}
#nav03 a { background-position: 431px 39px; }
#nav04 a { background-position: 357px 39px; }
#nav05 a { background-position: 250px 39px; }
#nav06 a { background-position: 161px 39px; }
#nav07 a { background-position: 68px 39px; }

/* mouseover的情形 */ 
#nav01 a:hover { background-position: 0 0; }
#nav02 a:hover { background-position: 524px 0; }
#nav03 a:hover { background-position: 431px 0; }
#nav04 a:hover { background-position: 357px 0; }
#nav05 a:hover { background-position: 250px 0; }
#nav06 a:hover { background-position: 161px 0; }
#nav07 a:hover { background-position: 68px 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: 14px;
}
#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;
}
#local_news ul { list-style-type:none;}
#local_news li { 
list-style:none; 
display: block;
margin-bottom: 20px;
padding-left: 14px;
border-bottom: #666666 1px dotted;
background: url(imgs/bg_left-cloumn_products.gif) left 9px no-repeat;
}
#local_news li a {font-size: 120%;font-weight: bold;color:#9E7D37;text-decoration: none;}
#local_news li a:hover {color:#9E7D37;text-decoration: underline;}
#local_news li span {color:#000;}
#local_news dt {
	margin-top:15px;
	margin-bottom: 15px;
	padding-left: 10px;
	font-size:74%;
	color: #999933;
	background: url(imgs/bg_list_arrow.gif) left 6px no-repeat;}

#local_stores ul { list-style-type:none;}
#local_stores li { 
display: block;
height: 160px;
list-style:none; 
margin-bottom: 20px;
border-bottom: #666666 1px dotted;
}
#local_stores li span {color:#000;}
#local_stores li img {display: block;float: left;margin: 10px;border: #CC9933 5px solid;}
#local_stores dt {
	display: block;
	float: left;
	margin-top:15px;
	margin-bottom: 15px;
	padding-left: 10px;
	color: #999933;
	background: url(imgs/bg_list_arrow.gif) left 9px no-repeat;
}
#local_stores dt a{
	margin-top:15px;
	margin-bottom: 5px;
	font-size: 120%;
	font-weight: bold;
	color:#9E7D37;
	text-decoration: none;
}
#local_stores dt a:hover {color:#9E7D37;text-decoration: underline;}	


#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;
	line-height: 2.5em;
	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;
}
#index_stroe01 { position: absolute;	top: 0;	left: 0; height: 321px;} 
#index_stroe02, #index_stroe03, #index_stroe04, #index_stroe05, #index_stroe06, #index_stroe07, #index_stroe08, #index_stroe09, #index_stroe10 {
	position: absolute;
	top: 0;
	left: 0;
	height: 321px;
	visibility: hidden;
}
#index-overview {
	padding-top: 340px;
	width: 396px;		
}
#index-overview ul{ list-style-type: none; margin-top: 10px;}
#index-overview li{ 
	display: block;
	width: 188px;
	float: left;
	margin-bottom: 20px;
	margin-right: 10px;
	list-style-type: none;
}
#index-overview dt a{
	clear: left;
	width: 100%;
	padding-left: 5px;
	font-size: 80%;
	color: #9A7730;
	text-decoration: none;
} 
#index-overview 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;}

#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: 20px;
	left: 350px;
}
#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;}
#news_list li { list-style:none; padding:12px;border-top: thin #c0c0c0 solid;}
#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;}

#index_news {list-style-type:none;height: 400px;overflow: auto;}
#h3_index_news_title {position:relative;width:440px;height:44px;}
#h3_index_news_title a {position:absolute; top:12px; left: 390px;}
#index_news li {list-style:none;margin-bottom:4px;padding-bottom:12px;background: url(imgs/news_underline.gif) bottom left no-repeat;}
#index_news li a {
	padding-left: 14px;
	color: #9A7730;
	font-size: 15px;
	line-height: 16px;
	text-decoration: none;
	font-weight:bold;
	background: url(imgs/bg_list_arrow.gif) 2px center no-repeat;	
}
#index_news dt a {
	padding-left: 14px;
	font-size: 80%;
	line-height: 14px;
	color: #C29B48;
	text-decoration: none;
	font-weight:normal;
	background: none;
}
#index_news li a:hover {color:9A7730;text-decoration:underline;font-weight:bold;}
#index_news dt a:hover {color: #C29B48;text-decoration:underline;font-weight:normal;}


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

#marquee_cloumn {clear:both;width: 200px;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{color:#666;text-decoration:none;} /* 11/5 add color & text-decoration */
#side_cloumn li a:hover{color:#333;border-bottom:#333 1px dotted;} /* 11/5 add a:hover */
#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;}