#banner { position: relative; width: 95vw; margin: 0 auto; top: 150px; 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: 500px; top: 46vh; left: calc((100% / 2) - 250px); z-index: 1; max-width: 100%; }
#banner .main-slider .item video, #banner .main-slider .item iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.banner-txt h2 { font-size: 42px; color: #fff; font-weight: bold; text-shadow: 0 0 10px rgb(0 0 0 / 0.5); text-align: center; transform: translateX(-30px); opacity: 0; }
.banner-txt p { font-size: 18px; text-shadow: 0 0 10px rgb(0 0 0 / 0.5); color: #fff; text-align: center; transform: translateX(30px); transition-delay: .5s; opacity: 0; }
.slick-current.slick-active .banner-txt h2, .slick-current.slick-active .banner-txt p { transform: translateX(0); opacity: 1; }

@media screen and (max-width:1280px) {
	#banner { top: 12vh; }
	#banner .main-slider .item a { height: calc(100vh - 2vh); }
}
@media screen and (max-width:680px) {
	#banner { width: 90vw; }
	#banner .main-slider .item .banner-txt { top: 50vh; left: 0; }
}