@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{max-width:100%;height:auto}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}input[type=submit],input[type=reset],input[type=button],button{-webkit-appearance:none}body,html{font-family:noto sans tc,sans-serif,微軟正黑體;font-size:16px;width:100%;height:100%;background:#fff;position:relative}.clearfix{clear:both}.wrapper{max-width:1200px;width:100%;margin:0 auto}.scroll-to-top{position:fixed;z-index:1000;bottom:4%;right:-20%;width:60px;height:60px;transition:right .5s ease}.scrollTop-right{right:2%}.haeder{width:100%;display:inline-block;position:fixed;top:0;left:0;z-index:99;width:100%;background-color:rgba(0,0,0,.8);height:75px}.logo{display:inline-block;float:left}.logo a{font-size:0;display:inline-block;text-indent:101%;overflow:hidden;white-space:nowrap;background:url(../image/logo.svg)no-repeat;width:170px;height:40px;background-size:contain;margin-top:1rem}.logo a:hover{background:url(../image/logo-b.svg)no-repeat}.menu{display:inline-block;padding-top:1.8rem;float:right}.menu li{float:left;padding-left:2rem}.menu li a{font-size:1.13rem;color:#fff;text-decoration:none;letter-spacing:.1rem}.menu li a::after{content:"";opacity:0;width:0;margin:0 auto;height:3px;margin-top:1.55rem;background:#cfab7a;display:block;transition:width .8s;-webkit-transition:width .8s}.menu li a:hover{color:#cfab7a}.menu li a:hover::after{opacity:1;width:100%;transition:width .8s;-webkit-transition:width .8s}.news-lock-box .haeder .menu .news-lock a{color:#cfab7a}.news-lock-box .haeder .menu .news-lock a::after{opacity:1;width:100%}.products-lock-box .haeder .menu .products-lock a{color:#cfab7a}.products-lock-box .haeder .menu .products-lock a::after{opacity:1;width:100%}.contact-lock-box .haeder .menu .contact-lock a{color:#cfab7a}.contact-lock-box .haeder .menu .contact-lock a::after{opacity:1;width:100%}.mobile-menu{display:none;float:right;padding-top:1.2rem}.swiper-container{width:100%}.swiper-container img{width:100vw}.swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.swiper-button-prev.prev1{background-image:url(../image/arrow.png);transform:rotateY(180deg);display:inline-block;left:2rem;right:auto;opacity:.5}.swiper-button-next.next1{background-image:url(../image/arrow.png);right:2rem;left:auto;opacity:.5}.next1:hover,.prev1:hover{opacity:1}.swiper-pagination-bullet{width:.7rem;height:.7rem;display:inline-block;border-radius:100%;background:#fff;opacity:.5}.swiper-pagination-bullet-active{opacity:1;background:#cfab7a}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .5rem}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:1.5rem}.pages-banner{padding:11rem 0 6rem;background:url(../image/banner2.jpg)no-repeat;background-size:cover;background-position:50%;text-align:center}.index-maintitle{position:relative;margin-bottom:35px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center!important;justify-content:center!important}.index-maintitle::after{position:absolute;content:"";width:60%;height:1px;background-color:#565656;top:50%}.index-maintitle .inner{display:block;padding:0 3rem;background:#fff;position:relative;z-index:10;font-size:2rem;color:#565656;text-align:center}.index-maintitle .inner span{font-size:1.5rem}.index-about{background:rgba(207,207,207,.2);padding:4rem 0}.tag-title{position:relative;margin-bottom:2rem;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center!important;justify-content:center!important}.tag-title .tag-inner{display:block;position:relative;z-index:10;text-align:center;letter-spacing:.1rem}.tag-title .tag-inner p{font-size:1.75rem;color:#565656;font-weight:700}.tag-title .tag-inner p span{font-size:1.25rem}.tag-title .tag-inner::after{position:absolute;content:"";width:150px;height:1px;background-color:#565656;right:-180px;top:30px}.tag-title .tag-inner::before{position:absolute;content:"";width:150px;height:1px;background-color:#565656;left:-180px;top:30px}.tag-title .tag-inner.tag-inner-w{filter:drop-shadow(2px 2px 5px rgba(0,0,0,.9))}.tag-title .tag-inner.tag-inner-w p{color:#fff}.tag-title .tag-inner.tag-inner-w::after,.tag-title .tag-inner.tag-inner-w::before{background-color:#fff}.about-box{display:inline-block;float:left}.about-box .about-img{width:45%;display:inline-block}.about-box .about-content{margin-top:1rem;display:inline-block;float:right;width:45%}.about-box .about-content p{font-size:1.25rem;color:#565656;line-height:1.8}.index-new{padding:4rem 0}.index-new .new-content{width:600px;margin:0 auto}.index-new .new-content li{padding:1rem;border-top:.5px #b8b9b9 solid}.index-new .new-title{text-align:center}.index-new .new-title a{text-decoration:none;font-size:1.13rem;color:#565656;max-width:100%}.index-new .new-title a:hover{color:#cfab7a}.index-new .more{text-align:right}.index-new .more a{text-decoration:none;font-size:1.13rem;color:#565656}.index-new .more a:hover{color:#cfab7a}.pageNumber{margin:0 auto;text-align:center}.pageNumber a{display:inline-block;text-decoration:none;line-height:36px;font-size:1.13rem;vertical-align:top;color:#565656;margin:0 .5rem}.pageNumber a:first-child{transform:rotateY(180deg);width:25px;height:25px;margin-right:1rem;margin-top:.3rem}.pageNumber a:first-child path{fill:#565656}.pageNumber a:first-child:hover path{fill:#cfab7a}.pageNumber a:last-child{width:25px;height:25px;margin-left:1rem;margin-top:.3rem}.pageNumber a:last-child path{fill:#565656}.pageNumber a:last-child:hover path{fill:#cfab7a}.pageNumber a:hover,.pageNumber a.active{color:#cfab7a}.swiper-container.Swiper2{width:90%}.index-products{padding:4rem 0;background:rgba(207,207,207,.2)}.description{font-size:1.13rem;text-align:center;color:#565656;line-height:1.8;margin-bottom:3rem}.box{position:relative}.box>a>img{border:3px solid #e6e6e6;width:100%}.box .title_prize{width:100%;font-size:16px;color:#fff;text-align:center;background:rgba(0,0,0,.6);padding:10px 0;position:absolute;bottom:2px;font-weight:200}.swiper-container .swiper-button-next.next2{width:100px;height:100%;right:0;top:0;margin:0;background:-moz-linear-gradient(left,rgba(153,153,153,0) 0%,rgba(153,153,153,.3) 66%,rgba(86,86,86,.4) 100%);background:-webkit-linear-gradient(left,rgba(153,153,153,0) 0%,rgba(153,153,153,.3) 66%,rgba(86,86,86,.4) 100%);background:linear-gradient(to right,rgba(153,153,153,0) 0%,rgba(153,153,153,.3) 66%,rgba(86,86,86,.4) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00999999',endColorstr='#66565656',GradientType=1 )}.swiper-container .swiper-button-next.next2::after{content:"";background:url(../image/arrow.png)no-repeat;filter:drop-shadow(0 0 5px rgba(0,0,0,.4));background-size:cover;width:25px;height:45px;display:block;position:absolute;right:15px;top:50%;margin-top:-33px}.swiper-container .swiper-button-prev.prev2{width:100px;height:100%;left:0;top:0;margin:0;transform:rotateY(180deg);background:-moz-linear-gradient(right,rgba(86,86,86,.4) 0%,rgba(153,153,153,.3) 34%,rgba(153,153,153,0) 100%);background:-webkit-linear-gradient(right,rgba(86,86,86,.4) 0%,rgba(153,153,153,.3) 34%,rgba(153,153,153,0) 100%);background:linear-gradient(to left,rgba(86,86,86,.4) 0%,rgba(153,153,153,.3) 34%,rgba(153,153,153,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#66565656',endColorstr='#00999999',GradientType=1 )}.swiper-container .swiper-button-prev.prev2::after{content:"";background:url(../image/arrow.png)no-repeat;filter:drop-shadow(0 0 5px rgba(0,0,0,.4));width:25px;height:45px;display:block;position:absolute;right:15px;top:50%;margin-top:-33px}.booking{padding:8rem 0;background:url(../image/booking.jpg)no-repeat;background-size:cover;background-position:50%;text-align:center}.booking img{margin-bottom:1.5rem}.booking h3{font-size:1.75rem;color:#fff;margin-bottom:1rem;line-height:1.31}.booking p{font-size:1.13rem;color:#fff}.border.down{width:10%;background:#fff;margin-bottom:8px}.booking-btn{padding-top:2rem}.booking-btn a{text-indent:101%;overflow:hidden;white-space:nowrap;text-decoration:none;color:#fff;padding:6px 20px;font-size:1rem;border:#fff 1px solid}.booking-btn a:hover{background:#fff;color:#565656;font-weight:500}.news{display:inline-block;font-size:0;padding:4rem 0}.news .col-3{width:calc(100%/3 - 40px);margin-left:calc(40px * 3/2);margin-bottom:calc(15px * 3/2);display:inline-block}.news .col-3:nth-child(3n+1){margin-left:0}.news-image>img{width:100%}.news-content p{overflow:hidden;text-overflow:ellipsis;height:60px;padding-top:.5rem;font-size:1.13rem;color:#565656;line-height:1.5}.news-content p span{font-size:1rem;color:#cfab7a;text-align:right}.product{margin:4rem auto}.product-change{float:right;border:0;color:#fff;font-size:1.13rem;-webkit-appearance:button;-webkit-border-radius:2px;border-radius:2px;background-color:#cfab7a;background-image:url(../image/arrowBottom-icon-w.svg);background-size:25px 25px;background-position:90%;background-repeat:no-repeat;padding:10px 20px;width:180px}.product-title{display:block;width:100%;margin-bottom:3rem}.product-title img{margin-right:.8rem}.product-title h2{display:inline-block;font-size:1.5rem;color:#cfab7a;font-weight:500}.product-title h2 span{font-size:1rem}.product-title::after{content:"";width:100%;border-bottom:solid 1px #cfab7a;display:block;padding-top:.8rem}.coffee-box,.tea-box{display:block;font-size:0}.coffee-box .col-4,.tea-box .col-4{width:calc(100%/4 - 15px);margin-left:calc(15px * 4/3);margin-bottom:calc(15px * 4/3);display:inline-block}.coffee-box .col-4:nth-child(4n+1),.tea-box .col-4:nth-child(4n+1){margin-left:0}.product-image img{width:100%}.product-content p{text-align:center;font-size:1.13rem;color:#565656;line-height:1.5}.contact-box{margin:4rem 0}.contact-content{width:100%;display:inline-block}.contact-content p{color:#565656;font-size:1.13rem;line-height:2;width:50%;display:inline-block;padding-top:4rem}.contact-content p span{line-height:1.5;color:#cfab7a;font-size:1.5rem;font-weight:500}.contact-content img{float:left;display:inline-block;width:480px}.contact-content img.right{float:right}.contact-form{font-size:0;margin-top:3rem}.contact-form h3{font-size:1.75rem;font-weight:500;margin-bottom:3rem;color:#565656}.contact-form p{display:inline-block;font-size:1.13rem;color:#565656}.contact-form p span{color:#cfab7a}.contact-form .form-w50{width:calc(100%/2 - 40px);margin-left:calc(40px * 2/1);margin-bottom:calc(15px * 2/1);display:inline-block}.contact-form .form-w50:nth-child(2n+1){margin-left:0}.contact-form .form-w50 label{display:inline-block;width:100%}.contact-form .form-w100 p{width:100%;display:block}input[type=text],input[type=tel],input[type=email],select{float:right;width:80%;padding-left:15px;font-size:1.13rem;padding:10px 15px;border-radius:3px;border:1px solid #b8b9b9;appearance:none;-moz-appearance:none;-webkit-appearance:none}select{background-image:url(../image/arrowBottom-icon-b.svg);background-size:25px 17px;background-repeat:no-repeat;background-position:95%}select::-ms-expand{display:none}textarea{margin-top:1.5rem;width:100%;height:240px;padding:10px 15px;font-size:18px;border-radius:3px;border:1px solid #b8b9b9;resize:vertical}textarea::-webkit-input-placeholder{font-size:1.13rem;color:#b8b9b9}.button-Send{margin-top:2rem;float:right}.button-Send input[type=submit]{font-size:1.13rem;color:#fff;padding:.5rem 2.5rem;background:#cfab7a;border:0}label.error{font-size:.8rem;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:.8rem;color:#cfab7a}.footer{background:#000;padding:3rem 0;width:100%}.footer.footer-right{text-align:right}.logo-footer{float:left;padding-top:0;width:22%;display:inline-block}.logo-footer a{font-size:0;display:block;background:url(../image/logo-footer.png)no-repeat;width:240px;height:60px;margin-top:0}.shop-content{display:inline-block;float:left}.shop-content p{font-size:1rem;color:#cfab7a;border-right:#cfab7a 1px solid;line-height:1.5;padding-right:1.5rem;margin-right:1.5rem;text-align:left}.link{display:inline-block;float:left}.link li{display:inline-block;margin-top:.8rem;margin-right:1rem}.link li a:hover{opacity:.5}.navcopy{float:right}.navcopy p{color:#cfab7a;font-size:.8rem}.menu.nav-footer{display:inline-block;padding-top:0;margin:1rem 0}.menu.nav-footer a{color:#cfab7a}.menu.nav-footer a:hover{opacity:.5}.menu.nav-footer a:hover::after{display:none}.copy{display:none;margin-top:2rem;border-top:#cfab7a 1px solid;width:100%}.copy p{text-align:center;padding:1rem 0;color:#cfab7a;font-size:.8rem}.popupBox{display:none;opacity:0;width:100%;height:100%;position:fixed;overflow:hidden;left:0;top:0;background:rgba(0,0,0,.7);z-index:10000}.popupBox-open{display:block;opacity:1}.popup-inner{position:absolute;width:100%;height:100%;left:0;top:0;overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:40px 15px}.popupBody{background:#fff;padding:0 27px;padding-top:55px;padding-bottom:27px;margin-top:auto;margin-bottom:auto;width:100%;max-width:900px;position:relative}.popup-title p{font-size:1.75rem;line-height:1.4;letter-spacing:2px}.popup-title p span{font-size:1.13rem;padding-left:1rem}.popup-content{padding:2rem}.popup-content p{line-height:1.4;letter-spacing:2px;font-size:1.13rem;display:block;color:#000}.popup-content p span{font-size:1.75rem;color:#cfab7a}.popup-content img{margin-top:2rem;width:500px}.btnClose{position:absolute;top:-10px;right:-10px;background:#565656}.btnClose img{margin:.5rem;width:30px;height:30px}.btnClose:hover{background:#cfab7a}@media(max-width:1200px){.wrapper{width:95%}.footer{padding:3rem 0 0}.logo-footer{margin-left:4%}.footer-shop{display:inline-block;width:calc(100% - 300px)}.navcopy{display:none}.copy{display:block}.news .col-3{width:calc(100%/3 - 20px);margin-left:calc(20px * 3/2);margin-bottom:calc(15px * 3/2)}}@media(max-width:1024px){.about-box .about-img{width:48%}.about-box .about-content{margin-top:0}.new-content{width:60%;margin:0 auto}.new-content li{padding:1rem;border-top:1px #565656 solid}.new-title{text-align:center}.new-title a{text-decoration:none;font-size:1.13rem;color:#565656;max-width:80%}.new-title:hover{color:#cfab7a}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coffee-box .col-4.col-3,.tea-box .col-4.col-3{width:calc(100%/3 - 15px);margin-left:calc(15px * 3/2);margin-bottom:calc(15px * 3/2);display:inline-block}.coffee-box .col-4.col-3:nth-child(3n+1),.tea-box .col-4.col-3:nth-child(3n+1){margin-left:0}}@media(max-width:768px){.wrapper{width:90%}.scroll-to-top{width:55px;height:55px}header{height:4.5rem;display:block;position:static;background:#000}.logo a{margin-top:1rem}.mobile-menu{display:inline-block}.mobile-menu .btn{width:30px;height:2px;background-color:#fff;margin:8px 0}.menu{padding-top:0;height:0;overflow:hidden;position:absolute;transition:height .8s;top:75px;left:0;right:0;background-color:rgba(0,0,0,.9)}.menu li{float:none;text-align:center;padding-left:0;padding:1.5rem 0;align-self:auto}.menu li a:hover::after{width:80px}.menu-show .menu{height:300px}.products-lock-box .haeder .menu .products-lock a::after{width:80px}.news-lock-box .haeder .menu .news-lock a::after{width:80px}.contact-lock-box .haeder .menu .contact-lock a::after{width:80px}.swiper-pagination,.swiper-pagination-clickable,.swiper-pagination-bullets{display:none}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:.8rem}.index-maintitle{position:relative;margin-bottom:35px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center!important;justify-content:center!important}.index-maintitle::after{position:absolute;content:"";width:100%;height:1px;background-color:#565656;top:50%}.swiper-button-next.next1{right:1rem}.swiper-button-prev.prev1{left:1rem}.index-new .new-content{width:90%}.tag-title .tag-inner::after{width:100px;right:-120px}.tag-title .tag-inner::before{width:100px;left:-120px}.about-box .about-img{width:100%;display:block}.about-box .about-content{width:100%;display:block;padding:2rem 1.5rem 0}.new-content{width:90%;margin:0 auto}.new-content li{padding:1rem;border-top:1px #565656 solid}.footer-shop{width:96%;margin-top:1rem}.pages-banner{padding:6rem 0 5rem}.news .col-3.col-2{width:calc(100%/2 - 10px);margin-left:calc(10px * 2/1);margin-bottom:calc(15px * 2/1)}.news .col-3.col-2:nth-child(2n+1){margin-left:0}.product-change{margin-bottom:2rem;background-position:97%;width:100%}.coffee-box .col-4.col-3.col-2,.tea-box .col-4.col-3.col-2{width:calc(100%/2 - 15px);margin-left:calc(15px * 2/1);margin-bottom:calc(15px * 2/1)}.coffee-box .col-4.col-3.col-2:nth-child(2n+1),.tea-box .col-4.col-3.col-2:nth-child(2n+1){margin-left:0}.contact-content p,.contact-content img{width:100%}.contact-content p{padding-top:2rem}.contact-content img{clear:both}.form-w50.form-w50-w100{width:100%;margin-left:0;margin-bottom:2rem}input[type=text],input[type=tel],input[type=email],select{width:100%;margin-top:1.5rem}}@media(max-width:414px){.tag-title .tag-inner::after{width:100px;right:-120px}.tag-title .tag-inner::before{width:100px;left:-120px}.shop-content p{border:0}.link{margin-top:1rem}.index-new .new-content{width:100%}.news .col-3.col-2{width:calc(100%/2 - 8px);margin-left:calc(8px * 2/1)}.description br{display:none}.coffee-box .col-4.col-3.col-2,.tea-box .col-4.col-3.col-2{width:calc(100%/2 - 5px);margin-left:calc(5px * 2/1)}.hvrbox-text p{font-size:.8rem}}@media(max-width:375px){.tag-title .tag-inner::after{width:60px;right:-80px}.tag-title .tag-inner::before{width:60px;left:-80px}.about-box .about-content{padding:2rem 0 0}}@media(max-width:320px){.swiper-container.Swiper2{width:90%}}