@import url('/css/43/banner.min.css');
#banner {z-index: 3;}
#banner .item {width: 100vw;min-height: 100vh;height: 100vh;}
#banner .item img {width: 100vw;height: 100vh;}
#banner .item >.pos_abs {width: 100vw;height:  100%;top: 0px;left: 0;}
#banner .item .info {}
#banner .item .info >div { margin: auto; width: 85%; }
#banner .item .info .txt {opacity: 0;}
#banner .item .info font span, #banner .item .info h3.txt, #banner .item .info p.txt{
    color: var(--white);
}
#banner .item .info font span{
    display: inline-block;
    font-size: 19px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 3.5px;
    position: relative;
}
#banner .item .info h3.txt {color: var(--white);font-size: 70px;font-weight: 700;line-height: 110%;letter-spacing: 1px;padding-top: 30px;padding-bottom: 40px;}
#banner .item .info p.txt {font-size: 23px;font-weight: 300;line-height: 34px;letter-spacing: 4px;}
#banner .item .info .more_btn { opacity: 0; }
#banner .item a.pos_abs { display: block; z-index: 2; }
#banner .item iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner .item video {overflow: hidden;position: absolute;min-width: 100%;width: auto;height: auto;bottom: 0;}

/* slick-dots */
#banner .slick-dots {width: auto;height: 100%;background: var(--white);display: flex !important;flex-direction: column;justify-content: center;bottom: 0;left: -50px;align-items: center;}
#banner .slick-dots li {margin: 5px 20px;width: 10px;height: 10px;background: var(--info);border-radius: 50%;display: block;opacity: .1;}
#banner .slick-dots li.slick-active { opacity: .5; }

/* arrow */
#banner .arrow {bottom: 0;left: auto;display: none;}
#banner .arrow a {width: 60px;height: 50px;display: inline-block !important;line-height: 50px;}

/* slick-current */
#banner .slick-current .info >div:before { width: 90%; transition-delay: .6s; -webkit-transition-delay: .6s; }
#banner .slick-current .info .txt , #banner .slick-current .info .more_btn { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; }
#banner .slick-current .info h3.txt:before { width: 100%; transition-delay: .7s; -webkit-transition-delay: .7s; }
.bottomMask {position: absolute;bottom: -40px;left: 0;z-index: 2;width: 100%;}
	#banner .item video, #banner .item iframe{width: 100%;left: 0;bottom: -70px;}

@media screen and (max-width: 1440px){
	#banner .item video, #banner .item iframe{width: 130%;left: -15%;}

}
@media screen and (min-width: 1281px){
}

@media screen and (min-width: 1141px){
	#banner .item .info font span{padding-left: 110px;}
	#banner .info_box h3{padding-left: 50px;}
	#banner .item .info font span::before {content: "";width: 80px;height: 1px;display: block;background: #ffffff;margin-right: 20px;position: absolute;top: 48%;left: 0px;}
}

@media screen and (min-width: 1025px){
	#banner .item .info >div {width: var(--width-sm);position: absolute;top: calc(50% - 200px);left: calc(10%);}
	#banner .item .info >div:before { left: 11%; }
	#banner .slick-current .info >div:before { width: 86%; }
}
@media screen and (max-width: 1024px) {
	#banner .item video, #banner .item iframe{width: 210%;left: -45%;bottom: -70px;}
}
@media screen and (max-width: 1140px){
	#banner .item {min-height: 80vh;height: 80vh;}
	#banner .item .info h3.txt{font-size: 46px;width: 600px;}
	#banner .item .info >div{width: 90%;margin-right: auto;}
	#banner .arrow_bg,#banner .arrow{display: none;}
	.bottomMask{bottom: -1px;}
}
@media screen and (max-width: 761px){
	#banner .item {height: 380px;min-height: 60vh;}
	#banner .item img {height: 390px;}
}
@media screen and (max-width: 550px){
	#banner .item .info >div {width: 90%;}
	#banner .item .info h3.txt {font-size: 8vw;letter-spacing: 0;padding-top: 10px;padding-bottom: 20px;width: auto;}
	#banner .item img {width: 100vw;height: 23vh;}
#banner .item .info p.txt{
    font-size: 16px;
    letter-spacing: 2px;
}
	#banner .item video, #banner .item iframe{width: 210%;left: -45%;bottom: 0px;}
}