@charset "utf-8";
/* CSS Document */

@import url("nav.css");
#body {
 margin:0 auto;
  width:320px;
 background:url(images/index-bgimg.jpg) 0 0 repeat-y;	
 }
body, table{
	margin: 0;
	padding: 0;
	background:url(images/wood-bgimg.jpg) top center repeat #7b7b7b;
	font-family: Arial, Helvetica CE, Sans-Serif;
	color:#333333;
	line-height:1.1em;
	overflow-y:auto;
	overflow-x:hidden;
	font-size:100%;
	letter-spacing:0.1em;
}
A:hover {
	color:#333333;
	text-decoration:none;
	border:none;
}
A:link {
	color:#333333;
	text-decoration:none;
	border:none;
}
A:visited {
	color:#333333;
	text-decoration:none;
	border:none;
}
A:active, A:hover {
	color:#072C51;
	text-decoration:none;
	border:none;
}
A:link, A:visited, A:active{}


/*首頁內容*/
.index-logo {
	width: 87%;
	text-align: center;
	margin:0 auto;
	background-image: url(images/logobg.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align:left;	
}
.index-logo img{
	max-width:280px;
	max-height:97px;
	text-align:left;
}
.index-keyimg {width: 100%; text-align: center; margin:0;}

#content-redbg{ margin:0 auto; width:320px;background:url(images/index-bgimg.jpg) 0 0 repeat-y;}
#index-con a, #index-con a:hover, #content-con a ,#content-con a:hover{ text-decoration:none; border:none;}
#index-con{
	display:block;
	width:280px;
	height:auto;
	overflow:400px;
	clear:both;
	background-color: #FFFFFF;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.index-main{
	position:relative;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
.index-main h1{
	font-size:95%;
	color:#333333;
	font-weight:normal;
	text-align:center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
.index-main p{font-size:80%;}


/*測高度用div---可刪除*/
.test{
	background-color:#ddd;
	clear:both;
	margin: 10px;
	padding: 10px;
}


/*內頁內容*/
#content-con{
	display:block;
	width:280px;
	height:auto;
	margin: 0 auto;
	overflow:400px;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: 0 top;
	background-image: url(images/bg.jpg);
}
.content-main{
	padding-top: 10px;
}
.content-main h1{
	font-size:95%;
	color:#333333;
	font-weight:normal;
	text-align:left;
}
.content-top{
	width:280px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/logobg.png);
	background-repeat: no-repeat;
	background-position: top;
}
.content-top img{
	max-width:280px;
	max-height:80px;
}
.con-path{
	width:280px;
	height:28px;
	text-align:left;
	line-height:3em;
	font-size:70%;
	color:#3786B8;
	clear:both;
	background-image: url(images/location_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 27px;
	padding-bottom:5px;
	padding-top:0px;
}
.con-path a , .con-path a:hover{ color: #454545;}

.con-intro, .con-contact, .con-service, .con-rss, .con-prolist, .con-order, .con-coupon, .con-category{
	width:90%;
	margin-bottom:15px;
	clear:both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
.con-prolist2{
	width:85%;
	margin-bottom:15px;
	clear:both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	}
.con-intro p, .con-contact p, .con-service p,.con-rss p, .con-prolist p{font-size:80%;}
.con-intro h1, .con-contact h1, .con-service h1, .con-rss h1, .con-prolist h1, .con-order h1, .con-coupon h1{
	font-size:95%;
	color:#333333;
	font-weight:normal;
	text-align:left;
	line-height:1.3em;
	border-bottom:#e2d2a4 1px dashed;
	padding-bottom:10px;
}
.con-contact div.mapimg{
	width:235px;
	height:150px;
	margin:0 auto;
	border:3px solid #CCCCCC;
}


/*商品列表*/
.pro-search-box{
	display:block;
	height:32px;
	background:url(images/search-box.png) 0 0 no-repeat;
	overflow:hidden;
	color:#c7c7c7;
	font-size:80%;
	margin-bottom:10px;
	line-height:2.5em;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0;
	padding-right: -10px;
	padding-bottom: 0;
	padding-left: 10px;
	width: 260px;
}

.con-prolist{}
.con-pro-title{
	font-size:90%;
	color:#333333;
	font-weight:normal;
	text-align:left;
	line-height:1em;
	border-bottom:#e2d2a4 1px dashed;
	padding-bottom:5px;
}
.pro-slide-photo{margin:0 auto; width:190px; margin-top:8px; position:relative;}
.pro-slide-photo img{ margin:0 auto; width:180px; height:135px; border:5px #fff solid;}
.pro-slide-R { position:absolute; display:block; width:61px; height:25px; right:-32px; top:66px;}
.pro-slide-L { position:absolute; display:block; width:61px; height:25px; left:-32px; top:66px;}
.pro-slide-R img, .pro-slide-L img{width:61px; height:25px; border:none; background:none;}

ul.pro-propic{
	text-align:center;
	background-color:#b6dcf3;
	padding:5px 10px 18px 10px;
	height:38px;
	margin-top:15px;
	clear:both;
	overflow:hidden;
}
ul.pro-propic li{float:left; display:block; width:65px; height:50px; list-style-type:none; padding:6px 5px;}
ul.pro-propic li img{ width:65px; height:50px;border:#fff 2px solid;}

ul.pro-pic-all{
	height:200px;
	clear:both;
	margin-left:-5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
ul.pro-pic-all li{
	float:left;
	display:block;
	width:81px;
	height:55px;
	list-style-type:none;
	padding:2px;
}
ul.pro-pic-all li img{ width:81px; height:55px;border:#fff 2px solid;}

/*商品分類列表*/
.con-category{}
.con-category-list{}
.con-category-list ul{
	padding:2px 2px 2px;
	width:260px;
	margin-left:-7px;
	background-color:#E6E6E6;
	clear:both;
	height:auto;
}
.con-category-list ul li{height:64px; margin-bottom:6px; list-style-type:none;
background:url(images/arrowbut.png) no-repeat right 32px;
}
.con-category-list ul li img { float:left; width:85px; height:64px;border:#fff 2px solid;}
.con-category-txt{
	float:right;
	display:block;
	height:64px;
	width:61%;
	margin-right:2px;
	font-size:105%;
	font-weight:bold;
	word-break:normal;
	line-height:20px;
}

/*以下為表單格式*/
/*商品訂購單*/
.con-order{}
.con-order input,.con-order textarea { border:#ddd 1px solid; background-color:#FFF; padding:7px 5px; width:250px; color:#999; font:95% sans-serif;}
.con-order textarea{ height:80px; }

.order-pro{}
.order-pro h3{ margin-bottom:10px; font-size:120%;background-color:#FFF; padding:7px 5px;} 
.order-pro-list{ display:inline; float:left; border-bottom:1px #e6e29f solid; padding:5px 0;}
.order-pro-itemname{
	float:left;
	color:#333333;
	font-size:85%;
	width:42%;
	margin-right:6px;
}
.order-pro-itemprice{float:left; color:#ab443c; font:130% Tahoma; width:30%; letter-spacing:0em;margin-right:6px}
select.order-pro-select{ float:right; width:22%; padding:7px 2px;color:#999; font:95% sans-serif;}
select.howmuch, select.reservation, select.orderform{width:100%; padding:7px 2px;color:#999; font:95% sans-serif;}

input.order-submit{ display:block; width:169px; height:50px; margin:0 auto; background:url(images/sumit-btn.png) 0 0 no-repeat; text-indent:-99999px; border:none; cursor:pointer;}


/*折價券*/
.con-coupon{}
ul.couponlist{ padding:0; width:260px; margin:0 auto; text-align:center;}
ul.couponlist li{ width:100%; margin-bottom:8px; border-bottom:1px #e6e29f solid; padding:5px 0; list-style-type:none;}
.coupon-date {padding:5px 0; border-bottom:#e6e29f 1px dashed;}
.coupon-intro{ height:48px; overflow:hidden;color:#999; font-size:75%;padding:3px 10px;}
.con-coupon ul li img{ width:235px; height:80px; margin:0 auto; border:#fff 5px solid; }


/*rss*/
div.rss-title{
	background-color:#B6DCF3;
	padding:10px 5px;
	color:#333333;
	text-align:center;
	margin-bottom:7px;
}
ul.rss-main{
	text-align:left;
	color:#595959;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	width: 90%;
}
ul.rss-main li{margin-bottom:6px; list-style-type:none; font-size:80%; background:url(images/rss-yahoo-icon.png) 0 0.2em no-repeat; padding-left:1.7em; border-bottom:1px #e6e29f solid;}
ul.rss-main li a{}
.rss-date{
	font-size:90%;
	color:#333333;
}


/*footer-copyright*/
.footer {
	color: #333333;
	font-size:70%;
	width: 100%;
	text-align: center;
	clear:both;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5fedfc;*/
	background-color: #40A4E2;
	padding-top: 2px;
	padding-bottom: 2px;

}
.footer p{line-height:.8em; font-size:95%; }
.footer p span{
	color:#333333;
}

.footer-copyright{
	display:block;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:70%;
	background-image: url(images/copyright_bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:5px 0;
	margin:0;
}

#Navs {
width:auto;
}
#Navs a {
	display:inline-block; 
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
	background-position:top;
	background-image:url(images/oo.png);
	background-repeat:no-repeat;
	text-indent: -9999px;
	height:12px;
}
#Navs a.activeSlide {
	background-position:bottom;
	background-image:url(images/oo.png);	
}

/*網站地圖*/
#site_map{
	width:95%;
	height:auto;
	overflow:hidden;
	/*background-image:url(../images/sitemap_bg.jpg);
	background-repeat:repeat-x;*/
	background-color:#EAEAEA;
	padding:5px;
	padding-left:12px;
	padding-right:0px;
	margin:0 auto;
	margin-top:10px;
	}
	
#site_map ul{
	list-style:none;
	margin:0;
	padding:0;
	}

#site_map li{
	display:block;
	float:left;
	margin-bottom:3px;
	}
	
#site_map li a{
	display:block;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	color:#333;
	font-size:100%;
	letter-spacing:1px;
	padding:3px 5px 3px 0;
	text-decoration:none;
	}
 
 	
#login_info a{
	text-decoration:underline;}