#banner{width:100%;z-index:3}
#banner,#banner *{transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out}
#banner img{width:100vw;min-height:75vh;height:75vh}
#banner .pos_abs{width:100vw;height:75vh;top:0;left:0}
#banner .info{height:75vh;z-index:6}
#banner .info .txt{margin:auto;-moz-transform:translateY(4.25em);-webkit-transform:translateY(4.25em);-o-transform:translateY(4.25em);-ms-transform:translateY(4.25em);transform:translateY(4.25em);display:flex;flex-direction:column;align-items:center}
#banner .info .txt *{font-weight:400;color:var(--white)}
#banner .info .txt h3{font-size:max(5.5*(1vw + 1vh) / 2,45px);word-spacing:100vw;max-width:100%;line-height:100%;font-weight:500;text-align:left}
#banner .info .txt h3 .comcoobox{font-size:max(1.4*(1vw + 1vh) / 2,16px);padding:10px;margin-left:10px;position:relative;top:-4px}
#banner .info .txt p{font-weight:300;font-size:18px}
#banner a.pos_abs{z-index:2}
#banner video,#banner iframe{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}

 #banner iframe{width: 114%;left: -7%;height: 160%;top: -30%;object-fit: cover;object-position: 50%;}

/* slick-current */
#banner .slick-current .info .txt *{opacity:1}
#banner .mmtmore{display:flex;flex-direction:column;align-items:center;width:100%}
#banner .mmtmore a{border:#e4e4e4 1px solid;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;text-shadow: 0 0 4px #959595;}
#banner .mmtmore a svg{background: unset;fill: var(--white);}
#banner .mmtmore a svg path{fill: var(--white);}

#banner .info .txt .coorbox{width:min(370px,91%);margin-bottom:60px;margin-top:20px}
#banner .info .midtexrb p{font-size: max(3.5*(1vw + 1vh) / 2,22px);font-weight:500;text-shadow: 0 0 6px #626262;}
#banner .info .txt .coorbox p{font-size:max(1.7*(1vw + 1vh) / 2,18px);word-spacing:100vw;max-width:100%;line-height:140%;text-align:center;text-shadow: 0 0 5px #626262;}
#banner .slick-current .info .txt p.madowinfo{font-size:max(1*(1vw + 1vh) / 2,12px);font-weight:100;padding-top:10px;border-top:rgb(255 255 255 / 35%) 1px solid;margin-top:25px;width:min(666px,50%)}
@keyframes colorChange{0%{background-color:rgb(141 0 9 / 78%)}
100%{background-color:rgb(183 49 58 / 78%)}
}

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

@media screen and (max-width: 1470px) {
	#banner img{min-height:unset;height:640px}
	#banner .info .txt{margin-top:11%}
}
@media screen and (max-width: 980px){
	#banner img{object-position:0% 50%;height: 600px;}
	#banner .mmtmore{display:flex;}
	#banner iframe{height: 190%;top: -40%;width: 200%;left: -100%;}
}

@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 img{object-position:0% 50%;height: 368px;}
	#banner .slick-current .info .txt p.madowinfo{width:100%}
	#banner .info .txt{-moz-transform:translateY(78px);-webkit-transform:translateY(78px);-o-transform:translateY(78px);-ms-transform:translateY(78px);transform:translateY(78px);margin: 59px auto 0;}
	#banner .info:before{content:"";position:absolute;width:100%;height:100%;background:rgb(0 0 0 / 11%)}
	
}
@media screen and (max-width: 480px){
	#banner .info .txt{margin: 0 auto;transform: translateY(110px);}
	#banner .info{height:100%;}
	#banner .slick-current .info .txt .coorbox{margin-left:-16px;margin-bottom: 20px;margin-top: 5px;}
	#banner .midtexrb{margin-top:37px}
}