@charset "UTF-8";section.info .text-box .title,.brand-card .content-main .title,.no-content .text-box .title{font-size:1.25rem;font-weight:500;line-height:1.5;letter-spacing:1px}@media only screen and (max-width: 1024px){section.info .text-box .title,.brand-card .content-main .title,.no-content .text-box .title{font-size:1.125rem}}section.info .contact-list .desc,.brand-card .content-main .desc,.no-content .text-box .desc,.common-banner .content-box .desc,.common-banner[data-type=detail] .content-box .desc{font-size:1rem;font-weight:400;line-height:1.8;letter-spacing:1px}@media only screen and (max-width: 1024px){section.info .contact-list .desc,.brand-card .content-main .desc,.no-content .text-box .desc,.common-banner .content-box .desc,.common-banner[data-type=detail] .content-box .desc{font-size:.875rem}}section.info .contact-list .label{font-size:1rem;font-weight:700;line-height:1.8;letter-spacing:1px}@media only screen and (max-width: 1024px){section.info .contact-list .label{font-size:.875rem}}.common-banner .content-box .title{font-size:clamp(2.5rem,-.3571rem + 4.4643vw,5rem);font-weight:400;line-height:1.3;letter-spacing:1px}.common-banner .content-box .subtitle{font-size:2rem;font-size:clamp(1.5rem,.9286rem + .8929vw,2rem);font-weight:400;line-height:1.5;letter-spacing:1px}multipurpose-nav[m4-type=drag] .drag-container .category{font-size:1rem;font-weight:500;line-height:1.5;letter-spacing:1px}@media only screen and (max-width: 1024px){multipurpose-nav[m4-type=drag] .drag-container .category{font-size:.875rem}}.common-banner[data-type=detail] .content-box .title{font-size:clamp(2.25rem,.5357rem + 2.6786vw,3.75rem);font-weight:400;line-height:1.5;letter-spacing:1px}.common-banner[data-type=detail] .content-box .subtitle{font-size:clamp(1.5rem,.9286rem + .8929vw,2rem);font-weight:400;line-height:1.8;letter-spacing:1px}.common-banner[data-type=detail] .content-box .date{font-size:.875rem;font-weight:700;line-height:1;letter-spacing:1px}@media only screen and (max-width: 1024px){.common-banner[data-type=detail] .content-box .date{font-size:.75rem}}.brand-card .content-header .area-item.ellipsis span,.brand-card .content-header .area-item{font-size:.875rem;font-weight:500;line-height:1.5;letter-spacing:1px}@media only screen and (max-width: 1024px){.brand-card .content-header .area-item.ellipsis span,.brand-card .content-header .area-item{font-size:.75rem}}.form-group .field-name .tip{font-size:.875rem;font-weight:400;line-height:1.8;letter-spacing:1px}@media only screen and (max-width: 1024px){.form-group .field-name .tip{font-size:.75rem}}.common-banner[data-type=half]{padding:clamp(1.25rem,.9828rem + .7435vw,1.875rem) 0;display:flex;align-items:start;gap:clamp(1.875rem,.8036rem + 1.6741vw,2.8125rem)}.common-banner[data-type=half] .content-box,.common-banner[data-type=half] .img-box{width:calc((100% - clamp(1.875rem,.8036rem + 1.6741vw,2.8125rem))/2)}.common-banner[data-type=half] .content-box{padding:clamp(3.75rem,-.5357rem + 6.6964vw,7.5rem) 0;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1.875rem,-.2679rem + 3.3482vw,3.75rem)}.common-banner[data-type=half] .content-box .text-box{gap:clamp(1.875rem,-.2679rem + 3.3482vw,3.75rem)}.common-banner[data-type=half] .content-box .title,.common-banner[data-type=half] .content-box .subtitle,.common-banner[data-type=half] .content-box .desc{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5}.common-banner[data-type=half] .content-box .desc{max-width:600px}.common-banner[data-type=half] .content-box .circle-button{border-color:var(--bg-color);background-color:var(--text-color);color:var(--bg-color);font-size:.625rem}.common-banner[data-type=half] .img-box{position:relative}.common-banner[data-type=half] .img-box:before{display:block;padding-top:79.7720797721%;content:""}.common-banner[data-type=half] .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 1024px){.common-banner[data-type=half] .content-box{padding:clamp(1.875rem,-3.75rem + 11.7188vw,3.75rem) 0}}@media only screen and (max-width: 768px){.common-banner[data-type=half]{flex-direction:column-reverse}.common-banner[data-type=half] .content-box,.common-banner[data-type=half] .img-box{width:100%}.common-banner[data-type=half] .content-box{padding:0}.common-banner[data-type=half] .content-box .circle-button{font-size:.5rem}}.common-banner[data-type=full]{padding:calc(var(--side-pixels) * 1px) 0;position:relative;display:flex;align-items:flex-end;min-height:clamp(39.6875rem,29.9349rem + 27.1375vw,62.5rem);min-height:min(clamp(39.6875rem,29.9349rem + 27.1375vw,62.5rem),100dvh - var(--nav-height))}.common-banner[data-type=full][data-theme=light] .content-box{color:var(--text-light-color)}.common-banner[data-type=full][data-theme=light] .content-box .circle-button{border-color:var(--sub-color);background-color:var(--sub-color);color:var(--text-dark-color)}.common-banner[data-type=full][data-theme=dark] .content-box{color:var(--text-dark-color)}.common-banner[data-type=full][data-theme=dark] .content-box .circle-button{border-color:var(--sub-color);background-color:var(--dark-color);color:var(--text-light-color)}.common-banner[data-type=full] .img-box{position:absolute;top:0;left:calc(-1px * var(--side-pixels));z-index:-1;width:100vw;height:100%}.common-banner[data-type=full] .img-box img{width:100%;height:100%;object-fit:cover}.common-banner[data-type=full] .content-box{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(1.875rem,-.2679rem + 3.3482vw,3.75rem);width:100%}.common-banner[data-type=full] .content-box .text-box{flex-grow:1;gap:clamp(1.875rem,-.2679rem + 3.3482vw,3.75rem);max-width:885px}.common-banner[data-type=full] .content-box .title,.common-banner[data-type=full] .content-box .subtitle,.common-banner[data-type=full] .content-box .desc{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5}.common-banner[data-type=full] .content-box .circle-button{flex-shrink:0;border-color:var(--sub-color);background-color:var(--dark-color);color:var(--text-light-color);font-size:.625rem}@media only screen and (min-width: 1921px){.common-banner[data-type=full] .img-box{left:calc(-1 * var(--side-pixels) / 1920 * 100vw)}}@media only screen and (max-width: 1024px){.common-banner[data-type=full] .content-box .text-box{max-width:432px}}@media only screen and (max-width: 575px){.common-banner[data-type=full] .content-box{flex-direction:column;align-items:flex-start;justify-content:center}.common-banner[data-type=full] .content-box .circle-button{font-size:.5rem}}.common-banner[data-type=pureText]{padding:120px 0 60px;position:relative;display:flex;align-items:center}.common-banner[data-type=pureText] .content-box{display:flex;flex-direction:column;align-items:center;gap:60px;width:100%;color:var(--text-dark-color)}.common-banner[data-type=pureText] .content-box .text-box{flex-grow:1;align-items:center;gap:60px}.common-banner[data-type=pureText] .content-box .content-title{align-items:center}.common-banner[data-type=pureText] .content-box .title,.common-banner[data-type=pureText] .content-box .subtitle,.common-banner[data-type=pureText] .content-box .desc{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5}.common-banner[data-type=pureText] .content-box .subtitle{order:-1}.common-banner[data-type=pureText] .content-box .desc{max-width:600px;text-align:center}.common-banner[data-type=pureText] .content-box .circle-button{flex-shrink:0;border-color:var(--sub-color);background-color:var(--dark-color);color:var(--text-light-color);font-size:.625rem}.common-banner[data-type=pureText] .img-box{display:none}.common-banner[data-type=detail]{padding:clamp(1.25rem,.1812rem + 2.974vw,3.75rem) 0;display:flex;align-items:center;gap:clamp(1.875rem,-2.4107rem + 6.6964vw,5.625rem)}.common-banner[data-type=detail] .content-box{flex:1;display:flex;flex-direction:column;align-items:flex-start}.common-banner[data-type=detail] .content-box .text-box{width:100%}.common-banner[data-type=detail] .content-box .text-box:after{margin:30px 0;display:block;order:2;width:100%;height:1px;background:var(--text-color-o2);content:""}.common-banner[data-type=detail] .content-box .title{font-size:2.8125rem}.common-banner[data-type=detail] .content-box .subtitle{font-size:1.5rem}.common-banner[data-type=detail] .content-box .date{order:3}.common-banner[data-type=detail] .content-box .desc{font-size:.875rem;order:3}.common-banner[data-type=detail] .content-box .content-title{order:1}.common-banner[data-type=detail] .img-box{position:relative;width:48.3333333333%}.common-banner[data-type=detail] .img-box:before{display:block;padding-top:66.6666666667%;content:""}.common-banner[data-type=detail] .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.common-banner[data-type=detail][data-align=left] .content-box{order:1}.common-banner[data-type=detail][data-align=left] .img-box,.common-banner[data-type=detail][data-align=right] .content-box{order:2}.common-banner[data-type=detail][data-align=right] .img-box{order:1}@media only screen and (max-width: 1024px){.common-banner[data-type=detail] .content-box .title{font-size:1.625rem}.common-banner[data-type=detail] .content-box .subtitle{font-size:1rem}.common-banner[data-type=detail] .content-box .date{font-size:.875rem}}@media only screen and (max-width: 575px){.common-banner[data-type=detail]{flex-direction:column-reverse}.common-banner[data-type=detail] .content-box,.common-banner[data-type=detail] .img-box{width:100%}.common-banner[data-type=detail][data-align=left] .content-box,.common-banner[data-type=detail][data-align=left] .img-box,.common-banner[data-type=detail][data-align=right] .content-box,.common-banner[data-type=detail][data-align=right] .img-box{order:initial}}.common-banner .content-box .text-box{display:flex;flex-direction:column;align-items:flex-start}.common-banner .content-box .title{font-size:3.75rem}.common-banner .content-box .subtitle{font-size:1.5rem}.common-banner .content-box .desc{font-size:.875rem}.common-banner .content-box .content-title{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.common-banner .content-box .circle-button .icon-box{transition:transform .4s}@media only screen and (min-width: 1201px){.common-banner .content-box .circle-button:hover .icon-box{transform:translate3d(0,3px,0)}}@media only screen and (max-width: 1024px){.common-banner .content-box .title{font-size:2.375rem}.common-banner .content-box .subtitle{font-size:1.25rem}}section.options-nav{position:sticky;top:0;top:var(--nav-height);z-index:3;background:var(--bg-color);transition:top .6s}section.options-nav.hide{top:calc(-1 * var(--nav-height))}section.options-nav .container{--side-pixels: 60;--total-max-width: calc(1800 + var(--side-pixels) * 2);padding-left:calc(var(--side-pixels) * 1px);padding-right:calc(var(--side-pixels) * 1px);max-width:calc(var(--total-max-width) * 1px);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(60,1fr)}section.options-nav .container>*{grid-column:1/-1}@media only screen and (min-width: 1921px){section.options-nav .container{padding-left:calc(var(--side-pixels) / 1920 * 100vw);padding-right:calc(var(--side-pixels) / 1920 * 100vw);max-width:calc(var(--total-max-width) / 1920 * 100vw)}}@media only screen and (max-width: 1024px){section.options-nav .container{--side-pixels: 40}}@media only screen and (max-width: 900px){section.options-nav .container{grid-template-columns:repeat(23,1fr)}}@media only screen and (max-width: 768px){section.options-nav .container{--side-pixels: 30}}@media only screen and (max-width: 575px){section.options-nav .container{--side-pixels: 20}}section.options-nav .container multipurpose-nav{width:100%}multipurpose-nav{width:100%}multipurpose-nav[m4-type=drag] .drag-container{padding:30px 0 22px;max-width:100%}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.center){padding:30px 20px 22px}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.start){padding:30px 20px 22px 0}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.end){padding:30px 0 22px 20px}multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:30px 20px 22px}multipurpose-nav[m4-type=drag] .drag-container .wrapper{padding:0;gap:10px clamp(1.875rem,1.3406rem + 1.487vw,3.125rem)!important}multipurpose-nav[m4-type=drag] .drag-container .item.active .category:after,multipurpose-nav[m4-type=drag] .drag-container .item:hover .category:after{width:100%}multipurpose-nav[m4-type=drag] .drag-container .category{font-size:.875rem;padding:0;color:var(--text-color)}multipurpose-nav[m4-type=drag] .drag-container .category:after{margin-top:6px;position:initial;background:var(--text-color);height:2px;transition:width .4s,background .4s}multipurpose-nav[m4-type=drag] .drag-container .navigation .button{background:transparent;width:12px;transition:none}multipurpose-nav[m4-type=drag] .drag-container .navigation .button div:before{width:10.43px;height:10.43px}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev{left:0;transform:translate3d(0,-50%,0)}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-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-nav[m4-type=drag] .drag-container .navigation .button.prev.hide{opacity:0}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next.hide{opacity:0}multipurpose-nav [aria-selected=false]{opacity:1}@media only screen and (max-width: 1024px){multipurpose-nav[m4-type=drag] .drag-container .category{font-size:.8125rem}}@media only screen and (max-width: 575px){multipurpose-nav[m4-type=drag] .drag-container{padding:20px 0 15px}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.center){padding:20px 20px 15px}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.start){padding:20px 20px 15px 0}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.end){padding:20px 0 15px 20px}multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:20px 20px 15px}}@keyframes leaf-flash{0%{opacity:.4}30%{opacity:1}70%{opacity:1}to{opacity:.4}}.no-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;min-height:660px}.no-content .icon-box{display:inline-flex;align-items:center;justify-content:center;width:90px;height:90px}.no-content .leaf{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;width:60px;height:60px}.no-content .leaf span{display:block;background:var(--base-color);border:1px solid var(--bg-color);width:30px;height:30px;animation:leaf-flash 5s cubic-bezier(.4,0,.6,1) infinite}.no-content .leaf span:nth-child(1){border-radius:0 12px;animation-delay:0s}.no-content .leaf span:nth-child(2){border-radius:12px 0;animation-delay:1.25s}.no-content .leaf span:nth-child(3){border-radius:12px 0;animation-delay:3.75s}.no-content .leaf span:nth-child(4){border-radius:0 12px;animation-delay:2.5s}.no-content .text-box{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.no-content .card-button:after{width:0;transition:width .4s}@media only screen and (min-width: 1201px){.no-content .card-button:hover:after{width:100%}}@media only screen and (max-width: 1200px){.no-content .card-button:after{width:100%}}@media only screen and (max-width: 575px){.no-content{min-height:450px}.no-content .icon-box{width:60px;height:60px}.no-content .leaf{width:40px;height:40px}.no-content .leaf span{width:20px;height:20px}.no-content .leaf span:nth-child(1){border-radius:0 8px}.no-content .leaf span:nth-child(2){border-radius:8px 0}.no-content .leaf span:nth-child(3){border-radius:8px 0}.no-content .leaf span:nth-child(4){border-radius:0 8px}}.brand-card{display:flex;flex-direction:column;gap:30px;width:100%}.brand-card .img-box{position:relative;width:100%;overflow:hidden}.brand-card .img-box:after{display:block;padding-top:66.6666666667%;content:""}.brand-card .img-box.is-hover .hover-img{z-index:2;opacity:1}.brand-card .img-box.is-hover .error{opacity:0;z-index:-1}.brand-card .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s,opacity .4s,z-index .4s}.brand-card .img-box img.img{z-index:1}.brand-card .img-box img.hover-img{z-index:0;opacity:0}.brand-card .img-box img.default-img{z-index:0}.brand-card .img-box img.error{opacity:0;z-index:-1}.brand-card .content-box{display:flex;flex-direction:column;align-items:flex-start;gap:30px;width:100%}.brand-card .content{display:flex;flex-direction:column;gap:10px;width:100%}.brand-card .content-header .area{display:flex;align-items:center;gap:23px;overflow:hidden;white-space:nowrap}.brand-card .content-header .area-item{position:relative;flex-shrink:0;display:inline-flex}.brand-card .content-header .area-item:not(:first-child):before{position:absolute;left:-13px;top:50%;transform:translate3d(0,-50%,0);display:block;background:var(--text-color);width:3px;height:3px;pointer-events:none;opacity:.5;content:""}.brand-card .content-header .area-item.ellipsis{flex:1 0 0;text-overflow:ellipsis}.brand-card .content-header .area-item.ellipsis span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:normal}.brand-card .content-main{display:flex;flex-direction:column;align-items:start;gap:10px;text-align:left}.brand-card .content-main .title{font-size:1.375rem;display:block;max-width:100%}.brand-card .content-main .desc{font-size:.875rem}.brand-card .content-main .title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-card .content-main .desc{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.brand-card .card-button:after{width:0;transition:width .4s}@media only screen and (min-width: 1201px){.brand-card:hover .card-button:after{width:100%}.brand-card .img-box:hover img.hover-img:not(.error){opacity:1;z-index:2}}@media only screen and (max-width: 1200px){.brand-card .card-button:after{width:100%}}@media only screen and (max-width: 1024px){.brand-card .content-main .title{font-size:1.125rem}.brand-card .content-main .desc{font-size:.875rem}}@media only screen and (max-width: 575px){.brand-card,.brand-card .content-box{gap:20px}.brand-card .content{gap:5px}.brand-card .content-main .title-text{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}}.wdd-form{max-width:100%;width:100%;margin:0 auto;padding-top:30px;border-top:3px solid var(--text-color)}.form-row{display:flex;align-items:stretch;flex-wrap:wrap;gap:clamp(1.875rem,.8036rem + 1.6741vw,2.8125rem)}.form-row:not(:first-child){margin-top:30px}.form-grid{width:calc((100% - clamp(1.875rem,.8036rem + 1.6741vw,2.8125rem))/2)}.form-grid:only-child{width:100%}.form-grid.col-6{width:50%}.form-grid.col-4{width:33.3333333333%}@media only screen and (max-width: 575px){.form-grid{width:100%}}.error-detail .error-text{color:#c52d3f}.error-detail .error-text:not(:first-child){margin-top:10px}.form-btn-group{display:flex;justify-content:center;flex-wrap:wrap;margin-top:clamp(2.5rem,1.9656rem + 1.487vw,3.75rem);pointer-events:none}.form-btn-group .btn{display:flex;justify-content:center;align-items:center;width:180px;height:55px;border:1px solid var(--text-color-o2);border-radius:10rem;transition:background-color .2s linear,color .2s linear;cursor:pointer;pointer-events:auto;padding:0 30px;font-size:1rem;font-weight:500;line-height:1.5;letter-spacing:1px}.form-btn-group .btn.form-done{background-color:var(--text-color);color:var(--reverse-color)}.form-btn-group .btn:not(:last-child){margin-right:15px}@media only screen and (max-width: 1024px){.form-btn-group .btn{font-size:.875rem}}@media only screen and (max-width: 575px){.form-btn-group{flex-direction:column-reverse;gap:15px}.form-btn-group .btn{width:100%}.form-btn-group .btn:not(:last-child){margin-right:0}}.form-group{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding-bottom:5px;border-bottom:1px solid var(--text-color-o2);height:100%}.form-group.required .subject{display:inline-flex;align-items:center;gap:5px}.form-group.required .subject:before{content:"*";color:#c52d3f;order:1}.form-group.verification .input-wrap{display:inline-flex;align-items:center;height:auto}.form-group.verification .refresh-btn{display:flex;align-items:center;align-self:center}.form-group.verification .refresh-btn img{width:auto;height:40px}.form-group.verification .refresh-btn i{font-size:.9375rem;margin-left:15px;color:var(--text-color-o2);transition:color .4s}.form-group.verification .refresh-btn:hover i{color:var(--text-color)}.form-group.textarea .input-wrap{height:auto}.form-group.textarea .validation-icon{top:10px;transform:none}.form-group.error{border-bottom:1px solid rgba(197,45,63,.2)}.form-group.error~.error-text{color:#c52d3f;margin-top:5px}.form-group.error:has([form-field]:focus){border-color:#c52d3f}.form-group.error:has(dropdown-el[d4-status=open]){border-color:#c52d3f}.form-group.error.required .subject:after{order:2;color:#c52d3f;content:"欄位錯誤"}.form-group.error .input-wrap input,.form-group.error .input-wrap textarea{color:#c52d3f}.form-group.error .input-wrap input::placeholder,.form-group.error .input-wrap textarea::placeholder{color:#c52d3f33}.form-group.error .field-name .tip-wrap{color:#c52d3f}.form-group.error dropdown-el .select-display{color:#c52d3f33}.form-group.error dropdown-el:not([d4-value=""]) .select-display{color:#c52d3f}.form-group:has([form-field]:focus){border-color:var(--text-color)}.form-group *.disabled{opacity:.5;pointer-events:none}.form-group .subject{flex-shrink:0;font-size:.9375rem;line-height:1.8;font-weight:700;letter-spacing:1px;color:var(--text-color)}.form-group .input-wrap{position:relative;width:100%;height:1.6875rem}.form-group .input-wrap input{width:100%;height:100%;border:none;padding:0;font-size:.9375rem;line-height:1.8;font-weight:400;letter-spacing:1px;color:var(--text-color);background-color:transparent}.form-group .input-wrap input::placeholder{color:var(--text-color-o2);opacity:1}.form-group .input-wrap input:-ms-input-placeholder{color:var(--text-color-o2)}.form-group .input-wrap input::-ms-input-placeholder{color:var(--text-color-o2)}.form-group .textarea-scrollbar{display:block;width:100%;height:120px;padding:0;border:none;font-size:.9375rem;line-height:1.8;font-weight:400;letter-spacing:1px;background-color:transparent;resize:none}.form-group .textarea-scrollbar::placeholder{color:var(--text-color-o2);opacity:1}.form-group .textarea-scrollbar:-ms-input-placeholder{color:var(--text-color-o2)}.form-group .textarea-scrollbar::-ms-input-placeholder{color:var(--text-color-o2)}.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 .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:#c52d3fcc;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:var(--text-color)}.form-group dropdown-el.type-fullbox{position:static}.form-group dropdown-el .select-wrapper{background-color:transparent;min-height:initial;padding:0}.form-group dropdown-el .select-display{position:relative;color:var(--text-color-o2);font-size:.9375rem;line-height:1.6875rem;font-weight:400;letter-spacing:1px}.form-group dropdown-el .validation-icon{position:relative;top:auto;right:auto;transform:none}.form-group dropdown-el .dropdown-icon{border-color:#000 transparent transparent transparent}.form-group .form-check{width:100%;display:flex;flex-wrap:wrap}.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:.9375rem;color:#000;line-height:1.8}.form-group .file-wrap{position:relative;width:100%;cursor:pointer;display:inline-flex;align-items:center;gap:15px}.form-group .file-wrap>input{width:100%;height:1.6875rem;opacity:0}.form-group .file-wrap>input.error+.fake-file-upload .file-name{color:#c52d3f}.form-group .file-wrap .clear-file{flex-shrink:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-color-o2);transition:color .4s}.form-group .file-wrap .clear-file:hover{color:var(--text-color)}.form-group .file-wrap .fake-file-upload{position:absolute;width:calc(100% - 35px);height:100%;display:flex;align-items:center;top:0;left:35px;gap:10px}.form-group .file-wrap .fake-file-upload .file-name{font-size:.9375rem;line-height:1.6875rem;font-weight:400;letter-spacing:1px;color:var(--text-color-o2);padding-right:20px;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-group .file-wrap .fake-file-upload .file-name:has(~input[type=file]){color:var(--text-color)}.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{flex-shrink:0;padding:0;border:none;background:transparent;cursor:pointer;font-size:.9375rem;line-height:1.6875rem;font-weight:400;letter-spacing:1px}.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 .field-name{display:flex;align-items:center;gap:15px}.form-group .field-name .tip-wrap{display:flex;align-items:center;gap:15px;color:var(--text-color-o5)}.form-group .field-name .icon-box{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:1.125rem}@media only screen and (max-width: 1024px){.form-group .field-name .tip{font-size:.875rem}}@media only screen and (max-width: 575px){.form-group .field-name{flex-direction:column;align-items:flex-start;gap:10px}.form-group .field-name .tip-wrap{align-items:flex-start}.form-group .field-name .icon-box{margin-top:5px}}.form-group .data-time-picker{position:relative;width:100%;align-self:center}.form-group .data-time-picker>input{width:100%;height:1.6875rem;border:none;margin:10px 0;padding:0 15px;font-size:.9375rem;color:var(--text-color)}.form-group .data-time-picker>input::placeholder{color:var(--text-color-o2);opacity:1}.form-group .data-time-picker>input:-ms-input-placeholder{color:var(--text-color-o2)}.form-group .data-time-picker>input::-ms-input-placeholder{color:var(--text-color-o2)}@media only screen and (max-width: 1024px){.form-group .subject{font-size:.875rem}.form-group .input-wrap{height:1.575rem}.form-group .input-wrap input,.form-group .textarea-scrollbar{font-size:.875rem}.form-group dropdown-el .select-display{font-size:.875rem;line-height:1.575rem}.form-group .file-wrap>input{height:1.575rem}.form-group .file-wrap .fake-file-upload .file-name{font-size:.875rem;line-height:1.575rem}.form-group .file-wrap .fake-file-upload .upload-icon{font-size:.875rem}}section.banner .container{--side-pixels: 60;--total-max-width: calc(1800 + var(--side-pixels) * 2);padding-left:calc(var(--side-pixels) * 1px);padding-right:calc(var(--side-pixels) * 1px);max-width:calc(var(--total-max-width) * 1px);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(60,1fr)}section.banner .container>*{grid-column:1/-1}@media only screen and (min-width: 1921px){section.banner .container{padding-left:calc(var(--side-pixels) / 1920 * 100vw);padding-right:calc(var(--side-pixels) / 1920 * 100vw);max-width:calc(var(--total-max-width) / 1920 * 100vw)}}@media only screen and (max-width: 1024px){section.banner .container{--side-pixels: 40}}@media only screen and (max-width: 900px){section.banner .container{grid-template-columns:repeat(23,1fr)}}@media only screen and (max-width: 768px){section.banner .container{--side-pixels: 30}}@media only screen and (max-width: 575px){section.banner .container{--side-pixels: 20}}section.content .container{--side-pixels: 60;--total-max-width: calc(1200 + var(--side-pixels) * 2);padding-left:calc(var(--side-pixels) * 1px);padding-right:calc(var(--side-pixels) * 1px);max-width:calc(var(--total-max-width) * 1px);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(40,1fr);padding-top:clamp(3.75rem,2.9484rem + 2.2305vw,5.625rem);padding-bottom:clamp(7.5rem,5.8968rem + 4.461vw,11.25rem);display:flex;flex-direction:column;gap:calc(clamp(3.75rem,2.9484rem + 2.2305vw,5.625rem)*2) 0}section.content .container>*{grid-column:1/-1}@media only screen and (min-width: 1921px){section.content .container{padding-left:calc(var(--side-pixels) / 1920 * 100vw);padding-right:calc(var(--side-pixels) / 1920 * 100vw);max-width:calc(var(--total-max-width) / 1920 * 100vw)}}@media only screen and (max-width: 1024px){section.content .container{--side-pixels: 40}}@media only screen and (max-width: 900px){section.content .container{grid-template-columns:repeat(23,1fr)}}@media only screen and (max-width: 768px){section.content .container{--side-pixels: 30}}@media only screen and (max-width: 575px){section.content .container{--side-pixels: 20}}section.content .container>section:not(:last-child){position:relative}section.content .container>section:not(:last-child):after{position:absolute;bottom:calc(-1*clamp(3.75rem,2.9484rem + 2.2305vw,5.625rem));left:0;width:100%;height:1px;background-color:var(--text-color-o2);content:""}section.info{display:flex;flex-direction:column;gap:clamp(2.5rem,1.9656rem + 1.487vw,3.75rem)}section.info .content{display:flex;align-items:center;gap:clamp(1.875rem,.8036rem + 1.6741vw,2.8125rem)}section.info .img-box{position:relative;flex-shrink:0;width:calc((100% - clamp(1.875rem,.8036rem + 1.6741vw,2.8125rem))/2)}section.info .img-box:before{display:block;padding-top:66.6666666667%;content:""}section.info .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}section.info .info-box{flex-grow:1;display:flex;flex-direction:column;gap:30px}section.info .text-box{display:flex;flex-direction:column;gap:60px}section.info .text-box .title{font-size:1.125rem;position:relative}section.info .text-box .title:after{position:absolute;bottom:-30px;left:0;display:block;width:100%;height:1px;background:var(--text-color-o2);content:""}section.info .text-box .desc{word-break:break-word}section.info .contact-list{display:flex;flex-direction:column;align-items:flex-start;gap:5px}section.info .contact-list li{display:inline-flex;align-items:flex-start;gap:15px}section.info .contact-list li:before{margin-top:13px;display:block;flex-shrink:0;background:var(--text-color);width:3px;height:3px;content:""}section.info .contact-list .label{font-size:.9375rem;flex-shrink:0;width:90px}section.info .contact-list .desc{font-size:.9375rem}section.info .arrow-button{align-self:end}@media only screen and (max-width: 1024px){section.info .text-box .title{font-size:1rem}section.info .contact-list .label{font-size:.875rem}section.info .contact-list .desc{font-size:.875rem}}@media only screen and (max-width: 575px){section.info .content{flex-direction:column;gap:20px}section.info .img-box{width:100%}section.info .info-box{align-items:flex-start;width:100%}section.info .text-box{gap:40px;width:100%}section.info .text-box .title:after{bottom:-20px}section.info .contact-list .label,section.info .contact-list .desc{padding-bottom:4px}section.info .arrow-button{align-self:end}}section.form{display:flex;flex-direction:column;gap:clamp(2.5rem,1.9656rem + 1.487vw,3.75rem) 0}