#banner { padding-top: 64px; z-index: 3; }
#banner .item {width: 100vw;min-height: 85vh;height: 95vh;}
#banner .item img {width: 100vw;height: 95vh;}
#banner .item >.pos_abs {width: 100vw;height:  100%;top: 0;left: 0px;}
#banner .item .info {background: rgba(var(--black-rgb), .15);}
#banner .item .info >div {margin: auto;width: 85%;text-align: right;}
#banner .item .info >div:before {position: absolute;width: 0;height: 130%;background: rgb(0 0 0 / 30%);display: block;top: -10%;left: 6%;content: "";-webkit-clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);}
#banner .item .info .txt { margin-left: 10%; opacity: 0; }
#banner .item .info h3.txt {padding: 10px 10px 20px 0px;letter-spacing: .1em;color: #fff;font-size: 36px;text-shadow: 4px 4px 5px rgb(49 46 46 / 45%);font-weight: 400;text-align: right;width: 430px;margin-left: auto;line-height: 130%;}
#banner .item .info h3.txt:before {position: absolute;width: 0;height: 2px;background: #fff;display: block;bottom: 0;left: 0;content: "";text-shadow: 4px 4px 5px rgb(49 46 46 / 45%);}
#banner .item .info p.txt {padding: 10px 10px 30px;font-weight: 400;line-height: 150%;color: #fff;font-size: 25px;text-shadow: 4px 4px 5px rgb(49 46 46 / 45%);text-align: right;}
#banner .item .info .more_btn {opacity: 0;width: 140px;padding: 10px 10px;}
#banner .item a.pos_abs { 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; min-height: 100%; height: auto; right: 0; 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: -90px; }
#banner .slick-dots li { margin: 5px 40px; width: 10px; height: 10px; background: var(--secondary); border-radius: 50%; display: block; opacity: .1; }
#banner .slick-dots li.slick-active { opacity: .5; }

/* arrow_bg */
#banner .arrow_bg {width: 300px;height: 170px;left: auto;bottom: -180px;transform-origin: 110% 100% 0;background: #1e2023;transform: skewY(20deg) translateY(0);-webkit-transform: skewY(
20deg) translateY(0);}

/* arrow */
#banner .arrow { bottom: 0; left: auto; }
#banner .arrow a { width: 55px; height: 100px; display: inline-block !important; line-height: 100px; }
#banner .arrow a i{
    color: #fff;
}
/* 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; }
	#banner .item .info >div {width: 33%;left: 260px;}

@media screen and (max-width: 1440px){
	#banner .item {min-height: 640px;height: 640px;}
	#banner .item img {height: 640px;}
	#banner .item .info >div {width: 44%;}
}
@media screen and (min-width: 1281px){
	#banner {padding: 0;}
}
@media screen and (max-width: 1280px){
    #banner .item .info >div {width: 50%;left: 100px;}
}
@media screen and (min-width: 1025px){
	#banner .item .info >div:before {left: 0px;}
	#banner .item .info .txt {margin-left: 0;}
	#banner .slick-current .info >div:before {width: 110%;}
}
@media screen and (max-width: 1140px){
	#banner .item {min-height: 490px;height: 490px;}
	#banner .item img {height: 510px;}
	#banner .item >.pos_abs{
    width: 100vw;
}
	#banner .item .info >div{
    width: 61%;
    left: 10px;
}
#banner .item .info >div:before{
    left: 12%;
}
#banner .item .info h3.txt{
    font-size: 36px;
}
}
@media screen and (max-width: 761px){
	#banner .item {min-height: 370px;height: 380px;}
	#banner .item img {height: 390px;}
	#banner .item .info >div:before{
    top: -5%;
    left: -7%;
    height: 100%;
    width: 110%;
}
}
@media screen and (max-width: 550px){
	#banner .item .info >div {width: 81%;left: 0px;}
	#banner .item .info h3.txt {font-size: 24px;letter-spacing: 0;padding: 20px 0px;width: 250px;}
#banner .item .info p.txt{
    font-size: 18px;
}
#banner .item img {width: 100vw;height: 55vh;}
#banner .item {width: 100vw;min-height: 25vh;height: 55vh;}

#banner .arrow_bg,#banner .arrow{
    display: none;
}
}