@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+TC:wght@100..900&display=swap";:root{--primary-tint: #ffe0bb;--primary-default: #ca8054;--primary-dark: #7a452f;--color-gray: #232429;--color-gray-900: #393a3f;--color-gray-800: #55565b;--color-gray-700: #75767b;--color-gray-600: #828388;--color-gray-500: #919297;--color-gray-400: #adaeb3;--color-gray-300: #c1c2c7;--color-gray-200: #d3d4d9;--color-gray-100: #dedfe4;--color-gray-050: #f3f4f9;--color-gray-025: #f9faff}body{font-family:"Noto Sans TC","Inter",sans-serif !important}@keyframes s-fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes s-fadeInLeft{0%{opacity:0;transform:translate3d(-100%, 0, 0)}100%{opacity:1;transform:translateZ(0)}}@keyframes s-bounce{0%{transform:translateZ(0)}15%{transform:translate3d(0, -30px, 0) scaleY(1.1)}25%{transform:translateZ(0) scaleY(0.95)}30%,100%{transform:translateZ(0) scaleY(1)}}@keyframes s-bounceIn{0%{transform:rotate(-200deg) scale(0) translateZ(0);opacity:0}40%,100%{transform:rotate(0deg) scale(1) translateZ(0);opacity:1}}@keyframes float{0%{top:0px}25%{top:4px}50%{top:0px}75%{top:-4px}100%{top:0}}@keyframes zoomInOut{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(0.9)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes translateY-100-0{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes translateX--100-0{0%{transform:translateX(-100%)}100%{transform:translateX(0px)}}@keyframes scale-0-1{0%{transform:scale(0)}60%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes scale{0%{transform:scale(1)}80%,100%{transform:scale(0)}}@keyframes scaleY{0%{transform:scaleY(1)}80%,100%{transform:scaleY(0)}}@keyframes shake{0%{transform:rotate(0deg)}20%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}100%{transform:rotate(0deg)}}@keyframes maskX-0-100{0%{-webkit-mask-position:0% 0;mask-position:0% 0}100%{-webkit-mask-position:100% 0%;mask-position:100% 0%}}@keyframes maskX-100-0{0%{-webkit-mask-position:100% 0;mask-position:100% 0}100%{-webkit-mask-position:0% 0%;mask-position:0% 0%}}@keyframes maskY-0-100{0%{-webkit-mask-position:0% 0;mask-position:0% 0}100%{-webkit-mask-position:0% 100%;mask-position:0% 100%}}@keyframes maskY-100-0{0%{-webkit-mask-position:0% 100%;mask-position:0% 100%}100%{-webkit-mask-position:0% 0%;mask-position:0% 0%}}@keyframes width-0-100{0%{width:0%}50%{width:100%}100%{width:100%}}@keyframes wh-0-100{0%{width:0%;height:0%}100%{width:100%;height:100%}}@keyframes wh-100-0{0%{width:100%;height:100%}100%{width:0%;height:0%}}@keyframes opacity{0%{opacity:0}40%,100%{opacity:1}}@keyframes opacity-0-100{0%{opacity:0}100%{opacity:100%}}@keyframes opacity-100-0{0%{opacity:100%}80%{opacity:50%}100%{opacity:0}}.navbar{position:fixed;top:0;left:50%;transform:translateX(-50%);transform-origin:top;z-index:999;width:100%;background-color:hsla(0,0%,100%,.8274509804);border-radius:0 0 2rem 2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateX(-50%) scale(0.9);max-width:1699px;transition:all .3s ease-in-out}.navbar.scroll{background-color:hsla(0,0%,100%,.8274509804);border-radius:0 0 2rem 2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateX(-50%) scale(0.9);max-width:1699px}.menu-logo img{max-width:200px}.menu{padding:1.6rem 4rem}.menu ul{flex:1;gap:.8rem;margin-bottom:0;margin-right:clamp(0px,5vw,150px)}.menu-item{overflow:hidden;display:flex;flex-direction:column;align-items:center}.menu-item a{color:#252525;font-weight:600;overflow:hidden;font-size:18px;padding:.4rem 1.6rem;letter-spacing:.2rem;transition:all .3s ease-in-out}.menu-item a:hover,.menu-item a:focus{text-decoration:none;color:var(--primary-dark)}@media(max-width: 1199px){.navbar{height:auto}.navbar-header{width:100%;display:flex;align-items:center;justify-content:space-between}.navbar-brand{max-width:150px;padding:0;margin-top:0}.navbar-brand a{display:inline-block;width:100%;height:100%}.menu{display:none;width:100%;padding:1.2rem 0 1.6rem}.menu ul{flex-direction:column;width:100%;margin:0}.menu li{width:100%}}.hamburger{margin:2rem 0rem 2rem auto;position:relative;z-index:99;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:5px;transition:all ease-in-out .5s;cursor:pointer}.hamburger span:first-child{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:all linear .3s;width:2.5rem;height:.3rem;background-color:var(--primary-dark)}.hamburger span:last-child{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:inherit;width:2.5rem;height:.3rem;background-color:rgba(0,0,0,0)}.hamburger span:last-child::before,.hamburger span:last-child::after{content:"";position:absolute;background-color:var(--primary-dark);width:2.5rem;height:.3rem;transition:all .3s;left:50%}.hamburger span:last-child::before{transform:translate(-50%, -7px)}.hamburger span:last-child::after{transform:translate(-50%, 7px)}.hamburger.active span:first-child{transform:translate(-50%, 5px);opacity:0}.hamburger.active span:last-child::before{transform:rotate(45deg);left:0}.hamburger.active span:last-child::after{left:0;transform:rotate(-45deg)}body{background:var(--primary-tint)}main{overflow:hidden}html{scroll-behavior:smooth}@media(max-width: 767px){.title img{width:100%;max-width:400px}}.gotop{cursor:pointer;position:fixed;z-index:99;right:3rem;bottom:3rem;transform:translateY(50px);opacity:0;transition:all .3s ease-in-out}.gotop.active{transform:translateY(0);opacity:1}.gotop:hover{animation:shake .5s linear infinite}.gotop img{max-width:100px}@media(max-width: 1600px){.gotop img{width:80px}}@media(max-width: 767px){.gotop img{width:70px}}@media(max-width: 1600px){.gotop{bottom:1.5rem;right:1.5rem}}.banner{background:#fec685;height:110vh;position:relative}.banner-main{z-index:12;position:absolute;top:0;left:50%;transform:translate(0, -60px)}.banner-title{position:absolute;top:180px;left:0px;transform:translateX(-58%) scale(0.95)}.banner-title img{position:relative;z-index:9;animation:s-fadeInLeft 1.2s ease-in-out forwards,s-bounce 2.4s 1.5s ease-in-out infinite}.banner-title::before{content:"";position:absolute;top:-1rem;left:-6rem;background:url("../../images/banner__figure01.png") no-repeat center/contain;opacity:0;width:94px;height:94px;animation:s-bounceIn 2.4s .2s alternate infinite ease-in-out forwards}.banner-title::after{content:"";position:absolute;bottom:-1rem;right:-8rem;background:url("../../images/banner__figure02.png") no-repeat center/contain;opacity:0;width:94px;height:94px;animation:s-bounceIn 2.4s .5s alternate infinite ease-in-out forwards}.banner-human{z-index:5;position:absolute;top:0;left:50%;transform:translate(-50%, 60%) scale(0.95);display:flex;align-items:center;justify-content:center;-moz-column-gap:16rem;column-gap:16rem}.banner-human img{position:relative;opacity:0;animation:s-fadeInUp .8s calc(var(--i)*.2s + .5s) ease-in-out forwards,float 3s calc(var(--i)*.2s) linear infinite}.banner-figure-lantern{position:absolute;top:0;right:4vw}.banner::before{z-index:0;content:"";position:absolute;top:0;left:0;background:url("../../images/banner__bg-top.png") no-repeat top;width:100%}.banner::after{z-index:0;content:"";position:absolute;bottom:0;left:0;background:url("../../images/banner__bg-bottom.png") no-repeat bottom;width:100%}.banner::before,.banner::after{background-size:cover;height:100%}@media(max-width: 1920px){.banner::before,.banner::after{background-size:contain;height:631px}}@media(max-width: 1399px){.banner{height:90vh}.banner-main{transform:translate(0, -30px) scale(0.8)}}@media(max-width: 1199px){.banner{height:78vh}.banner-main{transform:translate(0, -30px) scale(0.7)}}@media(max-width: 991px){.banner{height:65vh}.banner-main{transform:translate(0, 0px) scale(0.55)}}@media(max-width: 767px){.banner{height:50vh}.banner-figure-lantern{right:0;transform-origin:top;transform:scale(0.8)}.banner-main{transform:translate(0, 30px) scale(0.4)}}@media(max-width: 575px){.banner{height:70vh}.banner-figure-lantern{right:0;transform-origin:top;transform:scale(0.8)}.banner-main,.banner-title{position:relative;transform:none;top:50px;left:0;transform:scale(0.9)}.banner-title img{width:100%}.banner-human{-moz-column-gap:1.6rem;column-gap:1.6rem;top:100px;width:100%;left:0;transform:scale(0.4)}}@media(max-width: 374px){.banner{height:58vh}.banner-human{-moz-column-gap:0rem;column-gap:0rem;top:20px;width:100%;left:0;transform:scale(0.3)}}.activity{overflow:hidden}.activity-content{display:flex;flex-direction:column;gap:3.2rem;position:relative}.activity-content::before{content:"";position:absolute;left:-140px;top:4rem;background:url("../../images/activity-figure01.png") no-repeat center/contain;width:120px;height:120px}.activity-content::after{content:"";position:absolute;right:-120px;bottom:-4rem;background:url("../../images/activity-figure02.png") no-repeat center/contain;width:79px;height:79px}.activity-item{font-weight:500;color:var(--primary-dark);line-height:1.8;gap:2.4rem 8rem;border-radius:10px;background-color:#fff9eb;box-shadow:4px 4px 4px rgba(155,92,56,.4784313725);padding:2.4rem 4rem;display:flex;align-items:center}.activity-item h5{font-size:24px;font-weight:bold;letter-spacing:.4rem;line-height:1.5;text-align:center;position:relative}.activity-item h5::after{content:"";position:absolute;top:0;right:-4rem;width:2px;height:100%;transform:scaleY(0.85);background:var(--primary-dark)}.activity-item p{letter-spacing:.2rem;font-size:24px;flex:1}@media(max-width: 767px){.activity-content{gap:2.4rem}.activity-item{flex-direction:column;padding:2.4rem}.activity-item h5{font-size:20px;margin:0;width:100%}.activity-item h5::after{top:auto;bottom:-1.2rem;left:0;right:auto;width:100%;height:2px;transform:scaleY(1)}.activity-item p{font-size:18px;line-height:1.5}.activity-item p .fs-30{font-size:22px}}.serve{background:url("../../images/serve__bg.webp") no-repeat center/cover;font-size:24px}.serve-content{display:grid;gap:2.4rem;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr)}.serve-item{background-color:#fff9eb;box-shadow:4px 4px 4px rgba(155,92,56,.4784313725);border-radius:10px;padding:4rem;display:flex;flex-direction:column}.serve-item-img{height:66px;display:flex;align-items:center;justify-content:center}.serve-item-btn{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:1.6rem 4rem;color:#c82128;font-size:16px;font-weight:500}.serve-item-btn small{font-size:14px}.serve-item-btn a{font-size:16px;flex:0 0 115px;letter-spacing:.2rem;border-radius:10px;padding:1.2rem 1.6rem;text-align:center;color:#fff;background-color:var(--primary-default);transition:all .3s ease-in-out}.serve-item-btn a:hover,.serve-item-btn a:focus{text-decoration:none;background:var(--primary-dark)}.serve-item h5{text-align:center;letter-spacing:.1rem;font-weight:600;font-size:24px;color:var(--primary-dark);line-height:1.5}.serve-item li{font-size:16px;line-height:2;letter-spacing:.1rem}@media(max-width: 991px){.serve .color-white{font-size:20px}.serve-item{padding:2.4rem 2.4rem 1.6rem 1.6rem}.serve-item h5{font-size:18px}.serve-item p{font-size:15px;padding-left:4rem}.serve-item a{font-size:15px;padding:.8rem 1.2rem}.serve-item li{line-height:1.5;font-size:15px}.serve-item li small{font-size:13px}}@media(max-width: 767px){.serve .color-white{font-size:18px}.serve-item a{flex-basis:auto;font-size:15px;padding:.8rem 1.2rem;align-self:flex-end}.serve-item-btn{flex-direction:column;align-items:flex-start}}@media(max-width: 575px){.serve-content{grid-template-columns:1fr;grid-template-rows:max-content}.serve-item{padding:2.4rem 2.4rem 2.4rem 1.6rem}}.envelope{position:relative;z-index:2}.envelope-content{display:flex;align-items:flex-start;justify-content:center;gap:2.4rem 8rem}.envelope-item{--item-size: 24px;color:#fff}.envelope-item ul{margin-top:4rem;list-style-type:none}.envelope-item ul li{line-height:2;font-weight:500;letter-spacing:.2rem;font-size:var(--item-size)}.envelope-item ul li:not(:first-child){font-weight:bold}.envelope-item ul li span{font-size:var(--item-size)}.envelope-item ul li:nth-child(1){font-size:calc(var(--item-size) + 8px)}.envelope-item ul li:nth-child(2){font-size:calc(var(--item-size) + 16px)}.envelope-item ul li:nth-child(3){font-size:calc(var(--item-size) + 8px)}.envelope-item ul li:nth-child(4){font-size:calc(var(--item-size) + 4px)}.envelope::before{z-index:-1;content:"";position:absolute;left:0;bottom:-10rem;background:url("../../images/envelope__horse01.png") no-repeat left bottom/contain;width:100%;height:816px}.envelope::after{z-index:-2;content:"";position:absolute;right:0;bottom:-10rem;background:url("../../images/envelope__horse02.png") no-repeat right bottom/contain;width:100%;height:816px}@media(max-width: 1599px){.envelope::before,.envelope::after{opacity:.5}}@media(max-width: 991px){.envelope::before,.envelope::after{display:none}}@media(max-width: 767px){.envelope-content{flex-direction:column;align-items:center}.envelope-item{--item-size: 18px;width:100%;display:flex;align-items:center;gap:.8rem 2.4rem}.envelope-item img{max-width:220px}.envelope-item ul{flex:1}.envelope-item ul li{line-height:1.6}}@media(max-width: 575px){.envelope-item{flex-direction:column}.envelope-item ul{margin-top:2.4rem;width:90%}.envelope-item img{max-width:180px}}.notice{font-size:16px;line-height:2;letter-spacing:.1rem}.notice li{margin:.8rem 0}@media(max-width: 767px){.notice{font-size:14px}}footer{background:var(--primary-dark);padding:1.2rem 0}footer p{letter-spacing:.2rem;text-align:center;color:#fff;margin:0}