@charset "utf-8";
body { width:100%; height:100%; margin:0; padding:0; font-family:"微軟正黑體";  font-size: 14px; line-height:1.6em;}
html { width:100%; height:100%; }

.warpper { max-width:640px; margin:0 auto; padding: 15px 0; }
.clearfix:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}/* End hide from IE-mac */
a { text-decoration:none;}
img { border:0;}



/*** 手機選單、選單 色塊-變色  ***/
.b-color, .slicknav_menu {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a08a5a+0,b9a373+50,bda061+100 */
background: #a08a5a; /* Old browsers */
background: -moz-linear-gradient(top, #a08a5a 0%, #b9a373 50%, #bda061 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a08a5a 0%,#b9a373 50%,#bda061 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a08a5a 0%,#b9a373 50%,#bda061 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a08a5a', endColorstr='#bda061',GradientType=0 ); /* IE6-9 */} /** 選單顏色 ***/
.slicknav_icon-bar { background-color: #FFF;} /** 手機選單ICON按鈕色 ***/
.slicknav_btn { } /** 手機選單ICON按鈕底色 ***/

.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover {  background: #57400c; } /** 選單滑入顏色 ***/
.slicknav_nav>li { } 
.border-color { border-left:7px #A0A0A0 solid;} /** 標題顏色 ***/

.m-logo{display:block; position: fixed; top:8px; left: 10px; width:100px; height: auto;z-index: 9999999;}
.m-logo img{ width: 100%;}

header { height:auto; padding:0px;}
.head-main .logo { width:250px; left:10px; top:-35px; font-size:22px;}
.head-main .logo a { color:#ffffff; }
.head-main .logo img { width:100%; height:auto;}
.head-tool { width:310px; position:static; margin:10px auto; }

.home { display:none; }
a.home_w { display: block; position:absolute; top:5px; left:10px; width:30px; height:auto; padding: 0; }
a.home_w img { width: 100%; height: auto;}

.m-banner { width:100%; overflow:hidden; position: relative; z-index:1000;}
.m-banner img { position:absolute; top:-50%;  }

.banner-main { margin:49.59px auto 0 auto; }
.oproject { display: inline; color:#900;}

/** 網站地圖 **/
.sitemap>ul>li{padding: 0;flex-basis:48%;margin: 1%; color:#7a3d09;font-size: 18px; text-align: center; }


/***** 訂單列表  *****/
.order-search { padding-left:0px;}
ul.order-list li.th { display:none;}
.order-list { padding-left:0px;} 
.order-list-img, .order-list-img02 { float:left; width:100%; font-size:15px; text-align:center;}
   .order-list-img { height:auto;}
  .order-list-img img.pro-photo { width:86%; max-width:180px; height:auto; padding:2%; border:1px #CCC solid; margin:5%; text-align:center;}
  .order-list .order-list-td { font-size:15px; color: #333; text-align: left;}
  
  
.order-list-name { width:100%;  padding-top:0PX;  font-size:15px; text-align:center;} 
.order-list-price { float:left; width:100%;  padding-top:0PX;  font-size:15px; text-align:center;}
.order-list-quantity, .order-list-quantity02 { float:left; width:100%; padding-top:0PX;  font-size:15px; text-align:center;}
.order-list-subtotal, .order-list-subtotal02 { float:left; width:100%;  padding-top:0PX;  font-size:15px; text-align:center;}
.order-list-del { float:left; width:100%;  padding:20PX 0;  font-size:15px; text-align:center;}
.order-list-del a { padding: 5px 10%;}

.order-list .portal { width:100%; text-align: center;}
.order-list .freight { width:100%;  text-align: center;}
.order-list .oproject { font-size:15px; color:#000; display: inline; }
.order-ditaile-info { padding:0 0 0 0px; }

/*****  購物車  *****/
ul.shopping-car-list li.th { display:none;}
.shopping-car { padding:0px;} 
.shop-car-img { width:100%; height:auto; text-align:center; border-bottom:1px #D3D3D3 dotted; margin-bottom:10px; display:block;}
  .shop-car-img img.pro-photo { width:86%; max-width:180px; height:auto; padding:10px; border:1px #CCC solid; margin:10px auto; text-align:center; display:block;}
  
.shop-car-name { float:none; display:block;  width:100%;  padding-top:0PX;  font-size:15px; text-align:center;} 
.shop-car-price {  width:100%;  padding-top:0PX;  font-size:15px; text-align:center;}
.shop-car-quantity {  width:100%; padding-top:0PX;  font-size:15px; text-align:center;}
.shop-car-subtotal{ width:100%;  padding-top:0PX;  font-size:15px; text-align:center;}
.shop-car-del {  font-size:15px; text-align:center; width:50px;}
.shop-car-del a { padding: 5px 10%;}

.shopping-car .portal { width:100%; text-align: center;}
.shopping-car .freight { width:100%;  text-align: center;}
.shopping-car .oproject { font-size:15px; color:#000; display: inline; }

.checkout-box { background:#F4F3F0; padding: 10px; margin-left:0px; border-bottom:2px #FFF dotted; }


/*****  產品專區  *****/

.pro-store-info {  padding:10px 0 10px 0px; }
.pro-list ul li {  width:98%; padding:1%; }
.pro-detaile { padding-left:0px; padding-right:0px; }
.pro-detaile .pro-photo-box { padding:0 0px 0 0;}
.pro-qr-code { text-align:center; padding-bottom:20px;}
.pro-qr-code img { width:200px; height:auto;}
.cart-info .price { font-size:28px; text-align:center; display:block; padding:10px 0 20px 0;}
.cart-info .quantity {text-align: center;}
.cart-info .check-out { text-align:center; clear:both; display:block;}
.cart-info .check-out a { font-size:15px; width:100%; padding:10px 0px; margin-left:0px; display:block;}


.pro-detaile-box { display: block;}
.pro-detaile-box>div {  -webkit-flex: 1;  flex: 1;}
.pro-detaile-photo-box { width: 100%;}
.pro-detaile-spe-box { width: 100%; position: relative; padding-bottom: 0px;}

.cart-info { position: static; bottom: auto; }

/*****  聯絡我們  *****/
.contact-body { padding:0 0 0 0px;}
.contact-left { max-height:200px; overflow:hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.contact-left img { width:100%; height:auto; margin-top:10px;}

a.btn-send {padding: 5px 0;  width:48%; margin: 0 1% ; display:block; float:left;}
a.btn-reset { padding: 5px 0; width:48%; margin: 0 1%; display:block; float:left;}
a.btn-send-over { padding: 3px  0px; color:#fff; width:100%; display:block; float:left; margin-top:5px;}

/*****  內頁架構  *****/
.page-main { padding: 0 0 0 0px; }
.left-menu-title { font-size:15px; border-top:1px #999 dotted;}
.page-title {background:url(../images/page-title.png) -100px bottom no-repeat; padding:8px 0px 4px 0px; }

.in-left-menu { background:none; padding:0; margin: 0; }

.classBox{padding:0 0 10px 0;}
ul.classLink{display:none;}
.m_classLink{display:block; position:relative; background-color:#f3eee2; border:1px solid #75643c;}
.m_classLink a.main{display:block; background:none; font-size:15px; font-family:"微軟正黑體", "新細明體", sans-serif; color:#333; position:relative; padding:10px;}
.m_classLink a.main i{display:block; font-size:15px; background:#75643c; width:45px; height:100%; text-align:center; color:#FFF; line-height:40px; position:absolute; right:0; top:0;}
.m_classLink ul{display:none; margin:0; padding:0; list-style:none; width:100%; background:#FFF; border:1px solid #75643c; position:absolute; left:0; top:100%; z-index:999; box-sizing:border-box;}
.m_classLink ul li{margin:0; padding:0;}
.m_classLink ul li a{display:block; padding: 10px; border-top:1px solid #75643c; font-family:"微軟正黑體", "新細明體", sans-serif; font-size:15px; color:#222;}
.m_classLink ul li:first-child a{border:none;}
.m_classLink ul li a:hover{background:#fffcf5;}

@media screen and (max-width: 440px) {
.wd-contect{ display:block;}
.wd-contect02{ display:block;}
.font001{ width:inherit; padding: 0;margin: 0;}
.font016{ width: 150px; margin: 0 5px 0 0; text-align:left;}
.font017{flex: 1.361; margin: 0 0 10px 0;}
} 
@media screen and (max-width: 500px) {
.wd-contect04{ display: block;}
.font022{border-bottom: 1px #ddd solid; border-right: 0;}
}
/*****  首頁產品  *****/
.index-pro ul li {  width:98%; padding:1%; text-align:center; float:left;}



/*****  首頁連結  *****/
.index-link {display: none;margin:0 auto 5px auto;}
.index-link h3 { font-weight:normal; background: url(../images/icon.png)  no-repeat left center; background-size:69px; padding:6px 0 10px 80px; margin: 0;}
.index-link h3 .line-title-ch { color:#604f11; font-size:20px; font-weight: bold;padding: 4px 0;}
.index-link h3 .line-title-en { color:#7d6b2a; font-size:20px; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; border-top: 1px #7d6b2a solid;padding: 4px 0;}
.index-link h3 .line-other-title-ch { color:#de0059; font-size:20px; font-weight: bold;padding: 4px 0;}
.index-link h3 .line-other-title-en { color:#eb025f; font-size:20px; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; border-top: 1px #eb025f solid;padding: 4px 0;}
.index-link ul li {float: left; width:48%; margin:2px 1% 4px 1%; padding:0; }


/*****  首頁 搜尋 最新消息模組  *****/
.i-news { padding-left:0px;}
.i-news h3 { border-bottom:1px #CCC solid;}

/*** news-list  最新消息 ***/
.news-list li { display:block;padding:10px 0 5px 0; }
.news-list li .date { width:inherit; text-align:left;padding: 0 10px;  }
.news-list li .news-lis-cont a:hover { color:#495000;background:none;}
.news-list li:hover {background: #f5f6eb;}
.news-list li:nth-child(1){ display: none;}


/*** 行事曆 ***/
.calendar ul li { display:block;padding:10px 0 5px 0; }
.calendar ul li:nth-child(1){ display: none;}
.calendar ul li .calendar-date {text-align:left}
.calendar ul li .calendar-information {padding:8px 10px 0 10px;}

/***  會員登入  ***/
h3.login-title { margin:10px 0 10px 0; font-family:"Times New Roman"; font-size:30px; line-height:30px; color:#9B9B9B; text-align:center;}
.login-tool {text-align:center; }
.icon-tool { width:40px; height:auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.member-signup { font-size:14px; color:#828282; line-height:20px; padding:5px 0; text-align:center;}


/***  版面欄位  ***/

.col-m  { width:100%; margin-right:0%; float:none;}
.col-100 {}
.col-015, 
.col-020, 
.col-025, 
.col-030, 
.col-035, 
.col-040, 
.col-045, 
.col-050, 
.col-055, 
.col-060, 
.col-065, 
.col-070, 
.col-075, 
.col-080,
.col-085 { width:100%; margin-right:0%;}


.cor-015, 
.cor-020, 
.cor-025, 
.cor-030, 
.cor-035, 
.cor-040, 
.cor-045, 
.cor-050, 
.cor-055, 
.cor-060, 
.cor-065, 
.cor-070, 
.cor-075, 
.cor-080,
.cor-085 { width:100%;}

.left{ float: left; width: 100%;}
.mid{float: left; width: 100%; margin: 0;}
.right{float: left; width: 100%;}
.c-right{float: left; width: 100%;margin: 0;}

nav { display: none;}

@media screen and (max-width: 640px) {
	.slicknav_menu { display:none;}
	.js #menu {	display:none;}
	.js .slicknav_menu {display:block;position: fixed;top: 0;left: 0;z-index: 99999; width: 100%;}
} 

 .menu { list-style:none;}
 .menu li { color:#fff; width:100%;  text-align:center; float:none;}
 
 
 
/*** 訂位區塊  ***/
.info-box { font-size:14px; color:#7E7E7E; line-height:20px;}

/***  定位-選項-時段  ***/
.order-opinion { width:100%; margin-right:0; float: none;}
.time { width:100%; float: none;}

.time ul li {margin:1% 1% 0 0; width:24%;}


/***  step  ***/
.step li { font-size: 18px; }
.step li span { height: 38px; padding: 5px 10px; }


/***  表單欄位  ***/
.form-box {min-width: auto; padding-right: 0px;}
.form-style01 { font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; padding:5px 3%; line-height:20px; width:93%;}
.input-main-style01 {width:100%;border-right:0px #473a1d solid;border-bottom:1px #473a1d solid; }
.input-main-style02 {width:100%;}
.input-main-style03 {width:100%;border-right:0px #473a1d solid;border-bottom:1px #473a1d solid; }

.opinion { margin-bottom:5px; display: block; border: 1px #6c5b36 solid;}
.opinion-left01 { width:100%; display: block; border-right:0}
.opinion-right01 { float:left; width:7.5%; padding:0px 2%;}
.input-main-select {float:none; width:100%;}

.select-style { font-size:15px; width:96%; line-height:20px; padding:5px 2%;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.input-style01, .input-main-style02, .input-main-style03 { float:none; width:100%;}
.checkout-box h3 { margin-right:0;}

.cart-btn { height: auto; overflow: auto;}
a.btn-send-over { margin-left:0px;}

.form-box-remarks001{padding: 0 0 2px 0;}
.form-box-remarks002{padding: 0 0 2px 0;}


/* 頁次 */	
.page{ }
.page br { display: block;}

/******  底部資訊  ******/
footer .footer { background: url(../images/footer-left.png) no-repeat -2.5% 36px,url(../images/footer-right.png) no-repeat 102.5% 36px; }
footer .information span{clear: both; width: 100%; display: block;} 
@media screen and (max-width: 460px) {
	footer .footer { background:url(../images/footer-right.png) no-repeat 126% 109%;}
}