#banner {position: relative;width: 100%;margin: 0 auto;left: 0;z-index: 990;}
#banner .slick-slider { margin-bottom: 0; }
#banner .main-slider .item { position: relative; }
#banner .main-slider .item a.bannera {position: relative;width: 100%;height: calc(100vh - 4vh);background: rgb(0 0 0 / 10%);background-size: 100% auto;display: block;z-index: 2;}
#banner .main-slider .item .banner-txt {position: absolute;width: 450px;top: 40vh;right: 380px;z-index: 2;}
#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: 35px;color: #fff;font-weight: bold;text-shadow: 0 0 5px rgb(0 0 0 / 30%);transform: translateX(-30px);opacity: 0;font-family: 'Noto Serif TC', serif;border-bottom: 1px solid #fff;padding-bottom: 10px;margin-bottom: 30px;}
.banner-txt h2:after{content:'';width: 80px;height: 2px;background: #fff;position: absolute;bottom: 0;left: 0;}
.banner-txt p {font-size: 18px;color: #fff;transform: translateX(30px);transition-delay: .5s;opacity: 0;font-weight: 400;}
.banner-txt p b{font-family: 'Lato', sans-serif;font-size: 35px;vertical-align: baseline;margin-left: 20px;letter-spacing: 0;}
.banner-txt p:nth-child(3){margin-top: 30px;}
.banner-txt p:last-child{margin-top:40px;}
.slick-current.slick-active .banner-txt h2 ,
.slick-current.slick-active .banner-txt p { transform: translateX(0); opacity: 1; }
.banner-txt p.more {padding: 20px 0;text-align: left;}
.banner-txt p.more a {border: 2px #fff solid;margin-right: 20px;}
.banner-txt p.more a:before {position: absolute;width: 100%;height: 100%;background: #fff;top: 0;left: 0;transform: translateY(110%);transition: .4s cubic-bezier(.23,1,.32,1);content: "";opacity: .15;}
.banner-txt p.more a font {font-size: 15px;color: #fff;font-weight: 400;}
.banner-txt p.more a:hover:before { transform: translateY(0); }

@media screen and (max-width:1440px) {
    #banner .main-slider .item .banner-txt{right:5%}
    #banner .main-slider .item a.bannera{height: calc(110vh - 4vh);}
}
@media screen and (max-width:1280px) {
    #banner .main-slider .item a.bannera {height: calc(100vh - 2vh);}
    #banner .main-slider .item .banner-txt{top: 25vh;}
}
@media screen and (max-width:768px) {
    #banner .main-slider .item a.bannera {height: calc(70vh - 2vh);}
    #banner .main-slider .item .banner-txt{top: 17vh;}
}
@media screen and (max-width:680px) {
    #banner .main-slider .item a.bannera {height: calc(60vh - 2vh);}
    .banner-txt h2, .banner-txt p b{font-size: 22px;}
    .banner-txt p{font-size: 14px;}
    #banner .main-slider .item .banner-txt{width: 70%;top: auto;bottom: 25%;}
    .banner-txt p:nth-child(3){margin-top: 10px;}
    .banner-txt p:last-child{display: none;}
}