/*
    killercarousel.js
*/
.kc-wrap {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-action: none;
    overflow:hidden;
    position:relative;
    /*background-image:url('/image/pc/background.png');*/
  background: #000;
    background-position: center;
    width:918px;
  height: 340px;
  border: 1px solid #000;
    /*padding-bottom:35%;*/
}
.kc-horizon {
    visibility:hidden;
}
.kc-item {
    position:absolute;
    width:200px;
    height:200px;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    visibility:hidden;
  cursor: pointer;
  display: block;
}
.kc-item img {
    border:none !important;
    outline:none !important;
}
.kc-item:hover img {
  opacity: 1;
}
.kc-shadow-bottom {
    position:absolute !important;
    top:100% !important;
    width:100% !important;
    height:10% !important;
    background-image:url(/image/pc/carouselSlider_shadow_bottom.png);
    left:0px !important;
}
.kc-shadow-left,.kc-shadow-right {
    position:absolute !important;
    top:0% !important;
    width:10% !important;
    height:100% !important;
    left:-10% !important;
    background-image:url(/image/pc/carouselSlider_shadow_left.png);
}
.kc-shadow-right {
    left:100% !important;
    background-image:url(/image/pc/carouselSlider_shadow_right.png);
}
/* Reflection. This is applied to an inserted <canvas> element that is the reflection.*/
.kc-reflection {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:0px;
}
.kc-nav-wrap {
    display:inline-block;
    position:absolute;
    z-index:1000;
}
.kc-nav-button, .kc-nav-button-active {
    width:16px;
    height:16px;
    background-color: #888;
    float:left;
    margin-right:10px;
    cursor: pointer;
    border-radius: 16px;
    border:1px solid rgba(0,0,0,0.5);
}
.kc-nav-button.active {
    background-color: #fff;
}
.kc-nav-button.last {
    margin-right:0;
}