section.breadcrumb{width:100%;display:flex;align-items:center;justify-content:end;padding-left:calc(var(--baseSpace) * 2 + 185px);position:absolute;top:70px;right:var(--baseSpace);z-index:1}@media only screen and (max-width: 900px){section.breadcrumb{top:20px;left:var(--baseSpace);right:auto}}section.breadcrumb>.container{max-width:700px;width:100%}section.breadcrumb .items{width:100%;display:inline-flex;align-items:center;justify-content:end;gap:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section.breadcrumb .items:has(.item:hover) .item:hover .icon{opacity:.3}section.breadcrumb .items:has(.item:hover) .item:not(:hover){opacity:.3}section.breadcrumb .item{display:inline-flex;align-items:center;gap:0 12px;transition:opacity .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section.breadcrumb .item:first-child .icon{display:none}section.breadcrumb .item:last-child{max-width:unset}section.breadcrumb .item .icon{width:4px;height:12px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;transition:opacity .3s}section.breadcrumb .item .buttonText-bread{transition:color .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width: 1921px){section.breadcrumb>.container{max-width:36.4583333333vw}}@media only screen and (max-width: 900px){section.breadcrumb{padding-left:0;right:0;left:0;width:calc(100% - var(--baseSpace) * 2);margin:0 auto}section.breadcrumb .items{width:100%;gap:0 8px}section.breadcrumb .item{gap:0 8px}}@media only screen and (max-width: 767px){section.breadcrumb{height:21px}}section.banner>.container{position:relative;grid-column:1/-1;min-height:450px;padding:clamp(40px,1.3971rem + 1.961vw,60px) var(--padding-L2);display:flex}section.banner .content-wrap{width:100%;min-height:160px;display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-top:auto;overflow:hidden}section.banner .content-wrap.aost-show .bannerTitle{opacity:1;transform:translate(0);transition:transform .6s .1s,opacity .6s .1s}section.banner .content-wrap.aost-show .sub-wrap:before{opacity:1;height:100%;transition:height .6s .3s,opacity .6s .3s}section.banner .content-wrap.aost-show .bannerSubtitle,section.banner .content-wrap.aost-show .paragraph{opacity:1;transform:translate(0);transition:transform .6s .6s,opacity .6s .6s}section.banner .bannerTitle{width:47.36843%;align-self:flex-start;opacity:0;transform:translate(40px)}section.banner .sub-wrap{width:36.84211%;padding:50px 0 10px 50px;position:relative;display:flex;flex-direction:column;align-self:stretch}section.banner .sub-wrap:before{content:"";position:absolute;top:0;left:0;width:10px;height:0%;opacity:0}section.banner .bannerSubtitle{margin-top:auto}section.banner .bannerSubtitle,section.banner .paragraph{opacity:0;transform:translate(40px)}section.banner .bannerSubtitle p,section.banner .paragraph p{margin-top:10px}section.banner .bannerSubtitle h3,section.banner .bannerSubtitle p,section.banner .paragraph h3,section.banner .paragraph p{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}section.banner[theme=white] section.breadcrumb .item{color:#fff}section.banner[theme=white] .content-wrap{color:#fff}section.banner[theme=white] .sub-wrap:before{background-color:#fff}section.banner[theme=black] section.breadcrumb .item{color:#000}section.banner[theme=black] .content-wrap{color:#000}section.banner[theme=black] .sub-wrap:before{background-color:#000}@media only screen and (min-width: 1921px){section.banner{min-height:23.4375vw}}@media only screen and (max-width: 900px){section.banner>.container{padding:clamp(40px,1.3971rem + 1.961vw,60px) var(--baseSpace)}section.banner .content-wrap{flex-direction:column;min-height:unset}section.banner .bannerTitle,section.banner .sub-wrap{width:100%}section.banner .sub-wrap{padding:30px 0 10px 26px}section.banner .sub-wrap:before{width:6px}}.pagination-wrap{display:flex;justify-content:center;align-items:center}.pagination-wrap .page{width:40px;height:40px;font-weight:700;line-height:1.5;transition:.4s color;position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center}.pagination-wrap .page:after{content:"";width:100%;height:100%;background-color:#068bea;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;opacity:0;transition:.4s opacity}.pagination-wrap .page.active{color:#fff}.pagination-wrap .page.active:after{opacity:1}@media only screen and (min-width: 1201px){.pagination-wrap .page:hover:not(.active){color:#068bea}}@media only screen and (max-width: 1200px){.pagination-wrap .page:active:not(.active){color:#068bea}}.pagination-wrap .prev,.pagination-wrap .next{font-size:14px;cursor:pointer}.pagination-wrap .prev-start,.pagination-wrap .next-end{font-size:15px;cursor:pointer}.pagination-wrap .next{margin-left:30px}.pagination-wrap .next.hide{opacity:.2;pointer-events:none}.pagination-wrap .prev{margin-right:30px}.pagination-wrap .prev.hide{opacity:.2;pointer-events:none}.pagination-wrap .prev-start{margin-right:9px}.pagination-wrap .prev-start.hide{opacity:.2;pointer-events:none}.pagination-wrap .next-end{margin-left:9px}.pagination-wrap .next-end.hide{opacity:.2;pointer-events:none}.pagination-wrap[navigation=true] .prev,.pagination-wrap[navigation=true] .next,.pagination-wrap[navigation=true] .prev-start,.pagination-wrap[navigation=true] .next-end{display:block}.pagination-wrap[navigation=false] .prev,.pagination-wrap[navigation=false] .next,.pagination-wrap[navigation=false] .prev-start,.pagination-wrap[navigation=false] .next-end{display:none}@media only screen and (max-width: 900px){.pagination-wrap .next{margin-left:25px}.pagination-wrap .prev{margin-right:25px}}.agGrid-wrap{margin-top:30px}.agGrid-wrap :where([class^=ag-theme-params-]){--ag-row-hover-color: rgba(6, 139, 234, .1)}.agGrid-wrap .ag-cell-focus:not(.ag-cell-range-selected):focus-within{border:none}.agGrid-wrap .ag-body-horizontal-scroll{height:61.5px!important;max-height:61.5px!important;min-height:61.5px!important;position:relative}.agGrid-wrap .ag-body-horizontal-scroll:before{content:"";display:block;width:100%;height:1px;background-color:#0003;position:absolute;left:0;top:50%;transform:translateY(calc(-50% - .75px))}@media only screen and (max-width: 900px){.agGrid-wrap .ag-body-horizontal-scroll:before{transform:translateY(-50%)}}.agGrid-wrap .ag-horizontal-left-spacer:not(.ag-scroller-corner){--ag-pinned-column-border: none}.agGrid-wrap .ag-center-cols-viewport{cursor:grab;min-height:unset}.agGrid-wrap .ag-body-horizontal-scroll-container,.agGrid-wrap .ag-body-horizontal-scroll-viewport{height:31.5px!important;max-height:unset!important;min-height:unset!important}.agGrid-wrap .ag-body-horizontal-scroll-viewport::-webkit-scrollbar{width:3px;height:3px;scrollbar-width:3px;scrollbar-color:#068BEA}.agGrid-wrap .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track{background-color:transparent}.agGrid-wrap .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb{background-color:#068bea;border-radius:0}.agGrid-wrap .ag-horizontal-left-spacer{scrollbar-width:none;scrollbar-color:#068BEA transparent}.agGrid-wrap .ag-horizontal-left-spacer::-webkit-scrollbar{width:3px;height:3px}.agGrid-wrap .ag-horizontal-left-spacer::-webkit-scrollbar-track{background:none}.agGrid-wrap .ag-horizontal-left-spacer::-webkit-scrollbar-thumb{background-color:none;border-radius:0}.agGrid-wrap .ag-root-wrapper{--ag-font-family: "Manrope", "Noto Sans TC";--ag-pinned-column-border: 1px solid #FFF;--ag-wrapper-border-radius: 0px;--ag-wrapper-border: 0px;overflow:initial}.agGrid-wrap .ag-paging-panel{display:none}.agGrid-wrap .ag-pinned-left-header{border:none}.agGrid-wrap .ag-row{border-bottom:1px dashed rgba(0,0,0,.2)}.agGrid-wrap .ag-cell{padding:0;border:none}.agGrid-wrap .ag-cell:before{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#0003}.agGrid-wrap .ag-disabled{filter:unset;opacity:1}.agGrid-wrap .ag-header-row-column{height:100%!important;min-height:60px!important;align-items:stretch}@media only screen and (max-width: 900px){.agGrid-wrap .ag-header-row-column{min-height:unset!important}}.agGrid-wrap .ag-header{--ag-header-background-color: #296DB3;--ag-header-text-color: #fff;--ag-accent-color: #fff;min-height:60px!important}@media only screen and (max-width: 900px){.agGrid-wrap .ag-header{min-height:54px!important}}.agGrid-wrap .ag-cell-label-container{gap:0 30px}.agGrid-wrap .ag-header-cell-label{padding:0;white-space:normal!important}.agGrid-wrap .ag-header-cell-text{white-space:normal!important;text-overflow:unset!important}.agGrid-wrap .ag-header-cell-filter-button{--ag-icon-button-hover-background-color: rgba(255, 255, 255, 0);--ag-icon-button-hover-color: #fff;background:none;border-radius:3px}.agGrid-wrap .ag-header-cell-filter-button:hover{background:#fff3}.agGrid-wrap .ag-icon-filter{width:30px;height:30px;display:flex;justify-content:center;align-items:center}.agGrid-wrap .ag-filter-active{--ag-icon-button-active-background-color: rgba(255, 255, 255, 0);--ag-icon-button-active-indicator-color: #fff;border-radius:3px;outline:none}.agGrid-wrap .ag-filter-active .ag-icon-filter{color:#fff;background:#fff3;clip-path:none;border-radius:3px}.agGrid-wrap .ag-header-cell{border-right:1px solid #FFF;font-family:Manrope,Noto Sans TC;font-size:.875rem;font-weight:700;line-height:1.5;padding:15px 30px;min-height:60px!important}.agGrid-wrap .ag-header-cell.ag-column-first{padding:15px 20px}@media only screen and (max-width: 900px){.agGrid-wrap .ag-header-cell{min-height:100%!important;padding:12px 15px}.agGrid-wrap .ag-header-cell.ag-column-first{padding:12px 15px}.agGrid-wrap .ag-header-cell.ag-column-first{background-color:#4a4b4f}.agGrid-wrap .ag-header-cell.ag-column-first+.ag-header-cell{background-color:#4a4b4f}}.agGrid-wrap .ag-pinned-left-header{background-color:#4a4b4f}.agGrid-wrap .taC .ag-header-cell-label{justify-content:center}.agGrid-wrap .ag-cell-value{font-family:Manrope,Noto Sans TC;font-size:.875rem;font-weight:700;line-height:1.5;padding:15px 30px}.agGrid-wrap .ag-cell-value .product-link{transition:color .3s}.agGrid-wrap .ag-cell-value .product-link:hover{color:#068bea}@media only screen and (max-width: 900px){.agGrid-wrap .ag-cell-value{padding:10px 15px}}.agGrid-wrap [aria-label="Column Filter"]{overflow:hidden}.agGrid-wrap [aria-label="Column Filter"].ag-menu{--ag-menu-background-color: #fff;--ag-menu-border: none;--ag-border-radius: 0px;--ag-menu-shadow: 8px 8px 30px 0 rgba(0, 0, 0, .15);--ag-menu-text-color: #000;min-width:300px;max-height:unset;top:50px!important}.agGrid-wrap .custom-filter{display:flex;flex-direction:column;padding:20px 15px;gap:15px}.agGrid-wrap .custom-filter .ag-input-wrapper{height:44px;display:flex;align-items:center;gap:0 10px;border-radius:5px;border:1px solid rgba(0,0,0,.2);padding:10px}.agGrid-wrap .custom-filter .ag-input-wrapper:before{width:20px;height:20px;margin:0;-webkit-mask-image:url(../../assets/img/products_list/filter.svg);mask-image:url(../../assets/img/products_list/filter.svg);background-color:#000;opacity:1;position:static;flex-shrink:0}.agGrid-wrap .custom-filter .agInput{--ag-input-background-color: #fff;--ag-input-border: none;--ag-input-border-radius: 0px;--ag-input-text-color: #000;--ag-input-height: 24px;font-family:Manrope,Noto Sans TC;font-size:.875rem;font-weight:700;line-height:1.5;padding:0}.agGrid-wrap .custom-filter .agInput::placeholder{font-size:1rem;font-weight:700;line-height:1.5;color:#0003}.agGrid-wrap .checkbox-list{max-height:220px;overflow-y:auto;overscroll-behavior:contain}.agGrid-wrap .checkbox-list::-webkit-scrollbar{width:3px}.agGrid-wrap .checkbox-list::-webkit-scrollbar-track{background:none}.agGrid-wrap .checkbox-list::-webkit-scrollbar-thumb{background:#0003;border-radius:0}.agGrid-wrap .checkbox-list .checkItem:not(:first-child){margin-top:15px}.agGrid-wrap .checkItem{gap:10px;display:flex;align-items:center;padding:0 10px;font-size:1rem;font-weight:700;line-height:1.5}.agGrid-wrap .checkItem .fake-checkbox{width:22px;height:22px;border:1px solid rgba(0,0,0,.2);position:relative;overflow:hidden;flex-shrink:0;transition:.4s border;display:flex;justify-content:center;align-items:center}.agGrid-wrap .checkItem .fake-checkbox i{transition:.4s opacity;opacity:0;z-index:2;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.agGrid-wrap .checkItem .fake-checkbox:after{content:"";width:100%;height:100%;background-color:#068bea;opacity:0;transition:.4s opacity;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.agGrid-wrap .checkItem input{position:absolute;z-index:2;opacity:0}.agGrid-wrap .checkItem input:checked+.fake-checkbox{border:1px solid #068BEA}.agGrid-wrap .checkItem input:checked+.fake-checkbox:after{opacity:1}.agGrid-wrap .checkItem input:checked+.fake-checkbox i{opacity:1}.agGrid-wrap .ag-standard-button{margin:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:5px;cursor:pointer;font-weight:700;line-height:1.5;padding:10px}.agGrid-wrap .ag-standard-button:hover{border:1px solid #000000}.agGrid-wrap .center-no-content{position:absolute;top:0;left:0;width:100%;height:100%!important}.agGrid-wrap .noResultContainer{width:100%;height:100%;background:transparent}.agGrid-wrap .noResultContainer>.container.noinner{width:100%;height:100%;padding:0;display:flex;align-items:center;justify-content:center}.agGrid-wrap .consult{width:100%;height:22px;display:flex;cursor:pointer;text-align:center}.agGrid-wrap .consult .iconBox{width:100%;height:100%;position:relative;color:#fff}.agGrid-wrap .consult .iconBox:before{content:"";width:22px;height:22px;border-radius:1px;transition:.4s background;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.agGrid-wrap .consult .iconBox:after{content:"";width:22px;height:22px;border:1px solid rgba(0,0,0,.2);transition:.4s border;border-radius:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.agGrid-wrap .consult .iconBox .icon-check{transition:.4s opacity}.agGrid-wrap .consult .iconBox .icon-check:before{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.agGrid-wrap .consult[data-consult=true] .iconBox:before{background-color:#068bea}.agGrid-wrap .consult[data-consult=true] .iconBox:after{border-color:#068bea}.agGrid-wrap .consult[data-consult=true] .icon-check{opacity:1}.agGrid-wrap .consult[data-consult=false] .icon-check{opacity:0}.agGrid-wrap .collect{text-align:center;cursor:pointer}.agGrid-wrap .collect .iconBox{position:relative;font-size:1.125rem}.agGrid-wrap .collect .icon-collect{color:#0003;transition:.4s opacity}.agGrid-wrap .collect .icon-collect_fill{color:#296db3;transition:.4s opacity;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.agGrid-wrap .collect[data-collect=true] .icon-collect{opacity:0}.agGrid-wrap .collect[data-collect=true] .icon-collect_fill,.agGrid-wrap .collect[data-collect=false] .icon-collect{opacity:1}.agGrid-wrap .collect[data-collect=false] .icon-collect_fill{opacity:0}.agGrid-wrap .bottom-box{display:flex;align-items:center;justify-content:space-between}.agGrid-wrap .bottom-box .total-wrap{display:flex;align-items:center;justify-content:center;gap:10px}.agGrid-wrap .bottom-box .total-wrap .space{width:3px;height:8px;display:flex;flex-direction:column;gap:2px}.agGrid-wrap .bottom-box .total-wrap .space:before,.agGrid-wrap .bottom-box .total-wrap .space:after{content:"";display:block;width:3px;height:3px;background-color:#000}.agGrid-wrap .bottom-box .total-wrap .number{display:flex;align-items:center}@media only screen and (max-width: 900px){.agGrid-wrap .bottom-box{flex-direction:column;gap:30px 50px;justify-content:center}}section.productsList>.container{grid-column:var(--column-LR2);padding-block:clamp(50px,2.5735rem + .981vw,60px) clamp(80px,.5882rem + 7.844vw,160px)}section.productsList>.container+[data-noContent]{display:none}section.productsList>.container [data-noPageContent]{display:none}section.productsList .title-wrap{display:flex;align-items:center;justify-content:space-between;gap:15px var(--1fr)}section.productsList .blockTitle{width:100%}section.productsList .drag-tip{flex-shrink:0;display:flex;align-items:center;gap:0 15px}section.productsList .drag-tip .icon{width:20px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#296db3}section.productsList .noContent .nocontent-wrap .itemTitle-l,section.productsList .noResultContainer .nocontent-wrap .itemTitle-l{opacity:1}@media only screen and (max-width: 900px){section.productsList .title-wrap{flex-direction:column;align-items:flex-start}}