/* BASIC css start */
.jh_discount_wrap { margin:10px 0; }
.jh_discount_wrap .prices { display:inline-block!important; }
.jh_discount { display:inline-block!important; position:relative; color:#000!important; font-weight:300!important; margin:0 0 0 5px!important; float:none!important; text-decoration:line-through; }
.jh_discount_rate { position:absolute; right:-50px; top:50%; transform:translate(0, -50%); font-size:18px; color:#c10d0d; font-weight:bold; font-style:italic; }


.wrap_tit { text-align:center; margin:80px 0 30px; font-size:10pt; color:#787878; }
.wrap_tit h3 {font-size:20pt; color:#121212; margin:0 0 10px; }

.jh_newar_slide { width:100%; margin:0 auto 150px; padding:0 0 80px!important; }
.jh_newar_slide .swiper-slide { width:24%; min-width:295px; display:inline-block; }
.jh_newar_slide .swiper-slide .thumb img { width:100%; }
.jh_newar_slide .swiper-button-next { color:#fff; opacity:.6; }
.jh_newar_slide .swiper-button-prev { color:#fff; opacity:.6; }

.jh_newar_slide .swiper-pagination-bullet { background:#e4e4e4!important; opacity:.7; width:100%!important; max-width:100px; height:2px!important; margin:0!important;border-radius:0px!important; }
.jh_newar_slide .swiper-pagination-bullet-active { background:#333333!important; opacity:1; }

.category_wrap { width:90%; margin:0 auto; position:relative; }

.category_wrap .category_header { width:100%; overflow:hidden; margin:0 0 20px; height:15px; position:relative; }
.category_wrap .category_header .item_total { position:absolute; left:0; top:0; }
.category_wrap .category_header .jh_btn { position:absolute;; right:0; top:0; clear:both; }
.category_wrap .category_header .jh_btn li { float:left; padding:0 15px; }

.product_wrap { width:100%; display:grid; gap:150px 15px; margin:0 0 120px; }
.product_wrap.grid4 { grid-template-columns: repeat(4, 1fr); }

.w_cate_name { width:100%; font-size:20px; font-weight:bold; text-align:center; margin:120px 0 60px; }

.depth_name { display:table; margin:0 auto 120px; }
.depth_name li { flex-grow:1; position:relative; float:left; padding:0 15px; }
.depth_name li a { color:#777; font-size:9pt; }
.depth_name li a.on { font-weight:bold; }
.depth_name li::after { content:""; width:1px; height:10px; background:#777; position:absolute; left:0; top:3px; }
.depth_name li:first-child::after { display:none; }
.depth_name li.active { font-weight:bold; color:#333; }
.depth_name li:hover { color:#333; font-weight:bold; }

.jh_btn li a.on { font-weight:bold; }
/* BASIC css end */