#banner {width: 100%;z-index: 3;}
#banner img.img_cover { width: 100vw; min-height: 75vh; height: 75vh; }
#banner .pos_abs {width: 100vw;height: 100vh;top: 0;left: 0;}
#banner .info {height: 100vh;background: rgba(var(--black-rgb), .25);}
#banner .info .txt {margin: auto auto 20% auto;}
#banner .info .txt * {font-weight: 400;color: var(--white);opacity: 0;-webkit-transform: translateX(-10px);transform: translateX(-10px);text-align: center;}
#banner .info .txt .mainTxt span {font-size: 55px;line-height: 140%;margin-bottom: 20px;word-spacing: 100vw;}
#banner .info .txt p {font-weight: 300;font-size: 22px;}
#banner a.pos_abs { z-index: 2; }
#banner video , #banner iframe {position: absolute;width: 100%;top: 0;left: 0;}

/* slick-current */
#banner .slick-current .info .txt * {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);transition-delay: .3s;-webkit-transition-delay: .3s;transition: unset;-webkit-transition: unset;}
#banner .slick-current .info .txt p { transition-delay: .6s; -webkit-transition-delay: .6s; }

#banner .scrollDown {cursor: pointer;position: absolute;z-index: 10;left: 50%;bottom: 0;transform: translate(-50%, -10px);color: #fff;font-size: 14px;letter-spacing: 1px;display: flex;flex-direction: column;align-items: center;padding-bottom: 10px;width: 360px;}
#banner .scrollDown span {text-shadow: 0px 1px 20px rgba(0, 0, 0, 0.3);font-family: 'Kanit', sans-serif;color: var(--white);font-size: 12px;}
#banner .scrollDown img.scrrollmouse {padding-bottom: 15px;animation: scrolldownrun 0.8s linear infinite;}
#banner .scrollDown img.scrollbg {position: absolute;z-index: 1;left: 50%;bottom: 0;transform: translate(-50%, 0);width: 100%;}
@keyframes scrolldownrun {0% {transform: translate(0, -5px);}50% {transform: translate(0, 10px);}100% {transform: translate(0, -5px);}}

@media screen and (min-width: 761px){
	#banner img.img_cover {min-height: 100vh;height: 100vh;}
}
@media screen and (max-width: 1280px){
	#banner .item,#banner .pos_abs,#banner .info{height:70vh}
	#banner video, #banner iframe{height: auto;width: 100%;}
	#banner .info .txt .mainTxt span{font-size: 50px;}
	#banner .info .txt{margin-bottom: 15%;}
}
@media screen and (max-width: 1024px){
	#banner video, #banner iframe{height: 100%;width: auto;}
	#banner .info .txt{margin-bottom: 20%;}
}
@media screen and (max-width:768px){
	#banner .item,#banner .pos_abs,#banner .info{height: 55vh;}
}
@media screen and (max-width: 550px){
	#banner .info .txt .mainTxt span {font-size: 30px;}
	#banner .info .txt{margin-bottom: 45%;}
	#banner .info .txt p{font-size: 16px;padding: 0 20px;}
	#banner .scrollDown img.scrollbg{width: 70%;}
	#banner .scrollDown img.scrrollmouse{width: 25px;padding-bottom: 20px;}
	#banner .scrollDown{padding:0;}
}
