/* BASIC css start */
.bbs-tit { margin-bottom: 70px; }


/* page-body */
#productPlan .page-body .visual { margin-top:30px }
#productPlan .page-body .pick { margin-top:30px; text-align:center }
#productPlan .page-body .pick select { width:588px; height:38px; font-size:15px; color:#555; text-align:center }
#productPlan .page-body .clst { zoom: 1; overflow: hidden; margin-top: 10px; padding: 10px 7px 7px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
#productPlan .page-body .clst li { float: left; margin-right: 15px; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h2_sqr_gray.gif) no-repeat 0 45%; }
#productPlan .page-body .clst li a { display: block; white-space: nowrap; }
#productPlan .page-body .p-hd { position: relative; margin-top: 70px; padding: 0 10px 5px; border-bottom: 2px solid #5c5c5c; }
#productPlan .page-body .p-hd.mt-35 { margin-top: 35px; }
#productPlan .page-body .p-hd h3 { color: #5c5c5c; font-size: 14px; font-weight: bold; letter-spacing: -1px; }
#productPlan .page-body .p-hd .top { position: absolute; top: 0; right: 5px; color: #5c5c5c; }
#productPlan .page-body .plst { zoom: 1; overflow: hidden; margin: 25px auto 0; }
#productPlan .page-body .item-wrap { }



.prd_wrap .prd_list .list .hover-btn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,101%);
    -webkit-transform: translate(-50%,101%);
    -ms-transform: translate(-50%,101%);
    -o-transform: translate(-50%,101%);
    -moz-transform: translate(-50%,101%);
    z-index: 99;
    border: 1px solid #000;
    box-sizing: border-box;
    transition-property: transform;
    transition-duration: .3s;
}

.prd_wrap .prd_list .list:hover .hover-btn, .prd_wrap .prd_list .list:hover .hover-btn .btn_list { transform: translate(-50%,0); -webkit-transform: translate(-50%,0);  -ms-transform: translate(-50%,0);  -o-transform: translate(-50%,0); -moz-transform: translate(-50%,0);}

.prd_wrap .prd_list .list .hover-btn .btn_list {
    width: 137px;
    position: absolute;
    bottom: 6%;
    left: 50%;
    transform: translate(-50%,200%); -webkit-transform: translate(-50%,200%);  -ms-transform: translate(-50%,200%);  -o-transform: translate(-50%,200%); -moz-transform: translate(-50%,200%);
    transition-property: transform;
  transition-duration: .5s;
}

.prd_wrap .prd_list .list .hover-btn .btn_list a {
    float: left;
    box-sizing: border-box;
}


.prd_wrap .prd_list .list .hover-btn .btn_list a:first-child {
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #000;
    border: 1px solid #000;
    text-align: center;
    margin-right: 5px;
}


.prd_wrap .prd_list .list .hover-btn .btn_list a:last-child {
    width: 100px;
    height: 32px;
    line-height: 32px;
    background: #000;
    border: 1px solid #000;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
}

.prd_wrap .prd_list .list .hover-btn img { width: 18px; height:20px; margin-top: -5px; }

.item-wrap .prd_wrap .prd_list .list {
    border: none;
    padding-bottom: 80px;
    margin-bottom: 30px;
    overflow: hidden;
}
/* BASIC css end */