body{ letter-spacing:1px;font-family: Arial, "微軟正黑體";}
ul{ margin:0; padding:0; list-style:none;}

.header{display:block; padding:30px 0 20px 0;height:180px;}

.logo{margin:0; width:182px; display:block; float:left;}

.box{max-width:1000px; margin:auto; width:100%;}

.banner{max-width:1000px; margin:auto; width:100%;}

.language{color:#403f3c;font-size:14px; margin:0 0px 0 200px;}
.language li{float:left;}
.language li a{color:#403f3c;font-size:14px;}
.language li a:hover{color:#c3c1bd;}

.language li > .language-v{color:#c3c1bd;}

.language samp{}

.footer{background-color:#8c6e49;padding:35px 0;letter-spacing:1px;width:100%;margin-top:40px;float:none; clear:both; overflow:hidden;}
.footer h1{float:left;width:12%;border-right:1px solid #af9a80;}
.footer h2{float:left; color:#ded0c0; font-size:12px; line-height:14px;margin:0 25px; width:30%;}
.footer ul{list-style:none;float:right;width:52%;margin-top:0px;background-color:#9b7d59; padding:20px 0;}
.footer ul li{float:left; font-size:0.8em;width:14%;text-align:center;}
.footer ul li a{color:#fff; width:91%;text-align:center; display:inline-block;}
.footer ul li samp{color:#cfbba3; width:2%;}
.footer ul li a:hover{ opacity:0.8;}

.footer-2{background-color:#fff;padding:25px 0;font-size:12px;color:#929292;text-align:left; width:100%; max-width:1000px; margin:0 auto;}

.s{background:url(../images/master/shopping.png) no-repeat;width:53px;height:53px; position:fixed;bottom:135px;right:0px;}
.fb{background:url(../images/master/fb.png) no-repeat;width:53px;height:53px; position:fixed;bottom:77px;right:0px;}
.top{background:url(../images/master/top.png) no-repeat;width:53px;height:53px; position:fixed;bottom:20px;right:0px;}

.index-img{list-style:none;margin:0px 0 0px 0;padding:20px 0;clear:both; overflow:hidden;}
.index-img li{width:23.4%;margin:8px 0.8%;float:left;position:relative;}
.index-img li img{width:100%;}

.index-img li a::after{
	content:attr(title); position:absolute; z-index:1; letter-spacing:1px;
	top:45%; height:auto; padding:12px 0;
	left:30%;
	width:45%;
	background:#fff;
	color:#000;
	text-align:center;
	font-size:1.2em;
	opacity: 0.8;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;}

.index-img li a:hover::after{
	top:40%;
	margin-top:0px;
	opacity: 1;}

.banner-c{}
.banner-c img{top:30%; position:relative;}

.about-banner{background:url(../images/about/about-banner.jpg) no-repeat center center; height:285px; text-align:center; }
.origin-banner{background:url(../images/origin/origin-banner.jpg) no-repeat center center; height:285px; text-align:center; }
.taste-banner{background:url(../images/taste/taste-banner.jpg) no-repeat center center; height:285px; text-align:center; }
.buy-banner{background:url(../images/buy/buy-banner.jpg) no-repeat center center; height:285px; text-align:center; }
.gifts-banner{background:url(../images/gifts/gifts-banner.jpg) no-repeat center center; height:285px; text-align:center; }
.news-banner{background:url(../images/news/news-banner.jpg) no-repeat center center; height:285px; text-align:center; }
.contact-banner{background:url(../images/contact/contact-banner.jpg) no-repeat center center; height:285px; text-align:center; }

.content{padding:60px 0;font-size:16px;line-height:24px;color:#403f3c; overflow:hidden;}

.about-title{background:url(../images/about/about-title.jpg) no-repeat; height:389px; width:20%;float:left;}
.about-title img{ display:none;}

.about-text{background:url(../images/about/about-bg.jpg) no-repeat right bottom; width:80%;float:left;}
.about-text h1{margin-bottom:35px;}
.about-text h2{margin-top:25px; line-height:30px;}
.about-text h2 samp{ color:#6e9b22;}

.text-01{font-size:24px;font-weight:bold;}
.text-02{font-size:22px;font-weight:100;}
.text-03{font-size:30px;font-weight:bold;color:#79a139;}
.text-04{font-size:22px;font-weight:100; color:#79a139; line-height:30px;}

.origin-list{ margin:24px 0; overflow:hidden;}
.origin-list ul{width:100%;}
.origin-list ul li{width:33.3%; float:left;}
.origin-list ul li img{width:100%;}
.origin-list ul li h2{width:92%;margin:10px auto; font-weight:100;}
.origin-list ul li h2 img{ width:74px;}
.origin-list ul li h2 p{margin-top:10px;}

.origin-bg01{background-color:#f9f9f9;padding:34px 0;}
.origin-text01{background-color:#fff;padding:25px;}
.origin-text01 h1{margin:15px 0 30px 0;}

.origin-text02{ margin:40px 0; overflow:hidden;}
.origin-text02 h1{margin:2px 0 30px 0;}
.origin-text02 img{ width:30%; float:left;}
.origin-text02-right{ width:65%; float:right;}

.origin-text03{margin:70px 0 10px 0; overflow:hidden; background:url(../images/origin/origin-bg01.jpg) no-repeat right top; height:496px;}
.origin-text03 img{margin:25px;}
.origin-text03 p{ width:44%; float:right; margin:70px 30px 0 30px; line-height:24px;}

.taste-01{background:url(../images/taste/taste-img01.jpg) no-repeat; height:274px; padding-left:38%;position:relative;left:6%; margin-bottom:40px;}
.taste-01 p{ margin-top:25px; width:50%;}

.taste-02{background:#f7f7f7 url(../images/taste/taste-bg01.jpg) no-repeat 0px 0; height:auto; width:100%; padding-bottom:20px;}
.taste-02 img{position:relative;top:-34px;left:0px;}
.taste-02 ul{ width:82%; margin:-80px 0 0 190px; background:url(../images/taste/o-bg.png) repeat; padding:2%;}
.taste-02 ul li{margin-bottom:15px; padding-left:50px;}
.taste-02 ul li img{position:relative;top:0px;left:0px;}
.taste-02 ul li samp{ font-weight:bold;color:#917450;}
.taste-02 ul li h1{ color:#917450; font-size:24px; padding:0; margin:0;}
.taste-02 ul li h2{ padding:0; margin:0;}
.taste-02 ul li h2 img{ width:100%; margin:0;padding:0; }
.taste-02 ul li ol{width:100%; margin:10px 0 0 0; padding:0; overflow:hidden;}
.taste-02 ul li ol li{float:left; width:31%; margin:0 1% 12px 0; padding:0;}
.taste-02 ul li ol li img{ width:100%; margin:0; padding:0;}
.taste-02 ul li ol li p{ padding:0; margin:0px 0 0px 0; text-align:center; line-height:20px;color:#917450;}

.taste-icon02{ background:url(../images/taste/taste-icon02.png) no-repeat;}
.taste-icon03{ background:url(../images/taste/taste-icon03.png) no-repeat;}
.taste-icon04{ background:url(../images/taste/taste-icon04.png) no-repeat;}
.taste-icon05{ background:url(../images/taste/taste-icon05.png) no-repeat;}

.taste-03{width:100%; margin:35px 0; overflow:hidden; padding-bottom:40px;}

.taste-03 h1{}
.taste-03 samp{ font-size:14px; color:#888682;}

.taste-03 ul{width:100%;}
.taste-03 ul li{ background:url(../images/taste/taste-icon01.jpg) no-repeat left 6px; padding-left:20px; margin-bottom:6px;}

.taste-img02{ float:left; width:40%;}

.taste-04{ padding:30px 0 0 0; display:none;}
.taste-04 ul{width:70%; float:right; margin:20px 5% 0 0;}
.taste-04 ul li{float:left;width:14%;color:#BCBCBC; line-height:50px;}

.taste-05{margin:70px 0;display:none;}
.taste-05 img{float:left;}

.taste-img{width:43%;}
.taste-img img{width:100%;}
.taste-title05{ margin:5px 1.5%; width:10%;}

.taste-title06{ display:none;}

.buy-list{width:100%;}
.buy-list li{width:48%;margin:15px 1%; float:left; text-align:center;}
.buy-list li a{width:100%;border:8px solid #f0f0f0; display:block; padding:15px 0 10px 0; color:#403f3c;}
.buy-list li h1{ font-size:24px; font-weight:bold;border-top:1px solid #f0f0f0;margin:10px auto 0 auto; padding:20px 0; width:90%;}
.buy-list li a:hover{ opacity:0.6;}

.gifts-list{width:100%;}
.gifts-list li{width:30%;margin:0px 1.5% 60px 1.5%;float:left;position:relative;}
.gifts-list li h1{font-size:16px;color:#403f3c; margin:12px 0;}
.gifts-list li a:hover{opacity:0.6;}

.gifts-bnt img{ width:100%;}

.gifts-bnt::after{
	content:attr(title); position:absolute; z-index:1; letter-spacing:1px;
	top:28%; height:auto; padding:12px 0;
	left:30%;
	width:45%;
	background:#fff;
	color:#000;
	text-align:center;
	font-size:1em;
	opacity: 0.7;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;}

.gifts-bnt:hover::after{
	top:20%;
	margin-top:0px;
	opacity: 1;}

.add-shopping{ padding:10px 0; width:100%;border:1px solid #403f3c; display:block; text-align:center; color:#171717;}

.product-c{padding:20px 0 0 0;font-size:16px;line-height:24px;color:#403f3c;}
.product-c img{ width:100%;}
.product-c h1{ font-size:24px; margin:0; padding:0;}
.product-c h2{ font-size:1em; border-bottom:1px solid #dbdbdb; padding:16px 0; margin-bottom:15px;}

.news-list{border-top:1px dashed #dddddd;}
.news-list li{border-bottom:1px dashed #dddddd;padding:20px 0;}
.news-list li a{ color:#403f3c; font-size:1em;}
.news-list li a:hover{ opacity:0.7;}
.news-list li a p{ color:#aba7a3; font-size:14px;}

.news-c-title{color:#403f3c; font-size:1em;border-bottom:1px solid #dddddd;padding:20px 0;}
.news-c-title p{ color:#aba7a3; font-size:14px;}

.page{margin:40px 0 0 0;}
.page li{float:left; }
.page li a{font-size:14px;}

.page-bnt{padding:8px 16px;display:block;color:#a89e92;}
.page-bnt:hover{background-color:#a89e92;color:#e0d8cf;}

.page-bnt-v{background-color:#a89e92;color:#e0d8cf;padding:8px 16px;display:block;}

.news-c{border-bottom:1px solid #dddddd;padding:40px 0; overflow:hidden;}


.news-c-l{ width:40%; float:left;}
.news-c-r{ width:55%; float:left; margin:0 0 0 5%;}

.back{padding:10px 0; width:30%;border:1px solid #403f3c; display:block; text-align:center; margin:35px auto 0 auto;color:#403f3c;}
.back:hover{ opacity:0.6;}

.information{padding:20px 0 0 0;font-size:16px;line-height:24px;color:#403f3c;}
.information img{width:150px;}
.information h1{font-size:24px;border-bottom:1px solid #dbdbdb; padding:16px 0; margin-bottom:15px;}
.information h2{font-size:16px;padding:1.5%; margin:15px 0; background-color:#F1F1F1; font-weight:100;}
.information a{color:#7b5a2d;}

.verification{width:100%;overflow:hidden;padding-top:30px;}
.verification li{width:25%;float:left;text-align:center;}

.tast-tt{ margin-bottom:60px;}
.tast-tt img{width:100%;}

@media (max-width:1600px){
.taste-01{background:url(../images/taste/taste-img01.jpg) no-repeat; height:274px; padding-left:48%;position:relative;left:-2%;}

.taste-01 p{ width:70%;}
}

@media (max-width:1400px){
.taste-01{background:url(../images/taste/taste-img01.jpg) no-repeat; height:274px; padding-left:58%;position:relative;left:-2%;}
.taste-01 p{width:80%;}
}
@media (max-width:990px){


.footer h1{float:left;width:20%; margin-left:20px;}
.footer h2{float:left;width:65%;border-right:none;}
.footer ul{list-style:none;float:left;width:100%;margin-top:20px;}

.origin-text03{margin:70px 0 10px 0; overflow:hidden; background:url(../images/origin/origin-bg02.jpg) no-repeat; height:496px;}
.origin-text03 img{margin:25px;}
.origin-text03 p{ width:92%; float:none; margin:20px 4% 0 4%; line-height:24px; color:#fff;}

.taste-01 p{width:90%;}
}

@media (max-width:900px){

.footer h1{float:none;width:222px; height:90px;margin-left:20px;border-right:none;}
.footer h2{float:none;width:90%;}
.footer ul{float:none;width:100%;margin-top:20px; padding:0;}
.footer ul li{float:none;width:100%;text-align:left; border-top:1px solid #764b1f; background-color:#8c6e49;}
.footer ul li a{ color:#fff; width:100%;text-align:left;display:inline-block; padding:12px 0; text-indent:20px;}	
.footer ul li samp{color:#ddb892; width:2%; display:none; }

.index-img li{width:48%;margin:8px 1%;float:left;position:relative;}

.language samp{display:none;}

.banner{max-width:1200px; margin:0 1.5%; width:97%;}

.banner-c{ margin:0 1.5%}
.content{padding:60px 1.5%;}

.origin-list ul li{width:100%;float:none; margin-bottom:35px;}
.origin-list ul li h2{width:100%;}

.origin-bg01{padding:4px 0;}

.origin-text02-img{ background:url(../images/origin/origin-img04.jpg) no-repeat left center; width:100%; height:350px; background-size:cover; margin-bottom:30px;}
.origin-text02{ margin:40px 0; overflow:hidden;}
.origin-text02 h1{margin:0px 0 30px 0;}
.origin-text02 img{display:none;}
.origin-text02-right{ width:100%; float:none;}

.taste-01{background:url(../images/taste/taste-img01.jpg) no-repeat; height:auto; padding-left:0;position:relative;left:0%;background-size:contain;}
.taste-01 p{ margin-top:110px;}

.taste-02{height:auto; width:100%; padding-bottom:20px;}
.taste-02 ul{ width:90%; margin:0px 0 0 4%;}


.taste-03 ul{width:100%; float:none;}
.taste-03 ul li{ background:url(../images/taste/taste-icon01.jpg) no-repeat left 6px; padding-left:20px; margin-bottom:6px;}

.taste-img02{ float:none; width:100%; margin-top:20px; max-width:605px;}
.taste-img02 img{ width:100%;}

.gifts-list li{width:47%;margin:0px 1.5% 50px 1.5%;float:left;}

}

@media (max-width:860px){

.buy-list li img{ width:90%;}	
.verification li{width:50%; margin-top:20px;}

.taste-02 ul li ol li{float:left; width:98%; margin:0 1% 40px 1%; padding:0;}
	}

@media (max-width:700px){
.taste-05{margin:50px 0;}
.taste-05 img{float:left;}

.taste-img{width:98%; margin:10px 1%; float:none;}
.taste-img img{width:100%;}
.taste-title05{ display:none;}
.taste-title06{ display:block; clear:both;}
.taste-04{ padding:30px 0 50px 0;border-bottom:1px solid #C3C3C3;}

.buy-list{width:100%;}
.buy-list li{width:98%;margin:6px 1%; float:none;}
.buy-list li img{ width:90%;}

.news-c-l{ width:100%; float:none;}
.news-c-r{ width:100%; float:none; margin:0 0 0 0;}

.back{width:100%;border:1px solid #403f3c; display:block; text-align:center; margin:35px auto 0 auto;color:#403f3c;}

.verification li{width:100%; margin-top:20px; float:none;}

}
@media (max-width:500px){
.logo{margin:0 0 0 5px; width:95px;}
.logo img{ width:100%;}

.header{display:block; padding:15px 0 10px 0;height:90px;}

.language{color:#403f3c;font-size:14px; margin:0 0px 0 110px;}

.animenu__toggle {
    display: inline-block; margin:15px 10px 0 0; float:right; width:50%; display:block;
  }
.header-right{}

.about-title{background:none; height:100px; width:100%;float:none;}
.about-title img{ display:block; max-width:388px; width:100%;}

.about-text{background:url(../images/about/about-bg.jpg) no-repeat right bottom; width:100%;float:none;  }


.origin-text03{margin:60px 0 10px 0; overflow:hidden; background:url(../images/origin/origin-bg02.jpg) no-repeat; height:auto; padding-bottom:20px; background-size:cover;}
.origin-text03 p{ width:92%; float:none; margin:0px 4% 0 4%; line-height:24px; color:#fff;}

.taste-01 p{ margin-top:70px;}


.taste-04 ul{width:60%; float:right; margin:20px 5% 0 0;}
.taste-04 ul li{float:left;width:14%;color:#BCBCBC; line-height:50px;}

.gifts-list li{width:97%;margin:0px 1.5% 50px 1.5%;float:none;}
 
}