/* mainBanner */
#mainBanner { position: relative; width: 100%; top: 0; left: 0; z-index: 10; }
#mainBanner .slick-slide { position: relative; }
#mainBanner .slick-current.slick-active a.photo { -webkit-animation: banerBg 5s infinite linear; animation: banerBg 5s infinite linear; -webkit-animation-delay: .5s; animation-delay: .5s; }
#mainBanner .slick-slide a.photo img { max-width: inherit; }
#mainBanner .slick-slide video , #mainBanner .slick-slide iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#mainBanner .banner-txt {position: absolute;left: 9vw;bottom: 6vw;padding: 50px 80px; display: inline-block;color: #1e130f;background: #ffffff94;}

@keyframes banerBg { 0%{ background-position: 0 0; } 100%{ background-position: -5vw 0; } }
@-webkit-keyframes banerBg { 0%{ background-position: 0 0; } 100%{ background-position: -5vw 0; } }
@keyframes banerBg2 { 0%{ background-position: 0 0; } 100%{ background-position: -7vw 0; } }
@-webkit-keyframes banerBg2 { 0%{ background-position: 0 0; } 100%{ background-position: -7vw 0; } }

@media screen and (max-width:1440px) {
	#mainBanner .slick-current.slick-active a.photo { -webkit-animation-name: banerBg2; animation-name: banerBg2; }
}
@media screen and (min-width:1181px) {
	#mainBanner .slick-slide a.photo img { height: 100vh; }
}
@media screen and (max-width:1180px) {
	#mainBanner { top: 70px; }
	#mainBanner .slick-current.slick-active a.photo { -webkit-animation-name: none; animation-name: none; }
	#mainBanner .slick-slide a.photo img { width: 140%; }
	#mainBanner .banner-txt { display: none; }
}
@media screen and (max-width:768px) {
	#mainBanner .slick-slide a.photo img { width: 170%; }
}
@media screen and (max-width:480px) {
	#mainBanner .slick-slide a.photo img {width: 130%;}
}