@charset "UTF-8";.common-banner,.common-banner .banner-bg{position:relative}.common-banner .banner-bg:before{content:"";display:block;width:100%;height:0;padding-bottom:500px}.common-banner .banner-bg img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.common-banner .banner-bg:after{content:"";display:block;width:100%;height:100%;background:#0003;position:absolute;top:0;left:0}.common-banner .banner-bg img{position:absolute;top:0;left:0;transform:translateZ(0)}.common-banner .banner-container{width:100%;height:100%;position:absolute;top:0;left:0}.common-banner .banner-nav{padding:0 60px;height:80px;display:flex;justify-content:space-between}@media only screen and (max-width: 1200px){.common-banner .banner-nav{height:60px}}@media only screen and (max-width: 900px){.common-banner .banner-nav{padding:0 8%}}.common-banner .banner-nav+.info{height:calc(100% - 80px)}@media only screen and (max-width: 1200px){.common-banner .banner-nav+.info{height:calc(100% - 60px)}}.common-banner .left,.common-banner .right{display:flex;align-items:center}@media only screen and (max-width: 900px){.common-banner .left{display:none}}.common-banner .right{margin-left:50px}@media only screen and (max-width: 900px){.common-banner .right{margin-left:0}}.common-banner .back{display:flex;align-items:center;transition:color var(--trans-s)}@media only screen and (min-width: 1201px){.common-banner .back:hover{color:var(--primary-blue)}}@media only screen and (max-width: 1200px){.common-banner .back:active{color:var(--primary-blue)}}.common-banner .back i{margin-right:10px;font-size:1rem;flex-shrink:0}.common-banner .back span{font-weight:600;line-height:1.3;letter-spacing:.5px}.common-banner .info{margin:0 auto;padding:100px 0 40px;max-width:1350px;width:calc(100% - 120px);height:100%;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}@media only screen and (max-width: 1200px){.common-banner .info{padding:80px 0 40px}}@media only screen and (max-width: 767px){.common-banner .info{width:100%}}.common-banner .info .info-wrap{max-width:675px;width:100%;display:flex;flex-direction:column;transition:transform .3s .5s,opacity .3s .5s}.common-banner .info .title-wrap{padding-bottom:20px;position:relative;text-align:left}@media only screen and (max-width: 767px){.common-banner .info .title-wrap{margin:0 8%}}.common-banner .info .title-wrap:before{content:"";display:block;width:70px;height:4px;background-color:var(--primary-blue);position:absolute;bottom:0;left:0}.common-banner .info .stock{margin-top:40px;display:flex;gap:0 15px;align-items:center}.common-banner .info .stock-title{line-height:1.3;letter-spacing:.5px}.common-banner .info .stock-num{font-size:1.875rem;font-weight:600;line-height:1.3;letter-spacing:.5px;color:var(--primary-blue)}.common-banner .info .pic{margin-bottom:20px;width:60px;height:60px;position:relative}.common-banner .info .pic:before{content:"";display:block;width:100%;height:0;padding-bottom:100%}.common-banner .info .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.common-banner .info .text{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.common-banner .banner-menu{margin-top:40px;width:100%;color:var(--black)}.common-banner[height="400"] .banner-bg:before{padding-bottom:400px}.common-banner[height="400"] .info{padding:20px 0 55px}@media only screen and (max-width: 900px){.common-banner[height="400"] .info{padding:20px 0}}.common-banner[text-color=white]{color:var(--white)}.common-banner[text-color=white] .pic img{filter:brightness(0) invert(1)}.common-banner[text-color=white] .drag-container .category{color:var(--white)}.common-banner[text-color=white] multipurpose-nav[m4-type=drag] .drag-container .navigation .button div:before{border-color:var(--white)}.common-banner[text-align=center] .info{align-items:center;text-align:center}.common-banner[text-align=center] .info-wrap{align-items:center}.common-banner[text-align=center] .title-wrap{text-align:center}.common-banner[text-align=center] .title-wrap:before{position:absolute;top:auto;bottom:0;left:50%;right:auto;transform:translate3d(-50%,0,0)}.common-banner[text-align=right] .info{align-items:flex-end;text-align:right}.common-banner[text-align=right] .info-wrap{align-items:flex-end}.common-banner[text-align=right] .title-wrap{text-align:right}.common-banner[text-align=right] .title-wrap:before{position:absolute;top:auto;bottom:0;left:auto;right:0}.common-banner[data-aost]{opacity:0;transition:opacity var(--trans-l),transform var(--trans-l)}.common-banner[data-aost].aost-show{opacity:1}.pic-box{position:relative;width:100%}.pic-box:after{content:"";width:100%;height:0;display:block}.pic-box img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;transition:width .5s,height .5s}.filter-block.white .inner{background:var(--white)}.filter-block.white .search-container .filter .content-wrap{background-color:var(--white)}.filter-block.show .row-header .pill-btn .icon-filter{transform:rotate(45deg);font-size:1.375rem}.filter-block.show .row-header .pill-btn .icon-filter:before{content:""}.filter-block .os-theme-dark{--os-handle-bg: rgba(225, 225, 225, .33);--os-handle-bg-hover: rgba(225, 225, 225, .44);--os-handle-bg-active: rgba(225, 225, 225, .55)}.filter-block .row-header{display:flex}.filter-block .inner{margin-top:50px;border-top:5px solid var(--primary-blue);width:100%;max-width:100%;position:relative;background:var(--lighter-gray);padding:50px 0}.filter-block .inner:after{content:"";position:absolute;top:-16px;left:calc(50% + -0px);transform:translate(-50%) rotate(180deg);width:0px;height:0px;border-style:solid;border-width:13px 12px 0 12px;border-color:var(--primary-blue) transparent transparent;z-index:1}.filter-block .search-container{padding:0}.filter-block .search-container .input-block{margin-top:0}.filter-block .search-container .filter{margin-top:30px}.filter-block .search-container .filter .content-wrap{background-color:var(--lighter-gray);padding:0}.filter-block .search-container .filter .content-wrap .item{display:flex;position:relative}.filter-block .search-container .filter .content-wrap .item dropdown-el[d4-status=close] .dropdown-scroller{opacity:0}.filter-block .search-container .filter .content-wrap .item dropdown-el .select-wrapper{padding:0 10px 15px 25px}.filter-block .search-container .filter .content-wrap .item.clearBtn span{opacity:1;pointer-events:auto}.filter-block .search-container .filter .content-wrap .item.clearBtn dropdown-el .select-wrapper{border-bottom:1px solid var(--primary-blue)}.filter-block .search-container .filter .content-wrap .item span{display:block;top:50%;left:0;width:11px;height:11px;position:relative;position:absolute;transform:rotate(45deg) translateY(-50%);margin-top:-10px;cursor:pointer;pointer-events:none;z-index:9;opacity:0;transition:opacity .5s}.filter-block .search-container .filter .content-wrap .item span:before,.filter-block .search-container .filter .content-wrap .item span:after{content:"";display:block;background-color:var(--black);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.filter-block .search-container .filter .content-wrap .item span:before{width:11px;height:1px}.filter-block .search-container .filter .content-wrap .item span:after{width:1px;height:11px}.filter-block .search-container .filter .content-wrap .item span:before,.filter-block .search-container .filter .content-wrap .item span:after{background-color:#a8a8a8}.filter-block .row-content .filter-btn-group{display:flex;justify-content:center;gap:20px;margin-top:50px}@media only screen and (max-width: 767px){.filter-block [data-collapse-content]{opacity:0}}.filter-block [data-overlayscrollbars-viewport]{overscroll-behavior:none!important}.filter-block .row-header .pill-btn{margin:0 auto;gap:10px;height:60px;border-radius:500px;min-width:190px;font-size:1rem;font-weight:500;line-height:1.3;letter-spacing:.5px}.filter-block .row-header .pill-btn.spread-btn{transition:color var(--trans-s) .2s}.filter-block .close-btn{display:none}@media only screen and (max-width: 767px){.filter-block .search-container .filter .content-wrap{padding:0}.filter-block .row-content{overflow:hidden;display:block;width:100%;height:100%;z-index:12;position:fixed;top:0;left:0;transition:clip-path .7s,opacity .7s;background:linear-gradient(0deg,#141414cc,#141414cc)}.filter-block .row-content.show{opacity:1;clip-path:polygon(0 0,115% 0,100% 100%,0 100%)}.filter-block .row-content .scroll-wrap{padding:0 30px;height:100%;overflow:hidden;max-height:calc(100dvh - 140px)}.filter-block .row-content .scroll-wrap [data-overlayscrollbars-viewport]{overscroll-behavior:none}.filter-block .row-content .inner{height:100dvh;margin-left:auto;width:calc(100% - 25px);max-width:500px;margin-top:0;border-top:0;padding:60px 0 0;overflow:hidden}.filter-block .row-content .inner:after{display:none}.filter-block .row-content .filter-btn-group{position:fixed;z-index:4;bottom:20px;right:110px;gap:10px}}@media only screen and (max-width: 767px) and (max-width: 520px){.filter-block .row-content .filter-btn-group{right:unset;left:calc(50% + 15px);transform:translate(-50%)}}@media only screen and (max-width: 767px){.filter-block .row-content .filter-btn-group .pill-btn{min-width:140px}.filter-block .close-btn{display:block;position:fixed;z-index:4;top:0;right:0;background:var(--primary-blue)}}.products-header .route-block{padding:0 60px;min-height:80px;display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width: 900px){.products-header .route-block{padding:0 8%;min-height:60px}}.products-header .route-block .icon-angle-right{color:#0003}.products-header .route-block .left,.products-header .route-block .right{display:flex;align-items:center}@media only screen and (max-width: 1200px){.products-header .route-block .left{display:none}}.products-header .route-block .right{margin-left:50px}@media only screen and (max-width: 1200px){.products-header .route-block .right{margin-left:0}}.products-header .route-block .back{display:flex;align-items:center;transition:color var(--trans-s)}@media only screen and (min-width: 1201px){.products-header .route-block .back:hover{color:var(--primary-blue)}}@media only screen and (max-width: 1200px){.products-header .route-block .back:active{color:var(--primary-blue)}}.products-header .route-block .back i{margin-right:10px;font-size:1rem;flex-shrink:0}.products-header .route-block .back span{font-weight:600;line-height:1.3;letter-spacing:.5px}.product-consult-btn{position:fixed;top:360px;right:0;cursor:pointer;z-index:3}.product-consult-btn .inner{padding:30px 25px;position:relative;color:#fff;display:flex;flex-direction:column;align-items:center;gap:10px}.product-consult-btn .inner:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:var(--primary-blue);z-index:-1}.product-consult-btn i{font-size:1.375rem}.product-consult-btn .txt{font-size:1rem;font-weight:500;line-height:1.3;letter-spacing:.5px;writing-mode:vertical-lr}.product-consult-btn .des{font-size:1rem;font-weight:600;line-height:1.6;letter-spacing:1px;writing-mode:vertical-lr}.product-consult-btn .num{width:30px;height:30px;display:flex;justify-content:center;align-items:center;color:var(--primary-blue);background:#fff;font-size:.75rem;font-weight:600;line-height:1.3;letter-spacing:.5px;border-radius:50%}@media only screen and (max-width: 900px){.product-consult-btn{top:unset;bottom:0;width:100%}.product-consult-btn .inner{flex-direction:row;padding:15px 30px;justify-content:center}.product-consult-btn .txt,.product-consult-btn .des{writing-mode:inherit}}.cunsult-control-btn{cursor:pointer;display:inline-flex;align-items:center;transition:color var(--trans-s)}.cunsult-control-btn:after{content:attr(add-info);font-weight:600;line-height:1.3;letter-spacing:.5px}.cunsult-control-btn[state=inList]{pointer-events:none}.cunsult-control-btn[state=inList]:after{content:attr(in-info)}.cunsult-control-btn[state=inList] i{color:#009ccf}.cunsult-control-btn[state=inList] i:before{content:""}.cunsult-control-btn i{margin-right:10px}.cunsult-control-btn span{font-weight:600;line-height:1.3;letter-spacing:.5px}@media only screen and (min-width: 1201px){.cunsult-control-btn:hover{color:#009ccf}}@media only screen and (max-width: 1200px){.cunsult-control-btn:active{color:#009ccf}}@media only screen and (min-width: 1201px){.cunsult-control-btn.pill-btn:hover{color:#fff}}@media only screen and (max-width: 1200px){.cunsult-control-btn.pill-btn:active{color:#fff}}.cunsult-control-btn.pill-btn i{margin-right:0}.cunsult-control-btn.pill-btn[state=inList] i{color:#fff}.tips{display:none;margin:0 auto 20px;padding:10px;max-width:315px;width:100%;background-color:var(--white);border-radius:100px;align-items:center;justify-content:center;gap:0 15px}.tips.show{display:flex}.tips.show i{animation:swipe 2s .6s ease-in-out alternate}@keyframes swipe{0%{transform:translate(0)}33%{transform:translate(-5px);color:#029ccf}66%{transform:translate(5px);color:#029ccf}to{transform:translate(0)}}.tips.black{background-color:var(--black)}.tips.black i{color:var(--white)}.tips i{font-size:1.25rem}.tips p{font-weight:500;line-height:1.6;letter-spacing:1px;color:var(--primary-blue)}.wdd-form{max-width:1200px;width:100%;margin:0 auto;padding:0}.form-row{display:flex;align-items:center;margin:0 -15px}.form-row:not(:first-child){margin-top:0}.form-row:last-child .form-group{border-bottom:0}@media only screen and (max-width: 900px){.form-row{flex-direction:column}}.form-grid{width:100%;padding:0 15px}.form-grid.col-6{width:50%}@media only screen and (max-width: 900px){.form-grid.col-6{width:100%}}.form-grid.col-4{width:33.3333333333%}.error-detail .error-text{color:#f53434}.error-detail .error-text:not(:first-child){margin-top:10px}.form-btn-group{display:flex;justify-content:center;flex-wrap:wrap;margin-top:30px}.form-btn-group .btn-group{display:flex;gap:20px}.form-btn-group .btn{display:flex;justify-content:center;align-items:center;width:120px;height:40px;border:1px solid #000000;border-radius:10rem;transition:background-color .2s linear,color .2s linear;cursor:pointer;pointer-events:auto}.form-btn-group .btn:hover{background-color:#000;color:#fff}.form-btn-group .btn:not(:last-child){margin-right:15px}.form-group{position:relative;display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.2);padding:0 10px}@media only screen and (max-width: 767px){.form-group{flex-direction:column;align-items:flex-start;padding-top:15px}}.form-group.required .subject{position:relative}.form-group.required .subject:before{content:"";position:absolute;width:4px;height:4px;border-radius:50%;top:0;left:0;background-color:#009ccf}.form-group.verification .input-wrap{display:flex}.form-group.verification .refresh-btn{display:flex;align-items:center;align-self:center}.form-group.verification .refresh-btn img{width:62px;height:auto}.form-group.textarea{align-items:flex-start}.form-group.textarea .subject{margin-top:25px}@media only screen and (max-width: 767px){.form-group.textarea .subject{margin-top:0}}.form-group.textarea .input-wrap{height:auto;padding:5px 20px 0 15px;border:0px solid rgba(0,0,0,.2);margin-bottom:25px}@media only screen and (max-width: 767px){.form-group.textarea .input-wrap{padding:0 20px 0 15px;margin-bottom:15px}}.form-group.textarea .validation-icon{top:10px;transform:none}.form-group.success{border-bottom:1px solid #198754}.form-group.error .textarea-scrollbar::placeholder{color:#f53434}.form-group.error .subject,.form-group.error .select-display{color:#f53434}.form-group.error .subject:before{background-color:#f53434}.form-group.error .input-wrap input::placeholder{color:#f53434}.form-group.error~.error-text{color:#f53434;margin-top:5px}.form-group *.disabled{opacity:.5;pointer-events:none}.form-group .subject{flex-shrink:0;padding:5px 0 5px 10px;font-size:1rem;line-height:1.6;color:#000;margin-right:30px;font-weight:500;letter-spacing:1px;min-width:145px}@media only screen and (max-width: 1366px){.form-group .subject{min-width:80px}}@media only screen and (max-width: 767px){.form-group .subject{padding:5px 0 0 10px}}.form-group .input-wrap{position:relative;width:100%;height:1.6rem;margin:25px 0;padding:0 20px 0 15px}@media only screen and (max-width: 767px){.form-group .input-wrap{margin:10px 0 15px}}.form-group .input-wrap input{width:100%;height:100%;border:none;padding:0;color:#000;background-color:transparent;font-size:1rem;font-weight:350;line-height:1.6;letter-spacing:1px;font-family:Outfit,Noto Sans TC,微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif}.form-group .input-wrap input::placeholder{color:#00000080;opacity:1}.form-group .input-wrap input:-ms-input-placeholder{color:#00000080}.form-group .input-wrap input::-ms-input-placeholder{color:#00000080}.form-group .input-wrap input.error .validation-icon,.form-group .input-wrap input.error+.validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-group .input-wrap input.error .validation-icon:hover:before,.form-group .input-wrap input.error .validation-icon :active:before,.form-group .input-wrap input.error+.validation-icon:hover:before,.form-group .input-wrap input.error+.validation-icon :active:before{opacity:1}.form-group .input-wrap input.success .validation-icon,.form-group .input-wrap input.success+.validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-group .textarea-scrollbar{display:block;width:100%;height:200px;padding:0;border:none;background-color:transparent;resize:none;font-size:1rem;font-weight:350;line-height:1.6;letter-spacing:1px;font-family:Outfit,Noto Sans TC,微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif}.form-group .textarea-scrollbar.os-textarea::placeholder{color:#00000080;opacity:1}.form-group .textarea-scrollbar.os-textarea:-ms-input-placeholder{color:#00000080}.form-group .textarea-scrollbar.os-textarea::-ms-input-placeholder{color:#00000080}.form-group .textarea-scrollbar .os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:#c2c2c266}.form-group .textarea-scrollbar .os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:#91919166}.form-group .textarea-scrollbar.error .validation-icon,.form-group .textarea-scrollbar.error+.validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-group .textarea-scrollbar.error .validation-icon:hover:before,.form-group .textarea-scrollbar.error .validation-icon :active:before,.form-group .textarea-scrollbar.error+.validation-icon:hover:before,.form-group .textarea-scrollbar.error+.validation-icon :active:before{opacity:1}.form-group .textarea-scrollbar.success .validation-icon,.form-group .textarea-scrollbar.success+.validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-group .validation-icon{display:none;position:absolute;top:50%;right:0;width:20px;height:20px;transform:translate3d(0,-50%,0);background-repeat:no-repeat;background-position:center;background-size:contain}.form-group .validation-icon:before{content:attr(error-text);position:absolute;top:-5px;right:0;padding:5px;border-radius:4px;background-color:#f53434cc;color:#fff;font-size:.875rem;white-space:nowrap;transform:translate3d(0,-100%,0);opacity:0;transition:opacity .3s;pointer-events:none}.form-group dropdown-el .dropdown{box-shadow:20px 20px 40px #00000026;border-radius:0;transform:translateZ(0);color:#fff;text-align:center}.form-group dropdown-el .dropdown:after{border-radius:0;border:0px;background:#333}.form-group dropdown-el .dropdown .dropdown-list>li{padding:12px}.form-group dropdown-el .dropdown .dropdown-list>li:not(:first-child){border-top:1px solid rgba(255,255,255,.5)}.form-group dropdown-el .dropdown .dropdown-list>li:not(.has-sublayer).active,.form-group dropdown-el .dropdown .dropdown-list>li:not(.has-sublayer):hover{background-color:#009ccf}.form-group dropdown-el:not([d4-value=""]) .select-display{color:#000}.form-group dropdown-el.type-fullbox{position:static}.form-group dropdown-el[multiple] .select-wrapper{padding:4px 15px}.form-group dropdown-el:not([multiple]) .select-wrapper{padding:25px 15px}@media only screen and (max-width: 767px){.form-group dropdown-el:not([multiple]) .select-wrapper{padding:10px 15px 15px}}.form-group dropdown-el .select-wrapper{background-color:transparent;min-height:44px;border-bottom:0px}.form-group dropdown-el .select-display{position:relative;color:#000;font-size:1rem;line-height:1.6rem;font-weight:350;line-height:1.6;letter-spacing:1px;font-family:Outfit,Noto Sans TC,微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif}.form-group dropdown-el .validation-icon{position:relative;top:auto;right:auto;transform:none}.form-group dropdown-el .dropdown-icon{border-color:#000 transparent transparent transparent;position:relative;width:10px;height:10px;border:none}.form-group dropdown-el .dropdown-icon:after{content:"";font-family:icomoon!important;position:absolute;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg)}.form-group dropdown-el.error .validation-icon,.form-group dropdown-el.error+.validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-group dropdown-el.error .validation-icon:hover:before,.form-group dropdown-el.error .validation-icon :active:before,.form-group dropdown-el.error+.validation-icon:hover:before,.form-group dropdown-el.error+.validation-icon :active:before{opacity:1}.form-group dropdown-el.success .validation-icon,.form-group dropdown-el.success+.validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-group dropdown-el .os-theme-dark{--os-handle-bg: rgba(225, 225, 225, .33);--os-handle-bg-hover: rgba(225, 225, 225, .44);--os-handle-bg-active: rgba(225, 225, 225, .55)}.form-group .form-check{width:100%;display:flex;flex-wrap:wrap}.form-group .form-check.error .validation-icon,.form-group .form-check.error+.validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-group .form-check.error .validation-icon:hover:before,.form-group .form-check.error .validation-icon :active:before,.form-group .form-check.error+.validation-icon:hover:before,.form-group .form-check.error+.validation-icon :active:before{opacity:1}.form-group .form-check.success .validation-icon,.form-group .form-check.success+.validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-group .form-check .option-item{display:flex;align-items:center;padding:10px 0;margin-right:15px;-webkit-user-select:none;user-select:none;cursor:pointer}.form-group .form-check .option-item .checkbox-wrap{position:relative;width:20px;height:20px;border:1px solid #000000;margin-right:8px}.form-group .form-check .option-item .checkbox-wrap>input{width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.form-group .form-check .option-item .checkbox-wrap>input:checked~.fake-checkbox{opacity:1}.form-group .form-check .option-item .checkbox-wrap .fake-checkbox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 4px);height:calc(100% - 4px);background-color:red;opacity:0;pointer-events:none;transition:opacity .4s linear}.form-group .form-check .option-item .text{font-size:1rem;color:#000;line-height:1.6}.form-group .file-wrap{position:relative;width:100%;margin-left:15px;cursor:pointer}.form-group .file-wrap>input{width:100%;height:24px;margin:10px 0;opacity:0}.form-group .file-wrap>input.error+.fake-file-upload .file-name{color:#f53434}.form-group .file-wrap>input.error+.fake-file-upload .validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-group .file-wrap>input.success+.fake-file-upload .validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-group .file-wrap .fake-file-upload{position:absolute;width:100%;height:100%;display:flex;align-items:center;top:0;left:0}.form-group .file-wrap .fake-file-upload .file-name{font-size:1rem;color:#00000080;line-height:1.6rem;padding-right:20px;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-group .file-wrap .fake-file-upload .validation-icon{position:relative;top:auto;right:auto;transform:none}.form-group .file-wrap .fake-file-upload .upload-icon{width:30px;height:30px;background-image:url(../../assets/img/upload.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.form-group .file-wrap .fake-file-upload input[type=file]{position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;z-index:-1}.form-group .data-time-picker{position:relative;width:100%;align-self:center}.form-group .data-time-picker>input{width:100%;height:1.6rem;border:none;margin:10px 0;padding:0 15px;font-size:1rem;color:#000}.form-group .data-time-picker>input::placeholder{color:#00000080;opacity:1}.form-group .data-time-picker>input:-ms-input-placeholder{color:#00000080}.form-group .data-time-picker>input::-ms-input-placeholder{color:#00000080}.error-info{font-size:.875rem;font-weight:500;line-height:1.6;letter-spacing:.5px;color:#f53434;text-align:center;margin-top:30px}:root{--swiper-pagination-bullet-inactive-color: #000}.products_list{background:var(--lighter-gray)}.products_list .swiper-pagination{--swiper-pagination-bullet-horizontal-gap: 10px;--swiper-pagination-bullet-horizontal-gap-rwd: 7.5px;--swiper-pagination-color-white: var(--black);--swiper-pagination-bullet-inactive-color: var(--black);--swiper-pagination-bullet-size: 5px}.products_list main{padding-top:100px}@media only screen and (max-width: 1200px){.products_list main{padding-top:80px}}.products_list .section1 .swiper{max-width:950px;width:calc(100% - 120px);margin-top:50px}@media only screen and (max-width: 767px){.products_list .section1 .swiper{width:calc(100% - 60px)}}.products_list .section1 .swiper .pic-box:after{padding-top:52.63%}.products_list .section1 .swiper .swiper-pagination{position:relative;bottom:unset;margin-top:25px}.products_list .section1 .info{max-width:1200px;margin:50px auto 0;width:calc(100% - 120px)}@media only screen and (max-width: 992px){.products_list .section1 .info{width:calc(100% - 60px)}}.products_list .section1 .info .des{margin-top:40px;font-size:1rem;font-weight:350;line-height:1.6;letter-spacing:1px;text-align:center}@media only screen and (max-width: 992px){.products_list .section1 .info .des{text-align:left}}.products_list .section1 .title-wrap{padding-bottom:20px;position:relative}@media only screen and (max-width: 767px){.products_list .section1 .title-wrap{margin:0%}}.products_list .section1 .title-wrap:before{content:"";display:block;width:70px;height:4px;background-color:var(--primary-blue);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.products_list .section1 .filter-block{margin-top:40px}.products_list .section1 .filter-block .row-header .pill-btn{margin:0 auto}.products_list .section2 .container{padding:80px 60px 120px;max-width:1620px;margin:0 auto}@media only screen and (max-width: 992px){.products_list .section2 .container{padding:50px 30px 110px}}.products_list .section2 .no-content{padding:20px 0 0}@media only screen and (max-width: 1200px){.products_list .section2 .no-content .title{font-size:1.5rem}}.products_list .subcategory-table{border-bottom:3px solid #000}@media only screen and (max-width: 992px){.products_list .subcategory-table{border-bottom:0;position:relative}.products_list .subcategory-table:after{content:"";width:50%;height:3px;position:absolute;top:0;left:0;background:var(--primary-blue)}.products_list .subcategory-table:before{content:"";width:100%;height:3px;position:absolute;top:0;left:0;background:var(--black)}}.products_list .subcategory-table:has(.os-scrollbar-horizontal.os-scrollbar-visible) .table-scroller{cursor:grab}.products_list .subcategory-table .table-scroller{overflow-x:auto;overflow-y:hidden}.products_list .subcategory-table .td-group{display:flex}.products_list .subcategory-table .td-group:nth-child(2){flex:1}.products_list .subcategory-table .sticky{position:sticky;flex-shrink:0}.products_list .subcategory-table .sticky:first-child{z-index:1}.products_list .subcategory-table .sticky.left{left:0}.products_list .subcategory-table .sticky.right{right:0}.products_list .subcategory-table .thead .tr,.products_list .subcategory-table .tbody .tr{display:flex;width:fit-content;min-width:100%}@media only screen and (max-width: 992px){.products_list .subcategory-table .thead .tr,.products_list .subcategory-table .tbody .tr{min-width:unset}}.products_list .subcategory-table .thead .td,.products_list .subcategory-table .tbody .td{display:flex;align-items:center;justify-content:flex-start;text-align:left;transition:background-color .3s;word-break:break-word}.products_list .subcategory-table .thead .td-group.sticky:after{content:"";width:100%;height:3px;left:0;bottom:0;background:#009ccf;position:absolute}@media only screen and (max-width: 992px){.products_list .subcategory-table .thead .td-group.sticky:after{display:none}}.products_list .subcategory-table .thead .sticky{background-color:#f5f5f5}.products_list .subcategory-table .thead .sticky:after{content:"";width:100%;height:3px;left:0;bottom:0;background:#000;position:absolute}@media only screen and (max-width: 992px){.products_list .subcategory-table .thead .sticky:after{display:none}}.products_list .subcategory-table .thead .sticky.more{padding:0 0 0 15px!important}.products_list .subcategory-table .thead .tr{background-color:#f5f5f5;color:#000;font-size:1rem;font-weight:600;line-height:1.6;letter-spacing:1px}.products_list .subcategory-table .thead .td{padding-top:15px;padding-bottom:15px}.products_list .subcategory-table .thead .td.custom{position:relative;flex:1}.products_list .subcategory-table .thead .td.custom:after{content:"";width:100%;height:3px;left:0;bottom:0;background:#000;position:absolute}.products_list .subcategory-table .thead .td-group{background:#f5f5f5}.products_list .subcategory-table .tbody .custom{position:relative;font-size:1rem;font-weight:400;line-height:1.6;letter-spacing:1px;color:#333;flex:1}.products_list .subcategory-table .tbody .custom:after{content:"";width:100%;height:1px;left:0;bottom:0;background:#000;opacity:.2;position:absolute}@media only screen and (max-width: 992px){.products_list .subcategory-table .tbody .custom:after{display:none}}.products_list .subcategory-table .tbody .sticky{background-color:#f5f5f5}@media only screen and (max-width: 992px){.products_list .subcategory-table .tbody .sticky{background-color:transparent}}.products_list .subcategory-table .tbody>.tr{transition:background-color .3s}@media only screen and (max-width: 992px){.products_list .subcategory-table .tbody>.tr{position:relative}.products_list .subcategory-table .tbody>.tr:after{content:"";width:calc(100% - 20px);height:1px;left:50%;transform:translate(-50%);bottom:0;background:#000;opacity:.2;position:absolute}}@media only screen and (max-width: 767px){.products_list .subcategory-table .tbody>.tr:last-child:after{display:none}}@media only screen and (min-width: 1201px) and (min-width: 1201px){.products_list .subcategory-table .tbody>.tr:hover{background-color:#fff}.products_list .subcategory-table .tbody>.tr:hover .td{background:#fff}}@media only screen and (min-width: 1201px) and (max-width: 1200px){.products_list .subcategory-table .tbody>.tr:active{background-color:#fff}.products_list .subcategory-table .tbody>.tr:active .td{background:#fff}}.products_list .subcategory-table .tbody .tr:last-child .border{border:none}.products_list .subcategory-table .tbody .td{padding-top:25px;padding-bottom:25px}.products_list .subcategory-table .tbody .more{padding:0 0 0 15px!important}.products_list .subcategory-table .tbody .more:after{opacity:.2}.products_list .subcategory-table .tbody .model{display:flex;width:calc(100% - 100px)}.products_list .subcategory-table .tbody .model .sub{font-size:.75rem;font-weight:400;line-height:1.6;letter-spacing:1px;color:#333}.products_list .subcategory-table .tbody .model .main{font-size:1.25rem;font-weight:500;line-height:1.5;letter-spacing:.5px;margin-top:5px}.products_list .subcategory-table .photo{padding:0 30px 0 10px;width:415px;display:flex;align-items:center;gap:30px}.products_list .subcategory-table .photo:after{content:"";width:100%;height:1px;left:0;bottom:0;background:#000;opacity:.2;position:absolute}@media only screen and (max-width: 992px){.products_list .subcategory-table .photo:after{display:none}}.products_list .subcategory-table .photo>div{position:relative;width:100px}.products_list .subcategory-table .photo .pic-box:after{padding-top:100%}.products_list .subcategory-table .tag-group{margin-top:15px;display:flex;gap:5px;flex-wrap:wrap}.products_list .subcategory-table .tag{padding:4px 10px;display:inline-block;border-radius:500px;font-size:.75rem;font-weight:600;letter-spacing:.5px}.products_list .subcategory-table .tag span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.products_list .subcategory-table .custom{padding-right:30px;min-width:191px}.products_list .subcategory-table .more{padding:0;width:130px}.products_list .subcategory-table .more i{font-size:1.25rem}.products_list .subcategory-table .more:after{content:"";width:100%;height:1px;left:0;bottom:0;background:#000;position:absolute}@media only screen and (max-width: 992px){.products_list .subcategory-table .more:after{display:none}}@media only screen and (min-width: 1201px){.products_list .subcategory-table .more:hover{z-index:2}}@media only screen and (max-width: 1200px){.products_list .subcategory-table .more:active{z-index:2}}.products_list .subcategory-table .more>div{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;height:100%;align-items:flex-start;flex-direction:column}.products_list .subcategory-table .os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless{width:calc(100% - 415px);transform:translate(415px)}.products_list .subcategory-table .os-scrollbar-track{width:calc(100% - 130px)}.products_list .subcategory-table .os-theme-dark,.products_list .subcategory-table .os-theme-light{--os-handle-bg: rgba(0, 156, 207, .6);--os-handle-bg-hover: rgba(0, 156, 207, 1);--os-handle-bg-active: rgba(0, 156, 207,1)}.products_list .subcategory-table .os-theme-dark>.os-scrollbar-horizontal,.products_list .subcategory-table .os-theme-light>.os-scrollbar-horizontal{height:9px}.products_list .subcategory-table .os-theme-dark>.os-scrollbar-horizontal:after,.products_list .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){.products_list .subcategory-table .table-scroller{padding-bottom:0;overflow:visible}.products_list .subcategory-table .td-group{align-items:center;flex-direction:column;width:100%;position:relative}.products_list .subcategory-table .td-group.border:after{content:"";width:100%;height:1px;left:0;bottom:-20px;background:#000;opacity:.2;position:absolute}}@media only screen and (max-width: 992px) and (max-width: 992px){.products_list .subcategory-table .td-group.border:after{display:none}}@media only screen and (max-width: 992px){.products_list .subcategory-table .td-group:not(.sticky){gap:15px}.products_list .subcategory-table .sticky{position:static}.products_list .subcategory-table .border{border:none}.products_list .subcategory-table .tip .hover-tip,.products_list .subcategory-table .thead{display:none}.products_list .subcategory-table .thead .tr{width:100%}.products_list .subcategory-table .thead .td:not(.photo){display:none}.products_list .subcategory-table .thead .photo{max-width:none}.products_list .subcategory-table .tbody{display:flex;flex-wrap:wrap}.products_list .subcategory-table .tbody .tr{padding:35px 10px;align-items:center;flex-direction:column;gap:15px;width:50%}.products_list .subcategory-table .tbody .td{padding:0 20px}.products_list .subcategory-table .tbody .td[data-rwd]{align-items:flex-start;flex-direction:column;gap:5px}.products_list .subcategory-table .tbody .td[data-rwd]:before{display:block;color:#009ccf;max-width:150px;min-width:50px;content:attr(data-rwd)}.products_list .subcategory-table .tbody .custom{justify-content:flex-start;text-align:left}.products_list .subcategory-table .tbody .more{padding:0!important;margin:20px -20px 0;width:calc(100% - 40px)}.products_list .subcategory-table .photo{max-width:100%;width:100%;flex-direction:column;position:relative;gap:20px}.products_list .subcategory-table .photo:after{content:"";width:100%;height:1px;left:0;bottom:-20px;background:#000;opacity:.2;position:absolute}.products_list .subcategory-table .photo>.pic-box{max-width:100px}.products_list .subcategory-table .photo>div{width:100%}.products_list .subcategory-table .photo>.model{width:calc(100% + -0px)}.products_list .subcategory-table .model{margin:5px 0 0;width:100%}.products_list .subcategory-table .custom{width:100%}.products_list .subcategory-table .custom .paragraph-text{display:block}.products_list .subcategory-table .more{width:100%}.products_list .subcategory-table .more>div{padding-left:0;flex-direction:row;justify-content:space-between;gap:20px}.products_list .subcategory-table .more .circle-button{padding:0 2.016129vw;gap:5px;width:auto}.products_list .subcategory-table .more .circle-button:is(a){position:relative;z-index:1;width:auto;color:#fff;background-size:unset;background-image:none}.products_list .subcategory-table .more .circle-button:is(a):after{opacity:1}.products_list .subcategory-table .more .circle-button .paragraph-text{display:block}}@media only screen and (max-width: 767px){.products_list .subcategory-table .tbody{gap:0px}.products_list .subcategory-table .tbody .tr{width:100%}.products_list .subcategory-table .tbody .tr:first-child{padding-top:30px}.products_list .subcategory-table .tbody .td[data-rwd]:before{flex-shrink:0}.products_list .subcategory-table .model .paragraph-text{font-size:1.25rem}.products_list .subcategory-table .tbody .more>div{flex-wrap:nowrap}.products_list .subcategory-table .tbody .more .circle-button{padding:0 15px}}@media only screen and (max-width: 350px){.products_list .subcategory-table .tbody .td{padding:0}.products_list .subcategory-table .tbody .td[data-rwd]{flex-direction:column}.products_list .subcategory-table .tbody .more>div{flex-wrap:wrap}.products_list .subcategory-table .tbody .more .circle-button{white-space:nowrap}}
