*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:"Noto Sans TC",Arial,sans-serif;font-style:normal;font-weight:100;src:url("../../font/NotoSansTC-Regular.ttf");font-display:swap}@font-face{font-family:"Noto Sans TC Bold";font-style:normal;font-weight:100;src:url("../../font/NotoSansTC-Medium.woff") format("woff2"),url("../../font/NotoSansTC-Medium.otf");font-display:swap}@font-face{font-family:"Noto Sans TC Light";font-style:normal;font-weight:100;src:url("../../font/NotoSansTC-Light.woff") format("woff2"),url("../../font/NotoSansTC-Light.otf");font-display:swap}.fade-on-scroll{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.fade-on-scroll.is-visible{opacity:1;transform:translateY(0)}@keyframes scrollUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes dotIn{to{opacity:1;transform:scale(1)}}@keyframes dotUp{to{opacity:1;transform:translateY(0)}}@keyframes dotInUp{to{opacity:1;transform:translateY(0)}}.section-title .dot-line.animate .dot:nth-child(1){animation-delay:0s}.section-title .dot-line.animate .dot:nth-child(2){animation-delay:.1s}@keyframes floatY{0%{transform:translateY(0)}50%{transform:translateY(-15px)}100%{transform:translateY(0)}}.logo-float{animation:floatY 2.5s ease-in-out infinite;will-change:transform;backface-visibility:hidden}@keyframes wedding_animation_floatY2{0%{transform:translateY(0)}50%{transform:translateY(-100px)}100%{transform:translateY(0)}}.wedding-animation-float{will-change:transform;backface-visibility:hidden}@keyframes build_animation_floatX{0%{transform:translateX(0)}50%{transform:translateX(-150px)}100%{transform:translateX(0)}}.build-animation-float{will-change:transform;backface-visibility:hidden}@keyframes tea_animation_floatX{0%{transform:translateX(0)}50%{transform:translateX(140px)}100%{transform:translateX(0)}}.tea-animation-float{will-change:transform;backface-visibility:hidden}.glow-pulse{animation:pulseGlow 2s infinite ease-in-out}@keyframes pulseGlow{0%,100%{box-shadow:0 0 8px rgba(255,150,255,.4);transform:scale(1)}50%{box-shadow:0 0 20px rgba(255,150,255,.8);transform:scale(1.04)}}.site-header{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.05);position:sticky;top:0;z-index:1000}.site-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:21.6px;background:linear-gradient(to bottom, #009e4c 0 9.3px, #fff 8px 100%);pointer-events:none;z-index:-1}@media(max-width: 768px){.site-header::after{height:18.6px;background:linear-gradient(to bottom, #009e4c 0 5.3px, #fff 8px 100%)}}.site-header .header-flex{display:flex;align-items:center;justify-content:space-between;padding:0px}.site-header .logo{padding-top:25px;padding-bottom:11px;background-color:#fff}@media(max-width: 768px){.site-header .logo img{width:200px}}.site-header .main-nav{top:0px;position:absolute;right:0}.site-header .main-nav ul{list-style:none;display:flex;gap:3rem}.site-header .main-nav ul li a{font-weight:600;position:relative;font-family:"Noto Sans TC";line-height:100px}.site-header .main-nav ul li a::after{content:"";position:absolute;left:0;bottom:-4px;height:2px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.site-header .main-nav ul li.active a{font-weight:600;display:flex;flex-direction:column;align-items:center;gap:.35rem;line-height:1.5;transition:background .25s;color:#000;padding-top:15px}.site-header .main-nav ul li.active a::before{content:"";display:block;width:40px;height:40px;background:url("../images/menu_icon.svg") center/contain no-repeat}.site-header .main-nav ul li:last-child a{background:#fab923;color:#fff;padding:24px 40px;display:flex;flex-direction:column;align-items:center;gap:.35rem;line-height:1.2;transition:background .25s}.site-header .main-nav ul li:last-child a::before{content:"";display:block;width:28px;height:28px;background:url("../images/phone_icon.svg") center/contain no-repeat}.site-header .main-nav ul li.btn-contact{background:#fab923;color:#fff;padding:24px 40px;display:flex;flex-direction:column;align-items:center;gap:.35rem;line-height:1.2;transition:background .25s;cursor:pointer}.site-header .main-nav ul li.btn-contact::before{content:"";display:block;width:28px;height:28px;background:url("../images/phone_icon.svg") center/contain no-repeat}.site-header .main-nav ul li:last-child a{background:#fab923;color:#fff;padding:24px 40px;display:flex;flex-direction:column;align-items:center;gap:.35rem;line-height:1.2;transition:background .25s}.site-header .main-nav ul li:last-child a::before{content:"";display:block;width:28px;height:28px;background:url("../images/phone_icon.svg") center/contain no-repeat}.site-header .nav-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer}@media(max-width: 768px){.site-header .main-nav{position:fixed;top:0;right:0;bottom:0;width:200px;background:#fff;box-shadow:-2px 0 10px rgba(0,0,0,.1);transform:translateX(100%);transition:transform .3s ease;padding:5rem 1rem 2rem;overflow-y:auto;z-index:1001}.site-header .main-nav.active{transform:translateX(0)}.site-header .main-nav ul{flex-direction:column;gap:0}.site-header .main-nav ul li{border-bottom:1px solid #f0f0f0}.site-header .main-nav ul li a{display:block;padding:1rem .5rem;line-height:1.5;text-align:left}.site-header .main-nav ul li a::before{display:none}.site-header .main-nav ul li.active a{padding-top:1rem}.site-header .main-nav ul li.active a::before{display:none}.site-header .main-nav ul li.btn-contact{background:#fab923;color:#fff;padding:1rem .5rem;border-radius:8px;text-align:center;margin-top:1rem}.site-header .main-nav ul li.btn-contact::before{display:none}.site-header .main-nav ul li:last-child a{background:#fab923;color:#fff;padding:1rem .5rem;border-radius:8px;text-align:center;margin-top:1rem}.site-header .main-nav ul li:last-child a::before{display:none}.site-header .nav-toggle{display:block;z-index:1002;margin-right:30px}}.nav-overlay{display:none}@media(max-width: 768px){.nav-overlay{display:block;position:fixed;top:0;left:0;right:200px;bottom:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:1000;pointer-events:none}.nav-overlay.active{opacity:1;visibility:visible;pointer-events:auto}}.site-footer{background:#222;color:#bbb;padding-block:1.5rem}.site-footer .footer-flex{max-width:1200px;margin-inline:auto;padding-inline:1rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.875rem}.site-footer .footer-flex a:hover{color:#fff}.back-to-top{position:fixed;bottom:250px;right:0px;width:60px;height:60px;background:linear-gradient(135deg, #f57c20, #feb47b);color:#fff;border:none;font-size:24px;z-index:999;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.1);display:none;transition:opacity .3s,visibility .3s,transform .3s}.back-to-top:hover{background-color:#f78630}.back-to-top.show{display:block;opacity:1;visibility:visible;transform:translateY(0)}.back-to-top.hide{opacity:0;visibility:hidden;transform:translateY(20px)}.back-to-top img{width:100%;display:block}@media(max-width: 768px){.back-to-top{bottom:40px;width:50px;height:50px}.back-to-top img{width:100%}}body{font-family:"Noto Serif TC",serif;color:#333;line-height:1.6;background:#fff;scroll-behavior:smooth}h2,h3,h4,p{font-family:"Noto Sans TC",Arial,sans-serif}img{max-width:100%;display:block}a{text-decoration:none;color:inherit;transition:color .3s ease}.section-title{font-size:clamp(1.75rem,2vw + 1rem,2.75rem);font-weight:700;text-align:center;margin-bottom:1.5rem}[data-target]{cursor:pointer}.hero{background:url("../images/TWH_bg.svg");background-repeat:no-repeat;background-position:top center;background-size:100% auto;padding-block:min(10vh,400px);display:grid;place-items:center}.hero .hero-title{font-size:clamp(2.5rem,3vw + 1rem,4rem);color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.15)}.hero .hero-image{margin-top:-90px}.hero .hero-building{position:relative;display:inline-block;margin-top:60px}.hero .hero-building .hero_session_logo{display:inline-block;position:relative;width:140px}.hero .hero-building .hero-image{width:80%;height:auto;margin-left:auto;margin-right:auto}.hero .hero-building .hero-session-logo{position:absolute;width:150px;transform:translate(-50%, -50%);z-index:2}.hero .hero-building .hero-session-logo:hover{transform:translate(-50%, -50%) scale(1.08)}@media(max-width: 1200px){.hero .hero-building .hero-session-logo{width:110px}}@media(max-width: 768px){.hero .hero-building .hero-session-logo{width:70px}}.hero .hero-building .hero-session-character{position:absolute;width:150px;transform:translate(-50%, -50%);z-index:2}.hero .hero-building .hero-session-character:hover{transform:translate(-50%, -50%) scale(1.08)}@media(max-width: 1200px){.hero .hero-building .hero-session-character{width:100px}}.hero .tea-logo{top:26%;left:20%}@media(max-width: 1200px){.hero .tea-logo{top:17%}}@media(max-width: 768px){.hero .tea-logo{top:-5%}}.hero .wedding-logo{top:-10%;left:50%}@media(max-width: 1200px){.hero .wedding-logo{top:-23%}}@media(max-width: 768px){.hero .wedding-logo{top:-40%}}.hero .build-logo{top:12%;left:78%}@media(max-width: 1200px){.hero .build-logo{top:10%}}@media(max-width: 768px){.hero .build-logo{top:-20%}}.hero .hero-logo{left:-25%;position:relative;width:360px;transform:translate(-50%, -50%);z-index:4}@media(max-width: 1200px){.hero .hero-logo{left:-25%;width:260px}}@media(max-width: 768px){.hero .hero-logo{display:none}}.hero .wedding-animation-float{top:23%;left:49%}@media(max-width: 768px){.hero .wedding-animation-float{display:none}}.hero .build-animation-float{top:40%;left:61%}@media(max-width: 768px){.hero .build-animation-float{display:none}}.hero .tea-animation-float{top:31%;left:37%}@media(max-width: 768px){.hero .tea-animation-float{display:none}}.hero .hero-content .tea_logo{left:0%;top:30vh}.hero .hero-content .wedding_logo{left:47%;top:-50px}.hero .hero-content .build_logo{left:61%;top:18vh}.intro{background:url("../images/TWH_bg2.svg") no-repeat;background-size:100% auto;background-position:center;padding-block:min(1vh,400px);display:grid;place-items:center;margin-bottom:100px}.intro .container{max-width:1200px;margin-inline:auto;padding-inline:1rem}.intro img{margin-left:auto;margin-right:auto}.intro-row{display:flex;align-items:center;gap:2rem}.intro-row img{flex:0 0 400px;max-width:100%;margin-left:auto;margin-right:auto}.intro-row p{flex:1;line-height:1.8;max-width:650px}@media(max-width: 768px){.intro-row{flex-direction:column;text-align:center}.intro-row img{flex-basis:auto;width:60%}}.theme{position:relative;padding-block:4rem}.theme .container{max-width:1200px;margin-inline:auto;padding-inline:1rem}.theme .section-text{max-width:50ch;margin-inline:auto;margin-top:1.5rem;text-align:center}.theme .progress{margin-inline:auto;margin-bottom:2rem;max-width:600px;height:12px}.theme .progress .progress-track{background:rgba(0,0,0,.1);border-radius:100px;height:100%;position:relative}.theme .progress .progress-track .progress-thumb{background:currentColor;border-radius:inherit;height:100%;width:0;transition:width .3s ease}.theme .carousel{position:relative;overflow:hidden;margin-bottom:2rem}.theme .carousel .carousel-track{display:flex;transition:transform .3s ease}.theme .carousel img{flex:0 0 100%;object-fit:cover;aspect-ratio:4/3}.theme .carousel .carousel-btn{position:absolute;top:50%;translate:0 -50%;font-size:2rem;background:hsla(0,0%,100%,.7);border:none;width:40px;height:40px;border-radius:50%;display:grid;place-content:center;cursor:pointer;transition:background .3s ease}.theme .carousel .carousel-btn:hover{background:#fff}.theme .carousel .carousel-btn.prev{left:.5rem}.theme .carousel .carousel-btn.next{right:.5rem}.theme-tea{background:#e6efe4;position:relative}.theme-tea::before{content:"";position:absolute;inset:0;background-image:url("../images/wave.svg");background-repeat:repeat-x;background-position:bottom;opacity:.2;pointer-events:none}.theme-tea{color:#3a7f2b}.theme-tea .progress-thumb{background:#3a7f2b}.theme-wedding{background-image:url("../images/wedding_bg.png");background-size:100% auto;color:#d4565f;padding:0 0 4rem 0}.theme-wedding .wedding_title_bar{background-image:url("../images/wedding_top.svg")}.theme-wedding .progress-thumb{background:#d4565f}.theme-wedding .progress-fill{background:linear-gradient(to right, #c7524c, #db5d3d)}.theme-wedding .intro-title{color:#bf4c32 !important}.theme-arch{background-image:url("../images/build_bg.png");background-size:100% auto;color:#caae36;padding:0 0 4rem 0}.theme-arch .build_title_bar{background-image:url("../images/build_top.svg")}.theme-arch .progress-thumb{background:#caae36}.theme-arch .progress-fill{background:linear-gradient(to right, #6e7573, #585a5c)}.theme-arch .progress-leaf{--size: 90px}.theme-arch .intro-title{color:#5c5f61 !important}.contact{background:#f5f5f5;padding-block:3rem}.contact .contact_title{background-color:#00a651;color:#fff;padding:.5rem 6rem .5rem 12rem;border-radius:0 2rem 2rem 0;display:inline-block;font-weight:bold;font-size:1.5rem;margin-bottom:2.5rem;margin-top:-78px;position:absolute}.contact .contact_title h2{margin:0;color:#fff;font-size:2rem;font-weight:bold}@media(max-width: 768px){.contact .contact_title{padding:.5rem 6rem .5rem 1.5rem}}.contact b{margin-bottom:10px;font-size:20px}.contact p{margin-bottom:1rem}.contact .contact-grid{max-width:1200px;margin-inline:auto;padding-inline:1rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));margin-top:100px;margin-bottom:160px}.contact ul{list-style:none;margin-top:1rem}.contact ul li+li{margin-top:.5rem}.contact .map-placeholder{background:#d9d9d9;aspect-ratio:4/3}:root{--tea-green: #3a7f2b;--track-bg: #d3c486;--tab-inactive: #c9d1c2}.tea-module{padding:0rem 0rem 4rem 0rem;background-image:url("../images/tea_bg.png");background-size:100% auto;text-align:center}.tea-module .tea_title_bar{background-image:url("../images/tea_top.svg")}.session_title_bar{background-repeat:repeat-x;background-position-y:bottom;background-size:auto 100%;position:relative;height:100px;margin-bottom:50px}.session_title_bar img{position:absolute;top:-50px;left:50%;transform:translateX(-50%);z-index:2}@media(max-width: 768px){.session_title_bar{height:68px}.session_title_bar img{width:160px}}.module-title{font:700 2rem/1 var(--font-base, "Noto Serif TC");color:var(--tea-green);margin-bottom:2rem}.progress-wrapper{max-width:1200px;margin-inline:auto;margin-top:100px;position:relative}@media(max-width: 768px){.progress-wrapper{padding-left:20px;padding-right:20px;width:95vw}}@media(max-width: 1000px){.progress-wrapper{max-width:960px;padding-left:20px;padding-right:20px}}@media(max-width: 1400px){.progress-wrapper{max-width:1200px;padding-left:20px;padding-right:20px;width:90vw}}.progress-tabs-wrapper{background-image:url("../images/line1.svg");background-repeat:no-repeat;background-size:100% auto;background-position-y:bottom;max-width:1920px;margin-inline:auto;margin-bottom:60px}.progress-tabs-wrapper .progress-tabs{max-width:1200px;margin-inline:auto}@media(max-width: 1400px){.progress-tabs-wrapper .progress-tabs{max-width:1200px;padding-left:20px;padding-right:20px;width:90vw}}@media(max-width: 1000px){.progress-tabs-wrapper .progress-tabs{max-width:960px;padding-left:20px;padding-right:20px}}@media(max-width: 768px){.progress-tabs-wrapper .progress-tabs{max-width:960px;padding-left:0px;padding-right:0px}}.progress-track{position:relative;height:62px;background:linear-gradient(to right, #e4dabf, #e2c352);border-radius:30px;border:8px solid #c9b387;overflow:visible}@media(max-width: 768px){.progress-track{height:32px;border:4px solid #c9b387}}.progress-fill{height:100%;width:0;background:var(--tea-green);transition:width .4s ease;border-radius:30px}.progress-leaf{--size: 70px;position:absolute;top:50%;left:0;translate:-50% -50%;width:var(--size);height:auto;transition:left .4s ease;z-index:2;pointer-events:none}@media(max-width: 768px){.progress-leaf{--size: 50px}}.progress-person{--size: 100px;position:absolute;top:50%;right:0;translate:50% -63%;width:var(--size);height:auto;transition:left .4s ease;z-index:3;pointer-events:none}@media(max-width: 768px){.progress-person{--size: 60px}}.intro-row2{display:flex;align-items:center;gap:2.5rem;margin-block:3rem}.intro-row2 .intro-left{flex:1;max-width:500px;text-align:left}.intro-row2 .intro-left .intro-title{font-family:"Noto Sans TC",Arial,sans-serif;margin-bottom:.75rem;color:#456b4e;margin:0;font-size:3rem}.intro-row2 .intro-left .title-wrapper{display:flex;justify-content:center;align-items:center;height:100px;margin-bottom:30px}.intro-row2 .intro-left .title-row{display:flex;align-items:center;gap:1rem}.intro-row2 .intro-left .title-row img{width:80px;height:auto}@media(max-width: 768px){.intro-row2 .intro-left .title-row img{width:55px}.intro-row2 .intro-left .title-row h2{font-size:2.4rem}}.intro-row2 .intro-left .intro-text{line-height:2.2;color:#333}.intro-row2 .intro-right{flex:1;position:relative;overflow:hidden}.slider-track{display:flex;transition:transform .4s ease}.slider-track img{flex:0 0 100%;object-fit:cover;border-radius:6px;width:100%;height:auto}.slider-btn{position:absolute;top:50%;translate:0 -50%;width:38px;height:38px;border:none;border-radius:50%;background:#fff;color:#333;font-size:1.4rem;display:grid;place-content:center;z-index:10;cursor:pointer;transition:background .25s}.slider-btn:hover{background:#bdbdbd}.slider-btn.prev{left:0px}.slider-btn.next{right:0px}.slider-caption{margin-top:.75rem;font-weight:600;text-align:center}@media(max-width: 768px){.intro-row2{flex-direction:column;text-align:center;margin-left:20px;margin-right:20px}.intro-row2 .intro-right{max-width:100%}.intro-row2 .slider-btn{display:none}}.main-tabs{margin-top:.75rem;display:flex;justify-content:space-between;flex-wrap:nowrap;gap:.5rem;list-style:none;padding:0}.main-tabs li{flex:1 1 0;display:flex;justify-content:center}.main-tabs li:nth-child(odd){margin-top:1.5rem}.main-tabs li:nth-child(even){margin-bottom:1.5rem}@media(max-width: 1000px){.main-tabs li:nth-child(odd){margin-top:1.8rem}.main-tabs li:nth-child(even){margin-bottom:-1rem}}.main-tabs img{width:100%;max-width:160px;height:auto;transition:transform .2s ease}@media(max-width: 1000px){.main-tabs{gap:.25rem}.main-tabs img{max-width:100px}}.tab-btn{padding:.35rem .9rem;font:600 .9rem/1 var(--font-base, "Noto Serif TC");color:#fff;background:rgba(0,0,0,0);border:none;border-radius:4px;cursor:pointer;transition:opacity .25s}@media(max-width: 768px){.tab-btn{padding:0rem}}.tab-btn:hover{opacity:1}.panels{margin-top:2rem;max-width:1200px;margin-left:auto;margin-right:auto}@media(max-width: 768px){.panels{margin-top:1rem}}@media(min-width: 768px)and (max-width: 1200px){.panels{padding-left:20px;padding-right:20px}}.panel{display:none;animation:fade .35s ease-in-out}.panel.active{display:block}@keyframes fade{from{opacity:0;translate:0 6px}to{opacity:1}}.sub-tabs{display:inline-flex;gap:.5rem;margin-bottom:1.25rem;list-style:none;padding:0}.sub-btn{font:600 .85rem/1 var(--font-base, "Noto Serif TC");padding:.25rem .75rem;border-radius:3px;border:1px solid var(--tea-green);background:#fff;color:var(--tea-green);cursor:pointer;transition:.25s}.sub-btn.active,.sub-btn:hover{background:var(--tea-green);color:#fff}.photo-box{max-width:400px;margin-inline:auto}.photo-box img{width:100%;height:auto;border-radius:6px;object-fit:cover}#footer-logo{background-color:#f5f5f5;max-width:1200px;margin-left:auto;margin-right:auto;text-align:right}.footer-logo-content{text-align:right;padding-top:70px;padding-bottom:70px;background-color:#fff}@media(max-width: 1000px){.footer-logo-content{text-align:center}}@media(max-width: 768px){.footer-logo-content{padding-top:35px;padding-bottom:35px}}.quick-jump{position:fixed;bottom:6rem;right:1rem;display:flex;flex-direction:column;gap:1rem;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:999}.quick-jump img{width:100px;height:auto;cursor:pointer;transition:transform .2s ease}.quick-jump img:hover{transform:scale(1.2)}.quick-jump.visible{opacity:1;pointer-events:auto}@media(max-width: 768px){.quick-jump{gap:.4rem}.quick-jump img{width:70px}}/*# sourceMappingURL=main.min.css.map */