@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);

#bannerBox{position:relative;margin-top: 77px;}
#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: 87vh;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%,100%{transform:translateY(0px);}50%{transform:translateY(-15px);}}

.PriceLinkList{display:-webkit-box;display:flex;max-width: 68%;width:100%;border-radius:0;background-color:hsl(0deg 0% 0% / 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 a{border: 0;width:100%;display: block;text-align:center;padding: 0;background-color: #ee3111;height: 57.2px;line-height: 57.2px;overflow: unset;}
.PriceLinkList .PriceLinkItem p.more a font{color:#fff}
.PriceLinkList .PriceLinkItem p.more a:hover font{letter-spacing:4.5px}
.PriceLinkList .PriceLinkItem p.more a span {position: absolute;width: 80px;height: 1px;background: #000;display: block;right: -40px;top: calc((100% - 1px) / 2);z-index: 3;-webkit-transition-duration: .2s;transition-duration: .2s;}
.PriceLinkList .PriceLinkItem p.more:hover a span{right:-50px;}
.PriceLinkList .PriceLinkItem p.more a span:before { position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 16px 7px 0; border-color: transparent transparent #0c0b19 transparent; right: -1px; bottom: 50%; content: ""; }
.PriceLinkList .PriceLinkItem .info h3{padding:15px 40px 15px 20px;position:relative;color:#fff;z-index:10}
.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}

@media screen and (max-width: 1366px) {
	.PriceLinkList{max-width: 80%;padding-left: 50px;}
}
@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 .bgDecoBox .holder{color:#ffffffab;font-size:14px;margin-right:9px}
}

@media screen and (max-width: 1140px) {
	.PriceLinkList .PriceLinkItem p.more a span{display:none;}
    .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(60vh - 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(30vh - 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%}
}