@charset "UTF-8";.wdd-form{max-width:1200px;width:100%;margin:0 auto;padding:0}.form-row{display:flex;align-items:center;margin:0 -15px}@media only screen and (max-width: 900px){.form-row{flex-direction:column;gap:15px 0}}.form-row:not(:first-child){margin-top:15px}.form-grid{width:100%;padding:0 15px}.form-grid.col-6{width:50%}.form-grid.col-4{width:33.3333333333%}.error-detail .error-text{color:#f52c2c}.error-detail .error-text:not(:first-child){margin-top:10px}.form-btn-group{display:flex;justify-content:center;flex-wrap:wrap}.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:flex-start;align-items:center;border-bottom:1px solid rgba(0,0,0,.2);min-height:55px}@media only screen and (max-width: 900px){.form-group{flex-direction:column;align-items:flex-start}}.form-group.border-bold{border-bottom:2px solid #000}.form-group.border-bold.error{border-bottom:2px solid #F52C2C}.form-group.border-bold.error .subject{color:#f52c2c}.form-group.date .input-wrap{position:relative;padding:0 0 0 15px}@media only screen and (max-width: 900px){.form-group.date .input-wrap{margin-bottom:15px}}.form-group.date .i-box{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:1.25rem;pointer-events:none}.form-group.required .subject{position:relative}.form-group.required .subject:before{content:"*";position:absolute;top:4px;font-size:.75rem;left:4px;color:#f52c2c}@media only screen and (max-width: 900px){.form-group.required .subject:before{top:-4px;left:0}}.form-group.verification{align-items:center}@media only screen and (max-width: 900px){.form-group.verification{align-items:flex-start}}.form-group.verification .input-wrap{display:flex;align-items:center;height:auto;margin:7px 0}.form-group.verification .refresh-btn{align-items:center;align-self:center}.form-group.verification .refresh-btn img{width:60px;height:40px}.form-group.textarea{flex-direction:column;align-items:flex-start}.form-group.textarea .input-wrap{height:auto;padding:0 20px 10px 15px;margin-bottom:10px;margin-top:0}@media only screen and (max-width: 900px){.form-group.textarea .input-wrap{padding:10px}}.form-group.textarea .validation-icon{top:10px;transform:none}.form-group.success{border-bottom:1px solid #198754}.form-group.error{border-bottom:1px solid #F52C2C}.form-group.error .subject{color:#f52c2c}.form-group.error~.error-text{color:#f52c2c;margin-top:5px}.form-group *.disabled{opacity:.5;pointer-events:none}.form-group .subject{flex-shrink:0;padding:10px 0 10px 15px;font-size:1rem;line-height:1.8;font-weight:500;letter-spacing:1px;color:#000;margin-right:5px}@media only screen and (max-width: 900px){.form-group .subject{padding:0 0 0 10px}}.form-group .input-wrap{position:relative;width:100%;height:1.8rem;margin:10px 0;padding:0 20px 0 15px}@media only screen and (max-width: 900px){.form-group .input-wrap{padding:0 10px;margin-bottom: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:#7d7d7d;opacity:1}.form-group .input-wrap input:-ms-input-placeholder{color:#7d7d7d}.form-group .input-wrap input::-ms-input-placeholder{color:#7d7d7d}.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:170px;padding:0 10px 0 0;border:none;background-color:transparent;resize:none;font-size:1rem;font-weight:300;line-height:1.8;letter-spacing:1px;font-family:"Source Serif 4",Noto Sans TC,微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif}@media only screen and (max-width: 900px){.form-group .textarea-scrollbar{height:190px}}.form-group .textarea-scrollbar.os-textarea::placeholder{color:#7d7d7d;opacity:1}.form-group .textarea-scrollbar.os-textarea:-ms-input-placeholder{color:#7d7d7d}.form-group .textarea-scrollbar.os-textarea::-ms-input-placeholder{color:#7d7d7d}.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:#f52c2ccc;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: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:10px 15px}@media only screen and (max-width: 900px){.form-group dropdown-el:not([multiple]) .select-wrapper{padding-bottom:15px}}.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:transparent;color:#000}.form-group dropdown-el .dropdown{box-shadow:10px 10px 10px #0000001a;border-radius:unset;transform:translateZ(0)}.form-group dropdown-el .dropdown:after{border:none;border-radius:unset}.form-group dropdown-el .dropdown .dropdown-list>li{text-align:center;transition:color .3s}.form-group dropdown-el .dropdown:has(li:hover) li{color:#0006}.form-group dropdown-el .dropdown .dropdown-scroller{max-height:220px}.form-group dropdown-el .select-wrapper{background-color:transparent;min-height:44px}.form-group dropdown-el .select-display{position:relative;color:#7d7d7d;font-size:1rem;font-weight:300;line-height:1.8;letter-spacing:1px}.form-group dropdown-el .validation-icon{position:relative;top:auto;right:auto;transform:none}.form-group dropdown-el .dropdown-icon{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%);font-size:.75rem}.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 .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.8}.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:#f52c2c}.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:#7d7d7d;line-height:1.8rem;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.8rem;border:none;margin:10px 0;padding:0 15px;font-size:1rem;color:#000}.form-group .data-time-picker>input::placeholder{color:#7d7d7d;opacity:1}.form-group .data-time-picker>input:-ms-input-placeholder{color:#7d7d7d}.form-group .data-time-picker>input::-ms-input-placeholder{color:#7d7d7d}.air-datepicker{border:none!important;border-radius:0!important}.air-datepicker--pointer:after{display:none}.main{font-family:"Noto Serif TC","Source Serif 4",微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif;font-size:clamp(1.5rem,1.56vw,1.875rem);font-weight:600;line-height:1.5;letter-spacing:clamp(3.125rem,8.33vw,10rem)}.text{font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:2px;text-transform:uppercase}@media only screen and (max-width: 1200px){.text{letter-spacing:1px}}.title{font-family:DM Sans,"Source Serif 4",微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif;font-size:clamp(3.125rem,-.625rem + 6.6667vw,7.375rem);font-weight:200;line-height:1.05;letter-spacing:.5px}.title.s{font-family:"Noto Serif TC","Source Serif 4",微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif;font-size:clamp(1.375rem,1.56vw,1.875rem);font-weight:600;line-height:1.5;letter-spacing:min(3.9vw,75px)}@media only screen and (max-width: 1575px){.title.s{font-size:1.375rem}}@media only screen and (max-width: 1200px){.title.s{letter-spacing:20px}}.des{font-size:clamp(1.375rem,1.56vw,1.875rem);font-weight:400;line-height:1.5}.des.s{font-size:1rem;font-weight:300;line-height:1.6;letter-spacing:1px}.int{font-family:"Noto Serif TC","Source Serif 4",微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif;font-size:clamp(1rem,1.04vw,1.25rem);font-weight:600;line-height:1.6;letter-spacing:1px}.brand{font-size:clamp(1rem,1.14vw,1.375rem);font-weight:400;line-height:1.5;letter-spacing:1px}.brandW{font-family:"Noto Serif TC","Source Serif 4",微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif;font-size:clamp(1.375rem,1.56vw,1.875rem);font-weight:600;line-height:1.5;letter-spacing:2px}.brandW .en{font-weight:400;letter-spacing:1px}nav.navbar{color:#000}nav.navbar .container{grid-column:2/-2!important}nav.navbar .menu-btn span{background:#000}nav.navbar .icon-display{display:none}@media only screen and (max-width: 1024px){nav.navbar .icon-display{display:flex}}main section.main-banner{position:relative}main section.main-banner .container{position:relative}main section.main-banner .container:before{content:"";display:block;width:100%;height:0;padding-bottom:100vh}main section.main-banner .container picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}main section.main-banner .container img{width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;transition:width .5s,height .5s;position:absolute}main section.main-banner .swiper{position:absolute;left:0;top:0;width:100%;height:100%}main section.main-banner .swiper.aost-show .swiper-slide img{opacity:1}main section.main-banner .swiper.aost-show .swiper-slide-active img{opacity:1;transform:translate(-50%,-50%) scale(1);transition:transform 2s ease,opacity 1s ease}main section.main-banner .swiper.aost-show .swiper-slide-active[text-align=left] .wrapper{transform:translateZ(0);transition:transform 1s ease,opacity 1s ease}main section.main-banner .swiper.aost-show .swiper-slide-active[text-align=center] .wrapper{transform:translateZ(0);transition:transform 1s ease,opacity 1s ease}main section.main-banner .swiper.aost-show .swiper-slide-active[text-align=right] .wrapper{transform:translateZ(0);transition:transform 1s ease,opacity 1s ease}main section.main-banner .swiper-slide{position:relative}main section.main-banner .swiper-slide img{opacity:0;transform:translate(-50%,-50%) scale(1)}main section.main-banner .swiper-slide[text-color=white] .photo:after{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000001a;z-index:2;content:""}main section.main-banner .swiper-slide[text-color=white] .media-box:after{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000001a;z-index:2;content:""}main section.main-banner .swiper-slide[text-color=white] .wrapper{color:#fff}main section.main-banner .swiper-slide[text-color=white] .scroll-btn{color:#fff}main section.main-banner .swiper-slide[text-color=black] .wrapper{color:#000}main section.main-banner .swiper-slide[text-color=black] .scroll-btn{color:#000}main section.main-banner .swiper-slide[text-align=left] .wrapper{margin:0 auto 0 0;transform:translate3d(-30px,0,0)}@media only screen and (max-width: 767px){main section.main-banner .swiper-slide[text-align=left] .wrapper{padding:0 0 0 25px}}main section.main-banner .swiper-slide[text-align=left] .fadeOut{opacity:0;transform:translate3d(-30px,0,0)!important}main section.main-banner .swiper-slide[text-align=left] .main{text-align:left}main section.main-banner .swiper-slide[text-align=center] .wrapper{margin:0 auto;transform:translate3d(0,30px,0)}main section.main-banner .swiper-slide[text-align=center] .wrapper .main{margin-right:-8.33vw}@media only screen and (max-width: 900px){main section.main-banner .swiper-slide[text-align=center] .wrapper .main{margin-right:-50px}}main section.main-banner .swiper-slide[text-align=center] .fadeOut{opacity:0;transform:translate3d(0,30px,0)!important}main section.main-banner .swiper-slide[text-align=right] .wrapper{margin:0 0 0 auto;transform:translate3d(30px,0,0)}main section.main-banner .swiper-slide[text-align=right] .wrapper .main{margin-right:-8.33vw}@media only screen and (max-width: 900px){main section.main-banner .swiper-slide[text-align=right] .wrapper .main{margin-right:-50px}}main section.main-banner .swiper-slide[text-align=right] .fadeOut{opacity:0;transform:translate3d(30px,0,0)!important}main section.main-banner .media-box{position:absolute;width:100%;height:100%}main section.main-banner .media-box iframe{width:100%;height:100%}main section.main-banner video{background:#000;width:100%;height:100%}main section.main-banner .photo,main section.main-banner video{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}main section.main-banner .wrapper-box{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;z-index:2}main section.main-banner .wrapper{padding:0 7.03125vw;max-width:62.5vw;min-width:325px;pointer-events:none}main section.main-banner .wrapper .main{word-break:keep-all}main section.main-banner .wrapper .text{margin-top:42px}@media only screen and (max-width: 1024px){main section.main-banner .container{position:relative}main section.main-banner .container:before{content:"";display:block;width:100%;height:0;padding-bottom:min(56.25%,100vh)}main section.main-banner .container:before{content:"";display:block;width:100%;height:0;padding-bottom:min(75%,100svh)}main section.main-banner .container picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}main section.main-banner .container img{width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;transition:width .5s,height .5s;position:absolute}main section.main-banner .wrapper .text{margin-top:20px}}@media only screen and (max-width: 767px){main section.main-banner .container{position:relative}main section.main-banner .container:before{content:"";display:block;width:100%;height:0;padding-bottom:min(56.25%,100vh)}main section.main-banner .container:before{content:"";display:block;width:100%;height:0;padding-bottom:min(178.66%,100svh)}main section.main-banner .container picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}main section.main-banner .container img{width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;transition:width .5s,height .5s;position:absolute}main section.main-banner .wrapper{padding:0 25px}}main .anchor-btn{position:absolute;bottom:50px;left:calc(3.125vw - 10px);z-index:1;cursor:pointer;transition:background .3s,color .3s}main .anchor-btn[text-color=white]{background:#fff;color:#000}main .anchor-btn[text-color=black]{background:#000;color:#fff}main .anchor-btn .icon-angle-down{font-size:8px}@media only screen and (max-width: 1024px){main .anchor-btn{bottom:25px}}@media only screen and (max-width: 1024px){main .anchor-btn{left:25px}}main .pagination-outer{position:absolute;right:calc(50px + 3.125vw);bottom:50px;width:180px;right:calc(3.125vw - 10px);height:100px;z-index:1}main .pagination-outer .swiper-pagination{bottom:0;display:flex;flex-wrap:wrap;gap:6px 0;justify-content:flex-end}@media only screen and (max-width: 1024px){main .pagination-outer{bottom:25px}}@media only screen and (max-width: 767px){main .pagination-outer{right:25px}}main .navigation-control{position:absolute;z-index:1;top:50%;left:50%;justify-content:space-between;width:calc(100% - 70px);transform:translate(-50%,-50%)}@media only screen and (max-width: 1366px){main .navigation-control{width:calc(100% - 40px)}}@media only screen and (max-width: 1200px){main .navigation-control{display:none}}main section.story-blk{position:relative;background:#fff}main section.story-blk .container{grid-column:3/-1;width:100%;margin:0 auto}main section.story-blk .item-outer{display:flex;gap:11.7187vw;gap:clamp(5rem,11.7187vw,14.0625rem);margin-top:6.77vw;margin-bottom:7.8125vw}@media only screen and (max-width: 1200px){main section.story-blk .item-outer{gap:5rem}}main section.story-blk .content-box{display:flex;flex-direction:column;gap:clamp(3.125rem,5.2vw,6.25rem);padding:4.635vw 0;max-width:600px;width:33.613%}@media only screen and (min-width: 1921px){main section.story-blk .content-box{justify-content:center}}main section.story-blk .content-box .title{margin-right:min(-3.9vw,-75px)}@media only screen and (max-width: 900px){main section.story-blk .content-box .title{margin-right:-20px}}main section.story-blk .sign-box{max-width:375px;width:100%}main section.story-blk .sign-box .photo{margin-top:44px;margin-left:auto;width:85px}main section.story-blk .img-box{flex:1;position:relative}main section.story-blk .img-box:before{content:"";display:block;width:100%;height:0;padding-bottom:71.354%}main section.story-blk .img-box picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}main section.story-blk .img-box img{width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;transition:width .5s,height .5s;position:absolute}main section.story-blk .img-box img{object-fit:contain}@media only screen and (max-width: 767px){main section.story-blk .container{grid-column:2/-1}}@media only screen and (max-width: 900px){main section.story-blk .item-outer{flex-direction:column-reverse;margin:80px 0}main section.story-blk .content-box{padding:0 25px 0 0;width:100%;margin:0 auto}main section.story-blk .content-box .sign-box{max-width:100%}main section.story-blk .content-box .title{margin-right:0}}main section.hero-blk{background:#fff}main section.hero-blk .container.aost-show .bottom-content,main section.hero-blk .container.aost-show .top-content{transform:translateZ(0);position:relative;z-index:1}main section.hero-blk .container.aost-show .top-content{transform:translateZ(0)}main section.hero-blk .wrapper{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:30px;min-height:clamp(30rem,46.875vw,56.25rem);padding:80px 3.125vw 80px 7.03125vw;color:#fff}main section.hero-blk .wrapper .video{position:absolute;top:0;left:0;width:100%;height:100%}main section.hero-blk .wrapper .video video{background:#000;position:absolute;top:0;left:0;width:100%;height:100%}main section.hero-blk .wrapper .video:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:1;content:""}main section.hero-blk .wrapper .media-box{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}main section.hero-blk .wrapper .media-box:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:0;content:""}main section.hero-blk .inner{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}main section.hero-blk .inner img{width:100%;height:100%;object-fit:cover}main section.hero-blk .inner:after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#0000001a;content:""}main section.hero-blk .top-content{width:100%;max-width:460px;align-self:flex-end;transform:translate3d(0,-30px,0);transition:transform .8s;text-align:right}main section.hero-blk .bottom-content{align-self:flex-start;max-width:675px;transform:translate3d(0,30px,0);transition:transform .8s}main section.hero-blk .bottom-content .des{margin-top:23px}@media only screen and (max-width: 767px){main section.hero-blk .wrapper{padding:50px 25px}main section.hero-blk .wrapper .top-content{max-width:259px;text-align:end}}@media only screen and (max-width: 767px){main section.hero-blk .wrapper{min-height:clamp(670px,46.875vw,900px)}}main section.brand-blk .background-blk{position:relative;clip-path:polygon(0 0%,110% 0,100% 100%,0 100%)}main section.brand-blk .bg-img{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}main section.brand-blk .bg-img img{display:block;width:100%;height:100%;object-fit:cover}main section.brand-blk .container{grid-column:3/-3;width:100%;margin:0 auto}main section.brand-blk .container img{display:block;width:100%;height:100%}main section.brand-blk .content-box{margin-top:150px}main section.brand-blk .content-box .common-btn{margin-top:25px}main section.brand-blk .content-box .brandW{display:flex;gap:10px}@media only screen and (max-width: 767px){main section.brand-blk .content-box .brandW{flex-direction:column}}main section.brand-blk .brand-box{display:flex;flex-wrap:wrap;gap:min(1.5625vw,30px);padding:50px 0 150px}main section.brand-blk .brand-item{width:100%;height:100%;overflow:hidden;display:block;position:relative}@media only screen and (min-width: 1201px) and (min-width: 1201px){main section.brand-blk .brand-item:hover .main-img{opacity:0}main section.brand-blk .brand-item:hover .hover-img{opacity:1}main section.brand-blk .brand-item:hover .logo-container .logo-img{opacity:0}main section.brand-blk .brand-item:hover .logo-hover{opacity:1}}@media only screen and (min-width: 1201px) and (max-width: 1200px){main section.brand-blk .brand-item:active .main-img{opacity:0}main section.brand-blk .brand-item:active .hover-img{opacity:1}main section.brand-blk .brand-item:active .logo-container .logo-img{opacity:0}main section.brand-blk .brand-item:active .logo-hover{opacity:1}}main section.brand-blk .brand-item:before{content:"";display:block;width:100%;height:0;padding-bottom:48.48%}main section.brand-blk .brand-item picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}main section.brand-blk .brand-item img{width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;transition:width .5s,height .5s;position:absolute}main section.brand-blk .brand-item[size=large]{width:100%;position:relative}main section.brand-blk .brand-item[size=large]:before{content:"";display:block;width:100%;height:0;padding-bottom:48.48%}main section.brand-blk .brand-item[size=large] picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}main section.brand-blk .brand-item[size=large] img{width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;transition:width .5s,height .5s;position:absolute}@media only screen and (max-width: 767px){main section.brand-blk .brand-item[size=large]{position:relative}main section.brand-blk .brand-item[size=large]:before{content:"";display:block;width:100%;height:0;padding-bottom:126.15%}main section.brand-blk .brand-item[size=large] picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}main section.brand-blk .brand-item[size=large] img{width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;transition:width .5s,height .5s;position:absolute}}main section.brand-blk .brand-item[size=medium]{width:66.363%;position:relative}main section.brand-blk .brand-item[size=medium]:before{content:"";display:block;width:100%;height:0;padding-bottom:60.73%}main section.brand-blk .brand-item[size=medium] picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}main section.brand-blk .brand-item[size=medium] img{width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;transition:width .5s,height .5s;position:absolute}@media only screen and (max-width: 767px){main section.brand-blk .brand-item[size=medium]{width:100%;position:relative}main section.brand-blk .brand-item[size=medium]:before{content:"";display:block;width:100%;height:0;padding-bottom:126.15%}main section.brand-blk .brand-item[size=medium] picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}main section.brand-blk .brand-item[size=medium] img{width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;transition:width .5s,height .5s;position:absolute}}main section.brand-blk .brand-item[size=small]{width:31.82%;position:relative}main section.brand-blk .brand-item[size=small]:before{content:"";display:block;width:100%;height:0;padding-bottom:126.66%}main section.brand-blk .brand-item[size=small] picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}main section.brand-blk .brand-item[size=small] img{width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;transition:width .5s,height .5s;position:absolute}@media only screen and (max-width: 767px){main section.brand-blk .brand-item[size=small]{width:100%;position:relative}main section.brand-blk .brand-item[size=small]:before{content:"";display:block;width:100%;height:0;padding-bottom:126.15%}main section.brand-blk .brand-item[size=small] picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}main section.brand-blk .brand-item[size=small] img{width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;transition:width .5s,height .5s;position:absolute}}main section.brand-blk .brand-item[logoColor=black] .logo-hover{color:#000}main section.brand-blk .brand-item[logoColor=white] .logo-hover{color:#fff}main section.brand-blk .brand-item[logoPos=topL] .logo-container{top:0;left:0}main section.brand-blk .brand-item[logoPos=topL] .logo-hover{top:0;left:0}main section.brand-blk .brand-item[logoPos=topC] .logo-container{top:0;left:50%;transform:translate3d(-50%,0,0)}main section.brand-blk .brand-item[logoPos=topC] .logo-hover{top:0;left:50%;transform:translate3d(-50%,0,0);text-align:center}main section.brand-blk .brand-item[logoPos=topR] .logo-container{top:0;right:0}main section.brand-blk .brand-item[logoPos=topR] .logo-hover{top:0;right:0;text-align:right}main section.brand-blk .brand-item[logoPos=midL] .logo-container{top:50%;left:0;transform:translate3d(0,-50%,0)}main section.brand-blk .brand-item[logoPos=midL] .logo-hover{top:50%;left:0;transform:translate3d(0,-50%,0)}main section.brand-blk .brand-item[logoPos=midC] .logo-container{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}main section.brand-blk .brand-item[logoPos=midC] .logo-hover{top:50%;left:50%;transform:translate3d(-50%,-50%,0);text-align:center}main section.brand-blk .brand-item[logoPos=midR] .logo-container{top:50%;right:0;transform:translate3d(0,-50%,0)}main section.brand-blk .brand-item[logoPos=midR] .logo-hover{top:50%;right:0;transform:translate3d(0,-50%,0);text-align:right}main section.brand-blk .brand-item[logoPos=botL] .logo-container{bottom:0;left:0}main section.brand-blk .brand-item[logoPos=botL] .logo-hover{bottom:0;left:0}main section.brand-blk .brand-item[logoPos=botC] .logo-container{bottom:0;left:50%;transform:translate3d(-50%,0,0)}main section.brand-blk .brand-item[logoPos=botC] .logo-hover{bottom:0;left:50%;transform:translate3d(-50%,0,0);text-align:center}main section.brand-blk .brand-item[logoPos=botR] .logo-container{bottom:0;right:0}main section.brand-blk .brand-item[logoPos=botR] .logo-hover{bottom:0;right:0;text-align:right}main section.brand-blk .brand-item .main-img{transition:opacity .8s}main section.brand-blk .brand-item .hover-img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s}main section.brand-blk .brand-item .hover-img img{width:100%;height:100%}main section.brand-blk .brand-item .logo-container{position:absolute;bottom:50px;right:30px;z-index:55;width:200px;height:200px}main section.brand-blk .brand-item .logo-container .logo-img{transition:opacity .8s}main section.brand-blk .brand-item .logo-container .logo-img img{height:auto}main section.brand-blk .brand-item .logo-hover{position:absolute;bottom:0;right:0;padding:30px 50px;opacity:0;width:100%;height:fit-content;transition:opacity .8s}@media only screen and (max-width: 1024px){main section.brand-blk .brand-item .logo-container{width:100px;height:100px}}@media only screen and (max-width: 1024px){main section.brand-blk .content-box{margin-top:80px}main section.brand-blk .brand-box{padding-bottom:80px}}@media only screen and (max-width: 767px){main section.brand-blk .container{grid-column:2/-2}main section.brand-blk .brand-box{gap:30px}}