@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:100 900;font-display:swap;src:url(../../assets/fonts/font/notoserifjp-kana-w.119.woff2) format("woff2");unicode-range:U+3041-307F,U+3081-308F,U+3091-3093,U+3099-309A,U+309D-309E,U+30A1-30E1,U+30E3-30ED,U+30EF-30F0,U+30F2-30F4,U+30FB-30FE}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:100 900;font-display:swap;src:url(../../assets/fonts/font/notoserifjp-kana-w.54.woff2) format("woff2");unicode-range:U+3094-3096,U+309F-30A0,U+30EE,U+30F7-30FA,U+30FF}section.touch .touch-item .info-link,section.touch .touch-item .info-text,section.touch .sticky-content .info-item .info-link,section.touch .sticky-content .info-item .info-text{font-size:1.125rem;font-weight:400;line-height:1.8;letter-spacing:.5px}@media only screen and (max-width:1200px){section.touch .touch-item .info-link,section.touch .touch-item .info-text,section.touch .sticky-content .info-item .info-link,section.touch .sticky-content .info-item .info-text{font-size:1rem}}section.touch .touch-item .info-label .label-text,.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .collapse-label{font-size:1.125rem;font-weight:700;line-height:1.8;letter-spacing:.5px}@media only screen and (max-width:1200px){section.touch .touch-item .info-label .label-text,.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .collapse-label{font-size:1rem}}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .category,.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category{font-size:1.125rem;font-weight:500;line-height:1.8;letter-spacing:.5px}@media only screen and (max-width:1200px){.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .category,.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category{font-size:1rem}}section.touch .touch-item .item-header .title{font-size:1.5rem;font-weight:500;line-height:1.4;letter-spacing:1px}@media only screen and (max-width:1200px){section.touch .touch-item .item-header .title{font-size:1.25rem}}section.touch .sticky-content .label-zh,section.touch .sticky-content .label-en{font-size:1.25rem;font-weight:500;line-height:1.4;letter-spacing:1px}@media only screen and (max-width:1200px){section.touch .sticky-content .label-zh,section.touch .sticky-content .label-en{font-size:1.125rem}}section.brand .title-zh,section.touch .sticky-content .title-zh{font-size:1.875rem;font-weight:500;line-height:1.4;letter-spacing:.5px}@media only screen and (max-width:1200px){section.brand .title-zh,section.touch .sticky-content .title-zh{font-size:1.625rem}}section.banner[data-type=img] .title,section.banner[data-type=normal] .title{font-size:3.125rem;font-weight:600;line-height:1.4;letter-spacing:2px}@media only screen and (max-width:1200px){section.banner[data-type=img] .title,section.banner[data-type=normal] .title{font-size:2rem}}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container{max-width:100%;vertical-align:middle}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .wrapper,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .wrapper,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper{padding:0;gap:10px 30px!important}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category{color:var(--text-color);transition:color .5s,font-weight .5s}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category:after,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category:after,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category:after,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category:after{left:0;right:initial;background-color:var(--primary-color);transition:width .5s,background .5s}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container{padding:0}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button{background-color:transparent;width:20px}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev{left:0;transform:translate3d(0,-50%,0)}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev.hide div:before,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev.hide div:before{border-top:2px solid var(--text-color);border-left:2px solid var(--text-color)}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before{border-top:2px solid var(--text-color);border-left:2px solid var(--text-color)}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next{right:0;transform:translate3d(0,-50%,0)}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next.hide div:before,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next.hide div:before{border-top:2px solid var(--text-color);border-right:2px solid var(--text-color)}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before{border-top:2px solid var(--text-color);border-right:2px solid var(--text-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item:hover .category,.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item.active .category,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item:hover .category,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item.active .category{font-weight:700;color:var(--primary-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category{padding:0 5px 8px}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category:after,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category:after{height:3px}.multipurpose-wrapper multipurpose-nav[m4-type=collapse].expand .drag-container .wrapper{display:grid}.multipurpose-wrapper multipurpose-nav[m4-type=collapse].expand .drag-container .collapse-placeholder{display:none}.multipurpose-wrapper multipurpose-nav[m4-type=collapse].expand .collapse-container{transition:opacity .3s,transform .3s}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .open-collapse{flex-shrink:0;margin-left:30px;padding-left:30px;border-left:1px solid rgba(from currentColor r g b/20%);width:50px;height:30px}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .open-collapse:before{border:none;width:auto;height:auto;font-family:icomoon!important;speak:never;font-size:.625rem;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;content:""}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .collapse-placeholder{padding:0;opacity:0}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container{padding:30px;top:calc(100% + 17.5px);border-radius:15px;border:none;box-shadow:0 0 20px #0000001a;max-width:100%;transition:opacity .3s .3s,transform .3s .3s;display:flex;flex-direction:column;gap:15px}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container.dark{background-color:var(--dark-color);color:var(--light-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container.dark .category{color:var(--p-light-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container.light{background-color:var(--light-color);color:var(--dark-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container.light .category{color:var(--p-dark-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .wrapper{margin:0 -5px -10px}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .item{margin:0 5px 10px;padding:0 20px;display:flex;align-items:center;justify-content:center;border-radius:100px;border:1px solid rgba(from currentColor r g b/20%);min-width:150px;max-width:100%;min-height:50px;transition:background .5s}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .item:hover{background-color:transparent}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .item:hover .category{color:var(--primary-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .item:hover.active .category{color:var(--hover-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .item.active{background-color:var(--primary-color);border-color:transparent}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .item.active .category{color:var(--hover-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .category{color:var(--p-dark-color);transition:color .5s}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:0 30px}@media only screen and (max-width:1200px){.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .wrapper,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper{gap:10px 20px!important}}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item:hover .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item.active .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item:hover .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item.active .category{font-weight:700}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item:hover .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item.active .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item:hover .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item.active .category .icon-box{margin-left:5px;transform:translateY(-2px);max-width:15px;opacity:1;transition:margin .5s,max-width .5s,opacity .5s .3s}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category{padding:20px 5px;display:flex;align-items:center;justify-content:center;min-width:250px}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category:after,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category:after{height:5px}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category .icon-box{margin-left:0;max-width:0;height:15px;opacity:0;font-size:.9375rem;transition:margin .5s .3s,max-width .5s .3s,opacity .5s}.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container{justify-content:center}.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:0 50px}.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button div:before{width:12px;height:12px}@media only screen and (max-width:1200px){.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .wrapper,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper{gap:10px 5px!important}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item:hover .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item.active .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item:hover .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item.active .category .icon-box{max-width:12px}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category{min-width:100px}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category .icon-box{display:none}.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:0 30px}.g-multipurpose-wrapper multipurpose-nav[data-style-type=dot][m4-type=collapse] .drag-container .wrapper,.g-multipurpose-wrapper multipurpose-nav[data-style-type=dot][m4-type=drag] .drag-container .wrapper{gap:10px 35px!important}.g-multipurpose-wrapper multipurpose-nav[data-style-type=dot][m4-type=collapse] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[data-style-type=dot][m4-type=drag] .drag-container .category{padding:20px 0;min-width:initial}.g-multipurpose-wrapper multipurpose-nav[data-style-type=dot][m4-type=drag] .drag-container .item.active .category:after{width:0}.g-multipurpose-wrapper multipurpose-nav[data-style-type=dot][m4-type=drag] .drag-container .item:not(:last-child):after{position:absolute;top:50%;right:-17.5px;transform:translateY(-50%);display:block;border-radius:50%;background:#0003;width:5px;height:5px;content:""}}section.banner[data-type=normal]>.container{padding:var(--nav-height) var(--side-space) 0;position:relative;display:flex;min-height:500px;overflow:hidden}section.banner[data-type=normal]>.container:before{position:absolute;top:var(--nav-height);left:0;z-index:-2;display:block;background:linear-gradient(180deg,#f9f9f9,#fff0);width:100%;height:100px;content:""}section.banner[data-type=normal] .decoration-text{position:absolute;top:calc(var(--nav-height) + 10px);left:-33px;z-index:-1;color:#f0f0f0;font-size:clamp(6.25rem,-1.7658rem + 22.3048vw,25rem);font-weight:700;line-height:1;-webkit-user-select:none;user-select:none}section.banner[data-type=normal] .content-box{padding:50px 0;margin:0 auto;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:20px;max-width:640px;min-height:100%;text-align:center}@media only screen and (max-width:1200px){section.banner[data-type=normal]>.container{min-height:400px}section.banner[data-type=normal]>.container:before{height:50px}}@media only screen and (max-width:1024px){section.banner[data-type=normal]>.container{min-height:initial}section.banner[data-type=normal] .decoration-text{top:calc(var(--nav-height) + 8px);left:0}section.banner[data-type=normal] .content-box{padding:80px 0 30px}}@media only screen and (max-width:767px){section.banner[data-type=normal] .content-box{margin:0;align-items:start;max-width:initial;text-align:left}}section.banner[data-type=img]{position:relative}section.banner[data-type=img][data-theme=dark]{color:var(--dark-color)}section.banner[data-type=img][data-theme=light]{color:var(--light-color)}section.banner[data-type=img]>.bg{position:absolute;inset:0;width:100%;height:100%}section.banner[data-type=img]>.bg:after{position:absolute;inset:0;display:block;background:linear-gradient(0deg,#0000 80.43%,#0003);width:100%;height:100%;content:""}section.banner[data-type=img]>.bg img{width:100%;height:100%;object-fit:cover}section.banner[data-type=img]>.container{padding:var(--nav-height) var(--side-space) 0;position:relative;display:flex;min-height:700px}section.banner[data-type=img] .content-box{margin:0 auto;padding:100px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;max-width:640px;text-align:center}@media only screen and (min-width:1921px){section.banner[data-type=img]>.container{aspect-ratio:1920/700}}@media only screen and (max-width:1200px){section.banner[data-type=img]>.container{min-height:500px}section.banner[data-type=img] .content-box{padding:60px 0 80px}}@media only screen and (max-width:575px){section.banner[data-type=img]>.container{min-height:450px}}.action-wrapper .g-multipurpose-wrapper{padding:0 calc(var(--1fr) * 3);grid-column:5/-5;border-bottom:1px solid rgba(0,0,0,.2)}@media only screen and (max-width:1536px){.action-wrapper .g-multipurpose-wrapper{grid-column:4/-4}}@media only screen and (max-width:1024px){.action-wrapper .g-multipurpose-wrapper{padding:0 var(--side-space);grid-column:1/-1}}section.content>.container{padding:100px 0 150px;display:flex;flex-direction:column;gap:150px}@media only screen and (max-width:1024px){section.content>.container{padding:50px 0 80px;gap:80px}}section.touch>.container{grid-column:7/-7;display:flex;gap:calc(var(--1fr) * 2)}section.touch .sticky-wrapper{position:relative;flex-shrink:0;width:400px}section.touch .sticky-content{position:sticky;top:calc(var(--nav-height) + 70px);display:flex;flex-direction:column;align-items:flex-start;gap:30px}section.touch .sticky-content .title-box{display:flex;flex-direction:column;align-items:flex-start;gap:10px}section.touch .sticky-content .title-en{font-size:3.125rem;font-weight:600;line-height:1.2}section.touch .sticky-content .gutter{flex-shrink:0;display:block;background:var(--primary-color);width:80px;height:5px}section.touch .sticky-content .info-box{display:flex;flex-direction:column;gap:30px}section.touch .sticky-content .info-label{display:flex;align-items:center;gap:10px}section.touch .sticky-content .infos-wrapper{display:flex;flex-direction:column;gap:10px}section.touch .sticky-content .info-item{display:flex;align-items:start;gap:10px}section.touch .sticky-content .info-item .icon-box{margin-top:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px}section.touch .sticky-content .info-item .icon-box img{width:100%;height:100%;object-fit:contain}section.touch .sticky-content .info-item .info-link,section.touch .sticky-content .info-item .info-text{color:var(--paragraph-color)}section.touch .sticky-content .info-item .info-link{transition:color .5s}section.touch .content-box{padding-top:70px;flex:1;display:flex;flex-direction:column;gap:50px}section.touch .touch-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 50px}section.touch .touch-item{padding-bottom:30px;display:flex;flex-direction:column;gap:20px;border-bottom:1px dashed rgba(0,0,0,.2)}section.touch .touch-item .item-header{display:flex;gap:30px;min-height:60px}section.touch .touch-item .item-header .icon-box{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:60px;height:60px}section.touch .touch-item .item-header .icon-box img{width:100%;height:100%;object-fit:contain}section.touch .touch-item .item-header .title{flex:1;align-self:center}section.touch .touch-item .infos-wrapper{padding:0 15px;display:flex;flex-direction:column;gap:10px}section.touch .touch-item .info-item{display:flex;align-items:flex-start;gap:10px}section.touch .touch-item .info-label{flex-shrink:0;display:flex;align-items:center;gap:15px;width:100px}section.touch .touch-item .info-label .icon-box{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px}section.touch .touch-item .info-label .icon-box img{width:100%;height:100%;object-fit:contain}section.touch .touch-item .info-link,section.touch .touch-item .info-text{word-break:break-word;overflow-wrap:break-word;color:var(--paragraph-color)}section.touch .touch-item .info-link{transition:color .5s}@media only screen and (min-width:1201px){section.touch .sticky-content .info-item .info-link:hover{color:var(--primary-color)}section.touch .touch-item .info-link:hover{color:var(--primary-color)}}@media only screen and (max-width:1536px){section.touch>.container{grid-column:6/-6}}@media only screen and (max-width:1366px){section.touch>.container{grid-column:4/-4;flex-direction:column;gap:50px}section.touch .sticky-wrapper{width:100%}section.touch .sticky-content{position:static;flex-direction:row}section.touch .sticky-content .title-box{flex-shrink:0;width:46.1759082218%}section.touch .sticky-content .gutter{align-self:stretch;width:5px;height:auto}section.touch .sticky-content .info-box{flex:1}section.touch .content-box{padding-top:0}}@media only screen and (max-width:1024px){section.touch>.container{grid-column:2/-2}section.touch .sticky-content .title-box{flex:1;width:auto}section.touch .sticky-content .title-en{font-size:2rem}section.touch .content-box{gap:30px}}@media only screen and (max-width:767px){section.touch>.container{gap:60px}section.touch .sticky-wrapper:after{position:absolute;bottom:-30px;left:0;right:0;display:block;background:repeating-linear-gradient(to right,rgba(from currentColor r g b/20%) 0px,rgba(from currentColor r g b/20%) 3px,transparent 3px,transparent 6px);width:100%;height:1px;content:""}section.touch .sticky-content{flex-direction:column;gap:20px}section.touch .sticky-content .gutter{width:80px;height:5px}section.touch .sticky-content .info-box{gap:20px}section.touch .touch-wrapper{display:grid;grid-template-columns:1fr;gap:30px}section.touch .touch-item .item-header{gap:20px;min-height:40px}section.touch .touch-item .item-header .icon-box{width:40px;height:40px}section.touch .touch-item .info-label{width:90px}}section.brand>.container{grid-column:3/-3;display:flex;gap:calc(var(--1fr) * 2)}section.brand .sticky-wrapper{position:relative;flex-shrink:0;width:50%}section.brand .img-box{position:sticky;top:calc(var(--nav-height) + 70px);border-radius:5px;width:100%;aspect-ratio:880/518;overflow:hidden}section.brand .img-box img{width:100%;height:100%;object-fit:cover}section.brand .content-box{flex:1;align-self:center;display:flex;flex-direction:column;gap:60px}section.brand .text-box{display:flex;flex-direction:column;gap:30px}section.brand .title-box{display:flex;flex-direction:column;gap:10px}section.brand .title-en{font-size:3.125rem;font-weight:600;line-height:1.2;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.brand .title-zh{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.brand .desc{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.brand .brands-wrapper{display:flex;flex-wrap:wrap;gap:30px}section.brand .brand-item{position:relative;border-radius:5px;width:200px;aspect-ratio:1/1;background:transparent;overflow:hidden;transition:background .5s}section.brand .brand-item .dark-logo,section.brand .brand-item .hover-logo{padding:30px;position:absolute;inset:0;width:100%;height:100%;transition:opacity .5s,visibility .5s}section.brand .brand-item .dark-logo img,section.brand .brand-item .hover-logo img{width:100%;height:100%;object-fit:contain}section.brand .brand-item .hover-logo{opacity:0;visibility:hidden}@media only screen and (min-width:1201px){section.brand .brand-item:hover{background:var(--hover-bg)}section.brand .brand-item:hover .dark-logo{opacity:0;visibility:hidden}section.brand .brand-item:hover .hover-logo{opacity:1;visibility:visible}}@media only screen and (max-width:1200px){section.brand .brand-item{background:var(--hover-bg)}section.brand .brand-item .dark-logo{opacity:0;visibility:hidden}section.brand .brand-item .hover-logo{opacity:1;visibility:visible}}@media only screen and (max-width:1024px){section.brand>.container{grid-column:2/-2}section.brand .content-box{gap:30px}section.brand .title-box{gap:10px}section.brand .text-box{gap:20px}section.brand .title-en{font-size:2rem}section.brand .brand-item{width:160px}}@media only screen and (max-width:900px){section.brand>.container{flex-direction:column;align-items:flex-start;gap:30px}section.brand .sticky-wrapper{width:100%}section.brand .content-box{width:100%}section.brand .brands-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}section.brand .brand-item{width:100%}}