@charset "utf-8";

/* Rolling */
.wrap-rolling {padding: 30px 0;}
.disable .wrap-rolling {background: #fff;}
.wrap-rolling .inner {position: relative;}
.wrap-rolling .box {display: flex; align-items: center;}
.wrap-rolling .control {flex-shrink: 0; width: 165px;}
.wrap-rolling .control .text {margin-bottom: 5px; font-family: pb; font-size: 20px; color: #000000;}
.wrap-rolling .buttons button {display: inline-block; width: 33px; height: 33px; background: url('../images/btn-rolling-control.png') no-repeat; border: 1px solid #999; border-radius: 5px; text-indent: -99999px;}
.wrap-rolling .buttons .prev {background-position: 0 0;}
.wrap-rolling .buttons .stop {background-position: -30px 0;}
.wrap-rolling .buttons .play {background-position: -60px 0;}
.wrap-rolling .buttons .stop,
.wrap-rolling .buttons .play {display: none;}
.wrap-rolling .buttons .stop.on,
.wrap-rolling .buttons .play.on {display: inline-block;}
.wrap-rolling .buttons .next {background-position: -90px 0;}
.wrap-rolling .box-slider {overflow: hidden; flex-grow: 1;}
.wrap-rolling .slider a {display: block;}
.wrap-rolling .slider img {width: 100%;}
.wrap-rolling .paging {display: none;}
.wrap-rolling .paging span {width: 15px; height: 15px; margin: 0 3px; background: #dcdcdc; opacity: 1;}
.wrap-rolling .paging span.swiper-pagination-bullet-active {background: #002851;}

@media screen and (max-width: 700px) {
  .wrap-rolling {padding: 20px 0;}
  .wrap-rolling .control {width: 100px;}
  .wrap-rolling .control .text {font-size: 18px;}
  .wrap-rolling .buttons button {width: 23px; height: 23px; background-size: cover !important;}
  .wrap-rolling .buttons .stop {background-position: -21px 0;}
  .wrap-rolling .buttons .play {background-position: -42px 0;}
  .wrap-rolling .buttons .next {background-position: -63px 0;}
  .wrap-rolling .paging {display: flex; justify-content: center; margin-top: 20px;}
}