.wdd-form{max-width:800px;width:100%;margin:0 auto;padding:0 30px}.group:not(:first-child){margin-top:30px}@media only screen and (max-width: 992px){.group:not(:first-child){margin-top:20px}}.form-row{display:flex;align-items:center;margin:0 -5px}.form-row.column{flex-direction:column;gap:15px}.form-row:not(:first-child){margin-top:10px}@media only screen and (max-width: 992px){.form-row{flex-wrap:wrap}.form-row:not(:first-child){margin-top:5px}}@media only screen and (max-width: 767px){.form-row{flex-direction:column}}.form-grid{width:100%;padding:0 5px;display:flex;align-items:center}@media only screen and (max-width: 992px){.form-grid:not(:first-child){margin-top:5px}}@media only screen and (max-width: 992px){.form-grid.col-6{width:50%}}@media only screen and (max-width: 767px){.form-grid.col-6{width:100%}}.form-grid.col-4{width:33.3333333333%}.error-detail .error-text{color:#dc3545}.error-detail .error-text:not(:first-child){margin-top:10px}.error-tips{padding:20px 0 0;display:flex;align-items:center}.error-tips .notice{padding:10px;margin-right:15px;color:#fff;background:#e71300}.error-tips span{color:#e71300;font-size:.875rem;font-weight:400;line-height:1.5;letter-spacing:1px}.form-btn-group{display:flex;justify-content:center;flex-wrap:wrap;margin-top:20px;pointer-events:none}.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{padding:15px 20px;position:relative;display:flex;align-items:center;width:100%;background:#f6f6f6;border-radius:5px;min-height:60px}@media only screen and (max-width: 767px){.form-group{padding:15px 10px;flex-direction:column;align-items:flex-start}.form-group .subject{margin-bottom:10px}.form-group.rwd-row{flex-direction:row}.form-group.rwd-row .subject{margin-bottom:0}}.form-group.noRequired .subject{padding-left:0}@media only screen and (max-width: 767px){.form-group.noRequired .subject{padding-left:15px}}.form-group.noRequired .subject+dropdown-el .select-wrapper{padding-left:15px!important}.form-group.noRequired .subject+.input-wrap{padding-left:15px}.form-group.noRequired dropdown-el .select-wrapper{padding-left:0!important}@media only screen and (max-width: 767px){.form-group.noRequired dropdown-el .select-wrapper{padding-left:15px!important}}.form-group.noRequired .input-wrap{padding-left:0}@media only screen and (max-width: 767px){.form-group.noRequired .input-wrap{padding-left:15px}}.form-group.required .subject{position:relative}.form-group.required .subject:before{display:block;width:5px;height:5px;border-radius:100%;position:absolute;top:0;left:0;background:#e71300;content:""}.form-group.verification .input-wrap{display:flex}.form-group.verification .refresh-btn{margin-left:auto;display:flex;align-items:center;align-self:center}.form-group.verification .refresh-btn img{max-height:20px}.form-group.verification .refresh-btn .icon{width:20px;height:20px;display:flex;justify-content:center;align-items:center}.form-group.verification .refresh-btn i{font-size:.9375rem;margin-left:10px}.form-group.textarea{padding:20px;flex-direction:column;align-items:flex-start}.form-group.textarea .input-wrap{height:auto;padding:10px 35px 10px 15px;border:0;margin-bottom:10px}.form-group.textarea .validation-icon{top:10px;transform:none}.form-group.success{border-bottom:1px solid #198754}.form-group.error{border:1px solid #E71300}.form-group.error~.error-text{color:#dc3545;margin-top:5px}.form-group *.disabled{opacity:.5;pointer-events:none}.form-group *.disabled2{pointer-events:none}.form-group .subject{flex-shrink:0;padding:0 20px 0 15px;font-size:1rem;line-height:1.8;color:#000;border-right:1px solid rgba(0,0,0,.2)}.form-group.ext .subject{padding:0 20px 0 0}@media only screen and (max-width: 992px){.form-group.ext .subject{padding:0 20px 0 15px}}.form-group.checkbox{padding:0;background:unset}.form-group .input-wrap{display:flex;align-items:center}.form-group .switch{margin-left:10px;font-size:.875rem;font-weight:600;line-height:1.6;letter-spacing:1px;color:#5b5b5b;cursor:pointer}.form-group[data-type=show] .switch:after{display:block;content:"SHOW"}.form-group[data-type=hide] .switch:after{display:block;content:"HIDE"}.form-group .input-wrap{position:relative;width:100%;height:1.8rem;padding:0 20px 0 15px}.form-group .input-wrap input{width:100%;height:100%;border:none;padding:0;font-size:1rem;color:#000;background-color:transparent;font-weight:300;line-height:1.8;letter-spacing:1px}.form-group .input-wrap input::placeholder{color:#0000004d;font-weight:300;line-height:1.8;letter-spacing:1px;opacity:1}.form-group .input-wrap input:-ms-input-placeholder{font-weight:300;line-height:1.8;letter-spacing:1px;color:#0000004d}.form-group .input-wrap input::-ms-input-placeholder{font-weight:300;line-height:1.8;letter-spacing:1px;color:#0000004d}.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;font-size:1rem;background-color:transparent;font-weight:300;line-height:1.8;letter-spacing:1px;resize:none;font-family:Noto Sans TC}.form-group .textarea-scrollbar.os-textarea::placeholder{font-family:Noto Sans TC;font-weight:300;line-height:1.8;letter-spacing:1px;color:#0000004d;opacity:1}.form-group .textarea-scrollbar.os-textarea:-ms-input-placeholder{font-family:Noto Sans TC;font-weight:300;line-height:1.8;letter-spacing:1px;color:#0000004d}.form-group .textarea-scrollbar.os-textarea::-ms-input-placeholder{font-family:Noto Sans TC;font-weight:300;line-height:1.8;letter-spacing:1px;color:#0000004d}.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:#dc3545cc;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.disabled .select-display{opacity:.6}.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;margin:-4px 0}.form-group dropdown-el:not([multiple]) .select-wrapper{padding:10px 15px;margin:-10px 0}.form-group dropdown-el .select-wrapper{background-color:transparent;min-height:44px}.form-group dropdown-el .select-display{position:relative;color:#000;font-size:1rem;font-weight:300;line-height:1.8rem;text-align:left}.form-group dropdown-el .validation-icon{position:relative;top:auto;right:auto;transform:none}.form-group dropdown-el .dropdown-icon{border:0;background-image:url(../../assets/img/dropdownIcon.svg);background-size:contain;background-position:center;background-repeat:no-repeat;width:15px;height:15px}.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 .dropdown{border:0;border-radius:5px;box-shadow:0 4px 15px #00000026}.form-group dropdown-el .dropdown:after{border:0}.form-group dropdown-el .dropdown .dropdown-list>li{text-align:center;transition:background-color .3s}.form-group dropdown-el .dropdown .dropdown-list>li:not(:first-child){border-top:1px solid rgba(0,0,0,.2)}.form-group dropdown-el .dropdown .dropdown-list>li:not(.has-sublayer).active{background-color:unset}.form-group dropdown-el .dropdown .dropdown-list>li:not(.has-sublayer):hover{background-color:#000;color:#fff}.form-group dropdown-el .dropdown .dropdown-scroller{max-height:275px}.form-check:not(.form-option){width:100%;display:flex;flex-wrap:wrap;margin:-5px 0}.form-check:not(.form-option).error .validation-icon,.form-check:not(.form-option).error+.validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-check:not(.form-option).error .validation-icon:hover:before,.form-check:not(.form-option).error .validation-icon :active:before,.form-check:not(.form-option).error+.validation-icon:hover:before,.form-check:not(.form-option).error+.validation-icon :active:before{opacity:1}.form-check:not(.form-option).success .validation-icon,.form-check:not(.form-option).success+.validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-check:not(.form-option) .option-item{display:flex;padding:5px 0;margin-right:15px;-webkit-user-select:none;user-select:none;cursor:pointer}.form-check:not(.form-option) .option-item .checkbox-wrap{margin-top:5px;position:relative;width:15px;height:15px;margin-right:7px;flex-shrink:0}.form-check:not(.form-option) .option-item .checkbox-wrap>input{width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.form-check:not(.form-option) .option-item .checkbox-wrap>input:checked~.fake-checkbox{opacity:1;background-color:#000}.form-check:not(.form-option) .option-item .checkbox-wrap>input:checked~.fake-checkbox i{opacity:1}.form-check:not(.form-option) .option-item .checkbox-wrap .icon-check{font-size:.4375rem;color:#fff}.form-check:not(.form-option) .option-item .checkbox-wrap .fake-checkbox{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;border:1px solid #000000;transform:translate(-50%,-50%);width:101%;height:101%;background-color:transparent;opacity:1;pointer-events:none;transition:opacity .3s,background-color .3s}.form-check:not(.form-option) .option-item .checkbox-wrap .fake-checkbox i{opacity:0}.form-content{display:none;margin-top:15px}.form-content.active{display:block;opacity:0;animation:opacity .8s forwards}@keyframes opacity{0%{opacity:0}to{opacity:1}}.form-option{width:100%;display:flex;gap:0 10px;flex-wrap:wrap;margin:0}.form-option.error .validation-icon,.form-option.error+.validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-option.error .validation-icon:hover:before,.form-option.error .validation-icon :active:before,.form-option.error+.validation-icon:hover:before,.form-option.error+.validation-icon :active:before{opacity:1}.form-option.success .validation-icon,.form-option.success+.validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-option .option-item{display:flex;padding:20px;-webkit-user-select:none;user-select:none;border-radius:5px;cursor:pointer;width:calc((100% - 10px)/2);position:relative}.form-option .option-item .checkbox-wrap{margin-left:auto;margin-top:5px;width:15px;height:15px;margin-right:7px;flex-shrink:0}@media only screen and (min-width: 1201px){.form-option .option-item .checkbox-wrap:hover .fake-checkbox:after{opacity:1}}@media only screen and (max-width: 1200px){.form-option .option-item .checkbox-wrap:active .fake-checkbox:after{opacity:1}}.form-option .option-item .checkbox-wrap>input{width:100%;height:100%;margin:0;display:none;cursor:pointer}.form-option .option-item .checkbox-wrap>input:checked~.coupon-outer .coupon{background:#fff;transition:background .3s}.form-option .option-item .checkbox-wrap>input:checked~.fake-checkbox{opacity:1}.form-option .option-item .checkbox-wrap>input:checked~.fake-checkbox i{opacity:1;color:#00c94a}.form-option .option-item .checkbox-wrap>input:checked~.fake-checkbox:after{opacity:1}.form-option .option-item .checkbox-wrap>input:checked~.fake-checkbox:before{opacity:1}.form-option .option-item .checkbox-wrap .icon-check{color:#0003;font-size:1rem;transition:color .3s}.form-option .option-item .checkbox-wrap .fake-checkbox{opacity:1;position:unset}.form-option .option-item .checkbox-wrap .fake-checkbox:after{position:absolute;left:0;top:0;display:block;border-radius:5px;border:1px solid rgb(0,0,0);opacity:.2;width:100%;height:100%;transition:opacity .3s;content:""}.form-option .option-item .checkbox-wrap .fake-checkbox:before{position:absolute;left:0;top:0;z-index:-1;display:block;width:100%;height:100%;opacity:0;background:#f6f6f6;transition:opacity .3s;content:""}.file-wrap{position:relative;width:100%;margin-left:15px;cursor:pointer}.file-wrap>input{width:100%;height:24px;margin:10px 0;opacity:0}.file-wrap>input.error+.fake-file-upload .file-name{color:#dc3545}.file-wrap>input.error+.fake-file-upload .validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.file-wrap>input.success+.fake-file-upload .validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.file-wrap .fake-file-upload{position:absolute;width:100%;height:100%;display:flex;align-items:center;top:0;left:0}.file-wrap .fake-file-upload .file-name{font-size:1rem;color:#0000004d;line-height:1.8rem;padding-right:20px;margin-right:auto;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file-wrap .fake-file-upload .validation-icon{position:relative;top:auto;right:auto;transform:none}.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}.file-wrap .fake-file-upload input[type=file]{position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;z-index:-1}.data-time-picker{position:relative;width:100%;align-self:center}.data-time-picker>input{width:100%;height:1.8rem;border:none;margin:10px 0;padding:0 15px;font-size:1rem;color:#000}.data-time-picker>input::placeholder{color:#0000004d;opacity:1}.data-time-picker>input:-ms-input-placeholder{color:#0000004d}.data-time-picker>input::-ms-input-placeholder{color:#0000004d}nav,footer{background:#fff}main:before{position:absolute;left:0;top:0;display:block;width:100%;height:182px;background:#fff;content:""}section.banner{color:#141414;background:#fff;position:relative}section.banner:after{position:absolute;bottom:0;left:0;display:block;width:100%;height:250px;background:linear-gradient(180deg,#f6f6f600,#f6f6f6);content:""}section.banner .photo{display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1}section.banner img{width:100%;height:100%;object-fit:cover}section.banner .wrapper{padding:50px 0;min-height:44.271vw;width:100%;pointer-events:none}section.banner .wrapper .inner{grid-column:var(--common-grid);width:40.294%;pointer-events:auto}section.banner .title{font-size:clamp(2.5rem,3.75vw,4.5rem);font-weight:250;line-height:1.2}section.banner .title .bold{font-weight:600}section.banner .swiper{clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path .8s}section.banner .swiper .wrapper{opacity:0;transform:translate3d(0,50px,0);transition:transform .8s,opacity .8s}section.banner .swiper.aost-show{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}section.banner .swiper.aost-show .wrapper{opacity:1;transform:translateZ(0)}section.banner .swiper-arrow{position:absolute}section.banner .custom-tag{margin-top:20px}section.banner .swiper-slide{transition:transform .5s}section.banner .swiper-slide.slide{transform:scale(.9)}section.banner .swiper-slide.slide .inner{opacity:0;transform:translate3d(0,50px,0)}section.banner .swiper-slide .inner{opacity:1;transition:transform .5s,opacity .5s;transform:translateZ(0)}section.banner .swiper-slide[data-textAlign=left] .inner{margin:auto auto 0 0;text-align:left}section.banner .swiper-slide[data-textAlign=center] .inner{margin:auto auto 0;text-align:center}section.banner .swiper-slide[data-textAlign=center] .custom-tag{margin:20px auto 0}section.banner .swiper-slide[data-textAlign=right] .inner{margin:auto 0 0 auto;text-align:right}section.banner .swiper-slide[data-textAlign=right] .custom-tag{margin:20px 0 0 auto}section.banner .swiper-slide[data-titleColor=white]{color:#fff}section.banner .swiper-slide[data-titleColor=white]:before{display:block;position:absolute;left:0;top:0;background:linear-gradient(180deg,#0000 51.19%,#0003 79.44%);width:100%;height:100%;pointer-events:none;content:""}section.banner .swiper-slide[data-titleColor=black]{color:#000}@media only screen and (max-width: 1024px){section.banner .wrapper{min-height:clamp(500px,44.271vw,850px)}section.banner .wrapper .inner{grid-column:2/-2;width:100%}}section.news-tracker{height:80px;background:#f6f6f6}section.news-tracker .container{grid-column:var(--common-grid);display:flex;align-items:center}section.news-tracker a{display:flex;align-items:center}section.news-tracker .date{display:flex;align-items:center;flex-shrink:0}section.news-tracker .date:after{margin:auto 15px;display:block;border-radius:100%;background:#000;width:5px;height:5px;content:""}section.news-tracker .text{text-align:left;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}section.news-tracker .newsTrackerSwiper{height:80px}section.news-tracker .swiper-slide{display:flex;justify-content:flex-start;align-items:center;height:auto}section.news-tracker .swiper-wrapper{justify-content:flex-start;transition-timing-function:cubic-bezier(.74,-.06,.22,.97)}section.news-tracker .swiper-arrow{display:flex;gap:30px}@media only screen and (max-width: 900px){section.news-tracker{height:133px}section.news-tracker .newsTrackerSwiper{height:65px}section.news-tracker .container{flex-direction:column;justify-content:center}section.news-tracker .swiper-arrow{margin-top:20px}}@media only screen and (max-width: 767px){section.news-tracker a{flex-direction:column;align-items:flex-start;gap:5px 0}}section.category-block{padding:clamp(50px,4.167vw,80px) 0 60px 0;overflow:hidden;background:#fff}section.category-block .container{grid-column:var(--common-grid)}section.category-block .pic{display:block;position:relative;transition:transform .3s}section.category-block .pic:before{content:"";display:block;width:100%;height:0;padding-bottom:100%}section.category-block .pic img{width:100%;height:100%;left:0;top:0;object-fit:contain;position:absolute}section.category-block .swiper-arrow{margin-top:auto;margin-left:auto;margin-bottom:auto;display:flex;height:fit-content}section.category-block .swiper-arrow .swiper-button.prev{margin-right:30px}section.category-block .swiper-outer{margin-top:50px;grid-column:1/-1;border-bottom:1px solid #E7E7E7}section.category-block .swiper-outer .categorySwiper{margin:0 0 0 auto;margin-right:max(-3.125vw,-60px);width:97.39583%;position:relative}@media only screen and (max-width: 575px){section.category-block .swiper-outer .categorySwiper{margin-right:-70px;width:112%}}section.category-block .swiper-outer .categorySwiper:before{position:absolute;left:0;bottom:0;z-index:2;display:block;background:linear-gradient(-90deg,#fff0,#fff);width:1.4583vw;height:100%;pointer-events:none;content:""}section.category-block .swiper-slide{padding:0 10px 50px;width:calc(13.369% + 20px);position:relative;cursor:pointer}section.category-block .swiper-slide:after{position:absolute;left:50%;bottom:0;display:block;background:#000;width:0;height:3px;transition:width .5s;transform:translate3d(-50%,0,0);content:""}section.category-block .swiper-slide .pic{max-width:200px;margin:auto;transform:scale(.577)}@media only screen and (max-width: 1200px){section.category-block .swiper-slide .pic{max-width:150px}}section.category-block .swiper-slide .title{padding-top:20px;display:block;font-size:1.125rem;font-weight:500;line-height:1.3;letter-spacing:.5px}@media only screen and (max-width: 1200px){section.category-block .swiper-slide .title{font-size:1rem}}section.category-block .swiper-slide.swiper-slide-active:after,section.category-block .swiper-slide.swiper-slide-duplicate-active:after{width:74.07%}section.category-block .swiper-slide.swiper-slide-active.noHover:after,section.category-block .swiper-slide.swiper-slide-duplicate-active.noHover:after{width:0}section.category-block .swiper-slide.swiper-slide-active.noHover .pic,section.category-block .swiper-slide.swiper-slide-duplicate-active.noHover .pic{transform:scale(.577)}section.category-block .swiper-slide.swiper-slide-active .pic,section.category-block .swiper-slide.swiper-slide-duplicate-active .pic{transform:scale(1)}section.category-block .swiper-slide.hover:after{width:74.07%!important}section.category-block .swiper-slide.hover .pic{transform:scale(1)!important}@media only screen and (max-width: 1200px){section.category-block .swiper-slide{width:200px}section.category-block .swiper-slide.swiper-slide-active:after,section.category-block .swiper-slide.swiper-slide-duplicate-active:after{width:100%!important}}section.product-block{padding:60px 0 0;margin-top:-1px;overflow:hidden;background:#fff}section.product-block .container{grid-column:var(--common-grid)}section.product-block .section-title{padding-bottom:20px}section.product-block .section-title .main{margin-top:20px}section.product-block .common-cate{margin-top:auto;margin-left:auto;display:flex;max-width:850px;width:50%}section.product-block .common-cate multipurpose-nav{margin-left:auto}section.product-block .common-cate .drag-container{max-width:unset;justify-content:flex-end}section.product-block .content .main{color:#000;transition:color .3s}section.product-block .content .sub{margin-top:10px;color:#5b5b5b;transition:color .8s}section.product-block .content .type{margin-top:15px;color:#e71300}section.product-block .content .price{margin-top:15px;color:#000;transition:color .3s}section.product-block .content .price span+span{margin-left:5px}section.product-block .hoverPic{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .3s;pointer-events:none;z-index:-1}section.product-block .hoverPic img{transition:transform .5s;transform:scale(1.05);object-fit:cover;width:100%;height:100%}section.product-block .product-outer{grid-column:1/-1;display:flex;flex-wrap:wrap}section.product-block .product-outer .item{position:relative;display:flex;flex:1;min-width:25%;min-height:clamp(405px,28.6458vw,550px);min-height:550px;overflow:hidden;border-top:1px solid #E7E7E7;border-right:1px solid #E7E7E7}section.product-block .product-outer .item .wrapper{padding:30px;display:flex}section.product-block .product-outer .item .tag-outer{padding:10px 23px;display:flex;justify-content:center;align-items:center;gap:20px;position:absolute;left:0;top:0;min-width:80px;height:80px;font-size:.875rem;font-weight:700;line-height:1;z-index:2}section.product-block .product-outer .item .tag-outer .tag:before{content:attr(data-text)}section.product-block .product-outer .item .tag-outer .tag[data-text=HOT]:before{color:#e71300}section.product-block .product-outer .item .tag-outer .tag[data-text=NEW]:before{color:#000}section.product-block .product-outer .item .defaultPic{width:100%;transition:transform .3s}section.product-block .product-outer .item .content{margin-top:50px;transition:margin-top .3s}section.product-block .product-outer .item .bottom{position:relative;overflow:hidden;transition:padding-top .3s .3s}section.product-block .product-outer .item .wrapper{width:100%;height:100%;transition:transform .3s;z-index:1}@media only screen and (min-width: 1200px) and (min-width: 1201px){section.product-block .product-outer .item:hover .content{margin-top:30px;transform:translateY(38px)}section.product-block .product-outer .item:hover .hover-block{grid-template-rows:1fr}}@media only screen and (min-width: 1200px) and (max-width: 1200px){section.product-block .product-outer .item:active .content{margin-top:30px;transform:translateY(38px)}section.product-block .product-outer .item:active .hover-block{grid-template-rows:1fr}}section.product-block .product-outer .item[data-hoverPic=true] .hoverPic:after{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .3s 0s;background:linear-gradient(180deg,#0000 60.91%,#00000080 85.45%);pointer-events:none;content:""}@media only screen and (min-width: 1201px){section.product-block .product-outer .item[data-hoverPic=true]:hover .hoverPic{opacity:1}}@media only screen and (max-width: 1200px){section.product-block .product-outer .item[data-hoverPic=true]:active .hoverPic{opacity:1}}section.product-block .product-outer .item[data-hoverPic=true][data-type=column] .hoverPic{z-index:0}section.product-block .product-outer .item[data-hoverPic=true][data-type=column] .pic{z-index:-1}@media only screen and (min-width: 1201px){section.product-block .product-outer .item[data-hoverPic=true][data-type=column]:hover .pic{opacity:0}section.product-block .product-outer .item[data-hoverPic=true][data-type=column]:hover .hoverPic{opacity:1}}@media only screen and (min-width: 1201px) and (min-width: 1200px){section.product-block .product-outer .item[data-hoverPic=true][data-type=column]:hover .hoverPic img{transform:scale(1)}}@media only screen and (min-width: 1201px){section.product-block .product-outer .item[data-hoverPic=true][data-type=column]:hover .hoverPic:after{opacity:1;transition:opacity .3s .2s}section.product-block .product-outer .item[data-hoverPic=true][data-type=column]:hover .content .main,section.product-block .product-outer .item[data-hoverPic=true][data-type=column]:hover .content .sub,section.product-block .product-outer .item[data-hoverPic=true][data-type=column]:hover .content .price{color:#fff}}@media only screen and (max-width: 1200px){section.product-block .product-outer .item[data-hoverPic=true][data-type=column]:active .pic{opacity:0}section.product-block .product-outer .item[data-hoverPic=true][data-type=column]:active .hoverPic{opacity:1}}@media only screen and (max-width: 1200px) and (min-width: 1200px){section.product-block .product-outer .item[data-hoverPic=true][data-type=column]:active .hoverPic img{transform:scale(1)}}@media only screen and (max-width: 1200px){section.product-block .product-outer .item[data-hoverPic=true][data-type=column]:active .hoverPic:after{opacity:1;transition:opacity .3s .2s}section.product-block .product-outer .item[data-hoverPic=true][data-type=column]:active .content .main,section.product-block .product-outer .item[data-hoverPic=true][data-type=column]:active .content .sub,section.product-block .product-outer .item[data-hoverPic=true][data-type=column]:active .content .price{color:#fff}}section.product-block .product-outer .item[data-type=column]{justify-content:center}section.product-block .product-outer .item[data-type=column] .wrapper{flex-direction:column;align-items:center;justify-content:center}section.product-block .product-outer .item[data-type=column] .pic{display:flex;justify-content:center;align-items:center;width:100%;height:fit-content;z-index:-1}section.product-block .product-outer .item[data-type=column] .defaultPic{max-width:225px;position:relative}section.product-block .product-outer .item[data-type=column] .defaultPic:before{content:"";display:block;width:100%;height:0;padding-bottom:100%}section.product-block .product-outer .item[data-type=column] .defaultPic img{width:100%;height:100%;left:0;top:0;object-fit:cover;position:absolute}section.product-block .product-outer .item[data-type=column] .defaultPic img{object-fit:contain}section.product-block .product-outer .item[data-type=column] .content{text-align:center;z-index:1}@media only screen and (min-width: 1200px) and (min-width: 1201px){section.product-block .product-outer .item[data-type=column][data-hoverPic=false]:hover .defaultPic{transform:scale(1.5)}}@media only screen and (min-width: 1200px) and (max-width: 1200px){section.product-block .product-outer .item[data-type=column][data-hoverPic=false]:active .defaultPic{transform:scale(1.5)}}@media only screen and (min-width: 1201px){section.product-block .product-outer .item[data-type=row]:hover .hoverPic img{transform:scale(1)}}@media only screen and (max-width: 1200px){section.product-block .product-outer .item[data-type=row]:active .hoverPic img{transform:scale(1)}}@media only screen and (min-width: 768px){section.product-block .product-outer .item[data-type=row]{padding:50px 0;min-width:50%}section.product-block .product-outer .item[data-type=row] .wrapper{flex-direction:row;align-items:center}section.product-block .product-outer .item[data-type=row] .hoverPic{width:50%;z-index:2}section.product-block .product-outer .item[data-type=row] .pic{width:50%;display:flex;justify-content:center;align-items:center}section.product-block .product-outer .item[data-type=row] .defaultPic{margin-left:auto;max-width:400px;position:relative}section.product-block .product-outer .item[data-type=row] .defaultPic:before{content:"";display:block;width:100%;height:0;padding-bottom:125%}section.product-block .product-outer .item[data-type=row] .defaultPic img{width:100%;height:100%;left:0;top:0;object-fit:cover;position:absolute}section.product-block .product-outer .item[data-type=row] .content{margin:0 auto;width:43.75%;transform:translateY(30px);transition:transform .3s}}@media only screen and (min-width: 768px) and (min-width: 1201px){section.product-block .product-outer .item[data-type=row]:hover .content{transform:translateY(0)}}@media only screen and (min-width: 768px) and (max-width: 1200px){section.product-block .product-outer .item[data-type=row]:active .content{transform:translateY(0)}}@media only screen and (max-width: 1400px){section.product-block .product-outer .item{min-width:50%}section.product-block .product-outer .item[data-type=row]{min-width:100%}}@media only screen and (max-width: 1200px){section.product-block .flex{flex-direction:column}section.product-block .common-cate{margin:0 -20px;width:auto}section.product-block .common-cate multipurpose-nav{margin-left:0}section.product-block .common-cate .drag-container{justify-content:flex-start}section.product-block .product-outer .hover-block{grid-template-rows:1fr}section.product-block .product-outer .item .content{margin-top:30px}section.product-block .product-outer .item[data-type=column] .defaultPic{max-width:200px}}@media only screen and (max-width: 767px){section.product-block .product-outer .item{min-width:100%;min-height:405px}section.product-block .product-outer .item[data-type=row]{justify-content:center;min-width:100%}section.product-block .product-outer .item[data-type=row] .wrapper{flex-direction:column;align-items:center;justify-content:center}section.product-block .product-outer .item[data-type=row] .pic{display:flex;justify-content:center;align-items:center;width:100%;height:fit-content}section.product-block .product-outer .item[data-type=row] .defaultPic{max-width:250px;position:relative}section.product-block .product-outer .item[data-type=row] .defaultPic:before{content:"";display:block;width:100%;height:0;padding-bottom:100%}section.product-block .product-outer .item[data-type=row] .defaultPic img{width:100%;height:100%;left:0;top:0;object-fit:cover;position:absolute}section.product-block .product-outer .item[data-type=row] .defaultPic img{object-fit:contain}section.product-block .product-outer .item[data-type=row] .content{text-align:center}section.product-block .product-outer .item[data-type=row] .hoverPic{z-index:0}}@media only screen and (max-width: 767px) and (min-width: 1201px){section.product-block .product-outer .item[data-type=row]:hover[data-hoverPic=false] .defaultPic{transform:scale(1.18)}section.product-block .product-outer .item[data-type=row]:hover .pic{opacity:0}section.product-block .product-outer .item[data-type=row]:hover .hoverPic{opacity:1}section.product-block .product-outer .item[data-type=row]:hover:after{opacity:1}section.product-block .product-outer .item[data-type=row]:hover .content .main,section.product-block .product-outer .item[data-type=row]:hover .content .sub,section.product-block .product-outer .item[data-type=row]:hover .content .price{color:#fff}}@media only screen and (max-width: 767px) and (max-width: 1200px){section.product-block .product-outer .item[data-type=row]:active[data-hoverPic=false] .defaultPic{transform:scale(1.18)}section.product-block .product-outer .item[data-type=row]:active .pic{opacity:0}section.product-block .product-outer .item[data-type=row]:active .hoverPic{opacity:1}section.product-block .product-outer .item[data-type=row]:active:after{opacity:1}section.product-block .product-outer .item[data-type=row]:active .content .main,section.product-block .product-outer .item[data-type=row]:active .content .sub,section.product-block .product-outer .item[data-type=row]:active .content .price{color:#fff}}section.style-block{background:#fff}section.style-block .container{display:flex;flex-wrap:wrap;gap:5px}section.style-block .item{position:relative}section.style-block .item .wrapper{z-index:2;pointer-events:none}section.style-block .item .inner{opacity:0;transform:translate3d(0,50px,0);transition:transform .5s,opacity .5s;pointer-events:auto}section.style-block .item.enter .inner{opacity:1;transform:translateZ(0)}section.style-block .item .dec{position:absolute;width:100%;height:100%;bottom:-4%;left:0;z-index:1;pointer-events:none}section.style-block .item .dec p{text-align:center;font-size:11.04167vw;font-weight:600;line-height:1;letter-spacing:-6.156px}section.style-block .item .sticky{position:sticky;top:85%}section.style-block .item .title{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.style-block .item .bg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:0;overflow:hidden}section.style-block .item .bg img{width:100%;height:100%;object-fit:cover}section.style-block .item .sub{font-size:1.125rem;font-weight:500;line-height:1.3;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.style-block .item[data-type=full]{width:100%;min-height:clamp(503px,46.875vw,900px);display:grid;grid-template-columns:var(--common-grid-template);opacity:0;transition:clip-path .8s,opacity .8s}section.style-block .item[data-type=full].aost-show{opacity:1}section.style-block .item[data-type=full] .title{font-size:clamp(1.625rem,1.875vw,2.25rem);font-weight:600;line-height:1.3}section.style-block .item[data-type=full] .wrapper{display:flex;grid-column:var(--common-grid);z-index:1}section.style-block .item[data-type=full] .inner{width:22.94%}section.style-block .item[data-type=full] .sub{padding:10px 20px;font-size:clamp(.875rem,.9375vw,1.125rem);display:block;width:fit-content;background:var(--textBg-color)}section.style-block .item[data-type=full] .sub:not(:first-child){margin-top:15px}section.style-block .item[data-type=full][data-tagColor=white] .sub{color:#fff}section.style-block .item[data-type=full][data-tagColor=black] .sub{color:#000}section.style-block .item[data-type=full][data-textAlign=left] .inner{margin:auto auto auto 0}section.style-block .item[data-type=full][data-textAlign=center]{text-align:center}section.style-block .item[data-type=full][data-textAlign=center] .inner{margin:auto;width:29.4%}section.style-block .item[data-type=full][data-textAlign=center] .sub:not(:first-child){margin:15px auto 0}section.style-block .item[data-type=full][data-textAlign=right]{text-align:right}section.style-block .item[data-type=full][data-textAlign=right] .inner{margin:auto 0 auto auto}section.style-block .item[data-type=full][data-textAlign=right] .sub:not(:first-child){margin:15px 0 0 auto}section.style-block .item[data-type=full][data-textColor=white] .wrapper{z-index:5}section.style-block .item[data-type=full][data-textColor=white] .bg:before{position:absolute;left:0;top:0;display:block;width:100%;height:100%;pointer-events:none;z-index:1;background:linear-gradient(180deg,#0000 58.75%,#00000080),linear-gradient(0deg,#0000000d,#0000000d);content:""}section.style-block .item[data-type=half]{width:calc((100% - 5px)/2);min-height:clamp(400px,42.96875vw,825px);opacity:0;transition:clip-path .8s,opacity .8s}section.style-block .item[data-type=half].aost-show{opacity:1}section.style-block .item[data-type=half] .title{font-size:1.125rem;font-weight:600;line-height:1.3;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.style-block .item[data-type=half] .wrapper{padding:15px;display:flex;width:100%;height:100%}section.style-block .item[data-type=half] .inner{z-index:2;padding:20px;display:flex;flex-direction:column;justify-content:center;width:clamp(160px,10.9375vw,210px);min-height:clamp(160px,10.4167vw,200px);height:fit-content;background:var(--textBg-color);color:var(--data-tagColor)}section.style-block .item[data-type=half] .sub{line-height:1.6}section.style-block .item[data-type=half] .sub:not(:first-child){margin-top:5px}section.style-block .item[data-type=half][data-textAlign*=left-] .inner{margin-right:auto}section.style-block .item[data-type=half][data-textAlign*=center-] .inner{margin-right:auto;margin-left:auto}section.style-block .item[data-type=half][data-textAlign*=right-] .inner{margin-right:0;margin-left:auto}section.style-block .item[data-type=half][data-textAlign*=-top] .inner{margin-top:0;margin-bottom:auto}section.style-block .item[data-type=half][data-textAlign*=-middle] .inner{margin-top:auto;margin-bottom:auto}section.style-block .item[data-type=half][data-textAlign*=-bottom] .inner{margin-top:auto;margin-bottom:0}section.style-block .item[data-textColor=white] .dec{color:#fff}section.style-block .item[data-textColor=white] .title{color:#fff}section.style-block .item[data-textColor=black] .dec{color:#000}section.style-block .item[data-textColor=black] .title{color:#000}@media only screen and (max-width: 1200px){section.style-block .item[data-type=full] .inner{width:50%}section.style-block .item[data-type=half] .title{font-size:.875rem}section.style-block .item[data-type=half] .sub{font-size:.875rem;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}}@media only screen and (max-width: 767px){section.style-block .dec{display:none}section.style-block .item[data-type=half]{min-height:clamp(400px,100vw,767px)}section.style-block .item[data-type=half]{width:100%}}@media only screen and (max-width: 900px){section.style-block .dec{display:none}section.style-block .item[data-type=full] .inner{margin-bottom:30px!important;width:100%}section.style-block .item[data-type=half] .title{font-size:.875rem}section.style-block .item[data-type=half] .sub{font-size:.875rem;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}section.style-block .item[data-type=half] .inner{padding:15px;width:clamp(120px,10.9375vw,210px);min-height:clamp(120px,10.4167vw,200px)}}.news-block{padding:80px 0 60px;overflow:hidden;background:#fff}.news-block .container{grid-column:var(--common-grid)}.news-block .pic{position:relative;display:block;overflow:hidden}.news-block .pic:before{content:"";display:block;width:100%;height:0;padding-bottom:67.873%}.news-block .pic img{width:100%;height:100%;left:0;top:0;object-fit:cover;position:absolute}.news-block .pic img{transition:transform .3s;background:#000}.news-block .date{font-size:.875rem;font-weight:700;line-height:1}.news-block .title{font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:.5px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.news-block .swiper-arrow{margin-top:20px;margin-left:auto;display:flex;width:fit-content;grid-column:var(--common-grid)}.news-block .swiper-arrow .swiper-button.prev{margin-right:30px}.news-block .swiper-outer{margin-top:25px;position:relative;grid-column:3/-1}.news-block .swiper-outer:before{position:absolute;left:calc(-1.4583vw - 1px);bottom:0;z-index:2;display:block;background:linear-gradient(-90deg,#fff0,#fff);width:1.4583vw;height:100%;pointer-events:none;content:""}.news-block .swiper-outer:after{position:absolute;right:-1px;bottom:0;z-index:1;display:block;background:linear-gradient(90deg,#fff0,#fff);width:min(12.76vw,245px);height:100%;pointer-events:none;content:""}.news-block .swiper-outer .slide-inner{padding:0 1.4583vw;text-align:left}@media only screen and (min-width: 1201px){.news-block .swiper-outer .swiper-slide:hover img{transform:scale(1.05)}}@media only screen and (max-width: 1200px){.news-block .swiper-outer .swiper-slide:active img{transform:scale(1.05)}}.news-block .swiper-outer .content{margin-top:30px}.news-block .swiper-outer .content .title:not(:first-child){margin-top:15px}.news-block .swiper-outer .newsSwiper{margin-right:-6.6146vw;width:107.02%}.news-block .swiper-outer .wrapper{margin:0 -1.4583vw}.news-block .common-cate{display:flex;margin-top:auto;margin-left:auto;max-width:850px;width:50%}.news-block .common-cate multipurpose-nav[m4-type=drag]{margin-left:auto}.news-block .common-cate multipurpose-nav[m4-type=drag] .drag-container{max-width:unset;justify-content:flex-end}.news-block .common-cate multipurpose-nav[m4-type=drag] .drag-container .category{padding:15px 0}@media only screen and (max-width: 1200px){.news-block .newsSwiper{margin-right:-6.6146vw;width:107.02%}.news-block .swiper-outer{grid-column:2/-1}}@media only screen and (max-width: 1024px){.news-block .flex{flex-direction:column}.news-block .common-cate{margin:0 -20px;width:auto}.news-block .common-cate multipurpose-nav[m4-type=drag]{margin-left:0}.news-block .common-cate multipurpose-nav[m4-type=drag] .drag-container{justify-content:flex-start}.news-block .swiper-outer{grid-column:2/-1}}@media only screen and (max-width: 767px){.news-block .swiper-arrow{margin-top:30px;margin-right:auto}.news-block .swiper-outer{grid-column:2/-2}.news-block .swiper-outer:before,.news-block .swiper-outer:after{display:none}.news-block .swiper-outer .swiper-arrow{margin-top:30px;margin-right:auto}.news-block .swiper-outer .newsSwiper{margin-right:0;width:100%}.news-block .swiper-outer .content{margin-top:15px}}.marketing-block{position:relative;width:100%;min-height:max(39.0625vw,670px);--width: 50%}.marketing-block .wrapper:before{left:0}.marketing-block .wrapper:after{right:0}.marketing-block .wrapper:before,.marketing-block .wrapper:after{top:0;z-index:1;display:block;width:50vw;height:100%;background:#fff;position:absolute;width:var(--width);content:""}.marketing-block .bg{position:absolute;width:100vw;height:100vh;left:0;top:0;z-index:-1;overflow:hidden}.marketing-block .bg:after{position:absolute;left:0;top:0;background:linear-gradient(180deg,#0000 73.83%,#00000080),linear-gradient(0deg,#0003,#0003);display:block;width:100%;height:100%;content:""}.marketing-block .bg img{width:100%;height:100%;object-fit:cover}.marketing-block .bg.fixed{position:fixed;bottom:0;left:0}.marketing-block .sub{font-size:1.125rem;font-weight:500;line-height:1.3;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.marketing-block .container{grid-column:var(--common-grid);width:100%;min-height:max(39.0625vw,670px);z-index:2;color:#fff;display:flex}.marketing-block .wrapper{padding:50px 0;margin-top:auto}.marketing-block .main{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);mix-blend-mode:difference}.marketing-block .main{font-size:max(9.27083vw,4.5rem);font-weight:700;line-height:1}.marketing-block .text{padding-top:200px;margin-top:auto;max-width:550px;width:100%;font-size:.875rem;font-weight:400;line-height:1.8;letter-spacing:.5px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5}