/* banner */
#banner {;width: 100%;z-index: 3;}
#banner .item { height: 98vh; }
#banner .main-slider { }
#banner .item .clip .bgBox {}
#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: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#banner .item .info >div { margin: auto; width: calc(100% - 60px); }
#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: 10px 15px; max-width: calc(100% - 30px); font-size: 18px; }
#banner .item .info >div .txt h3 { margin-bottom: 15px; line-height: 120%; font-size: 35px; }

#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); }

/* scrolldown */
#scrolldown { position: absolute; padding: 0 0 25px 10px; border-left: 1px #fff solid; letter-spacing: .3em; font-weight: 300; font-size: 12px; color: #fff; white-space: nowrap; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; bottom: 0; left: 30px; animation: godown 1s infinite linear; -webkit-animation: godown 1s infinite linear; }
p.baScro{position:absolute;left: -50px;bottom: 0;}
p.baScro a{position: relative;width: 215px;background: #fff;padding: 30px 95px 30px 125px;cursor: pointer;display: flex;align-items: center;justify-content: space-between;transform: skewX(40deg);}
p.baScro a b{font-size: 15px;font-weight: 500;transform: skewX(-40deg);font-family: "Lato", sans-serif;text-transform: uppercase;letter-spacing: 1px;}
p.baScro a svg{width: 14px;height: 14px;transform: skewX(-40deg);}

@media screen and (max-width: 1024px){
	#banner .item { height: 65vh; }
}
@media screen and (max-width: 640px){
    p.baScro{display:none;}
    #banner .item .clip video{width:auto;height: 100%;}
}