.contact-page{min-height:100vh;padding-bottom:60px}@media screen and (min-width: 1024px){.contact-page{padding-bottom:120px}}.contact-banner{padding-top:90px;background-color:#fff}.contact-hero{position:relative;aspect-ratio:780/650}@media screen and (min-width: 1024px){.contact-hero{aspect-ratio:1920/650}}.contact-hero__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.6;-o-object-fit:cover;object-fit:cover;clip-path:polygon(0 100%,100% 100%,100% 100%,0% 100%)}.contact-hero__container{position:relative;height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width: 1024px){.contact-hero__container{padding-left:16.6%;margin:0}}.contact-hero__header{display:flex;flex-direction:column;align-items:center;text-align:center}@media screen and (min-width: 1024px){.contact-hero__header{flex-direction:row;justify-content:space-between;text-align:left;align-items:flex-end;width:100%}}.contact-hero__title-group{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}@media screen and (min-width: 1024px){.contact-hero__title-group{align-items:flex-start;margin-bottom:0}}.contact-hero__icon{width:1.75rem;color:#6c6a2d}.contact-hero__icon svg{width:100%;height:auto;fill:currentColor}@media screen and (min-width: 1024px){.contact-hero__icon{display:flex;align-items:center;gap:10px}}.contact-hero__title-zh-container{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.contact-hero__title-zh{font-family:"Noto Serif TC",serif;font-size:1.25rem;color:#6c6a2d;letter-spacing:.1em;font-weight:300}@media screen and (min-width: 768px){.contact-hero__title-zh{font-size:1.5rem}}@media screen and (min-width: 1280px){.contact-hero__title-zh{font-size:1.75rem}}.contact-hero__title-en{font-family:Baskerville,serif;font-size:1.5rem;font-weight:400;color:#6c6a2d;text-transform:uppercase}@media screen and (min-width: 768px){.contact-hero__title-en{text-transform:capitalize;font-size:2rem;letter-spacing:0}}@media screen and (min-width: 1280px){.contact-hero__title-en{font-size:2.25rem}}@media screen and (min-width: 1024px){.contact-hero__desc{margin-right:3rem}}.contact-hero__desc p{font-family:Noto Sans TC,sans-serif;font-size:.75rem;line-height:1.8;color:#4d5139;margin:0;letter-spacing:1px;font-weight:300}@media screen and (min-width: 768px){.contact-hero__desc p{font-size:.875rem}}@media screen and (min-width: 1280px){.contact-hero__desc p{font-size:1rem}}.contact-main{display:flex;flex-direction:column;overflow:hidden}@media screen and (min-width: 1024px){.contact-main{flex-direction:row-reverse;padding:0 0 0 16.6%;margin:0;max-width:unset;justify-content:space-between}}.contact-visual{position:relative;width:100%}@media screen and (min-width: 1024px){.contact-visual{width:33.3%}}.contact-visual__container{position:relative;width:100%;aspect-ratio:4/5}@media screen and (min-width: 1024px){.contact-visual__container{aspect-ratio:3/4;height:100%}}.contact-visual__bg{width:100%;height:100%;overflow:hidden;position:relative}.contact-visual__bg img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.contact-visual__elements{position:absolute;right:0;bottom:0;left:0;top:50%;transform:translateY(-50%);width:83.3%;height:83.3%;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between}@media screen and (min-width: 1024px){.contact-visual__elements{width:-moz-fit-content;width:fit-content}}.contact-visual__quote{color:#fff;z-index:2}.contact-visual__quote-inner{display:flex;align-items:center;gap:.5rem}@media screen and (min-width: 375px){.contact-visual__quote-inner{justify-content:flex-start;gap:1rem}}.contact-visual__quote .en{font-family:Baskerville,serif;font-size:.875rem;line-height:1.4;margin-bottom:1rem}@media screen and (min-width: 375px){.contact-visual__quote .en{font-size:.875rem}}@media screen and (min-width: 1280px){.contact-visual__quote .en{font-size:1rem}}.contact-visual__quote .zh{font-family:Noto Sans TC,sans-serif;font-size:.75rem;letter-spacing:1px;font-weight:300}@media screen and (min-width: 375px){.contact-visual__quote .zh{font-size:.875rem}}@media screen and (min-width: 1024px){.contact-visual__quote .zh{display:none}}.contact-visual__bottom{z-index:2;display:flex;align-items:flex-end}.contact-visual__zh{color:#fff;line-height:1.8;display:none}@media screen and (min-width: 1024px){.contact-visual__zh{display:block;font-weight:300}}.contact-visual__deco-flower{width:50px;fill:#fff;margin-bottom:1rem;display:block}@media screen and (min-width: 425px){.contact-visual__deco-flower{width:60px}}@media screen and (min-width: 1024px){.contact-visual__deco-flower{width:45px}}@media screen and (min-width: 1280px){.contact-visual__deco-flower{width:60px}}.contact-visual__deco-line{position:absolute;right:8.3%;top:0;height:4rem;fill:#fff;transform:rotate(-135deg)}@media screen and (min-width: 1024px){.contact-visual__deco-line{display:none}}.contact-visual__fruit-straw{bottom:2rem;width:6rem;fill:#fff;transform:rotate(65deg);margin-left:auto}@media screen and (min-width: 1024px){.contact-visual__fruit-straw{bottom:5rem}}@media screen and (min-width: 1280px){.contact-visual__fruit-straw{width:6rem}}.contact-form{width:100%}.contact-content{padding:4rem 30px 2rem;height:100%}@media screen and (min-width: 768px){.contact-content{padding:4rem 60px 0;margin:0 auto}}@media screen and (min-width: 1024px){.contact-content{max-width:none;margin:0;padding:8.3% 0 0;width:58.3%}}.form__grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form__group{margin-bottom:2rem}.form__group--captcha{grid-column:span 2;margin-bottom:2rem}@media screen and (min-width: 1280px){.form__group--captcha{grid-column:span 1}}.form__label{font-family:Noto Sans TC,sans-serif;display:block;font-size:.875rem;font-weight:300;margin-bottom:.5rem;letter-spacing:.5px}.form__label .required{color:red;margin-left:2px}.form__input{width:100%;border:none;border-bottom:1px solid #ccc;padding:.125rem 0;background:transparent;border-radius:0;font-family:Elms Sans,sans-serif;font-size:.875rem;color:#2d2f26;transition:border-color .3s}@media screen and (min-width: 1024px){.form__input{padding:.5rem 0}}.form__input::-moz-placeholder{color:#ccc;font-weight:300}.form__input::placeholder{color:#ccc;font-weight:300}.form__input:focus{outline:none;border-bottom-color:#6c6a2d}.form__select-wrapper{position:relative}.form__select-wrapper:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;border-right:1px solid #6c6a2d;border-bottom:1px solid #6c6a2d;pointer-events:none}.form__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form__textarea-wrapper{position:relative}.form__textarea-wrapper:after{content:"";position:absolute;right:8px;bottom:10px;border-left:14px solid transparent;border-bottom:14px solid #6c6a2d;pointer-events:none}.form__textarea{min-height:100px;padding:1rem;resize:none;position:relative;border:1px solid #b5b5b6}.form__textarea:focus{outline:none;border-color:#6c6a2d}.form__footer{margin-top:2rem}.form__captcha-row{display:flex;gap:20px;align-items:flex-end}.form__captcha-row input{flex:1}.form__captcha-img{width:120px;height:40px;background-color:#eee;flex-shrink:0}.form__action{margin-top:3rem;display:flex;justify-content:flex-start}.form__error{margin-top:.25rem;color:red}.fill-btn{padding:8px 32px;font-size:12px;line-height:1;letter-spacing:.5px;background-color:#4d5139;color:#fff;gap:1rem;margin-inline:auto}@media screen and (min-width: 1024px){.fill-btn{margin-inline:0}}.fill-btn:before,.fill-btn:after{background-color:#2d2f26}.submit-btn__text{font-family:Baskerville,serif;font-size:1rem}.submit-btn__icon{background:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#755339}.submit-btn__icon svg{width:1rem;height:1rem}