*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:"Noto Sans TC Bold","Noto Sans TC Light",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}.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 .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: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 Sans TC Light",serif;color:#564438;line-height:1.6;background:#fff;scroll-behavior:smooth}h2,h3,h4,p{font-family:"Noto Sans TC Bold","Noto Sans TC Light",Arial,sans-serif}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media(max-width: 1200px){.container{padding:0 3rem}}@media(max-width: 768px){.container{padding:0 1rem}}a{text-decoration:none;color:inherit;transition:color .3s ease}.intro{position:relative;width:100%;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden}@media(max-width: 1000px){.intro{min-height:450px}}.intro .intro-banner{position:relative;width:100%;min-height:600px;background-image:url("../images/FieldTrip/banner.svg");background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.intro .intro-banner .intro-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;animation:fadeIn .8s ease}.intro .intro-banner .intro-content{position:relative;z-index:2;text-align:center;color:#fff;padding:1rem 1rem 5rem 1rem;max-width:900px}.intro .intro-banner .intro-title{margin-bottom:1rem;display:flex;justify-content:center;align-items:center;animation:slideInBottom 1s ease}.intro .intro-banner .intro-title img{max-width:500px;width:100%;height:auto;display:block}@media(max-width: 1024px){.intro .intro-banner .intro-title img{max-width:450px}}@media(max-width: 768px){.intro .intro-banner .intro-title img{max-width:300px}}.intro .intro-banner .intro-subtitle{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto;color:#7b3918;background-color:#fff;border-radius:50px;animation:slideInBottom 1s ease .2s backwards}@media(max-width: 1024px){.intro .intro-banner .intro-subtitle{font-size:1.5rem}}@media(max-width: 768px){.intro .intro-banner .intro-subtitle{font-size:1.25rem}}.intro .intro-banner .intro-text{font-size:1rem;line-height:1.8;max-width:520px;margin:0 auto;color:#000;animation:fadeIn 1s ease .4s backwards;padding-bottom:10px}@media(max-width: 1024px){.intro .intro-banner .intro-text{font-size:1.1rem}}@media(max-width: 768px){.intro .intro-banner .intro-text{font-size:.8rem;line-height:1.6}}@media(max-width: 768px){.intro .intro-banner{min-height:450px}}.sub_menu{position:relative;padding-top:2rem;padding-bottom:3rem;background:#fff;background-image:url("../images/FieldTrip/menubar.svg");background-size:cover;background-position:top center;background-repeat:no-repeat}@media(max-width: 1000px){.sub_menu{padding-top:1rem;padding-bottom:2rem}}.sub_menu .sub-menu-wrapper{display:flex;align-items:center;gap:2rem;position:relative}@media(min-width: 768px)and (max-width: 1200px){.sub_menu .sub-menu-wrapper{flex-direction:row !important}}@media(max-width: 768px){.sub_menu .sub-menu-wrapper{flex-direction:column;align-items:flex-start}}.sub_menu .sub-menu-image{flex-shrink:0;width:280px;margin-top:-80px;z-index:10;position:relative;animation:slideInLeft .8s ease}.sub_menu .sub-menu-image img{width:100%;height:auto;border-radius:8px;transition:transform .3s ease;animation:swing 1.2s ease-in-out infinite;transform-origin:center center}.sub_menu .sub-menu-image img:hover{animation-play-state:paused;transform:scale(1.05) rotate(2deg)}@media(max-width: 1024px){.sub_menu .sub-menu-image{width:200px;margin-top:-60px}}@media(max-width: 768px){.sub_menu .sub-menu-image{width:300px}}.sub_menu .sub-menu-buttons{display:flex;gap:5rem;flex:1;justify-content:center;animation:slideInRight .8s ease}@media(max-width: 1024px){.sub_menu .sub-menu-buttons{width:100%;justify-content:space-around;gap:1rem}}@media(max-width: 768px){.sub_menu .sub-menu-buttons{flex-direction:column;gap:1rem}}.sub_menu .tab-button{position:relative;background:none;border:none;cursor:pointer;padding:0;transition:all .3s ease;width:200px;overflow:hidden}.sub_menu .tab-button:hover{transform:translateY(-8px);filter:drop-shadow(0 10px 15px rgba(0, 0, 0, 0.2))}@media(max-width: 768px){.sub_menu .tab-button:hover{transform:translateY(0px)}}.sub_menu .tab-button:active{transform:translateY(-4px)}@media(max-width: 768px){.sub_menu .tab-button:active{transform:translateY(0px)}}.sub_menu .tab-button img{width:100%;height:auto;display:block;transition:opacity .3s ease}.sub_menu .tab-button .btn-default{opacity:1}.sub_menu .tab-button .btn-hover{position:absolute;top:0;left:0;opacity:0}.sub_menu .tab-button:hover .btn-default,.sub_menu .tab-button.active .btn-default{opacity:0}.sub_menu .tab-button:hover .btn-hover,.sub_menu .tab-button.active .btn-hover{opacity:1}@media(max-width: 1024px){.sub_menu .tab-button{width:150px}}@media(max-width: 768px){.sub_menu .tab-button{width:100%;max-width:250px;margin:0 auto}}.tabs{padding:5rem 0 5rem;background:#fff;position:relative;background-image:url("../images/FieldTrip/bg.svg");background-size:100% auto;background-position:bottom center;background-repeat:no-repeat}@media(max-width: 768px){.tabs{padding:2rem 0 2rem}}.tabs::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-size:100% auto;background-position:bottom center;background-repeat:no-repeat;transition:opacity .3s ease;pointer-events:none;z-index:10}.tabs>.container{position:relative;z-index:10}.tabs[data-active-tab=tab1]::after{background-image:url("../images/FieldTrip/bg_plan1.svg")}.tabs[data-active-tab=tab2]::after{background-image:url("../images/FieldTrip/bg_plan2.svg")}.tabs[data-active-tab=tab3]::after{background-image:url("../images/FieldTrip/bg_plan3.svg")}.tabs .tabs-nav{display:flex;justify-content:left;gap:.2rem;flex-wrap:wrap;align-items:flex-end}@media(max-width: 768px){.tabs .tabs-nav{display:none}}.tabs .tabs-nav-btn{padding:7px 35px;background:#e2cb9c;border:2px solid #e2cb9c;border-radius:20px 20px 0px 0px;cursor:pointer;font-size:1.1rem;font-weight:600;color:#fff;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.05);min-width:270px}.tabs .tabs-nav-btn:hover:not(.active){color:#7b3918;border-color:#7b3918;transform:translateY(-3px);box-shadow:0 6px 15px rgba(123,57,24,.2)}.tabs .tabs-nav-btn.active{color:#fff;background:#7b3918;padding:15px 35px;border-color:#7b3918;font-size:1.5rem;box-shadow:0 4px 12px rgba(244,123,32,.3);transform:translateY(0)}@media(max-width: 1024px){.tabs .tabs-nav-btn{padding:4px 2rem;font-size:1rem;min-width:200px}.tabs .tabs-nav-btn.active{padding:10px 2rem;font-size:1.3rem}}@media(max-width: 768px){.tabs .tabs-nav-btn{padding:3px 1.5rem;font-size:.9rem;min-width:auto}.tabs .tabs-nav-btn.active{padding:8px 1.5rem;font-size:1.1rem}}.tabs .tab-content{display:none;background-color:#ffedc5;padding:2rem;border-radius:0px 30px 30px 30px;margin-bottom:150px}@media(max-width: 768px){.tabs .tab-content{border-radius:20px;margin-bottom:50px;padding:1rem}}.tabs .tab-content.active{display:block;animation:scaleIn .5s ease}.tabs .tab-description{font-size:1rem;text-align:left;margin-bottom:2.5rem;color:#564438;line-height:1.8;max-width:1000px;margin-left:auto;margin-right:auto}@media(max-width: 768px){.tabs .tab-description{font-size:1.1rem;margin-bottom:2rem}}.tabs .slider-container{position:relative;display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.tabs .slider{flex:1;overflow:hidden;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.tabs .slider-track{display:flex;transition:transform .5s ease}.tabs .slide{min-width:100%;display:none}.tabs .slide.active{display:block;animation:fadeIn .5s ease}.tabs .slide img{width:100%;height:auto;max-height:810px;object-fit:cover;display:block;transition:transform .3s ease}.tabs .slide img:hover{transform:scale(1.02)}.tabs .slider-btn{background:rgba(0,0,0,0);border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;color:#f47b20}.tabs .slider-btn:hover{background:#f47b20;color:#fff;transform:scale(1.2) rotate(10deg);box-shadow:0 5px 20px rgba(244,123,32,.4)}.tabs .slider-btn:active{transform:scale(1.1) rotate(5deg)}.tabs .slider-btn img{width:100%;height:100%;display:block}@media(max-width: 768px){.tabs .slider-btn{width:40px;height:40px}.tabs .slider-btn img{width:24px;height:24px}}.tabs .slider-dots{display:none;justify-content:center;gap:.5rem;margin-top:1.5rem}.tabs .slider-dots .dot{width:12px;height:12px;border-radius:50%;background:#ccc;cursor:pointer;transition:all .3s ease}.tabs .slider-dots .dot:hover{background:#999;transform:scale(1.3)}.tabs .slider-dots .dot.active{background:#f47b20;width:30px;border-radius:6px;animation:pulse 2s ease infinite}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInBottom{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}@keyframes swing{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.animated{opacity:1;transform:translateY(0)}.contact{background:#fff;padding-block:3rem;scroll-margin-top:120px;position:relative}.contact::before{content:"";position:absolute;left:0;top:0px;width:100%;height:66px;background-color:#f47b20;z-index:0}.contact .contact_title{background-color:#efefef;color:#4d4d4d;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:-48px;position:absolute;z-index:1;animation:slideInLeft .8s ease}.contact .contact_title h2{margin:0;color:#4d4d4d;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;animation:fadeIn 1s ease .3s backwards}@media(max-width: 768px){.contact .contact-grid{margin-top:100px;margin-bottom:50px}}.contact ul{list-style:none;margin-top:1rem}.contact ul li+li{margin-top:.5rem}.contact .map-placeholder{background:#d9d9d9;aspect-ratio:4/3}#footer-logo{background-color:#f4f3f2;margin-left:auto;margin-right:auto;text-align:right}.footer-logo-content{display:flex;justify-content:flex-end;padding-top:70px;padding-bottom:70px}@media(max-width: 1000px){.footer-logo-content{justify-content:center}}@media(max-width: 768px){.footer-logo-content{padding-top:35px;padding-bottom:35px}}/*# sourceMappingURL=main.min.css.map */