#banner .slick-slide { overflow: hidden; position: relative; }
#banner .slick-slide >a { overflow: hidden; position: relative; background: no-repeat 50% / cover; display: block; }

.slick-slide a img { width: 100%; }
.slick-slide video , .slick-slide iframe , .slick-slide canvas { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; transform: scale(1.4); }
.slick-slide video , .slick-slide canvas { width: auto; transform: scale(1.4); }

#banner .slick-slide .art { position: absolute; width: 500px; text-align: center; color: #fff; top: calc(50% - 100px); left: calc(50% - 250px); z-index: 3; }
#banner .slick-slide h2 { text-align: center; line-height: 110%; font-size: 50px; }
#banner .slick-slide p { margin-top: 40px; text-align: center; line-height: 150%; font-size: 18px; }
#banner .slick-slide b { margin-top: 65px; padding: 20px 65px; background: rgba(181, 181, 181, .7); display: inline-block; font-size: 16px; line-height: 110%; color: #fff; transition: all linear .2s; cursor: pointer; }

#banner .slick-dots { margin-left: 20px; width: 28px; text-align: left; bottom: 60%; }
#banner .slick-dots li button:before , #banner .slick-dots li.slick-active button:before { color: #fff; }
#banner .slick-dots li button:before { text-shadow: 0 0 5px #fff,0 0 5px #fff; }

#views { margin-left: 90px; width: calc(100% - 90px); }

@media (min-width:1025px) {
	#banner .slick-slide b:hover { background: rgba(255, 255, 255, .7); color: #545454; }
	#banner .slick-slide b a:hover { opacity: .7; }
}
@media (max-width:1440px) {
	#banner .slick-slide .art { top: calc(50% - 100px); }
	#banner .slick-slide h2 { font-size: 40px; }
	#banner .slick-slide b { margin-top: 55px; padding: 15px 50px; }
}
@media (max-width:1024px) {
	#banner .slick-slide h2 { font-size: 34px; }
	#banner .slick-slide p { margin-top: 30px; font-size: 16px; }
	#banner .slick-slide b { margin-top: 45px; }
	#banner { margin-top: 88px; }
}
@media (max-width:768px) {
	#banner .slick-slide img { padding: 30px 0; }
}
@media (max-width:640px) {
	#banner .slick-slide .art { width: 300px; top: initial; bottom: 10%; left: calc(50% - 150px); }
	#banner .slick-slide p { margin-top: 15px; line-height: 130%; }
	#banner .slick-slide b { padding: 15px 40px; margin-top: 30px; }
	#banner { margin-top: 68px; }
}
@media (max-width:480px) {
	#banner .slick-slide .art { bottom: 20px; }
	#banner .slick-slide h2 { font-size: 24px; }
	#banner .slick-slide p { font-size: 13px; }
	#banner .slick-slide b { margin-top: 15px; padding: 10px 30px; font-size: 13px; }
	#banner .slick-slide img { padding: 50px 0; }
}