@charset "UTF-8";

/* CSS reset body{font-family:"Microsoft Jhenghei", "微軟正黑體",sans-serif;}*/
@import url("reset.css");
body{font-family:'Roboto','Noto Sans', sans-serif; background-image: url(../images/chruch.png);}

.index_bg{background-image: url(../images/index2_bg.jpg); height:610px; background-repeat: no-repeat; background-color:#f7f4ed;}

.menu_bg{background-image: url(../images/index_about.jpg); height:610px; background-repeat: no-repeat; background-color:#f7f4ed;}

.menu2_bg{background-image: url(../images/index_menu_bg.jpg); height:610px; background-repeat: no-repeat; background-color:#f7f4ed;}

.menu3_bg{background-image: url(../images/index_menu_bg.jpg); height:650px; background-repeat: no-repeat; background-color:#F7F4ED;}

.news_bg{background-image: url(../images/index_news.jpg); height:650px; background-repeat: no-repeat; background-color:#F7F4ED;}



.envir_bg{background-image: url(../images/index_location_bg.jpg); height:610px; background-repeat: no-repeat; background-color:#F7F4ED;}

.clear{clear: both;}
h1{font-size: 18px; color:#5e4525; font-weight:bold;}
h2{font-size: 18px; color:#000000; font-weight:bold;}

h3{font-size: 18px; color:#ecddbf; font-weight:bold;}
h4{font-size: 14px;}
h6{font-size: 18px; color:#ffba00; font-weight:bold;}

/*layout*/
header,.main-content,.footer-info{width: 1006px;}
header,.main-content,.footer-info,.wrapper,.wrapper_location,.wrapper_menu{margin: 0 auto;}
.wrapper{
	width: 1006px;
	margin-top: 0px;
	background-color:#f7f4ed;
}


.wrapper_location{
	width: 1006px;
	height:910px;
	margin-top: 0px;
	background-color:#f7f4ed;
}

.wrapper_menu{
	width: 1006px;
	height:1100px;
	margin-top: 0px;
	background-color:#f7f4ed;
}



footer{border-top: 1px dotted #b19e91;clear: both;background: #f7f4ed;position: relative; margin:0 auto;  width: 1006px;}
@media screen and (max-width: 1300px) {
  footer { width: 1006px; }
}

/*header*/
header a:hover,.main-menu > li:hover > a{color: #f7941e;}
.logo{float: left;}
.top-link{text-align: right;font-size: 13px;line-height: 180%;}
.top-link a,.top-link input{vertical-align: top;}
.top-link a{margin-right: 15px;}
.btn_cart{width: 34px;height: 23px;background: url(../images/btn-cart.png);display: inline-block;text-indent: 100%;overflow: hidden;position: relative;}
.btn_cart:hover{background: url(../images/btn-cart-hover.png);}
.search-input{border: 1px solid #8c8c8c;height: 20px;background: url(../images/icon-search.png) no-repeat 95% 3px;}
/*menu*/
.main-menu{float: right;margin-top: 43px;z-index: 99;position: relative;}
.main-menu > li{display: inline-block;padding-right: 25px;position: relative;padding-bottom: 16px;}
.sub-menu{position: absolute;border: 1px solid #999;font-size: 13px;min-width: 120px;left: -30%;top:42px; box-shadow:2px 4px 12px -1px rgba(0,0,0,0.3);background: #fff;display: none;}
.main-menu > li:hover .sub-menu{display: block;}
.sub-menu-container{padding: 15px;}
.product-menu ul{float: left;width: 30%;border-right: 1px solid #999;margin: 0 15px 15px 0; }
.product-menu ul:last-child{border-right: 0;margin-right: 0;}
.product-menu{width: 360px;left: -150%;}
.product-menu-title,.foot-menu ul .foot-menu-title{font-size: 15px;}
/*main-content*/
.main-content{
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}
.breadcrumb{padding: 20px 0 5px 0;}
.breadcrumb,.breadcrumb span{font-size: 12px; }
.breadcrumb span{padding: 0 5px;}.breadcrumb span:first-child{padding-left: 0;}
.sidebar{
	float: left;
	width: 230px;
	margin-right: 20px;
	height: 150px;
}

.right_menu{
	float: left;
	
	margin:55px 0 0 0 ;
	
}

.middle{background-color:#f7f4ed;}

.content-area{margin-left: 280px;}
.cube-title-content{background: #b8b7b7;}
.cube-title,.cube-title-en{margin-left: 10px;color: #fff;padding-bottom: 5px;}
.cube-title{padding-top: 70px; font-size: 20px;}.cube-title-en{font-size: 33px;font-weight: bolder;padding-bottom: 15px;}
.item-list li{text-align: center;float: left;width: 32%;margin-right:1.5%;border: 1px solid #eee;border-bottom: 3px solid #f8c114;}
.item-list li:nth-child(3n){margin-right: 0;}
.item-list-title{font-size: 13px; color: #666666;}
.item-rank,.item-price,.product-info-price,.events-list-date{
	font-size: 12px;
	color: #f8c114;
	margin-bottom: 0px;
}
.item-list li:hover{border-bottom-color: #ddd; }

.menu-area-right{
	
	width: 700px;
	float: left;
	margin-top: 0px;
	margin-right: 30px;
	margin-left: 10px;
	margin-bottom: 20px;
	line-height: 26px;
	height: 600px;
}


.location-area-right{
	width: 755px;
	float: left;
	margin-top: 60px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	line-height: 26px;
	height:auto;
	
}

.location-box{
	width: 365px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 10px;
	height: 189px;
	background-image: url(../images/location_cut_03.png);
	background-repeat: no-repeat;
	
}


.location-box2{
	width: 365px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 250px;
	margin-bottom: 10px;
	height: 189px;
	background-image: url(../images/location_cut_03.png);
	background-repeat: no-repeat;
	
}


.location-box-table{
	
	width: 150px;
	float: right;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom: 10px;
	
	text-align:left;
	
}

.location-box-text{
	width: 150px;
	float: left;
	margin-top: 50px;
	margin-right: 5px;
	margin-left: 25px;
	margin-bottom: 10px;
	text-align: left;
}


.location-box P{
	
	color:#FFFFFF;
	font-size:12px;
}

.location-box2 P{
	
	color:#FFFFFF;
	font-size:12px;
}



.envir-area-right{
	
	width: 700px;
	float: left;
	margin-top: 60px;
	margin-right: 30px;
	margin-left: 10px;
	margin-bottom: 20px;
	line-height: 26px;
	height: 400px;
}


.menu-area-block{
	clear: both;
	width: 148px;
	float: left;
	margin-top: 60px;
	margin-right: 30px;
	margin-left: 63px;
	margin-bottom: 50px;
	line-height: 26px;
	height: 200px;
}

.menu-area { font-size: 12px;}
.menu-area li{line-height: 150%;}
.menu-area li a{margin: 8px 0;display: block;color: #ffffff; padding-left:20px; }
.menu-area li a:hover{color: #ffffff; background: url(../images/menu_bg.png);}





.about-area{
	clear: both;
	width: 350px;
	font-size: 13px;
	color: #6e6356;
	float: left;
	margin-top: 10px;
	margin-right: 65px;
	margin-left: 270px;
	margin-bottom: 50px;
	line-height: 26px;
	height: 200px;
}

.about-store{
	clear: both;
	width: 650px;
	font-size: 13px;
	color: #6e6356;
	float: left;
	margin-top: 15px;
	margin-right: 65px;
	margin-left: 100px;
	margin-bottom: 0px;
	line-height: 26px;
	height: 100px;
	border-style: none none dashed none;
	border-color: #ff0000 #0000ff;
}

.about-table P{
	
  color:#715127;
}


.about-table td{
	
  border: 1px solid gray;
  
  border-style: none dashed none none;
  padding:5px;
}

.more_bt{
	
  float: right;
}


.more_bt a{
	
  color: #9d6c1a;
}


.index-ad-area{
	clear: both;
	width: 160px;
	font-size: 11px;
	color: #9d6c1a;
	float: right;
	margin-top: 120px;
	margin-right: 65px;
	margin-left: 50px;
	margin-bottom: 50px;
	line-height: 21px;
	height: 200px;
}

.index-ad-area a{
	color: #9d6c1a;
}

.index-ad-area a:hover{
	color: #724f14;
}
.index-ad-left{margin-right: 16px;float: left;}
/*foot*/
.foot-menu ul,.foot-menu,.product-gallery{float: left;}
.social-link{float: right;text-align: right;}
.cpr{bottom:20px;font-size: 12px;color: #8d8c8c; float:left; margin-left:30px;}
.footer-info{padding: 20px 0;position: relative;}
.foot-menu ul .foot-menu-title{margin-bottom: 5px;}
.foot-menu ul{width: 150px;}
.foot-menu ul li{font-size: 12px;line-height: 200%;}
.foot-menu ul li a:hover,.side-cat-list ul li a:hover{text-decoration: underline;color: #8d8c8c;}
.social-icon{margin-left: 8px;}
.social-link-title{color: #666;font-weight: bolder;margin-bottom: 5px;}
.subscribe-bar {border: 1px solid #707070;background: #707070;line-height: 100%;position: relative;margin-top: 10px;}
.subscribe-bar:before{content: '訂閱';position: absolute;left: -40px;top:5px;}
.subscribe-bar input,.subscribe-bar{height: 22px;vertical-align: top;}

/*product*/
.side-cat-list ul,.side-news-list{margin-top: 30px;padding-left: 10px;}
.side-cat-list ul li{line-height: 150%;}
.side-cat-list ul li a{font-size: 12px;}
.product-list .item-list-title{
	font-size: 14px;
}
.product-list li{margin-bottom: 30px;}
.product-gallery{width: 377px;}
#list-image {
	width: 215px;
	height: 215px;
}
#recent-image {width:70px; height:71px;}
#show-image{width:377px; height:377px;}
#show-image,.productgallery-menu a img{border: 1px solid #eee;}
.productgallery-menu a{width: 18%;float: left;margin-right: 2.5%;}
.productgallery-menu a:last-child{margin-right: 0;}
.productgallery-menu a img,.related-list li img{width: 100%;}
.product-info{ position: relative;margin-left: 410px;border-bottom: 3px solid #f8c114;border-top: 3px solid #f8c114;padding: 20px 0;min-height: 337px;}
.btn-addtocart{ width: 100%; display: block;padding: 3px 0;text-align: center;background: #636363;color: #fff;}
.btn-addtocart:hover{background: #f8c114;}
.btn-addtocart:after{content: url(../images/icon-cart.png);position: relative;top:2px;left: 2px;}
.qty-select{ margin: 10px 0;}.qty-select  label{vertical-align: top;}
.qty-select select{border: 0;width: 120%;background: none;vertical-align: top;height: 22px;}
.qty-select-wrapper{border: 1px solid #ccc;background: url(../images/arrow-select.png) no-repeat right center;display: inline-block;width: 80px;overflow: hidden;height: 22px;}
.btn-addtocart,.qty-select{font-size: 13px;}
.product-info-title{letter-spacing: 0.05em;}
.product-info-sale{
	font-size: 16px;
	color: #F90004;
	margin-bottom: 10px;
}

.product-info-price-show{
	font-size: 12px;
	color: #999999;
	text-decoration:line-through;
}

.product-info-text{
	font-size: 12px;
	color: #9d9d9d;
	margin-bottom: 10px;
	
}

.product-info-desc{font-size: 12px;line-height: 150%;}
.product-info-certificate{padding: 15px 0;}
.product-info-certificate img{margin-right: 10px;}
.product-details{padding-top: 150px;padding-bottom: 50px; min-height: 500px;}
ul.tabs {width: 100%;height: 31px;border-bottom: 1px solid #f8c114;}
ul.tabs li {float: left;height: 31px;line-height: 31px;overflow: hidden;position: relative;background: #e1e1e1;min-width: 150px;text-align: center;}
ul.tabs li a {display: block;padding: 0 20px;color: #8d8c8c;text-decoration: none;}
ul.tabs li a:hover {background: #ccc;}
ul.tabs li.active  {background: #f8c114;}ul.tabs li.active a{color: #fff;}
ul.tabs li.active a:hover {background: #f8c114;}
div.tab_container {width: 100%;}
div.tab_container .tab_content {padding: 20px 20px 0 0;color: #626262;font-size: 13px;}
div.tab_container .tab_content h2 {color: #363636;}
div.tab_container .tab_content p,div.tab_container .tab_content ul{margin-bottom: 20px;line-height: 150%;}
div.tab_container .tab_content ul li{list-style: decimal inside; }
.product-related{
	background: #f1f1f1;
	height: 90px;
}
.related-list{width: 70%;float: right;text-align: right;margin-right: 10px;}
.related-list li{
	width: 15%;
	display: inline-block;
	margin-top: 10px;
}
.related-title{
	float: left;
	padding-left: 20px;
	margin-top: 5%;
	color: #636363;
}
.related-title:before{content: url(../images/arrow-yl.png);margin-right: 10px;position: relative;top: 3px;}

/*contact*/
.page-desc{font-size: 14px;}
.page-desc2{font-size: 14px;color: #626262;}
.site-form input,.contact-form  textarea{display: block;border-bottom: 1px solid #ccc;margin: 10px 0 30px;}
.site-form  label{color: #626262;display: inline-block;width: 550px;}
.site-form  textarea{border: 1px solid #ccc;}
.site-form  textarea,.site-form input{width: 550px;}
.must-in{color: #f8c114;padding-left: 5px;}
.site-form{padding: 50px 0 0 50px;}
.btn-submit{background: #f8c114;color: #fff;font-size: 13px;padding: 3px 15px;}

/*events*/
/*events*/
.events-list li{position: relative;overflow: hidden;height: 258px;margin-bottom: 25px;border: 1px solid #ebebeb;border-bottom: 0;}
.events-list li:after{background:  #f8c114;content: '';height: 5px;width: 100%;display: block;position: absolute;bottom:0;z-index: -1;}
.events-list-cover{width: 65%;margin: 0;}
.events-list .events-list-title,.events-list .events-list-date,.events-list .events-list-desc,.events-list .btn-link{float: right;width: 32%;clear: right;}
.events-list-title{line-height: 120%;color: #000;padding-top: 5px;}
.events-list .events-list-title:hover{text-decoration: underline;}
.events-list-desc,.events-list-details{font-size: 13px;line-height: 150%;}
.events-list .btn-link{position: absolute;bottom: 30px;left: 68%;width: 80px;display: block;}
.btn-link{background: #f8c114;text-align: center;font-size: 13px;color: #fff;}
.btn-link:hover{background: #b8b7b7;}
.events-list-date{font-size: 100%;}
.event-content .events-list-cover,.contact-cover{width: 100%;float:none;margin-bottom: 20px;}
.event-content .events-list-date{margin-top: 20px;}
.event-content .events-list-details{margin-bottom: 50px;}
.event-content .events-list-details p{margin-bottom: 10px;}
.event-content .btn-link{padding: 5px 15px;}
/*contact*/
.contact-content{color: #575757;}
.contact-info{padding-top: 10px;width: 50%;}
.contact-map{float: right;width: 50%;height: 200px;}
.company-title{font-weight: bolder;margin-bottom: 15px;}
.company-title-en{color: #f8c114;padding-left: 10px;font-weight: normal;}
.contact-info p{font-size: 13px;line-height: 180%;}
.branch-title{font-weight: bolder;padding: 5px 0;border-top: 1px solid #8d8c8c;border-bottom: 1px solid #8d8c8c;clear: both;margin-top: 30px;}
.branch-list li{float: left;border-bottom: 1px dashed #ccc;height: 140px;}
.branch-list-add{height: 30px;}

/*login*/
.btn-forgotpsw{background: #ae9e6c;}.btn-register,.btn-validate,.btn-go-checkout{background: #636363;}
.btn-go-shopping{background: #b8b7b7;}
.btn-sec{margin-left: 20px;}
.login-form{padding-bottom: 50px;margin-bottom: 50px;border-bottom: 1px dashed #ccc;}

/*news*/
.side-news-list{font-size: 12px;}
.side-news-list li{line-height: 150%;border-bottom: 1px dotted #ccc;}
.side-news-list li a{margin: 8px 0;display: block;color: #464646;}
.side-news-list li a:hover{color: #84733d;}
.main-news-list li{float: left;width: 48%;margin-right: 3%;border: 1px solid #ebebeb;margin-bottom: 20px;height: 250px;}
.main-news-list li:nth-child(2n){margin-right: 0;}
.main-news-list-desc{font-size: 13px;line-height: 150%;color: #626262;}
.main-news-list-title{color: #8c8c8c;font-weight: bolder;}
.main-news-list-title:hover{color: #f8c114; }
.main-news-list-desc,.main-news-list-title{padding: 0 15px;}
.main-news-list-cover{width: 100%;border-bottom: 4px solid #f8c114;}


/*checkout*/
.shoppingcart{border-collapse: separate;}
.cart-title-link{font-size: 15px;}
.cart-price{color: #4c4c4c;font-size: 13px;}
.cart-tool{line-height: 12px;margin-top: 25px;}
.cart-tool a{font-size: 12px;color: #f8c114;border-right: 1px solid #f8c114;padding-right: 10px;margin-right: 10px; }
.shoppingcart .cart-img{width: 22%;}.shoppingcart .cart-desc{width: 60%;}
.shoppingcart th{text-align: left;background: #D9D9D9;font-size: 12px;padding: 0 20px;color: #5e5e5e;}
.shoppingcart td{vertical-align: top;border-top: 30px solid #fff;padding: 0 20px 20px 20px;position: relative;}
.shoppingcart td:after{content: "";position: absolute;right: 0;top:0;width: 1px ;height: 80%;background: #ddd;}
.shoppingcart tr td:last-child:after{display: none;}
.shoppingcart tr{background: url(../images/bg-table.png) repeat-x left bottom;}
.cart-tool a:last-child{border-right: 0;}
.shoppingcart .cart-img-link{width: 100%;border: 1px solid #ddd;}
.checkout-detail{font-size: 13px;padding: 20px 0;}
.shopping-discount{float: left;clear: left;}
.validate-input{border: 2px solid #ddd;border-radius: 3px;margin: 0 5px;line-height: 150%;}
.shopping-shipping,.shopping-total,.shopping-sum{float: right;}
.shopping-shipping{clear: right;}.shopping-sum{clear: both;}
.shopping-sum{border-top: 1px dashed #ddd;width:100%;text-align: right;padding: 20px 0;margin-top: 20px;}
.shopping-total-qty,.discount-points,.shopping-shipping-sum,.shopping-sum-checkout,.shopping-total-price{color: #ff0000;}
.shopping-total-qty,.discount-points{padding: 0 10px;}.shopping-shipping-sum,.shopping-sum-checkout,.shopping-total-price{padding: 0 40px;}
.btn-checkout{text-align: center;display: inline-block;width: 80px;margin-top: 20px;}
.btn-contiune{
	text-align: center;
	display: inline-block;
	width: 80px;
	margin-top: 20px;
	margin-right: 20px;
}


.btn-contiuneshopping{
	background-color: #BEB393;
	color: #fff;
	font-size: 13px;
	padding: 3px 15px;
}


.input-hint{color: #ae9e6c;font-size: 13px;padding-left: 10px;}
.payment-type-list{font-size: 13px;padding: 30px;}
.payment-type-list li{margin-bottom: 20px;color: #626262;}
.payment-type-list li input{margin-right: 10px;}
.payment-type{border-bottom: 1px dashed #ddd;margin-bottom: 50px;}
.order-detail{font-size: 13px;color: #626262;padding-top: 20px;}
.order-detail .order-title{background: #D9D9D9;width: 25px;text-align: center;line-height: 180%;}
.order-detail .order-title,.order-detail-receiver-check{float: left;clear: left;}
.order-detail-receiver-check{color: #000;padding: 15px 0;width: 100%;}
.order-detail-receiver-check span{font-size: 14px;color: #000;padding-right: 20px;}
.order-detail-receiver-check input{margin-right: 10px;}
.order-detail-form {margin-left: 40px;}
.order-detail-form input,.order-detail-form textarea{border: 1px solid #999;line-height: 150%;margin: 0 10px 15px 5px;}
.order-detail-form textarea{margin-left: 15px;width:85%;}
.receiver-title{height: 175px;}
.btn-order{margin-left: 80px;}
.code-check{float: right;}
.checkout-step{width: 100%;display: block;margin-bottom: 30px;}
#add-to-cart{text-align: center;}
#add-to-cart a{margin: 0 20px;}
.add-to-cart-title{padding: 30px 0 20px;}
.add-to-cart-title:after{content: url(../images/icon-cart-b.png);position: relative;top: 5px;left: 5px;}

.shopping-total-price{color: #464646;}
.shopping-shipping-price{color: #464646;}
.shopping-shipping-price{padding: 0 40px;}