@charset "UTF-8";
.i-banner{padding:100px 90px 0px;overflow:hidden;position:relative;z-index:3}.i-banner .banner-slick{width:100%;height:100%;top:0;left:0}.i-banner .banner-slick .slick-slide{line-height:1}.i-banner .banner-slick .item{position:relative;overflow:hidden;vertical-align:top}.i-banner .banner-slick .item:before{content:"";display:block;padding-bottom:45%;z-index:0;width:100%}.i-banner .banner-slick .item a{display:block}.i-banner .banner-slick .item > img{position:absolute;left:0;top:0;width:100%;-webkit-transition:all 5s ease;-o-transition:all 5s ease;transition:all 5s ease}.i-banner .banner-slick .item .txt-box{font-family:"Noto Sans TC";position:absolute;width:400px;top:55%;left:50%;color:#333;text-shadow:2px 2px 3px rgba(0,0,0,0.2);opacity:1;line-height:1.8;text-align:center;opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity 1.5s 0.3s,top 1.5s;-o-transition:opacity 1.5s 0.3s,top 1.5s;transition:opacity 1.5s 0.3s,top 1.5s}.i-banner .banner-slick .item .txt-box p{margin:1rem 0}.i-banner .banner-slick .item .txt-box img{display:block;margin:1rem auto}.i-banner .banner-slick .item .txt-box.left{left:15%;-webkit-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%);color:#333}.i-banner .banner-slick .item .txt-box.right{right:15%;left:unset;-webkit-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%)}.i-banner .banner-slick .item.in .txt-box{top:50%;opacity:1;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity 1.5s 0.5s,top 1.5s 0.5s;-o-transition:opacity 1.5s 0.5s,top 1.5s 0.5s;transition:opacity 1.5s 0.5s,top 1.5s 0.5s}.i-banner .banner-slick .item.in .txt-box.left{-webkit-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%)}.i-banner .banner-slick .item.in .txt-box.right{-webkit-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%)}.i-banner .slick-dots{position:absolute;right:-45px;top:50%;width:10px;margin:0;font-size:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.i-banner .slick-dots li{margin:5px 0;width:10px;height:10px}.i-banner .slick-dots li button{display:block;width:10px;height:10px;padding:0;margin:0}.scroll-down{position:absolute;left:40px;bottom:0;width:2px;height:190px;background:#e5e5e5;font-size:0}.scroll-down::before{font-weight:bold;font-size:0.83rem;content:"SCROLL";position:absolute;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);left:-23px;top:-50px}.scroll-down:after{content:"";position:absolute;display:block;width:2px;height:190px;left:0;top:0;background:#7c8587;-webkit-animation:drawLine 4s linear infinite;animation:drawLine 4s linear infinite}@media only screen and (max-width:1366px){.i-banner{padding:70px 70px 0}.i-banner .banner-slick .item .txt-box{font-size:0.875rem;width:40%}.i-banner .banner-slick .item .txt-box img{width:60%}.i-banner .banner-slick .item .txt-box.left{left:5%}.i-banner .banner-slick .item .txt-box.right{right:5%}.i-banner .slick-dots{right:-30px}.i-banner .scroll-down{display:none}}@media only screen and (max-width:1199px){.i-banner{padding:0px 70px}}@media only screen and (max-width:991px){.i-banner{padding:0}.i-banner .banner-slick .item .txt-box{font-size:0.8rem}.i-banner .banner-slick .item .txt-box img{width:30%;margin:0 auto}.i-banner .banner-slick .slick-dots{right:2rem}}@media only screen and (max-width:767px){.i-banner{padding:0}.i-banner .banner-slick .item::before{padding-bottom:96%}.i-banner .banner-slick .item .txt-box{padding:5%;width:80%}.i-banner .banner-slick .item .txt-box img{width:60%}.i-banner .banner-slick .item .txt-box.left{left:10%}.i-banner .banner-slick .item .txt-box.right{right:10%}.i-banner .slick-dots{width:100%;right:unset;left:0;text-align:center;margin:1rem 0;top:unset;position:relative;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.i-banner .slick-dots > li{margin:0 5px}}.i-recommend{position:relative;z-index:0;padding:3% 0}.i-recommend .list .recommend-wrap{margin:0 0 40px;display:inline-block;vertical-align:top}.i-recommend .list .recommend-wrap .box{position:relative;color:#222}.i-recommend .list .recommend-wrap .box img{width:100%}.i-recommend .list .recommend-wrap .box .txt-box{position:absolute;left:2rem;bottom:2rem;line-height:1.5;-webkit-transition:color 0.3s;-o-transition:color 0.3s;transition:color 0.3s}.i-recommend .list .recommend-wrap .box .txt-box .h3{text-transform:uppercase;margin:0;font-size:1.11rem}.i-recommend .list .recommend-wrap .box .txt-box .price{font-weight:bold;font-size:1.39rem;font-family:"RobotoCondensed"}.i-recommend .list .recommend-wrap.two-column{margin:0 -20px 40px}.i-recommend .list .recommend-wrap.two-column .box{margin:0 20px;width:calc(50% - 40px)}.i-recommend .list .recommend-wrap:last-child{margin-bottom:0}@media only screen and (max-width:1366px){.i-recommend{padding:1rem 0}.i-recommend.two-column{margin:0 -15px 30px}.i-recommend.two-column .box{margin:0 15px;width:calc(50% - 30px)}}@media only screen and (min-width:992px){.i-recommend .list .recommend-wrap .box:hover{color:#fff}.i-recommend .list .recommend-wrap .box:hover .txt-box .h3{color:#fff}.i-recommend .list .recommend-wrap .box:hover .txt-box:hover{color:#222}.i-recommend .list .recommend-wrap .box:hover .txt-box:hover .h3{color:#222}}@media only screen and (max-width:991px){.i-recommend{padding:10px 0}.i-recommend .list{margin:0 -20px 20px}.i-recommend .list .recommend-wrap{margin:0 20px 20px}.i-recommend .list .recommend-wrap .box .txt-box{left:1rem;bottom:1rem}.i-recommend .list .recommend-wrap.two-column{margin:0 10px 20px}.i-recommend .list .recommend-wrap.two-column .box{margin:0 10px;width:calc(50% - 20px)}.i-recommend .list .recommend-wrap:last-child{margin-bottom:0}}@media only screen and (max-width:767px){.i-recommend .list .recommend-wrap .box .txt-box{position:relative;margin-top:10px;left:0;bottom:0}.i-recommend .list .recommend-wrap .box .txt-box .h3{font-size:0.94rem}.i-recommend .list .recommend-wrap .box .txt-box .price{font-size:1rem}.i-recommend .list .recommend-wrap.two-column{margin:0 15px 10px}.i-recommend .list .recommend-wrap.two-column .box{margin:0 5px;width:calc(50% - 10px)}.i-recommend .list .recommend-wrap:last-child{margin-bottom:0}}.i-news{margin-bottom:5%}.i-news .list{margin:0 -1rem}.i-news .list .box{padding:0 1rem;color:#222}.i-news .list .box .pic-box{margin-bottom:10px}@media only screen and (max-width:991px){.i-news .slick-prev,.i-news .slick-next{top:40%}.i-news .list{margin:0 -0.5rem}.i-news .list .box{padding:0 0.5rem}}
.slick-dots{list-style:none;text-align:center;padding:0;margin:1rem 0}.slick-dots li{display:inline-block;margin:0 5px}.slick-dots li button{outline:none;width:10px;height:10px;margin:0;padding:0;border-radius:10px;display:inline-block;vertical-align:middle;border:none;font-size:0;line-height:0;background:#b5b6b6;border:0;-webkit-transition:background-color 0.25s,width 0.25s;-o-transition:background-color 0.25s,width 0.25s;transition:background-color 0.25s,width 0.25s}.slick-dots li.slick-active button,.slick-dots li:hover button{background:#cba965}.slick-prev,.slick-next{position:absolute;z-index:1;width:50px;height:50px;display:block;line-height:0;font-size:0;cursor:pointer;display:block;font-size:0;padding:0;top:50%;border:none;margin-top:-22.5px;background-color:transparent;-webkit-transition:-webkit-transform 0.2s;transition:-webkit-transform 0.2s;-o-transition:transform 0.2s;transition:transform 0.2s;transition:transform 0.2s,-webkit-transform 0.2s;-webkit-transform:scale(0.8,1);-ms-transform:scale(0.8,1);transform:scale(0.8,1)}.slick-prev:before,.slick-next:before{content:"";display:inline-block;position:absolute;top:50%;margin-top:-10px;width:20px;height:20px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.slick-prev.slick-disabled,.slick-next.slick-disabled{cursor:not-allowed;opacity:0.3}.slick-prev{left:0px}.slick-prev:before{left:50%;margin-left:-4px;border-left:3px solid #dedad4;border-top:3px solid #dedad4;border-right:3px solid transparent;border-bottom:3px solid transparent}.slick-prev:not(.slick-disabled):hover:before,.slick-prev:not(.slick-disabled):active:before{border-left:3px solid #dedad4;border-top:3px solid #dedad4}.slick-next{right:0}.slick-next:before{right:50%;margin-right:-4px;border-left:3px solid transparent;border-top:3px solid transparent;border-right:3px solid #dedad4;border-bottom:3px solid #dedad4}.slick-next:not(.slick-disabled):hover:before,.slick-next:not(.slick-disabled):active:before{border-right:3px solid #000;border-bottom:3px solid #000}.slick-lightbox .slick-lightbox-inner .slick-lightbox-close{width:50px;height:50px;background:transparent;border:1px solid #cba965}.slick-lightbox .slick-lightbox-inner .slick-lightbox-close:before{font-size:40px;color:#cba965}@media (max-width:1199px){.slick-prev,.slick-next{width:40px;height:40px;border-radius:20px;margin-top:-20px;background:rgba(0,0,0,0.6);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}.slick-prev:before,.slick-next:before{width:15px;height:15px;margin-top:-7px;border-width:2px}.slick-prev:before{margin-left:-5px}.slick-next:before{margin-right:-5px}}@media (min-width:992px){.slick-lightbox .slick-lightbox-inner .slick-lightbox-close:hover{background:#cba965;border:1px solid #cba965}.slick-lightbox .slick-lightbox-inner .slick-lightbox-close:hover:before{color:#fff}}.page-load-status{display:none;margin:0 auto;font-size:0.8235rem;letter-spacing:2px;text-align:center}.btn-loadmore{border:0;height:100px;margin:1rem auto 3rem;font-size:0.8235rem;letter-spacing:1px;position:relative;display:block;color:#434343;background:transparent;-webkit-transition:letter-spacing 0.3s ease;-o-transition:letter-spacing 0.3s ease;transition:letter-spacing 0.3s ease}.btn-loadmore:before{content:"";height:40px;display:block;background:#434343;margin:0px auto;position:absolute;left:50%;top:60px;width:2px;-webkit-transition:height 0.3s ease;-o-transition:height 0.3s ease;transition:height 0.3s ease;border-radius:2px;margin-left:-1px}.btn-loadmore:after{content:"";top:94px;margin-left:-6px;width:12px;height:12px;border-style:solid;border-width:0px 2px 2px 0;border-color:#434343;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:top 0.4s ease;-o-transition:top 0.4s ease;transition:top 0.4s ease;position:absolute;left:50%;border-radius:2px}.btn-loadmore .circle{left:50%;top:80px;opacity:1;margin-left:-22.5px}@media (min-width:992px){.btn-loadmore:hover{letter-spacing:2px}.btn-loadmore:hover:hover:before{height:50px}.btn-loadmore:hover:hover:after{top:104px}.btn-loadmore:hover .circle{opacity:0.3;-webkit-animation:aw-move 0.5s ease-in-out alternate infinite;animation:aw-move 0.5s ease-in-out alternate infinite}}@media (max-width:767px){.btn-loadmore{padding-bottom:40px}}.loader-eff{font-size:20px;position:relative;width:4em;height:1em;margin:10px auto}.loader-eff > div{display:block;width:0.6em;height:0.6em;border-radius:0.5em;background:#434343;opacity:0.8;position:absolute;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.loader-eff > div:nth-child(1),.loader-eff > div:nth-child(2){left:0}.loader-eff > div:nth-child(3){left:1.5em}.loader-eff > div:nth-child(4){left:3em}.loader-eff > div:nth-child(1){-webkit-animation-name:reveal;animation-name:reveal}.loader-eff > div:nth-child(2),.loader-eff > div:nth-child(3){-webkit-animation-name:slide;animation-name:slide}.loader-eff > div:nth-child(4){-webkit-animation-name:reveal;animation-name:reveal;animation-direction:reverse}@-webkit-keyframes reveal{from{-webkit-transform:scale(0.001);transform:scale(0.001)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes reveal{from{-webkit-transform:scale(0.001);transform:scale(0.001)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes slide{to{-webkit-transform:translateX(1.5em);transform:translateX(1.5em)}}@keyframes slide{to{-webkit-transform:translateX(1.5em);transform:translateX(1.5em)}}