#banner_box , #banner_box .item , #banner_box .img_box { position: relative; min-width: 100vw; }
#banner_box .item{background-image:url(/images/00/banner-bg.jpg);background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;}
#banner_box .item:before{content:url(/images/00/img-leaf.png);position: absolute;right: 46%;bottom: 30%;opacity: .6;animation-name: leaf;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-duration: 2s;}
#banner_box .img_box img { width: 100vw; height: 100vh; }
#banner_box .info_box , #banner_box .atag_item { position: absolute; }

#banner{position:relative;}
#banner .baScro {position:absolute;bottom: 5px;left: 5%;}
#banner .baScro a{display:flex;align-items: center;justify-content: center;position: relative;cursor: pointer;}
#banner .baScro a img{-webkit-animation-name: circle;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;-webkit-animation-duration: 10s;}
#banner .baScro a svg{position:absolute;}

#banner_box .slick-dots { bottom: 20px; }
#banner_box .slick-dots li { opacity: .2; display: inline-flex; justify-content: center; align-items: center; }
#banner_box .slick-dots li.slick-active { opacity: 1; }
#banner_box .slick-dots li button { width: 10px; height: 10px; background: var(--info); border-radius: 50%; box-shadow: 0 0 5px #fff; }
#banner_box .slick-dots li button:before { content: ""; }

@keyframes leaf{0%{transform-origin:right bottom;transform:rotate(-3deg);}100%{transform-origin:right bottom;transform:rotate(3deg);}}
@keyframes circle{0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);}100%{transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);}}

@media screen and (max-width: 1440px){
	#banner .baScro{left:2.5%;}
}
@media screen and (max-width: 1280px){
	#banner_box .img_box img { height: auto; }
}
@media screen and (max-width: 1160px){
	#banner_box {padding-top: 65px;}
	#banner_box .item:before{zoom: 70%;}
	#banner .baScro{display:none;}
}
@media screen and (max-width: 640px){
	#banner_box .item:before{zoom: 40%;right: 39%;bottom: 25%;}
	#banner_box .img_box img {height: 30vh;object-position: 35% 0;}
}