.heading{padding-top:81px}section.breadCrumb{margin-bottom:30px}section.breadCrumb .container{grid-column:var(--grid-2)}@media only screen and (max-width: 767px){section.breadCrumb{margin-bottom:15px}}section.banner{position:relative;z-index:1}section.banner.commonProduct[data-color=white] .container:before{display:none}section.banner .container{grid-column:var(--grid-2);position:relative;min-height:clamp(425px,14.1544rem + 22.0588vw,650px);border-radius:10px;overflow:hidden}section.banner .bg{position:absolute;width:100%;height:100%;z-index:-1}section.banner .bg picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.banner .bg img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.banner .content{padding:0 calc(var(--1frSpace) * 2);display:flex;flex-direction:column;width:100%;height:100%}section.banner .title-box{display:flex;flex-direction:column;justify-content:center;width:50%;height:100%}section.banner .title-box .subTitle{max-width:458px;width:100%}section.banner .title-box .title{margin-top:15px}section.banner .title-box .fw{font-size:clamp(1.375rem,1.6666666667vw,2rem);font-weight:500;line-height:1.3;letter-spacing:.5px}section.banner .category-box{padding-bottom:23px;position:relative;width:100%}section.banner .category-box:before{position:absolute;top:0;left:0;width:100%;height:1px;content:""}section.banner[text-align=left] .content{align-items:flex-start}section.banner[text-align=left] .title-box{align-items:flex-start}section.banner[text-align=left] .title-box .subTitle{text-align:left}section.banner[text-align=right] .content{align-items:flex-end}section.banner[text-align=right] .title-box{align-items:flex-end}section.banner[text-align=right] .title-box .subTitle{text-align:right}section.banner[data-color=white] .container:before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:linear-gradient(180deg,#0000 70.46%,#00000080);pointer-events:none;content:""}section.banner[data-color=white] .title-box .subTitle{color:#4bd9af}section.banner[data-color=white] .title-box .title{color:#fff}section.banner[data-color=white] .category-box:before{background:#fff;opacity:.5}section.banner[data-color=black] .title-box .subTitle{color:#000f9f}section.banner[data-color=black] .title-box .title{color:#000}section.banner[data-color=black] .category-box:before{background:#000;opacity:.2}@media only screen and (max-width: 1200px){section.banner .content{padding:0 var(--1frSpace)}}@media only screen and (max-width: 767px){section.banner .content{padding:0 20px}section.banner .title-box{width:100%}}@media only screen and (max-width: 575px){section.banner .title-box{padding:40px 0;justify-content:flex-start}}.heading-wrapper{padding-bottom:17px;display:flex;flex-direction:column;gap:50px}.heading-wrapper section:not(:first-child){position:relative}.heading-wrapper section:not(:first-child):before{position:absolute;top:-25px;left:50%;width:calc(100% - 100px);height:1px;background:#fff;opacity:.2;transform:translate3d(-50%,0,0);content:""}.heading-wrapper section.breadCrumb{margin-bottom:unset}@media only screen and (max-width: 1200px){.heading-wrapper section:not(:first-child):before{width:calc(100% - 60px)}}@media only screen and (max-width: 767px){.heading-wrapper section:not(:first-child):before{width:calc(100% - 50px)}}section.multipurposeCategory .container{grid-column:var(--grid-2)}section.multipurposeCategory multipurpose-nav[m4-type=drag] .drag-container .category{padding:0 0 8px;font-size:1.125rem}section.multipurposeCategory multipurpose-nav[m4-type=drag] .drag-container .item{opacity:.5;transition:opacity .2s}section.multipurposeCategory multipurpose-nav[m4-type=drag] .drag-container .item.active{opacity:1}section.multipurposeCategory multipurpose-nav[m4-type=drag] .drag-container .navigation .button div{margin-top:unset;margin-bottom:8px}section.productBanner{position:relative;min-height:clamp(380px,.5882rem + 41.1765vw,800px);z-index:1}section.productBanner .bg{position:absolute;width:100%;height:100%;z-index:-1}section.productBanner .bg picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.productBanner .bg img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.productBanner .container{padding:50px 0;grid-column:var(--grid-4);display:flex;align-items:center}section.productBanner .content{padding-bottom:clamp(80px,2.2426rem + 4.902vw,130px);display:flex;flex-direction:column;align-items:flex-start;max-width:531px;width:100%}section.productBanner .content .icon{margin-bottom:clamp(30px,-.8824rem + 4.902vw,80px);display:flex;justify-content:center;align-items:center;width:50px;height:50px}section.productBanner .content .subTitle{margin-bottom:15px}section.productBanner[text-align=left] .container{justify-content:flex-start}section.productBanner[text-align=left] .content{align-items:flex-start;text-align:left}section.productBanner[text-align=right] .container{justify-content:flex-end}section.productBanner[text-align=right] .content{align-items:flex-end;text-align:right}section.productBanner[data-color=white] .content{color:#fff}section.productBanner[data-color=white] .content .icon img{filter:brightness(0) invert(1)}section.productBanner[data-color=black] .content{color:#000}section.productBanner[data-color=black] .content .icon img{filter:brightness(0) invert(0)}@media only screen and (max-width: 1200px){section.productBanner .content .icon{width:35px;height:35px}}@media only screen and (max-width: 767px){section.productBanner .content{padding-bottom:unset}}@media only screen and (max-width: 575px){section.productBanner .container{align-items:flex-end}}section.aboutBanner{position:relative;min-height:clamp(500px,9.1912rem + 39.2157vw,900px)}section.aboutBanner .bg{position:absolute;width:100%;height:100%;z-index:-1}section.aboutBanner .bg picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.aboutBanner .bg img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.product-card{padding:30px 20px 20px;display:flex;flex-direction:column;align-items:center;min-height:390px;background:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.1);transition:background .5s,border .5s,box-shadow .5s}@media only screen and (min-width: 1201px) and (min-width: 1201px){.product-card:hover{background:#f6f6f6;box-shadow:0 0 15px #00000026;border:1px solid #F6F6F6}.product-card:hover .pic{background:#fff;box-shadow:20px 0 9.5px #faed3b4d}.product-card:hover .id-number{margin-top:5px}.product-card:hover .icon-list .icon{background:#fff}.product-card:hover .btn-box{grid-template-rows:1fr}}@media only screen and (min-width: 1201px) and (max-width: 1200px){.product-card:active{background:#f6f6f6;box-shadow:0 0 15px #00000026;border:1px solid #F6F6F6}.product-card:active .pic{background:#fff;box-shadow:20px 0 9.5px #faed3b4d}.product-card:active .id-number{margin-top:5px}.product-card:active .icon-list .icon{background:#fff}.product-card:active .btn-box{grid-template-rows:1fr}}.product-card .pic{display:flex;justify-content:center;align-items:center;width:135px;height:135px;overflow:hidden;border-radius:50%;transition:box-shadow .5s,background .5s}.product-card .pic .pic-inner{width:90px;height:90px;position:relative}.product-card .pic .pic-inner:before{display:block;width:100%;height:0;padding-bottom:100%;content:""}.product-card .pic .pic-inner picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.product-card .pic .pic-inner img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.product-card .card-content{margin-top:auto;width:100%}.product-card .title{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-card .id-number{margin-top:10px;display:flex;align-items:center;gap:5px;color:#595959;transition:margin-top .5s}.product-card .id-number .id p{font-weight:600}.product-card .icon-list{margin-top:15px;display:flex;align-items:center;gap:8px}.product-card .icon-list .icon{position:relative;flex-shrink:0;display:flex;justify-content:center;align-items:center;width:40px;height:40px;background:#f6f6f6;border-radius:50%;transition:background .5s}.product-card .icon-list .icon:before{padding:8px 10px;position:absolute;bottom:-11.5px;left:50%;background:#1f1f1fcc;color:#fff;border-radius:5px;opacity:0;font-size:.875rem;font-weight:500;line-height:1;letter-spacing:1px;white-space:nowrap;pointer-events:none;z-index:1;transform:translate3d(-50%,100%,0);transition:opacity .2s;content:attr(data-attr)}.product-card .icon-list .icon:after{position:absolute;bottom:-10px;left:50%;width:11px;height:6px;opacity:0;background-image:url(../../assets/img/triangle.png);pointer-events:none;transform:translate3d(-50%,50%,0);transition:opacity .2s;content:""}@media only screen and (min-width: 1201px) and (min-width: 1201px){.product-card .icon-list .icon:hover:before,.product-card .icon-list .icon:hover:after{opacity:1}}@media only screen and (min-width: 1201px) and (max-width: 1200px){.product-card .icon-list .icon:active:before,.product-card .icon-list .icon:active:after{opacity:1}}.product-card .icon-list .icon img{width:20px;height:20px;filter:brightness(0) saturate(100%) invert(35%) sepia(6%) saturate(18%) hue-rotate(332deg) brightness(91%) contrast(84%)}.product-card .btn-box{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s}.product-card .btn-box>div{overflow:hidden}.product-card .btn-box .common-btn{margin-top:20px;width:fit-content}.product-card .btn-box .common-btn .icon svg path{fill:#000f9f}@media only screen and (max-width: 767px){.product-card{padding:15px 20px 20px;min-height:300px}.product-card .pic{width:100px;height:100px}.product-card .pic .pic-inner{width:70px;height:70px}.product-card .id-number{margin-top:5px;flex-direction:column;align-items:flex-start;gap:unset}.product-card .icon-list .icon{width:25px;height:25px}.product-card .icon-list .icon:before{display:none}.product-card .icon-list .icon img{width:12px;height:12px}}@media only screen and (max-width: 575px){.product-card{min-height:280px}}.category-outer{position:fixed;inset:0;z-index:15;pointer-events:none;background:#0000;opacity:0;transform:translate3d(100%,0,0);transition:background .8s,opacity .8s}.category-outer.active{background:#00000080;pointer-events:auto;opacity:1;transform:translateZ(0)}.category-outer.active .category-container{transform:translateZ(0)}.category-outer.newTransition{transition:background .8s,opacity .8s,transform .8s}.category-outer .category-container{position:relative;margin-left:auto;max-width:350px;width:100%;height:100%;background:#fff;transform:translate3d(100%,0,0);transition:transform .8s}.category-outer .category-scroll{overflow-y:auto;width:100%;height:100%}.category-outer .category-inner{padding:30px}.category-outer .category-inner .title{font-size:1rem;font-weight:700;line-height:1.6;letter-spacing:1px}.category-outer .category-inner .list:not(:only-child){margin-top:30px;position:relative}.category-outer .category-inner .list:not(:only-child):before{position:absolute;top:-15px;left:0;width:100%;height:1px;background-size:6px 1px;background-repeat:repeat-x;background-image:linear-gradient(to right,rgba(0,0,0,.2) 0%,rgba(0,0,0,.2) 50%,transparent 50%,transparent 100%);transform:translate3d(0,-50%,0);content:""}.category-outer .category-inner .sub-category-insideModal:not(:first-child){margin-top:15px}.category-outer .category-inner .sub-category-insideModal.open .collapse-box-insideModal .icon{transform:scaleY(-1)}.category-outer .category-inner .sub-category-insideModal .collapse-box-insideModal{padding:0 10px;display:flex;align-items:center;gap:15px;cursor:pointer}.category-outer .category-inner .sub-category-insideModal .collapse-box-insideModal .icon{flex-shrink:0;display:flex;justify-content:center;align-items:center;transition:transform .5s ease}.category-outer .category-inner .sub-category-insideModal .collapse-box-insideModal .icon i{font-size:.75rem}.category-outer .category-inner .sub-category-insideModal .collapse-box-insideModal .title{flex:1}.category-outer .category-inner .sub-category-insideModal .collapse-target-insideModal{padding:0 10px;display:none}.category-outer .category-inner .sub-category-insideModal .collapse-target-insideModal ul{margin-top:10px}.category-outer .category-inner .sub-category-insideModal .collapse-target-insideModal li{padding-left:30px;position:relative;width:fit-content;cursor:pointer}.category-outer .category-inner .sub-category-insideModal .collapse-target-insideModal li:before{position:absolute;top:11px;left:0;width:15px;height:3px;background:#faed3b;content:""}.category-outer .category-inner .sub-category-insideModal .collapse-target-insideModal li:not(:first-child){margin-top:8px}.category-outer .category-inner .sub-category-insideModal .collapse-target-insideModal li.active .paragraphText{color:#3643bc}.category-outer .close-btn{position:absolute;top:14px;right:14px;width:12px;height:12px;cursor:pointer}.category-outer .close-btn:before,.category-outer .close-btn:after{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background:#0003;transition:transform .5S;content:""}.category-outer .close-btn:before{width:17px;height:2px}.category-outer .close-btn:after{width:2px;height:17px}@media only screen and (min-width: 1201px){.category-outer .close-btn:hover:before{transform:translate(-50%,-50%) rotate(0)}.category-outer .close-btn:hover:after{transform:translate(-50%,-50%) rotate(90deg)}}@media only screen and (max-width: 1200px){.category-outer .close-btn:active:before{transform:translate(-50%,-50%) rotate(0)}.category-outer .close-btn:active:after{transform:translate(-50%,-50%) rotate(90deg)}}.filter-outer{position:fixed;inset:0;z-index:15;pointer-events:none;background:#0000;opacity:0;transform:translate3d(100%,0,0);transition:background .8s,opacity .8s}.filter-outer.active{background:#00000080;pointer-events:auto;opacity:1;transform:translateZ(0)}.filter-outer.active .filter-container{transform:translateZ(0)}.filter-outer.newTransition{transition:background .8s,opacity .8s,transform .8s}.filter-outer .filter-container{position:relative;margin-left:auto;max-width:350px;width:100%;height:100%;background:#fff;transform:translate3d(100%,0,0);transition:transform .8s}.filter-outer .filter-scroll{overflow-y:auto;width:100%;height:100%}.filter-outer .filter-inner{padding:30px}.filter-outer .filter-inner .title{font-size:1rem;font-weight:700;line-height:1.6;letter-spacing:1px}.filter-outer .filter-inner .list:not(:only-child){margin-top:30px;position:relative}.filter-outer .filter-inner .list:not(:only-child):before{position:absolute;top:-15px;left:0;width:100%;height:1px;background-size:6px 1px;background-repeat:repeat-x;background-image:linear-gradient(to right,rgba(0,0,0,.2) 0%,rgba(0,0,0,.2) 50%,transparent 50%,transparent 100%);transform:translate3d(0,-50%,0);content:""}.filter-outer .filter-inner .list .filter-collapse{margin-top:30px;padding:0 10px;position:relative}.filter-outer .filter-inner .list .filter-collapse:before{position:absolute;top:-15px;left:0;width:100%;height:1px;background-size:6px 1px;background-repeat:repeat-x;background-image:linear-gradient(to right,rgba(0,0,0,.2) 0%,rgba(0,0,0,.2) 50%,transparent 50%,transparent 100%);transform:translate3d(0,-50%,0);content:""}.filter-outer .filter-inner .list .filter-collapse.open .filter-collapse-box .icon{transform:scaleY(-1)}.filter-outer .filter-inner .list .filter-collapse .filter-collapse-box{display:flex;align-items:center;gap:15px;cursor:pointer}.filter-outer .filter-inner .list .filter-collapse .filter-collapse-box .icon{flex-shrink:0;display:flex;justify-content:center;align-items:center;transition:transform .5s ease}.filter-outer .filter-inner .list .filter-collapse .filter-collapse-box .icon i{font-size:.75rem}.filter-outer .filter-inner .list .filter-collapse .filter-target{margin-top:10px;display:none}.filter-outer .filter-inner .list .filter-collapse .filter-target .checkbox-wrap:not(:first-child){margin-top:15px}.filter-outer .filter-inner .list .filter-collapse .filter-target .checkbox-wrap label{width:fit-content;cursor:pointer}.filter-outer .close-btn{position:absolute;top:14px;right:14px;width:12px;height:12px;cursor:pointer}.filter-outer .close-btn:before,.filter-outer .close-btn:after{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background:#0003;transition:transform .5S}.filter-outer .close-btn:before{width:17px;height:2px}.filter-outer .close-btn:after{width:2px;height:17px}@media only screen and (min-width: 1201px){.filter-outer .close-btn:hover:before{transform:translate(-50%,-50%) rotate(0)}.filter-outer .close-btn:hover:after{transform:translate(-50%,-50%) rotate(90deg)}}@media only screen and (max-width: 1200px){.filter-outer .close-btn:active:before{transform:translate(-50%,-50%) rotate(0)}.filter-outer .close-btn:active:after{transform:translate(-50%,-50%) rotate(90deg)}}.heading{position:relative}.heading:before{position:absolute;top:0;left:0;width:100%;height:calc(100% - 100px);background:#1f1f1f;z-index:-1;pointer-events:none;content:""}@media only screen and (max-width: 767px){.heading:before{height:calc(100% - 50px)}}section.product{padding:50px 0 clamp(80px,3.8971rem + 1.9608vw,100px)}section.product .container{grid-column:var(--grid-3);display:flex;justify-content:space-between;gap:5.2083333333vw}section.product .aside{padding-top:20px;min-width:240px;width:16.7865707434%}section.product .aside:not(:only-child){position:relative}section.product .aside:not(:only-child):before{position:absolute;top:0;right:-2.6041666667vw;width:1px;height:100%;background-size:1px 6px;background-repeat:repeat-y;background-image:linear-gradient(to bottom,rgba(0,0,0,.2) 0%,rgba(0,0,0,.2) 50%,transparent 50%,transparent 100%);transform:translate3d(-50%,0,0);opacity:0;pointer-events:none;transition:opacity .5s;transition-delay:.8s;content:""}section.product .aside.aost-show:not(:only-child):before{opacity:1}section.product .aside .sub-category:not(:first-child){margin-top:15px}section.product .aside .sub-category.open .collapse-box .icon{transform:scaleY(-1)}section.product .aside .sub-category.open .collapse-target{grid-template-rows:1fr}section.product .aside .sub-category .collapse-box{padding:0 10px;display:flex;align-items:center;gap:15px;cursor:pointer}section.product .aside .sub-category .collapse-box .icon{flex-shrink:0;display:flex;justify-content:center;align-items:center;transition:transform .5s ease}section.product .aside .sub-category .collapse-box .icon i{font-size:.75rem}section.product .aside .sub-category .collapse-box .title{flex:1}section.product .aside .sub-category .collapse-target{padding:0 10px;display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s ease}section.product .aside .sub-category .collapse-target>div{overflow:hidden}section.product .aside .sub-category .collapse-target ul{margin-top:10px}section.product .aside .sub-category .collapse-target li{padding-left:30px;position:relative;width:fit-content;cursor:pointer}section.product .aside .sub-category .collapse-target li:before{position:absolute;top:11px;left:0;width:15px;height:3px;background:#faed3b;content:""}section.product .aside .sub-category .collapse-target li:not(:first-child){margin-top:8px}section.product .aside .sub-category .collapse-target li.active .paragraphText{color:#3643bc}section.product .aside .sub-category-btn{display:none;align-items:center;cursor:pointer}section.product .aside .sub-category-btn .text{flex:1;font-size:1rem;font-weight:700;line-height:1.6;letter-spacing:1px}section.product .aside .sub-category-btn .icon{flex-shrink:0;margin-left:20px;display:flex;justify-content:center;align-items:center;width:25px;height:25px;background:#f6f6f6;border-radius:50%}section.product .aside .sub-category-btn .icon i{font-size:.75rem}section.product .main-content{width:77.2182254197%}section.product .main-content .title-block{position:relative;display:flex;align-items:center;gap:30px}section.product .main-content .title-block .title-wrap{flex:1;display:flex;align-items:center;gap:50px}section.product .main-content .title-block .title-wrap>div:not(:first-child){position:relative}section.product .main-content .title-block .title-wrap>div:not(:first-child):before{position:absolute;top:50%;left:-25px;display:block;width:3px;height:30px;background:#faed3b;transform:translate3d(0,-50%,0);content:""}section.product .main-content .title-block .btn-wrap{display:flex;align-items:center;gap:5px}section.product .main-content .title-block .btn-wrap .search-btn-box .search-btn{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:#1f1f1f;border-radius:5px;cursor:pointer}section.product .main-content .title-block .btn-wrap .search-btn-box .search-btn.active{cursor:default}section.product .main-content .title-block .btn-wrap .search-btn-box .search-btn.active .input{grid-template-columns:1fr}section.product .main-content .title-block .btn-wrap .search-btn-box .search-btn.active .text{grid-template-columns:0fr}section.product .main-content .title-block .btn-wrap .search-btn-box .search-btn.active .icon{pointer-events:auto}section.product .main-content .title-block .btn-wrap .search-btn-box .search-btn .search-wrapper{display:flex;align-items:center}section.product .main-content .title-block .btn-wrap .search-btn-box .search-btn .input{display:grid;grid-template-columns:0fr;transition:grid-template-columns .8s}section.product .main-content .title-block .btn-wrap .search-btn-box .search-btn .input>div{overflow:hidden;display:flex;align-items:center;gap:10px}section.product .main-content .title-block .btn-wrap .search-btn-box .search-btn .input>div .input-icon{flex-shrink:0;padding-top:2px;display:flex;justify-content:center;align-items:center;width:20px;height:20px;opacity:.2;cursor:pointer;transition:opacity .2s;pointer-events:none}@media only screen and (min-width: 1201px){section.product .main-content .title-block .btn-wrap .search-btn-box .search-btn .input>div .input-icon:hover{opacity:1}}@media only screen and (max-width: 1200px){section.product .main-content .title-block .btn-wrap .search-btn-box .search-btn .input>div .input-icon:active{opacity:1}}section.product .main-content .title-block .btn-wrap .search-btn-box .search-btn .input>div .input-icon.able{pointer-events:auto}section.product .main-content .title-block .btn-wrap .search-btn-box .search-btn .input>div .input-icon .icon-cancel{flex-shrink:.875rem}section.product .main-content .title-block .btn-wrap .search-btn-box .search-btn .input input{padding:unset;margin:unset;border:unset;background:unset;width:270px;font-size-adjust:.875rem;font-weight:500;line-height:1.5;color:#fff}section.product .main-content .title-block .btn-wrap .search-btn-box .search-btn .input input::placeholder{opacity:.6;color:#fff}section.product .main-content .title-block .btn-wrap .search-btn-box .search-btn .text{display:grid;grid-template-columns:1fr;transition:grid-template-columns .8s}section.product .main-content .title-block .btn-wrap .search-btn-box .search-btn .text>div{overflow:hidden}section.product .main-content .title-block .btn-wrap .search-btn-box .search-btn .text .btnText{white-space:nowrap}section.product .main-content .title-block .btn-wrap .search-btn-box .search-btn .icon{margin-left:10px;flex-shrink:0;display:flex;justify-content:center;align-items:center;width:20px;height:20px;cursor:pointer;pointer-events:none}section.product .main-content .title-block .btn-wrap .search-btn-box .search-btn .icon .icon-search{font-size:.875rem}section.product .main-content .title-block .btn-wrap .filter-btn-box.active .filter-btn .icon-funnel{opacity:0}section.product .main-content .title-block .btn-wrap .filter-btn-box.active .filter-btn .icon-cancel{opacity:1}section.product .main-content .title-block .btn-wrap .filter-btn-box.active .filter-box{opacity:1;pointer-events:auto}section.product .main-content .title-block .btn-wrap .filter-btn-box .filter-btn{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:#3643bc;border-radius:5px;min-width:165px;cursor:pointer}section.product .main-content .title-block .btn-wrap .filter-btn-box .filter-btn .icon{flex-shrink:0;padding-top:2px;position:relative;display:flex;justify-content:center;align-items:center;width:20px;height:20px}section.product .main-content .title-block .btn-wrap .filter-btn-box .filter-btn i{position:absolute;transition:opacity .5s}section.product .main-content .title-block .btn-wrap .filter-btn-box .filter-btn .icon-funnel{font-size:1.125rem}section.product .main-content .title-block .btn-wrap .filter-btn-box .filter-btn .icon-cancel{opacity:0;font-size:.875rem}section.product .main-content .title-block .btn-wrap .filter-btn-box .filter-box{padding:10px 0;position:absolute;right:0;bottom:0;width:100%;background:#f6f6f6;border:1px solid rgba(0,0,0,.05);opacity:0;border-radius:5px;box-shadow:0 0 10px #00000026;z-index:1;pointer-events:none;transform:translate3d(0,100%,0);transition:opacity .8s}section.product .main-content .title-block .btn-wrap .filter-btn-box .filter-box .scroller{overflow-y:auto;max-height:487px;min-height:100px;-ms-overflow-style:none}section.product .main-content .title-block .btn-wrap .filter-btn-box .filter-box .scroller::-webkit-scrollbar{display:none}section.product .main-content .title-block .btn-wrap .filter-btn-box .filter-box .os-scrollbar{right:11px}section.product .main-content .title-block .btn-wrap .filter-btn-box .filter-box .os-scrollbar .os-scrollbar-handle{background:#000f9f}section.product .main-content .title-block .btn-wrap .filter-btn-box .filter-box .filter-category{padding:0 40px;display:flex;align-items:center;gap:20px}section.product .main-content .title-block .btn-wrap .filter-btn-box .filter-box .filter-category:not(:first-child){margin-top:16px;position:relative}section.product .main-content .title-block .btn-wrap .filter-btn-box .filter-box .filter-category:not(:first-child):before{position:absolute;top:-8px;left:0;width:100%;height:1px;background-size:6px 1px;background-repeat:repeat-x;background-image:linear-gradient(to right,rgba(0,0,0,.2) 0%,rgba(0,0,0,.2) 50%,transparent 50%,transparent 100%);transform:translate3d(0,-50%,0);content:""}section.product .main-content .title-block .btn-wrap .filter-btn-box .filter-box .filter-category .filter-title{flex-shrink:0;width:200px}section.product .main-content .title-block .btn-wrap .filter-btn-box .filter-box .filter-category .filter-check-box{padding:10px;display:flex;flex-wrap:wrap;gap:8px 10px}section.product .main-content .title-block .btn-wrap .filter-btn-box .filter-box .filter-category .filter-check-box .checkbox-wrap{width:250px}section.product .main-content .title-block .btn-wrap .filter-btn-box .filter-box .filter-category .filter-check-box label{width:fit-content;cursor:pointer}section.product .main-content .btn-wrap-rwd{margin-top:30px;display:none;align-items:center;gap:5px}section.product .main-content .btn-wrap-rwd .search-btn-box{flex:1}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:#1f1f1f;border-radius:5px;cursor:pointer}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn.active{cursor:default}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn.active .input{grid-template-columns:1fr;width:100%;opacity:1}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn.active .input input{opacity:1}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn.active .text{grid-template-columns:0fr;opacity:0}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn.active .icon{pointer-events:auto}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn .search-wrapper{flex:1;display:flex;align-items:center}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn .input{display:grid;grid-template-columns:0fr;width:0;opacity:0;transition:grid-template-columns .8s,width .8s,opacity .8s}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn .input>div{overflow:hidden;display:flex;align-items:center;gap:10px}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn .input>div .input-icon{flex-shrink:0;padding-top:2px;display:flex;justify-content:center;align-items:center;width:20px;height:20px;opacity:.2;cursor:pointer;transition:opacity .2s;pointer-events:none}@media only screen and (min-width: 1201px){section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn .input>div .input-icon:hover{opacity:1}}@media only screen and (max-width: 1200px){section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn .input>div .input-icon:active{opacity:1}}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn .input>div .input-icon.able{pointer-events:auto}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn .input>div .input-icon .icon-cancel{flex-shrink:.875rem}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn .input input{flex:1;padding:unset;margin:unset;border:unset;background:unset;width:270px;font-size-adjust:.875rem;font-weight:500;line-height:1.5;color:#fff;opacity:0}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn .input input::placeholder{opacity:.6;color:#fff}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn .text{display:grid;grid-template-columns:1fr;transition:grid-template-columns .8s,opacity .8s}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn .text>div{overflow:hidden}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn .text .btnText{white-space:nowrap}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn .icon{margin-left:10px;flex-shrink:0;display:flex;justify-content:center;align-items:center;width:20px;height:20px;cursor:pointer;pointer-events:none}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn .icon .icon-search{font-size:.875rem}section.product .main-content .btn-wrap-rwd .filter-btn-box{flex-shrink:0}section.product .main-content .btn-wrap-rwd .filter-btn-box .filter-btn-rwd{display:flex;justify-content:center;align-items:center;width:45px;height:45px;background:#3643bc;border-radius:5px;cursor:pointer}section.product .main-content .btn-wrap-rwd .filter-btn-box .filter-btn-rwd .icon{padding-top:2px;display:flex;justify-content:center;align-items:center;width:20px;height:20px;color:#fff}section.product .main-content .btn-wrap-rwd .filter-btn-box .filter-btn-rwd .icon i{font-size:1.125rem}section.product .main-content .clear-block{margin-top:20px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}section.product .main-content .clear-block .clear-tag{flex-shrink:0;padding:8px 15px;display:flex;align-items:center;gap:8px;background:#0000000d;border-radius:500px;cursor:pointer;transition:background .2s,color .2s}@media only screen and (min-width: 1201px){section.product .main-content .clear-block .clear-tag:hover{background:#3643bc;color:#fff}}@media only screen and (max-width: 1200px){section.product .main-content .clear-block .clear-tag:active{background:#3643bc;color:#fff}}section.product .main-content .clear-block .clear-tag .icon{flex-shrink:0}section.product .main-content .clear-block .clear-tag .icon i{font-size:.6875rem}section.product .main-content .text-editor{margin-top:20px}section.product .main-content .product-block{margin-top:50px;display:flex;flex-wrap:wrap;gap:10px}section.product .main-content .product-block .product-card{width:calc((100% - 40px)/5)}@media only screen and (max-width: 1800px){section.product .main-content .product-block .product-card{width:calc((100% - 30px)/4)}}@media only screen and (max-width: 1600px){section.product .main-content .product-block .product-card{width:calc((100% - 20px) / 3)}}@media only screen and (max-width: 1280px){section.product .main-content .title-block .btn-wrap .filter-btn-box .filter-box .filter-category .filter-title{width:120px}section.product .main-content .product-block .product-card{width:calc((100% - 10px)/2)}}@media only screen and (max-width: 1200px){section.product .main-content{width:100%}section.product .main-content .title-block{position:relative;flex-direction:column;align-items:flex-start;gap:20px}section.product .main-content .title-block .btn-wrap .filter-btn-box .filter-box{top:unset;bottom:-10px;transform:translate3d(0,100%,0)}}@media only screen and (max-width: 1023px){section.product .container{position:static;flex-direction:column}section.product .aside{padding-top:unset;width:100%}section.product .aside:not(:only-child):before{top:unset;left:0;bottom:-2.6041666667vw;right:unset;width:100%;height:1px;background-size:6px 1px;background-repeat:repeat-x;background-image:linear-gradient(to right,rgba(0,0,0,.2) 0%,rgba(0,0,0,.2) 50%,transparent 50%,transparent 100%);transform:translate3d(0,-50%,0)}section.product .aside .sub-category-wrapper{display:none}section.product .aside .sub-category-btn{display:flex}section.product .main-content .title-block .btn-wrap{display:none}section.product .main-content .btn-wrap-rwd{display:flex}}@media only screen and (max-width: 900px){section.product .main-content .product-block .product-card{width:calc((100% - 10px)/2)}}@media only screen and (max-width: 767px){section.product .container{gap:40px}section.product .aside:not(:only-child):before{bottom:-20px}section.product .main-content .title-block .title-wrap{gap:40px}section.product .main-content .title-block .title-wrap>div:not(:first-child):before{left:-20px}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn.active .text{grid-template-columns:1fr;pointer-events:none}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn .search-wrapper{position:relative}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn .search-wrapper .input{grid-template-columns:1fr;width:100%}section.product .main-content .btn-wrap-rwd .search-btn-box .search-btn .search-wrapper .text{position:absolute;top:0;left:0;width:100%;height:100%}section.product .main-content .clear-block{margin-top:30px}section.product .main-content .text-editor{margin-top:30px}section.product .main-content .product-block{margin:50px -10px 0;gap:5px}section.product .main-content .product-block .product-card{width:calc((100% - 10px) / 3)}}@media only screen and (max-width: 575px){section.product .main-content .product-block .product-card{width:calc((100% - 5px)/2)}}.noResult-block{margin-top:100px;position:relative}.noResult-block:before{position:absolute;top:-50px;left:0;width:100%;height:1px;background-size:6px 1px;background-repeat:repeat-x;background-image:linear-gradient(to right,rgba(0,0,0,.2) 0%,rgba(0,0,0,.2) 50%,transparent 50%,transparent 100%);transform:translate3d(0,50%,0);content:""}.noResult-block .noResult .btn{margin-top:30px;padding:12px 15px;display:flex;align-items:center;gap:20px;max-width:250px;width:100%;background:#faed3b;border-radius:5px;cursor:pointer;transition:box-shadow .5s}@media only screen and (min-width: 1201px){.noResult-block .noResult .btn:hover{box-shadow:8px 8px 10px #0000000d}}@media only screen and (max-width: 1200px){.noResult-block .noResult .btn:active{box-shadow:8px 8px 10px #0000000d}}.noResult-block .noResult .btn p{flex:1;text-align:left}.noResult-block .noResult .btn .icon{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:18px;height:18px}.noResult-block .noResult .btn .icon svg path{fill:#000f9f}@media only screen and (max-width: 1200px){.noResult-block .noResult{padding:unset}}.noData-block{margin-top:100px;position:relative}.noData-block:before{position:absolute;top:-50px;left:0;width:100%;height:1px;background-size:6px 1px;background-repeat:repeat-x;background-image:linear-gradient(to right,rgba(0,0,0,.2) 0%,rgba(0,0,0,.2) 50%,transparent 50%,transparent 100%);transform:translate3d(0,50%,0);content:""}.noData-block .noData{padding:33px 0;background:unset}.noData-block .noData .noData-title{color:#3643bc}.noData-block .noData .noData-subTitle,.noData-block .noData .noData-des{color:#000}@media only screen and (max-width: 1200px){.noData-block .noData{padding:unset}}