#banner{width:100%;max-width:100%;z-index:3;padding-top:30px;overflow:hidden}
#banner img{width:100vw;min-height:75vh;height:75vh}
#banner .pos_abs{width:100vw;height:75vh;top:0;left:0}
#banner .info{height:75vh;background:rgba(var(--black-rgb),.25)}
#banner .info .txt{margin:auto auto 100px}
#banner .info .txt .bnIntro{width:35%;margin-right:70px;margin-left:auto}
#banner .info .txt *{font-weight:400;color:var(--white);opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}
#banner .info .txt h3{font-size:57px;text-transform:uppercase;margin-bottom:80px;font-weight:500}
#banner .info .txt p{f;font-weight:500;font-size:20px}
#banner .info .txt em{font-style:normal;font-weight:300;font-size:16px;letter-spacing:1px}
#banner a.pos_abs{z-index:2}
#banner video,#banner iframe{position:absolute;width:100%;height:auto;top:0}
#banner .bannerBar{position:absolute;top:0}
#banner .bannerBar .Barbg{width:100px;height:100vh;position:relative;z-index:0;overflow:hidden}
#banner .bannerBar .Barbg:before{content:'Long King Plastic Products Co.,Ltd.';position:absolute;font-size:12px;color:#fff;writing-mode:vertical-lr;text-transform:uppercase;font-family:"Arimo",sans-serif;z-index:100;top:35%;left:30%;letter-spacing:2px}
#banner .bannerBar .Barbg video{object-fit:cover;height:100%;overflow:hidden}
#banner .slick-current .info .txt *{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition-delay:.3s;-webkit-transition-delay:.3s}
#banner .slick-current .info .txt p{transition-delay:.6s;-webkit-transition-delay:.6s}
#banner:before{content:'';position:absolute;bottom:20%;left:10%;width:80%;height:1px;background-color:rgb(255 255 255 / 30%);z-index:1}
#banner .baScro{position:absolute;right:155px;bottom:calc(20% - (135px / 2));background-color:#fff;padding:30px;border-radius:50%;outline:1px #608bc1 solid;outline-offset:-0.5rem}
#banner .baScro a{display:flex;flex-direction:column;align-items:center;cursor:pointer;aspect-ratio:1/1;justify-content:center}
#banner .baScro a b{font-size:12px;font-weight:400;color:var(--secondary);font-family:"Arimo",sans-serif}
#banner .baScro a svg{width:23px;height:23px;fill:var(--secondary)}

@media screen and (max-width:1440px){
    #banner .info .txt{margin:auto auto 100px 200px}
    #banner .info .txt .bnIntro{width:50%;margin:0}
}
@media screen and (max-width:1280px){
    #banner video,#banner iframe{width:auto;height:100%}
    #banner .bannerBar{top:90%;position:relative}
    #banner .bannerBar .Barbg{height:80px;width:100vw}
    #banner .bannerBar .Barbg video{width:100%}
    #banner .bannerBar .Barbg:before{writing-mode:inherit;left:40%}
    #banner .info .txt{margin:300px auto auto}
    #banner .info .txt h3{margin-bottom:180px;font-size:36px}
    #banner .info .txt .bnIntro{width:100%;display:flex;flex-direction:column}
    #banner:before{bottom:40%;width:100%;left:0}
    #banner .baScro{outline-offset:-0.2rem;bottom:35%;right:46%}
    #banner .baScro a b{display:none}
}
@media screen and (max-width:768px){
    #banner .bannerBar .Barbg:before{left:30%}
}
@media screen and (min-width:761px){
    #banner img{min-height:95vh;height:95vh}
    #banner .pos_abs{height:95vh}
    #banner .info{padding-bottom:10vh;height:85vh}
}
@media screen and (max-width:640px){
    #banner .info .txt{margin:250px auto auto}
    #banner .baScro{bottom:40%;right:40%}
    #banner:before{bottom:46%}
    #banner .info .txt h3{font-size:18px;margin-bottom:110px}
    #banner .info .txt p{font-size:16px}
}
@media screen and (max-width:480px){
    #banner .bannerBar .Barbg:before{left:10%}
    #banner .info .txt{margin:210px auto auto}
}