#banner , #banner .item {position: relative;background: #282828;z-index: 100;}
#banner .item a {position: absolute;width: 100%;height: 100%;background: rgb(31 31 31 / 0.2);top: 0;left: 0;z-index: 2;}
#banner .info {position: absolute;width: 100%;bottom: calc(10% - 40px);left: 0;z-index: 3;}
#banner .info .bannerJtitle {display: block;line-height: 110%;text-align: center;font-size: max(2.2*(1vw + 1vh) / 2,20px);font-weight: 700;color: #fff;letter-spacing: 0.15em;}
#banner .info p {margin-top: 12px;text-align: center;font-weight: 100;color: #fff;font-size: max(1.8 * (1vw + 1vh) / 2,10px);letter-spacing: 1.5px;}
#banner .img { width: 100vw; height: 100vh; background: no-repeat 50% / cover; }
#banner .slick-active .img { -webkit-transform: scale(1); transform: scale(1); animation: banerBg 6s infinite linear; -webkit-animation: banerBg 6s infinite linear; }

.ml6{position:relative;font-weight:900;font-size: 2em;line-height: 100%;}
.ml6 .text-wrapper{position:relative;display:inline-block;padding-top:0.2em;padding-right:0.05em;padding-bottom:0.1em;overflow:hidden;}
.ml6 .letters{display:inline-block;line-height:1em;font-size: max(2.88 * (1vw + 1vh) / 2,18px);font-weight: 200;margin: 0 8px;color: #ffffff;letter-spacing: 8px;}
.ml6 .letter{ -webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -ms-transition: all 0s ease-out; -o-transition: all 0s ease-out; transition: all 0s ease-out;}


/* 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; }

@-webkit-keyframes banerBg { 0% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1.1); } }
@keyframes banerBg { 
    0% { transform: scale(1);opacity:0.8 }
    2% { transform: scale(1);opacity:1 } 
    98% { transform: scale(1.1);opacity:1 } 
    99% { transform: scale(1.1);opacity:0.8}
    100% { transform: scale(1.1);opacity:0.8 } 
}

@-webkit-keyframes godown { 0% , 100% { padding: 0 0 25px 10px; } 50% { padding: 10px 0 15px 10px; } }
@keyframes godown { 0% , 100% { padding: 0 0 25px 10px; } 50% { padding: 10px 0 15px 10px; } }

#banner .baScro{position:absolute;bottom:20px;right:calc(50% - 25px);display: none;}
#banner a{display:block;position:relative;background-repeat:no-repeat;background-position:50%;background-size:cover;text-align:center}
#banner a b{display:block;font-size:13px;color:#fff;font-family:'Roboto',sans-serif;font-weight:300;margin-top:2px}
@media screen and (max-width: 1024px) {
    #banner .baScro{right: calc(50% - 40px);}
}
@media screen and (max-width: 480px) {
    #banner .baScro{right: calc(50% - 45px);}
}