@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
#bannerBox{position:relative}
#banner{position:relative;width:100vw;margin:0 auto;top:0;left:0;z-index:990}
#banner .slick-slider{margin-bottom:0}
#banner .main-slider .item{position:relative}
#banner .main-slider .item a{position:relative;width:100%;height:calc(100vh - 4vh);background:rgb(212 158 147 / 7%);background-size:100% auto;display:block;z-index:2}
#banner .main-slider .item .banner-txt{position:absolute;width: 410px;top: 46vh;right:calc((100% / 1) - 700px);z-index:1;}
#banner .main-slider .item video,#banner .main-slider .item iframe{position:absolute;width:150%;height:140%;left:50%;top:50%;transform:translate(-50%,-50%)}
#banner .item iframe{position:absolute;width:100%;height:100%;top:0;left:0}
#banner .item video{overflow:hidden;position:absolute;min-width:100%;width:auto;height:auto;bottom:0}
.banner-txt h2,.banner-txt h2 span{font-size: 46px;letter-spacing: 2.5px;color:#fff;font-weight: 500;line-height: 120%;text-shadow: 0 0 10px rgb(0 0 0 / 0.5);text-align:left;transform: translateY(0px);opacity: 1;word-spacing:100vw;font-family: 'ChenYuluoyan-Thin', serif;display: flex;}
.banner-txt p{font-size: 17px;text-shadow:0 0 10px rgb(0 0 0 / 0.5);color:#fff;text-align:left;transform: translateY(20px);opacity:0;margin-top: 30px;font-family:'Noto Serif TC',serif;width: 82%;-webkit-transition-delay: 1.9s;transition-delay: 1.9s;}
.banner-txt h2 span{
    position: relative;
    margin-right: 15px;
}
.banner-txt h2 span b{
    font-size: 25px;
    position: absolute;
    right: -12px;
    top: -9px;
    color: #fff;
}


#banner .bn_icon h5{font-size:16px;color:#fff;letter-spacing:5px;font-weight:100;margin:30px 0 15px}
#banner .bn_icon h5 a{color:#fff}
#banner .bn_icon{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);margin-bottom:45px;z-index:99}
#banner .bn_icon b{font-size:14px;color:#fff;letter-spacing:2px;font-weight:100;margin:0px 0 25px;font-family:'Cormorant',serif}
#banner .bn_icon a{display:flex;align-items:center;justify-content:center;flex-direction:column}
#banner .bn_icon img{animation-name:a02;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
@keyframes a02 {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0px);
    }
}

.PriceLinkList{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:68%;width:100%;border-radius:0;background-color:hsl(0deg 0% 100% / 84%);position:absolute;bottom:0;z-index:992;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 -20px;padding:0px 0px 0px 340px}
.PriceLinkList .PriceLinkItem{padding:0px 10px;width:calc(100% / 5);position:relative}
.PriceLinkList .PriceLinkItem:last-child{padding:0px 0 0 10px}
.PriceLinkList .PriceLinkItem a.Pricemore{position:absolute;width:100%;height:100%;left:0;top:0;z-index: 100;}
.PriceLinkList .PriceLinkItem p.more{background-color:#bdad84}
.PriceLinkList .PriceLinkItem p.more a{border:0px #bdad84 solid;width:100%;display:inline-block;text-align:center;padding:14px 0 6px 0}
.PriceLinkList .PriceLinkItem p.more a font{color:#fff}
.PriceLinkList .PriceLinkItem p.more a:hover font{letter-spacing:4.5px}
.PriceLinkList .PriceLinkItem .info h3{padding: 15px 40px 15px 20px;position:relative;color:#bdad84;z-index:10}
.PriceLinkList .PriceLinkItem .info h3::before{content:"";width: 0;height:1px;background-color:rgb(189 173 132 / 56%);display:block;position:absolute;top:50%;right: 40px;z-index:1;-webkit-transform:translateY(0px);transform:translateY(0px)}
.PriceLinkList .PriceLinkItem .info span{content:"";width: 30px;height: 30px;display:block;position:absolute;top:50%;right: 30px;z-index:1;-webkit-transform:translateY(-10px);transform: translateY(-15px);}
.PriceLinkList .PriceLinkItem .bgDecoBox{width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;bottom:0;right:auto;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);opacity:0;border-radius:20px 20px 0 0;display:flex;-webkit-box-pack:center;justify-content:center;display: none;}
.PriceLinkList .PriceLinkItem .bgDecoBox .ellipsis{color:#fff;font-size:24px}
.PriceLinkList .PriceLinkItem:hover .info h3::before{background-color:rgb(255 255 255 / 56%);width: 0;right:0}
.PriceLinkList .PriceLinkItem:hover .info span img{
    /* -webkit-filter: contrast(0) brightness(150%); */
    /* filter: contrast(0) brightness(200%); */
}

@media screen and (max-width:1280px) {
	#banner .main-slider .item a{height: calc(100vh - 22vh);}
	.PriceLinkList{max-width:100%;margin:0 0px;padding:0}
	.PriceLinkList .PriceLinkItem .info h3::before{display:none}
	#banner .main-slider .item .banner-txt{
    right: calc((100% / 1) - 500px);
    top: 38vh;
}
}
@media screen and (min-width: 1141px) {
	.PriceLinkList .PriceLinkItem:hover .info h3::after{opacity:0}
	.PriceLinkList .PriceLinkItem:hover .bgDecoBox{height:100px;position:absolute;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-70%,0);opacity:0.8;background-color:#bdad84;bottom:0}
	.PriceLinkList .PriceLinkItem:hover .info h3{/* color:#ffffff; */}
	.PriceLinkList .PriceLinkItem:hover .bgDecoBox .holder{color:#ffffffab;font-size:14px;margin-right:9px}
}
@media screen and (max-width:1140px) {
	.PriceLinkList{display:flex;flex-wrap:wrap;position:relative}
	.PriceLinkList .PriceLinkItem{width:calc((100% / 2) - 40px);padding:10px 20px;display:flex;flex-direction:column;align-content:flex-start}
	.PriceLinkList .PriceLinkItem:last-child{padding:0;width:100%}
	.PriceLinkList .PriceLinkItem .bgDecoBox{top:0;width:auto;height:auto;right:0;display:flex;justify-content:flex-start;position:relative;left:auto;transform:translate3d(0,0,0)}
	.PriceLinkList .PriceLinkItem .bgDecoBox{opacity: 0;display: none;}
	.PriceLinkList .PriceLinkItem .info h3{padding:0}
	.PriceLinkList .PriceLinkItem .bgDecoBox .ellipsis{color:#bdad84}
	.PriceLinkList .PriceLinkItem .bgDecoBox .ellipsis{font-size:20px}
	#banner .bn_icon{
    margin-bottom: 0;
}
}
@media screen and (max-width:768px) {
	.banner-txt h2, .banner-txt h2 span{font-size: 34px;text-align:center}
	.banner-txt p{font-size:14px;margin-top:20px;text-align:center;width: 100%;}
	#banner .main-slider .item a{height: calc(75vh - 9vh);}
	#banner .bn_icon{bottom: 20px;}
	#banner .main-slider .item .banner-txt{top:33vh;width: 390px;left: calc((100% / 2) - 320px);}
.banner-txt h2 span b{
    font-size: 19px;
    top: -4px;
}
}
@media screen and (max-width:680px) {
	#banner .main-slider .item video,#banner .main-slider .item iframe{width:270%;height:180%;top:50%}
	#banner .bn_icon{margin-bottom:15px}
	#banner .main-slider .item a{height:calc(60vh - 0vh)}
    #banner .main-slider .item .banner-txt{top: 55%;width: calc(100% - 80px);left: 30%;transform: translate(-30%,-50%);padding: 0 40px;}
}

@media screen and (max-width:480px) {
	#banner .main-slider .item video,#banner .main-slider .item iframe{width:270%;height:180%;top:50%}
}