
.el_banner .img_tx_w .img_info{text-shadow:0 1px 2px rgba(0,0,0,.4)}
.el_banner .img_tx_w .img_info a{text-shadow:0 1px 2px rgba(0,0,0,.4)}
.el_banner img{min-width:100%}


/*video sound switch*/
.video-slider-mute {position: absolute;top: auto;left: auto;right: 20px;z-index:11;bottom: 20px;width: 38px;height: 38px;line-height: 38px;border-radius: 50%;background-color: rgba(255,255,255,0.2);color: #FFF;font-size: 18px;text-align: center;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
.video-slider-mute i{position: absolute;height: 100%;width: 100%;display: block;}
.video-slider-mute i svg{display: inline-block;font-size: inherit;height: 1em;overflow: visible;vertical-align: -0.125em;}
.video-slider-mute .muted{opacity: 1;}
.video-slider-mute .muted_off{opacity: 0;}
.video-slider-mute.video-muted .muted_off{opacity: 1;}
.video-slider-mute.video-muted .muted{opacity: 0;}
.video-wrap{height: 100%;}
.video-wrap video {position: relative;z-index: 1;width: 100%;}

.vf_banner{overflow: hidden;}
.vf_banner .image img{width: 100%;}
.vf_banner .img_info{padding: 5vh 10vw;text-shadow:none}

.vf_banner .img_info .img_info_content{max-width: 750px;}
.vf_banner .img_info .img_info_title{line-height: 1.1;}
.vf_banner .img_info .img_info_text{padding-top:3vh;}
.vf_banner .img_info .vf_btn{margin-top: 3vh;}

.vf_banner .vf_btn{padding: 15px 30px;}
@media (max-width: 575.98px){
	.vf_banner .vf_btn{padding: 7px 15px;}
}
@media (min-width:1600px){
	.banner_text 	.img_info_title{font-size:2.7763457165vw;}
	.banner_text_bg .img_info_title{font-size:2.7763457165vw;}

	.banner_h_bg.swiper_wrapper .swiper-slide{height: 90vh!important;}
	.banner_h_bg {height: 90vh!important;}
	.banner_h_size{ height: 800px!important;}
}
@media (min-width:1280px) and (max-width: 1599.98px){
	.banner_text 	.img_info_title{font-size:3.7763457165vw;line-height: 1.2;}
	.banner_text_bg .img_info_title{font-size:3.7763457165vw;line-height: 1.2;}
	
	.banner_h_bg.swiper_wrapper .swiper-slide{ height: 85vh!important;}	
	.banner_h_bg { height: 85vh!important;}
	.banner_h_size{ height: 666px!important;}
}
@media (min-width: 1024px) and (max-width: 1279.98px){
	.banner_text 	.img_info_title{font-size:4.2763457165vw;line-height: 1.2;}
	.banner_text_bg .img_info_title{font-size:4.2763457165vw;line-height: 1.2;}

	.banner_h_bg.swiper_wrapper .swiper-slide { height: 80vh!important;}
	.banner_h_bg { height: 80vh!important;}
	.banner_h_size{ height: 553px!important;}
}
@media (min-width: 992px) and (max-width: 1023.98px){
	.banner_text 	.img_info_title{font-size:6vw;}
	.banner_text_bg .img_info_title{font-size:6vw;}
	.banner_h_bg.swiper_wrapper .swiper-slide{ height: 80vh!important;}
	.banner_h_bg { height: 80vh!important;}
	.banner_h_size{ height: 426px!important;}
}
@media (min-width: 768px) and (max-width: 991.98px){
	.banner_text 	.img_info_title{font-size:5.4758800522vw;}
	.banner_text_bg .img_info_title{font-size:5.4758800522vw;}
	.banner_h_bg.swiper_wrapper .swiper-slide{ height: 75vh!important;}
	.banner_h_bg { height: 75vh!important;}
	.banner_h_size{ height: 413px!important;}

}
@media (min-width: 576px) and (max-width: 767.98px){
	.banner_text 	.img_info_title{font-size:4vw;}	
	.banner_text 	.img_info_text{display: none;}
	.banner_text_bg .img_info_title{font-size:5vw;}	
	.banner_h_bg.swiper_wrapper .swiper-slide{ height: 70vh!important;}
	.banner_h_bg { height: 70vh!important;}
	.banner_h_size{ height: 320px!important;}
}
@media (max-width: 575.98px){
	.banner_text 	.img_info_title{font-size:3vh}
	.banner_text 	.img_info_text{display: none;}
	.banner_text_bg .img_info_title{font-size:5vw}
	.banner_h_bg.swiper_wrapper .swiper-slide{ height: 70vh!important; }
	.banner_h_bg { height: 70vh!important; }
	.banner_h_size{ height: 240px!important; }
}

.banner_h_size .swiper-lazy{background-repeat:no-repeat; background-attachment:fixed; background-size: cover;object-fit: cover;position:absolute;width: 100%;height: 100%; top: 0;left: 0;z-index: -3;}


.banner_text .box.dark .img_info{color: var(--text_w_1);}
.banner_text .box.dark .img_info_title{color: var(--text_w_1);}
.banner_text_bg .box.dark .img_info{color: var(--text_w_1);}
.banner_text_bg .box.dark .img_info_title{color: var(--text_w_1);}

.vf_banner .box .img_info{text-shadow:0 1px 2px rgba(255,255,255,.4)}
.vf_banner .box.dark .img_info{text-shadow:0 1px 2px rgba(0,0,0,.4)}

.bg_semi_w .img_info_content{max-width: 750px; background: rgba( 255, 255, 255, 0.45 );	box-shadow: 0 8px 32px 0 rgba( 0, 0, 0, 0.27 );	-webkit-backdrop-filter: blur( 12.5px );backdrop-filter: blur( 22.5px );border-radius: 10px;padding: 3%;}
.bg_semi_b .img_info_content{max-width: 750px;color: var(--text_w_1);background: rgba( 0, 0, 0, 0.45 );
	box-shadow: 0 8px 32px 0 rgba( 0, 0, 0, 0.37 );	-webkit-backdrop-filter: blur( 12.5px );backdrop-filter: blur( 22.5px );border-radius: 10px;padding: 6%;}
.bg_semi_th .img_info_content{max-width: 750px;color: var(--text_w_1);background: rgba( var(--theme_rgb), 0.45 );box-shadow: 0 8px 32px 0 rgba( var(--theme_rgb), 0.37 );	-webkit-backdrop-filter: blur( 12.5px );backdrop-filter: blur( 22.5px );border-radius: 10px;padding: 6%;}
.bg_semi_b .img_info_content .img_info{color: var(--text_w_2);text-shadow:none}
.bg_semi_b .img_info_content .img_info_title{color: var(--text_w_1);text-shadow:none}
.bg_semi_b .img_info_content .img_info_title:hover{color: var(--theme);text-shadow:none}

.content_bg_w .img_info_content{max-width: 750px; background: rgba( 255, 255, 255, 0.45 );border-radius: 10px;padding: 3%;}
.content_bg_b .img_info_content{max-width: 750px;color: var(--text_w_1);background: rgba( 0, 0, 0, 0.45 );border-radius: 10px;padding: 6%;}
.content_bg_th .img_info_content{max-width: 750px;color: var(--text_w_1);background: rgba( var(--theme_rgb), 0.45 );border-radius: 10px;padding: 6%;}


.banner_h_bg .image{position: absolute;top: 0;width: 100%;height: 100%;}
.banner_h_bg .image img{ height: 100%;width: 100%;}
.banner_h_bg .image img{background-repeat:no-repeat; background-attachment:fixed; background-size: cover;object-fit: cover;position:absolute;width: 100%;height: 100%; top: 0;left: 0;}

.vf_banner.vf_section-full .container{padding: 0;}
