Eyelets ribbon Bra extension buckle Zipper Metal zipper Plastic zipper Nylon zipper Waterproof zipper Pvc zipper Diamond zipper Special zipper Long chain zipper Others Zipper Slider Non Lock slider Auto lock slider Invisible slider Pvc slider Rubber slider Puller only Others Slider Accessories for zipper Box and pin Stopper and pin Others Accessories for zipper Thread 100% polyester sewing thread 40s/2 Elastic thread Others Thread Velro tape (hook and loop ) Button Jeans button Magnetic button Snap ring button Snap button Shirt button Others Button document.addEventListener("DOMContentLoaded", function(){ void function(context){ const hotAreaItem = document.querySelector(`.J-hot-${context.scopeId}`); let timerDomResize = null; const handleDomResize = () => { clearTimeout(timerDomResize); timerDomResize = setTimeout(() => { const imgCurrentWidth = hotAreaItem.querySelector('img').width; const imgWidthSize = hotAreaItem.querySelector('img').dataset.size; const scaleRatio = imgCurrentWidth / imgWidthSize || 1; const hotAreas = hotAreaItem.querySelector('map').querySelectorAll('area'); hotAreas.forEach((area) => { const coords = area.dataset.coords.split(','); area.coords = coords.map((coord) => coord * scaleRatio).join(','); }); }, 1000); }; const resizeObserver = window.ResizeObserver && new window.ResizeObserver(() => { handleDomResize(); }); if (hotAreaItem) { handleDomResize(); if (resizeObserver) { resizeObserver.observe(hotAreaItem); } } let timerWindowResize = null; const responsiveWidth = 1415; const handleWindowResize = () => { clearTimeout(timerWindowResize); timerWindowResize = setTimeout(() => { const img = hotAreaItem.querySelector('img'); const imgWidthSize = img.dataset.size; if(context.mode != 'preview-pad'){ if (window.innerWidth > responsiveWidth) { img.style.minWidth = `${imgWidthSize}px`; return; } img.style.minWidth = `${imgWidthSize * (window.innerWidth / responsiveWidth)}px`; }else{ img.style.minWidth = `${imgWidthSize * (768 / responsiveWidth)}px`; } }, 300); }; handleWindowResize(); window.addEventListener('resize', handleWindowResize); }({scopeId:"scope-1a09d2cd875",murl:Athena.parseMurl,mode:"view",event:"domReady"});}) .prod-wrap[data-v-f5c91d30]{ margin:0 auto; } .prod-wrap .title[data-v-f5c91d30]{ margin-bottom: 20px; } .prod-wrap .prod-list[data-v-f5c91d30]{ display: grid; grid-template-columns: 1fr 2fr; gap: 20px; } .prod-wrap .prod-list .prod-main-list[data-v-f5c91d30]{ display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr 1fr; gap: 20px; } .prod-wrap .prod-list .prod-main .prod-item[data-v-f5c91d30]{ width:100%; height:100%; background: #FFFFFF; border-radius: 10px; box-sizing: border-box; padding: 20px 20px 30px; } .prod-wrap .prod-list .prod-main .prod-item[data-v-f5c91d30]:hover{ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.12), 0px 6px 10px rgba(0, 0, 0, 0.06), 0px 9px 16px rgba(0, 0, 0, 0.03); } .prod-wrap .prod-list .prod-main .prod-item .prod-img[data-v-f5c91d30]{ position: relative; width: 100%; height: 0; padding-top: 100%; font-size: 0; display: flex; justify-content: space-around; flex-wrap: wrap; } .prod-wrap .prod-list .prod-main .prod-item .prod-img .img-wrap[data-v-f5c91d30]{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .prod-wrap .prod-list .prod-main .prod-item .prod-btn .btn.btn-inquiry[data-v-f5c91d30]{ border: 1px solid #888; border-radius: 28px; padding: 10px 20px; margin-top: 20px; color: #222; background: #fff; line-height: 100%; } .prod-wrap .prod-list .prod-main .prod-item .prod-btn .btn.btn-inquiry[data-v-f5c91d30]:hover{ border-color: #222; } .prod-wrap .prod-img .img-wrap .prod-picRoundBox[data-v-f5c91d30]{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .prod-wrap .prod-img .img-wrap .prod-picRoundBox .prod-picRoundBox-wrap[data-v-f5c91d30]{ width: 100%; height: 100%; } .prod-wrap .prod-img .img-wrap .prod-picRoundBox .prod-picRoundBox-wrap img[data-v-f5c91d30]{ width: 100%; height: 100%; } .prod-wrap .prod-img .img-wrap .prod-3d-mark[data-v-f5c91d30]{ background-image: url('https://www.micstatic.com/common/img/icon/3d_64.png?2026-7-14'); background-color: rgba(0,0,0,.5); background-size: 48px 48px; cursor: pointer; width: 48px; height: 48px; position: absolute; top: 50%; left: 50%; margin-left: -24px; margin-top: -24px; border-radius: 50%; z-index: 2; } .prod-wrap .prod-img .img-wrap:hover .prod-3d-mark[data-v-f5c91d30]{ background-image: url('https://www.micstatic.com/common/img/icon/3d_gif.gif?2026-7-14'); } .prod-wrap .prod-main .prod-img .img-wrap .video-mark[data-v-f5c91d30]{ position:absolute; bottom:10px; left:10px; } .prod-wrap .prod-main .prod-img .img-wrap .video-mark .icon-img[data-v-f5c91d30]{ width:36px; height:28px; } .prod-wrap .prod-img .img-wrap .video-mark[data-v-f5c91d30]{ position:absolute; bottom:5px; left:5px; } .prod-wrap .prod-img .img-wrap .video-mark .icon-img[data-v-f5c91d30]{ width:26px; height:20px; } .prod-item .prod-img .img-wrap .prod-img-mark[data-v-f5c91d30]{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.03); } .prod-wrap .prod-list .prod-main .prod-item .prod-img .img[data-v-f5c91d30]{ max-width:100%; max-height:100%; } .prod-wrap .prod-list .prod-main .prod-item .prod-name[data-v-f5c91d30]{ margin-top: 10px; height: 54px; font-size:18px; line-height:27px; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; word-wrap: break-word; color: #555; } .prod-wrap .prod-list .prod-main .prod-item .prod-info[data-v-f5c91d30]{ margin-top: 20px; color: #222; } .prod-wrap .prod-list .prod-main .prod-item .prod-info .info[data-v-f5c91d30] { font-size: 24px; height: 30px; line-height:30px; margin-top:10px; } .prod-wrap .prod-list .prod-item .prod-info .info[data-v-f5c91d30]{ height: 21px; font-size:14px; display: block; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; word-wrap: break-word; font-weight:bold; } .prod-wrap .prod-list .prod-main-list .prod-item-wrap[data-v-f5c91d30]:nth-child(n + 7){ display: none; } .prod-wrap .prod-list .prod-main-list .prod-item-wrap[data-v-f5c91d30] { position: relative; width: 100%; height: 100%; } .prod-wrap .prod-list .prod-main-list .prod-item-wrap.prod-item-wrap-seat[data-v-f5c91d30] { visibility: hidden; } .prod-wrap .prod-list .prod-main-list .prod-item[data-v-f5c91d30]{ background: #FFFFFF; border-radius: 10px; box-sizing: border-box; padding: 15px 13px 10px; transition: none; overflow: hidden; width: 100%; height: 100%; } .prod-wrap .prod-list .prod-main-list .prod-item[data-v-f5c91d30]:hover{ box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0.12), 0px 6px 10px rgba(0, 0, 0, 0.06), 0px 9px 16px 8px rgba(0, 0, 0, 0.03); z-index: 99; height: auto; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease-in-out; transition-delay: 0s; position: absolute; } .prod-wrap .prod-list .prod-main-list .prod-item .prod-img[data-v-f5c91d30]{ position: relative; height: 0; padding-top: 100%; font-size: 0; } .prod-wrap .prod-list .prod-main-list .prod-item .prod-img .img-wrap[data-v-f5c91d30]{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .prod-wrap .prod-list .prod-main-list .prod-item .prod-img .img[data-v-f5c91d30]{ max-width:100%; max-height:100%; } .prod-wrap .prod-list .prod-main-list .prod-item .prod-info[data-v-f5c91d30]{ word-break: break-all; } .prod-wrap .prod-list .prod-main-list .prod-item .prod-info .info-title[data-v-f5c91d30]{ margin-top: 9px; height: 42px; font-size: 14px; display: block; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; word-wrap: break-word; color: #555; } .prod-wrap .prod-list .prod-main-list .prod-item .prod-info .info-title a[data-v-f5c91d30] { display: block; color: #555; } .prod-wrap .prod-list .prod-main-list .prod-item .prod-info .info-title + .info-count[data-v-f5c91d30] { margin-top: 10px; } .prod-wrap .prod-list .prod-main-list .prod-item .prod-info .info-price[data-v-f5c91d30] { font-size: 16px; margin-top: 10px; line-height: 24px; font-weight: bold; display: none; } .prod-wrap .prod-list .prod-main-list .prod-item:hover .prod-info .info-price[data-v-f5c91d30] { display: block; } .prod-wrap .prod-list .prod-main-list .prod-item .prod-info .info-price .info-tip[data-v-f5c91d30] { font-size: 14px; color: #888; font-weight: normal; } .prod-wrap .prod-list .prod-main-list .prod-item .prod-info .info-count[data-v-f5c91d30] { font-size: 16px; line-height: 24px; font-weight: bold; display: none; } .prod-wrap .prod-list .prod-main-list .prod-item:hover .prod-info .info-count[data-v-f5c91d30] { display: block; } .prod-wrap .prod-list .prod-main-list .prod-item .prod-info .info-count .info-tip[data-v-f5c91d30] { font-size: 14px; color: #888; font-weight: normal; } .prod-wrap .grey[data-v-f5c91d30]{ color: #888; font-weight: normal; } @media only screen and (max-width: 1024px){ .prod-wrap .prod-list[data-v-f5c91d30]{ grid-template-columns: 1fr 1.5fr; } .prod-wrap .prod-list .prod-main .prod-item[data-v-f5c91d30]{ padding:22px 20px 30px; } .prod-wrap .prod-list .prod-main .prod-item .prod-name[data-v-f5c91d30]{ font-size:20px; line-height:30px; height:60px; } .prod-wrap .prod-list .prod-main-list[data-v-f5c91d30] { grid-template-columns: repeat(2, 1fr); } .prod-wrap .prod-list .prod-main-list .prod-item-wrap[data-v-f5c91d30]:nth-child(n + 5) { display: none; } .prod-wrap .prod-list .prod-main-list .prod-item .prod-name[data-v-f5c91d30]{ margin-top: 10px; } .prod-wrap .prod-list .prod-main .prod-item .prod-info[data-v-f5c91d30]{ margin-top: 30px; } } zipper Products Please enter in English.
