/* category-3 */
.category-item-3{float:left;width:50%;padding-bottom:12px}
.category-item-3:nth-child(even){padding-left:7px}
.category-item-3:nth-child(odd){padding-right:7px}
.category-item-sub-wrap-3{display:none}
.category-item-sub-wrap-3.on{display:block}
.category-item-image-wrap-3{position:relative;padding-top:100%;background-color:#ededed}
.category-item-image-link-3{position:absolute;top:0;left:0;width:100%;height:100%}
.category-item-icon-wrap-3{position:absolute;top:5px;right:5px;width:25px;height:100%}
.category-item-icon-3{margin-top:5px}
.category-item-image-3{position:absolute;width:100%;height:100%;top:0;left:0}
.category-item-name-wrap-3{margin:6px auto 0 auto;font-size:11px;line-height:16px;text-align:right;word-break:keep-all}
.category-item-price-wrap-3{text-align:right;font-size:11px;line-height:24px;font-weight:bold}
.category-item-price-3{text-decoration:line-through;color:#bbbbbb;font-weight:normal}
.category-item-color-wrap-3{margin-top:15px;text-align:center}
.category-item-color-box-3{display:inline-block;position:relative;width:24px;height:24px;margin-right:12px;vertical-align:top;cursor:pointer;border-radius:100px}
.category-item-color-box-3.white{border:2px solid #d0d0d0}
.category-item-color-box-3:last-child{margin-right:0}
.category-item-color-box-3.on{background:url('/images/icon/icon-color-pick.png') no-repeat center;background-size:18px}
.category-item-color-box-3.on:after{content:'';display:block;position:absolute;width:24px;height:24px;left:0;top:0;background:url('/images/icon/icon-color-pick.png') no-repeat center;background-size:18px}
.category-item-color-box-3.on.white{border:2px solid #d0d0d0}
.category-item-color-box-3.on.white:after{content:'';display:block;position:absolute;width:24px;height:24px;left:-2px;top:-2px;background:url('/images/icon/icon-color-pick-white.png') no-repeat center;background-size:18px}
.category-item-color-box-main-3{float:left;width:50%;height:100%;border-radius:100px 0 0 100px}
.category-item-color-box-sub-3{float:left;width:50%;height:100%;border-radius:0 100px 100px 0}
.category-coming-soon-3{font-size:24px;line-height:400px;text-align:center}
.category-sold-out{position:absolute;top:0;left:0;width:100%;height:24px;padding:0 5px;background-color:rgba(0,0,0,0.5);font-size:11px;line-height:24px;color:#fff}
@media all and (min-width:769px){
    .category-item-3{width:34%}
    .category-item-3:nth-child(3n+1){padding:0 2% 38px 0}
    .category-item-3:nth-child(3n+2){width:32%;padding:0 0 38px 0}
    .category-item-3:nth-child(3n){padding:0 0 38px 2%}
    .category-item-icon-wrap-3{top:7px;right:7px;width:50px;height:100%}
    .category-item-icon-3{margin-top:5px}
    .category-item-name-wrap-3{margin:0;font-size:14px;line-height:30px}
    .category-item-price-wrap-3{font-size:14px;line-height:18px}
    .category-item-color-wrap-3{margin-top:24px}
    .category-item-color-box-3{width:40px;height:40px;margin-right:20px;border-radius:25px}
    .category-item-color-box-3.on{background-size:25px}
    .category-item-color-box-3.on:after{width:40px;height:40px;background-size:25px}
    .category-item-color-box-3.on.white:after{width:40px;height:40px;background-size:25px}
    .category-item-color-box-main-3{border-radius:25px 0 0 25px}
    .category-item-color-box-sub-3{border-radius:0 25px 25px 0}
    .category-coming-soon-3{font-size:50px;line-height:400px;text-align:center}
    .category-sold-out{height:40px;font-size:20px;line-height:40px}
}
/* Category Banner */
.category-banner-wrap{position:relative;margin-bottom:40px;text-align:center}
.category-banner-hip-seat-baby-carrier{background-color:#fcfbf7}
.category-banner-booster{background-color:#f9f9f9}
.category-banner-stroller-liner{background-color:#e3e4e8}
.category-banner-accessories{background-color:#f9f9f9}
.category-banner-diaper-bags{background-color:#f9f9f9}
.category-banner-text{position:absolute;width:100%;left:0;font-size:12px;line-height:16px}
.category-banner-text > .lighter{font-weight:lighter}
.category-banner-hip-seat-baby-carrier-text{top:66%}
.category-banner-booster-text{top:66%}
.category-banner-stroller-liner-text{top:66%;color:#ffffff}
.category-banner-accessories-text{top:66%}
.category-banner-diaper-bags-text{position:static}
.category-banner-diaper-bags-1{width:42%;text-align:right}
.category-banner-diaper-bags-2{width:58%;text-align:left}
@media all and (min-width:769px){
    .category-banner-text{font-size:24px;line-height:33px}
    .category-banner-hip-seat-baby-carrier-text{top:70%}
    .category-banner-booster-text{top:10%}
    .category-banner-stroller-liner-text{top:63%}
    .category-banner-accessories-text{top:10%}
}

.category-product-review-wrap{padding-top:10px;text-align:center}
.category-product-review-star-score-wrap{display:inline-block;position:relative}
.category-product-review-star-score-wrap + span{display:inline-block;padding:5px;margin-top:1px}
.category-product-review-star-score{position:absolute;height:30px;top:0;left:0;background:url('/images/stars/star-score.jpg') no-repeat 0/cover;vertical-align:middle}
.category-product-sales-wrap{padding-top:10px;display:flex}
.category-product-sale-icon{display:block;flex:0 0 80px;width:80px;height:30px;border:2px solid #ff7200;border-radius:5px;color:#ff7200;font-weight:bold;font-size:13px;line-height:2;text-align:center}
.category-product-sale-notice{flex:1 1 auto;font-size:15px;line-height:2;height:30px;padding:0 10px;text-decoration:underline;color:#555454;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
@media all and (max-width:768px){
    .category-product-sales-wrap{flex-direction: column}
    .category-product-sale-icon{flex:0 0 30px;height:auto;margin:0 auto}
    .category-product-sale-notice{margin-top:10px;font-size:12px;height:auto}
}