@charset "utf-8";
/* CSS Document */
* {
  box-sizing: border-box;
}
.bn_center {
  position:relative;
  margin: 0 !important;
  /* overflow: hidden; */
}
.bn_center .slider {
    width: 100%;
    /* margin: 100px auto; */
}

.bn_center .slick-slide {
  margin: 0px 5px;
}

.bn_center .slick-slide img {
  width: 100%;
}

.bn_center .slick-prev:before,
.bn_center .slick-next:before {
  color: black;
}
.bn_center .slick-dots li button:before {
  color:#bbb;
  background-color: transparent;
}
.bn_center .slick-dots li.slick-active button:before {
  background-color:transparent;
  opacity: 1; 
  color:#0b8089;
}
.bn_center .slick-prev,
.bn_center .slick-next {
  width: 48px;
  height: 72px;
  z-index: 1;
  background-color:#fff;
  opacity: 0.6;
}
.bn_center .slick-next {
  right: -10px;
}
.bn_center .slick-prev {
  left: -10px;
}
.bn_center .slick-arrow::before {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    border: 2px solid #000;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: -6px;
}
.bn_center .slick-arrow.slick-next::before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    margin-left: -22px;
}
.bn_center .slick-arrow:hover {
  opacity: .9;
  transition: all ease-in-out .3s;
  background-color: #FFF;
}
.bn_center .slick-dots {
  /* bottom: -28px; */
  z-index: 2;
}
.bn_center .slick-slide {
  transition: all ease-in-out .3s;
  /* opacity: .2; */
}

.bn_center .slick-active {
  /* opacity: .5; */
}

.bn_center .slick-current {
  opacity: 1;
}

.bn_center .slick-prev,
.bn_center .slick-next {
  z-index:1
}

.bn_center .slick-prev {
  left: 0 !important;
}
.bn_center .slick-next {
  right:0 !important;
}
.bn_center .slick-list {
  padding: 0 25% !important;
}
.bn_center .slick-slide a:focus {
  outline-offset:-3px;
  display:block;
  outline: 3px #f00 dotted !important;
}
@media screen and (max-width: 699px) {
.bn_center .slick-list {
  padding:0 !important;
}
.bn_center .slick-prev {
  left: 5px;
}
.bn_center .slick-next {
  right:5px;
}
.bn_center .slick-slide {
  margin: 0px;
}
}