#bannerBox{position:relative;}
#banner2{position:relative;width:100vw;margin:0 auto;top:0;left:0;z-index: 9;}
#banner2 .slick-slider{margin-bottom:0;}
#banner2 .slick-slide{min-width:100vw}
#banner2 .main-slider .item{position:relative;background-image: url(/templates/images/22/imgi_30_in-banner.png);background-size: cover;}
#banner2 .main-slider .item a{position:relative;width:100%;aspect-ratio: 1920/899;background-size:100% auto;display:block;z-index:2}
#banner2 .main-slider .item .banner-txt{position:absolute;width:410px;top:46vh;right:calc((100% / 1) - 700px);z-index:1}
#banner2 .main-slider .item video,#banner2 .main-slider .item iframe{position:absolute;width:150%;height:140%;left:50%;top:50%;transform:translate(-50%,-50%)}
#banner2 .item iframe{position:absolute;width:100%;height:100%;top:0;left:0}
#banner2 .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}
#banner2 .bn_icon h5{font-size:16px;color:#fff;letter-spacing:5px;font-weight:100;margin:30px 0 15px}
#banner2 .bn_icon h5 a{color:#fff}
#banner2 .bn_icon{position:absolute;bottom: 0;padding-bottom: 31px;left:49%;transform:translateX(-50%);margin-bottom: 0;z-index:99;padding-right:4px;border-right:#d4d4d4 1px solid}
#banner2 .bn_icon:before{content:"";position:absolute;width:2px;height:60px;background:#1c1c1c;right:-1px}
#banner2 .bn_icon b{font-size: 14px;color: #ffffff;letter-spacing:2px;font-weight: 400;margin:0px 0 25px;width:auto;webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;animation-name:a02;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;text-transform: uppercase;}
#banner2 .bn_icon a{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-bottom: 25px;}
#banner2 .bn_icon img{animation-name:a02;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
#banner2 .flyitemBJ {position: absolute;z-index: 3;top: 8vw;width: 33.3vw;aspect-ratio: 109/112;right: 14vw;display: flex;flex-direction: column;align-items: center;justify-content: center;}
#banner2 .flyitemBJ .flyitemimg {position: absolute;}
#banner2 .flyitemBJ .flyitemimg.flyJ01{z-index:5;}
#banner2 .flyitemBJ .flyitemimg.flyJ02{z-index:4;}
#banner2 .flyitemBJ .flyitemimg.flyJ03{z-index:3;}
#banner2 .flyitemBJ .flyitemimg.flyJ04{z-index:2;}
#banner2 .flyitemBJ .flyitemimg.flyJ01 img{animation-name:a02;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
#banner2 .flyitemBJ .flyitemimg.flyJ02 img{animation-name:a02;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
#banner2 .flyitemBJ .flyitemimg.flyJ03 img{animation-name:a02;animation-duration:3.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
#banner2 .flyitemBJ .flyitemimg.flyJ04 img{animation-name:a02;animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}

#banner2 .leeebox{position: absolute;z-index: 3;}
#banner2 .leeebox.lemubox01{top: 3vw;left: 44vw;width: 7vw;}
#banner2 .leeebox.lemubox02{bottom: 3vw;right: 2vw;width: 14vw;}
@keyframes a02{0%,100%{transform:translateY(0px)}
50%{transform:translateY(-15px)}
}.PriceLinkList{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:76%;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 263px}
.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;font-size:14px}
.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}

@media screen and (max-width: 1280px) {
	#banner2 .main-slider .item a{height:calc(100vh - 22vh)}
	.PriceLinkList{max-width:100%;margin:0 0px;padding:0}
	.PriceLinkList .PriceLinkItem .info h3::before{display:none}
	#banner2 .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{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}
	#banner2 .bn_icon{margin-bottom:0}
}
@media screen and (max-width: 1024px){
	#banner2 .main-slider .item{height: 650px;background-position: 17% 50%;}
	#banner2 .bn_icon{display: none;}
	#banner2 .flyitemBJ{right: -1vw;width: 40vw;}
	#banner2 .main-slider .item{height: 505px;/* overflow: visible; */}
}

@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%}
	#banner2 .main-slider .item a{height: 100%;aspect-ratio: auto;}
	#banner2 .bn_icon{bottom:20px}
	#banner2 .main-slider .item .banner-txt{top:33vh;width:390px;left:calc((100% / 2) - 320px)}
	.banner-txt .h2 span b{font-size:19px;top:-4px}
	#banner2 .flyitemBJ{top: auto;bottom: -23vw;width: 62vw;right: -26vw;}
	#banner2 .slick-list , #banner2 .slick-list *{overflow: visible;}
	#banner2 .leeebox.lemubox01{top: 10vw;left: auto;right: 17vw;width: 18vw;}
}

@media screen and (max-width: 680px) {
    #banner2 .main-slider .item video,#banner2 .main-slider .item iframe{width:270%;height:180%;top:50%}
	#banner2 .bn_icon{margin-bottom:15px}
	#banner2 .main-slider .item a{height: 100%;}
	#banner2 .main-slider .item .banner-txt{top:55%;width:calc(100% - 80px);left:30%;transform:translate(-30%,-50%);padding:0 40px}
	#banner2 .flyitemBJ{bottom: -33vw;width: 61vw;right: -35vw;}
}

@media screen and (max-width: 480px) {
    #banner2 .main-slider .item video,#banner2 .main-slider .item iframe{width:270%;height:180%;top:50%}
	#banner2 .main-slider .item{height: 428px;}
	#banner2 .flyitemBJ{
    width: 48vw;
    right: -3vw;
    bottom: -17vw;
}
}
