/* banner */
#banner {width: 100vw;z-index: 3;}
#banner .item {height: 100vh;}
#banner .item .clip >* {min-width: 100vw;width: 100vw;}
#banner .item .clip iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner .item .clip video { overflow: hidden; position: absolute; width: 100%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

#banner .fixTxt {position: absolute;left: -5%;bottom: -9%;z-index: 1;display: none;}
#banner .fixImg {position: absolute;right: 10%;bottom: 13%;z-index: 1;display: none;}

@media screen and (max-width: 1280px){
	#banner .fixTxt img, #banner .fixImg img{width:80%;}
}
@media screen and (max-width: 1024px){
	#banner .fixTxt img, #banner .fixImg img{width:60%;}
	#banner .fixImg{right: -20%;}
	#banner .item { height: 65vh; }
}
@media screen and (max-width: 980px){
	#banner .bgBox {background-position: 80% 50%;}
}
@media screen and (max-width: 640px){
	#banner .item { height: 45vh; }
	#banner .fixImg{right: -140px;width: 90%;}
}