/*
arrow-line-l.png
arrow-line-r.png
*/

.subpage #sub_banner .flex-control-paging li a {
   background: #ddd;
   width: 8px;
   height: 8px;
}
.subpage #sub_banner .flex-control-nav {
   margin-top: -50px;
}

.subpage #sub_banner .flex-direction-nav {
   /* display: none; */
}

.subpage #sub_banner .flex-direction-nav li  {
   list-style: none;
}

.subpage #sub_banner .flex-direction-nav a {
   position: absolute;
   opacity: .4;
   overflow: visible;
   height: 60px;
   width: 30px;
}
.subpage #sub_banner .flex-direction-nav a.flex-prev {
   background: transparent url(/images/arrow-line-l.png) no-repeat;
   left:5px;
   top: 436px;
}
.subpage #sub_banner .flex-direction-nav a.flex-next {
   background: transparent url(/images/arrow-line-r.png) no-repeat;
   right: 5px;
   top: 436px;

}
.subpage #sub_banner .flex-direction-nav a.flex-prev:before,
.subpage #sub_banner .flex-direction-nav a.flex-next:before {
   content: "";
}

/*
 * Slick Slider
 */
.slick-slider {
    margin-bottom: 75px;
}
.slick-slider .slick-list {
    max-height: 500px;
}
.slick-slider .slick-prev, .slick-slider .slick-next {
   opacity: .4;
   overflow: visible;
   height: 60px;
   width: 30px;
   margin-top: -30px;
}
.slick-slider .slick-prev {
    left: 5px;
    background: transparent url(/images/arrow-line-l.png) no-repeat;
}
.slick-slider .slick-next {
    right: 5px;
    background: transparent url(/images/arrow-line-r.png) no-repeat;
}
.slick-slider .slick-prev:before, .slick-slider .slick-next:before {
    content: "";
}
.slick-dots {
    float: right;
    position: relative;
    width: 20%;
    bottom: -7px;
}
.slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 6px;
}
.slick-dots li button {
   background: #ddd;
   width: 8px;
   height: 8px;
   padding: 0;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   -o-border-radius: 20px;
   border-radius: 20px;
   -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
   -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
   -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.slick-dots li.slick-active button {
    background: #666;
}
.slick-dots li button:before {
    content: "";
}