/* BASIC css start */
#contents {width:100%; max-width: 1200px;}

.content_box {clear:both; margin:0 43px;}
.content_box img {width:100%;}
.content_box a {display:block;}

.content_box.col2_box {padding:0 28px 40px; overflow:hidden;}

.col2{float:left; width:50%;}
.col2 a{display:block; margin:0 5px;}
.col2 p, .col2 h3{min-height:64px; padding:8px 0; font-size:14px;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 !important;}
.detail-pagination{padding-top:6px;}
.swiper-container img {width:100%;}
.swiper-pagination {width:100%;}
.swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: none !important;
    outline:none;
    opacity:1;
    transition: width 0.3s;
}
.swiper-pagination .swiper-pagination-bullet:after {
    content: "";
    width: 6px;
    height: 6px;
    margin: 3px;
    display: block;
    border-radius: 10px;
    background-color: rgb(255 255 255);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    border: #ccc solid 1px;
    box-sizing: border-box;
transition: width 0.3s;
}
.swiper-pagination .swiper-pagination-bullet-active {
    width: 27px;
    height: 12px;
    background: none !important;
    outline:none;
    opacity:1;
    transition: width 0.3s;
}
.swiper-pagination .swiper-pagination-bullet-active:after {
    content: "";
    width: 20px;
    height: 6px;
    margin: 3px;
    display: block;
    border-radius: 10px;
    background-color: rgb(255 255 255);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    border: #ccc solid 1px;
    box-sizing: border-box;   
}
.btn_slider_next {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 32px;
    padding:4px 10px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    right: 0;
    left: auto;
    text-align:center;
    outline:none;
}
.btn_slider_prev {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 32px;
    padding:4px 10px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    left: 0;
    right: auto;
    outline:none;
}
.btn_slider_prev img, .btn_slider_next img {width:100%;}
.multi-slider-pagination {padding-top:6px;}

.collection_title {
    text-align:center;
}
.collection_title h1 {
    text-align:center;
    font-size:15px;
    font-weight:bold;
    padding:50px 0 0;
    color:#000;
}
.collection_subtitle{
    padding:30px 0 40px;
}
.collection_subtitle p{
    font-size:14px;
    margin:4px 24px;
    line-height:20px;
    display:inline-block;
    font-weight:normal;
}
.collection_subtitle p.on{
    border-bottom:1px solid #000;
    font-weight:bold;
}


/* BASIC css end */

