.hasHorizontalScrollbar{position:relative}.hasHorizontalScrollbar .table-scroller{padding-bottom:20px}.hasHorizontalScrollbar .table-tip{position:absolute;z-index:5;top:0;right:0;gap:10px;padding:0 20px;display:flex;align-items:center;justify-content:center}.hasHorizontalScrollbar .table-tip i{font-size:1.5rem;color:#444;animation:tableTipDrag 1s linear infinite alternate}.hasHorizontalScrollbar .table-tip span{color:#909090;font-size:1rem;font-weight:400;line-height:1.6;letter-spacing:.5px}.subcategory-table{position:relative}.subcategory-table .mouse-hover-tip{position:absolute;z-index:5;top:0;left:0;transform:translate3d(-50%,15px,0);padding:10px 15px;border-radius:5px;background-color:#444;color:#fff;width:230px;font-size:1rem;font-weight:400;line-height:1.6;letter-spacing:.5px;text-align:left;opacity:0;transition:opacity .2s;pointer-events:none}.subcategory-table .mouse-hover-tip.show{opacity:1}.subcategory-table .mouse-hover-tip:before{position:absolute;top:0;left:50%;transform:translate3d(-50%,-100%,0);display:block;width:0;height:0;border-style:solid;border-width:0 5px 5px 5px;border-color:transparent transparent #444 transparent;content:""}.subcategory-table .table-scroller{overflow-x:auto;border-radius:10px 10px 0 0;overflow-y:hidden;cursor:grab}.subcategory-table .table-scroller>.os-scrollbar{padding:3px}.subcategory-table .table-scroller>.os-scrollbar>.os-scrollbar-track{background:#0003}.subcategory-table .table-scroller>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:linear-gradient(94.2deg,#2ed31f,#50d0b9 43.02%,#1078c2 95.62%)}.subcategory-table .td-group{display:flex;justify-content:space-between}.subcategory-table .td-group.customGroup{flex:1}.subcategory-table .sticky{position:sticky;flex-shrink:0}.subcategory-table .sticky:first-child{z-index:1}.subcategory-table .sticky.left{left:0}.subcategory-table .sticky.right{right:0}.subcategory-table .thead .tr,.subcategory-table .tbody .tr{display:flex;width:fit-content;min-width:100%}.subcategory-table .thead .td,.subcategory-table .tbody .td{display:flex;align-items:center;justify-content:center}.subcategory-table .thead .sticky{background-color:#444;color:#fff}.subcategory-table .thead .sticky.left{border-top-left-radius:10px}.subcategory-table .thead .sticky.right{border-top-right-radius:10px}.subcategory-table .thead .tr{border-radius:10px 10px 0 0;background-color:#444;color:#fff}.subcategory-table .thead .td{min-height:70px;padding-top:20px;padding-bottom:20px;font-size:1rem;font-weight:400;line-height:1.6;letter-spacing:.5px}.subcategory-table .thead .td-group{background-color:#444}.subcategory-table .thead .tTitle{width:100%}.subcategory-table .tbody .sticky{background-color:#fff}.subcategory-table .custom{min-width:calc(var(--tdMinWidth) + var(--tdGap, 0px));padding:0 calc(var(--tdGap, 0px) / 2);flex:1}.subcategory-table .custom .paragraph{width:100%}.subcategory-table .custom.ellipsis .paragraph{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.subcategory-table .os-theme-dark .os-scrollbar-track,.subcategory-table .os-theme-light .os-scrollbar-track{border-radius:0}.subcategory-table .os-theme-dark>.os-scrollbar-horizontal,.subcategory-table .os-theme-light>.os-scrollbar-horizontal{height:9px}.subcategory-table .os-theme-dark>.os-scrollbar-horizontal:after,.subcategory-table .os-theme-light>.os-scrollbar-horizontal:after{position:absolute;top:50%;left:0;transform:translate3d(0,-50%,0);display:block;background-color:#0003;width:100%;height:1px;content:""}@media only screen and (max-width: 992px){.subcategory-table .table-scroller{padding-bottom:0;overflow:visible}.subcategory-table .td-group{align-items:center;flex-direction:column;width:100%}.subcategory-table .td-group:not(.sticky){gap:20px}.subcategory-table .sticky{position:static}.subcategory-table .tip .hover-tip{display:none}.subcategory-table .thead .tr,.subcategory-table .tbody .tr{min-width:unset}.subcategory-table .thead .tr{width:100%}.subcategory-table .thead .td:not(.photo){display:none}.subcategory-table .thead .photo{max-width:none}.subcategory-table .tbody{display:flex;flex-wrap:wrap}.subcategory-table .tbody .tr{align-items:center;flex-direction:column;gap:30px 20px;width:50%;border-bottom:1px solid rgba(0,0,0,.2)}.subcategory-table .tbody .tr:nth-child(odd):last-child,.subcategory-table .tbody .tr:nth-child(2n):last-child:nth-last-child(2){border:0}.subcategory-table .tbody .td{padding:0}.subcategory-table .tbody .td[data-rwd]{flex-direction:column;align-items:flex-start;text-align:left;gap:5px}.subcategory-table .tbody .td[data-rwd]:before{display:block;color:#1f6fc2;font-size:1rem;font-weight:600;line-height:1.6;letter-spacing:.5px;max-width:150px;min-width:50px;content:attr(data-rwd)}.subcategory-table .tbody .custom{justify-content:flex-start;text-align:left}.subcategory-table .custom{width:100%}.subcategory-table .custom .paragraph-text{display:block}}@media only screen and (max-width: 767px){.subcategory-table .tbody .tr{width:100%}.subcategory-table .tbody .tr:not(:first-child){border-top:1px solid rgba(0,0,0,.2)}}.product-blk{position:relative}.product-blk .container{padding-bottom:120px;width:calc(100% - var(--1frSpace) * 4 - var(--baseSpace) * 2);margin:auto}@media only screen and (max-width: 1500px){.product-blk .container{width:calc(100% - var(--1frSpace) * 2 - var(--baseSpace) * 2)}}@media only screen and (max-width: 900px){.product-blk .container{width:calc(100% - var(--1frSpace) * 4 - var(--baseSpace) * 2)}}@media only screen and (max-width: 767px){.product-blk .container{width:calc(100% - var(--baseSpace) * 2)}}@media only screen and (max-width: 992px){.product-blk .container{padding-top:50px;padding-bottom:100px}}@media only screen and (max-width: 767px){.product-blk .container{max-width:500px;margin:auto}}@media only screen and (min-width: 993px){.product-blk .container .noContent{padding-top:80px}}.tabBox{position:relative}.tabBox .tabSwitch{padding:30px 0;cursor:pointer;display:flex;align-items:center;justify-content:flex-start}@media only screen and (max-width: 992px){.tabBox .tabSwitch{display:none}}.tabBox .tabSwitch .switchBtn{border-radius:500px;background:#f2f2f2;height:50px;padding:5px;gap:5px;display:flex;align-items:center;justify-content:center;position:relative}.tabBox .tabSwitch .switchBtn:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:500px;background:linear-gradient(90deg,#95cf15,#1aafd4);transition:left .5s}.tabBox .tabSwitch .switchBtn .text{width:35px;position:relative;height:1.6em;color:#444;font-size:1rem;font-weight:600;line-height:1.6;letter-spacing:.5px}.tabBox .tabSwitch .switchBtn .text span{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tabBox .tabSwitch .switchBtn .iconBox{position:relative;z-index:2;font-size:2.5rem;transition:.5s color;color:#0003}.tabBox .tabSwitch .switchBtn .iconBox i{display:block}.tabBox .tabSwitch .switchBtn[nowType=list]:after{left:5px}.tabBox .tabSwitch .switchBtn[nowType=list] .iconBox[data-type=list]{color:#fff}.tabBox .tabSwitch .switchBtn[nowType=list] .iconBox[data-type=list]:after{opacity:1}.tabBox .tabSwitch .switchBtn[nowType=list] .text span[data-type=list]{opacity:1}.tabBox .tabSwitch .switchBtn[nowType=grid]:after{left:calc(100% - 45px)}.tabBox .tabSwitch .switchBtn[nowType=grid] .iconBox[data-type=grid]{color:#fff}.tabBox .tabSwitch .switchBtn[nowType=grid] .iconBox[data-type=grid]:after{opacity:1}.tabBox .tabSwitch .switchBtn[nowType=grid] .text span[data-type=grid]{opacity:1}.tabBox .tab-panel{position:relative}.tabBox .tab-panel .btnGroup{gap:10px 20px}.tabBox .tab-panel .btnGroup .common_btn{width:100%;max-width:135px}.tabBox .tab-panel .btnGroup .common_btn:not(.added):not(:hover){color:#444}.tabBox .tab-panel .btnGroup .common_btn:not(.added):not(:hover):after{background:#f2f2f2}.tabBox .tab-panel .btnGroup .common_btn:not(.added):not(:hover) .plus{--color: #444}.tabBox .tab-panel .btnGroup .common_btn .btn{height:35px;padding:0 15px;gap:5px}.tabBox .tab-panel .btnGroup .common_btn .btn .plus:after,.tabBox .tab-panel .btnGroup .common_btn .btn .plus:before{width:10px}.tabBox .tab-panel .btnGroup .common_btn i{font-size:.9375rem}.tabBox .tab-panel .btnGroup .common_btn span{font-size:.75rem;font-weight:600;line-height:1.6;letter-spacing:.5px}@media only screen and (max-width: 992px){.tabBox .tab-panel .btnGroup .common_btn{flex:1 135px}}.tabBox .table-outer:not(:first-child){margin-top:30px}.tabBox .table-outer.hasHorizontalScrollbar{position:initial}.tabBox .table-outer.hasHorizontalScrollbar .table-tip{top:-30px;transform:translateY(-100%)}@media only screen and (max-width: 992px){.tabBox .table-outer.hasHorizontalScrollbar .table-tip{display:none}}.tabBox .table-outer.hasHorizontalScrollbar+.hasHorizontalScrollbar .table-tip{display:none}.grid-outer{gap:50px 3.125vw;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}@media only screen and (min-width: 901px) and (max-width: 1100px){.grid-outer{gap:50px 7.8125vw;max-width:740px;margin:auto}}.grid-outer .item{width:calc((100% - 9.375vw)/4)}@media only screen and (max-width: 1600px){.grid-outer .item{width:calc((100% - 6.25vw) / 3)}}@media only screen and (max-width: 1100px){.grid-outer .item{width:calc((100% - 7.8125vw)/2)}}@media only screen and (max-width: 900px){.grid-outer .item{width:calc((100% - 3.125vw)/2)}}@media only screen and (max-width: 767px){.grid-outer .item{width:100%}.grid-outer .item:not(:first-child){padding-top:50px;position:relative}.grid-outer .item:not(:first-child):after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#0003;z-index:1}}@media only screen and (min-width: 1201px){.grid-outer .item:hover .photo .hoverWrapper{opacity:1}.grid-outer .item:hover .txtBox .paragraph{color:#000}.grid-outer .item:hover .txtBox .paragraph:before{background-position-x:0}}@media only screen and (max-width: 1200px){.grid-outer .item:active .photo .hoverWrapper{opacity:1}.grid-outer .item:active .txtBox .paragraph{color:#000}.grid-outer .item:active .txtBox .paragraph:before{background-position-x:0}}.grid-outer .photo{width:100%;display:block;position:relative;border-radius:10px;overflow:hidden}.grid-outer .photo .hoverWrapper{width:100%;height:100%;border-radius:10px;background:#2f9dbd99;box-shadow:10px 10px 25px #00000026;z-index:2;pointer-events:none;transition:opacity .4s;opacity:0;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-outer .photo .pic{position:relative;width:100%;overflow:hidden}.grid-outer .photo .pic:before{content:"";display:block;width:100%;height:100%;padding-top:100%}.grid-outer .photo .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-outer .photo .pic img{width:100%;height:100%;object-fit:contain;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}@media only screen and (max-width: 767px){.grid-outer .photo{width:calc(100% - 90px);margin:0 auto}}.grid-outer .txtBox{margin-top:20px;padding:0 20px}.grid-outer .txtBox .itemTitle a{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.grid-outer .txtBox .paragraph{margin-top:30px;position:relative;color:#909090;transition:.4s color}@media only screen and (max-width: 1200px){.grid-outer .txtBox .paragraph{color:#000}}.grid-outer .txtBox .paragraph:before{content:"";position:absolute;top:-15px;left:0;width:50px;height:3px;background:linear-gradient(90deg,#8bc63e,#1aafd4 50%,#c3c3c3 50%,#c3c3c3);background-size:200%;background-position-x:100%;transition:.4s background-position-x}.grid-outer .txtBox .paragraph p{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.grid-outer .btnGroup{width:100%;margin-top:20px;justify-content:center}.grid-outer .btnGroup .common_btn{flex:1 135px}.subcategory-table{--tdGap: 70px;--tdMinWidth: 150px}@media only screen and (max-width: 1200px){.subcategory-table{--tdGap: 40px}}.subcategory-table .thead .td,.subcategory-table .tbody .td{text-align:center}@media only screen and (max-width: 992px){.subcategory-table .thead{display:none}}.subcategory-table .tbody .tr{padding:20px 0}@media only screen and (max-width: 992px){.subcategory-table .tbody .tr{padding:50px 0}}@media only screen and (max-width: 992px) and (min-width: 576px){.subcategory-table .tbody .tr:nth-child(1),.subcategory-table .tbody .tr:nth-child(2){padding-top:0}.subcategory-table .tbody .tr:nth-child(odd):last-child,.subcategory-table .tbody .tr:nth-child(2n):last-child:nth-last-child(2){padding-bottom:0}.subcategory-table .tbody .tr:nth-child(2n){padding-left:10px}.subcategory-table .tbody .tr:nth-child(odd){padding-right:10px}}@media only screen and (max-width: 575px){.subcategory-table .tbody .tr{padding:50px 0}.subcategory-table .tbody .tr:first-child{padding-top:0}.subcategory-table .tbody .tr:last-child{padding-bottom:0}}.subcategory-table .photo{width:165px;padding-left:30px;padding-right:25px}.subcategory-table .photo .pic{position:relative;width:100%;overflow:hidden}.subcategory-table .photo .pic:before{content:"";display:block;width:100%;height:100%;padding-top:100%}.subcategory-table .photo .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.subcategory-table .photo .pic img{width:100%;height:100%;object-fit:contain;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}@media only screen and (max-width: 1200px){.subcategory-table .photo{width:135px}}@media only screen and (max-width: 767px){.subcategory-table .photo{width:245px}}.subcategory-table .model{width:250px;padding-left:25px;padding-right:25px}.subcategory-table .model .paragraph{width:100%;text-align:left}@media only screen and (max-width: 993px){.subcategory-table .model{margin:30px 0 0;width:100%}}.subcategory-table .more{width:195px;padding-left:25px;padding-right:30px}@media only screen and (min-width: 1201px){.subcategory-table .more:hover{z-index:2}}@media only screen and (max-width: 1200px){.subcategory-table .more:active{z-index:2}}@media only screen and (max-width: 992px){.subcategory-table .more{padding:0!important;width:100%}}