/* banner */
#banner { width: 100%; z-index: 3; }
#banner:before { content: ''; position: absolute; right: 5vw; top: 0; width: 1px; height: 100%; background: white; z-index: 1; }
#banner .item { height: 100vh; }
#banner .item:before { content: ''; position: absolute; bottom: 85px; left: 0; width: 100%; height: 1px; background: white; z-index: 2; }
#banner .item .clip >* { min-width: 100%; width: 100%; }
#banner .item .clip iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner .item .clip video { overflow: hidden; position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); object-fit: cover; }
#banner .item .info >div {margin: auto auto;width: calc(90% - 90px);}
#banner .item .info >div .txt { -webkit-transition-delay: .2s; transition-delay: .2s; transform: scaleX(0); -webkit-transform: scaleX(0); transform-origin: 0 0; -webkit-transform-origin: 0 0; }
#banner .item .info >div .txt:nth-child(2) { -webkit-transition-delay: .4s; transition-delay: .4s; }
#banner .item .info >div .txt >* {padding: 4px 15px;font-size: 16px;letter-spacing: 1.5px;color: #ffffff;text-align: center;}
#banner .item .info >div .txt .h3 {margin-bottom: auto;line-height: 160%;font-size: 2.8rem;font-weight: 300;color: white;text-shadow: 0px 2px 5px rgb(78 114 125/49%);padding-top: 38px;font-family: 'Tenor Sans';}
#banner .item .info div {display: flex;flex-direction: column;align-items: center;}
#banner .item.slick-current .clip .bgBox { -webkit-animation: scale_banner 6s linear infinite; animation: scale_banner 6s linear infinite; }
#banner .item.slick-current .info >div .txt { transform: scaleX(1); -webkit-transform: scaleX(1); }
#banner .more_btn { filter: brightness(666); margin-left: 20px; }
#banner .item .info .chtext { width: min(600px,100%); margin-bottom: 20px; }
#banner .item .info .chtext p {font-size: 1.6rem;text-shadow: 0px 3px 5px rgb(78 114 125/42%);}
@media screen and (max-width:1680px) {
  #banner:before { right: 5%; }
}
@media screen and (max-width:1470px) {
  #banner .item .info >div .txt .h3 { font-size: 3rem; }
  #banner .item .info .chtext p { font-size: 2rem; }
}
@media screen and (max-width:1024px) {
  #banner:before { display: none; }
  #banner .item .info >div {width: calc(100% - 90px);}
  #banner .item .clip video { width: auto; height: 100%; }
}
@media screen and (max-width: 980px) {
  #banner .item .info >div {width: calc(90% - 90px);}
  #banner .item { height: 80vh; }
  #banner .item:before { display: none; }
}
@media screen and (max-width:640px) {
  #banner .item .info >div .txt >* {font-size: 16px;width: 100%;text-align: center;}
  #banner .item .info >div {width: calc(90% - 30px);}
  #banner .item {height: 55vh;}
  #banner .item .info >div .txt .h3:before { width: 40px; height: 4px; }
  #banner .item .info >div .txt .h3 {font-size: 22px;letter-spacing: 2px;padding-top: 60px;}
}