#banner{width:100%;z-index:3;overflow:hidden}
#banner,#banner *{transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out}
#banner #scrolldown{position:absolute;right:0;bottom:0;width:20vw;aspect-ratio:2/1;display:flex;flex-direction:column;align-items:center;justify-content:center}
#banner #scrolldown:before{content:"";position:absolute;width:200%;aspect-ratio:1/1;border:#fff 1px solid;border-radius:5555px;bottom:-23vw;right:-14vw}
#banner #scrolldown img{width:95px;min-height:unset;height:unset;animation:float2 2s ease-in-out infinite}
#banner img{width:100vw;min-height:75vh;height:75vh;animation:scaleJ 15s ease-in-out infinite}
#banner .pos_abs{width:100vw;height:75vh;top:0;left:0}
#banner .info{height:75vh}
#banner .info .txt{margin:auto;margin-left:15.2%;margin-top:33vh;-moz-transform:translateY(-.75em);-webkit-transform:translateY(-.75em);-o-transform:translateY(-.75em);-ms-transform:translateY(-.75em);transform:translateY(-.75em)}
#banner .info .txt *{font-weight:400;color:var(--white);opacity:0}
#banner .info .txt .bannertitleJ{font-size:max(3.9*(1vw + 1vh) / 2,34px);max-width:100%;line-height:150%;font-weight:600;text-align:left;text-transform:uppercase;margin-bottom:40px}
#banner .info .txt .comcoobox{font-size:max(1.4*(1vw + 1vh) / 2,18px);padding:10px;position:relative;font-weight:200}
#banner .info .txt p{font-weight:300;font-size:18px}
#banner a.pos_abs{z-index:2}
#banner iframe,#banner video{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
#banner a.pos_abs:hover .btnBox .btn{color:#fff}

/* slick-current */
#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 .btnBox{margin-top:50px}
#banner .slick-current .info .txt .btnBox .btn{background:#fff;color:#282828;border:2px solid #fff}
#banner .slick-current .info .txt .btnBox .btn:hover{color:#fff}
#banner .btnBox .btn span:after,#banner .btnBox .btn span:before{background:#323232}
#banner .slick-current .info .txt p{transition-delay:.6s;-webkit-transition-delay:.6s}
#banner .slick-current .info .txt p.madowinfo{font-size:max(1.2*(1vw + 1vh) / 2,14px);font-weight:200;padding-top:0;margin-top:0;width:min(666px ,50%);display:flex;align-items:center;margin-left:10px}
#banner .slick-current .info .txt p.madowinfo:after{content:"";width:35px;height:1px;background:#f0f8ff;position:relative;display:flex;margin-left:10px}
@keyframes colorChange{0%{background-color:#118dcc}
100%{background-color:#4caf50}
}
@keyframes float2{0%{transform:translateY(0)}
50%{transform:translateY(-10px)}
100%{transform:translateY(0)}
}
@keyframes scaleJ{0%{transform:scale(1)}
100%{transform:scale(1.4)}
}



@media screen and (min-width: 761px) {
	#banner img{height:832px}
	#banner .pos_abs{height:100%}
	#banner .info{padding-bottom:0;height:100%}

}

@media screen and (max-width: 1470px) {
	#banner img {min-height: 97vh;height: 640px;}
}

@media screen and (max-width: 640px) {
	#banner .info .txt{-moz-transform:translateY(-55px);-webkit-transform:translateY(-55px);-o-transform:translateY(-55px);-ms-transform:translateY(-55px);transform:translateY(-55px)}
	#banner img{height:440px;object-position:65% 50%}

}
@media screen and (max-width: 550px){
	#banner{margin-top:71px}
	#banner img{object-position:50% 50%;min-height:auto;height:550px}
	#banner .info .txt .bannertitleJ{margin-bottom:20px}
	#banner .slick-current .info .txt p.madowinfo{width:100%}
	#banner .info .txt{-moz-transform:translateY(-65px);-webkit-transform:translateY(-65px);-o-transform:translateY(-65px);-ms-transform:translateY(-65px);transform:translateY(-65px);margin-top:202px;margin-left:5%}
	#banner .info{height:100%}
	#banner #scrolldown{display:none}

}