@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+TC:wght@200..900&display=swap";:root{--primary-tint: #e9ad52;--primary-default: #805c25;--primary-dark: #53380f;--sub-default: #ad182c;--ff-sub: 'Noto Serif TC', serif;--sec-b: 65rem;--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 s-float{0%{top:0px}15%{top:2px}30%{top:2px}50%{top:0px}65%{top:-2px}80%{top:-2px}100%{top:0px}}@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%;border-radius:0;backdrop-filter:blur(0px);transform:translateX(-50%) scale(1);transition:all .3s ease-in-out}.navbar.scroll{background-color:hsla(0,0%,100%,.8274509804);border-radius:0 0 2rem 2rem;backdrop-filter:blur(12px);transform:translateX(-50%) scale(0.9);max-width:1699px}.navbar.scroll .menu-logo{background-color:rgba(0,0,0,0)}.navbar.scroll .menu-item a{color:var(--color-gray-900);font-size:18px}.menu-logo{background-color:#fff;padding:1.6rem 4.8rem 1.6rem 2.4rem;border-radius:0 0 60px 0;transition:all .3s ease-in-out}.menu-logo img{max-width:200px}.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{font-family:var(--ff-sub);color:#fff;font-weight:bold;overflow:hidden;font-size:16px;padding:.4rem 1.6rem;letter-spacing:.4rem;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{background-color:hsla(0,0%,100%,.8274509804);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%}.menu-item a{color:var(--color-gray-900)}}.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:url("../../images/bg.png") repeat-y left top/contain}main{overflow:hidden}html{scroll-behavior:smooth}.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:60px}@media(max-width: 767px){.gotop img{width:50px}}@media(max-width: 1600px){.gotop{bottom:1.5rem;right:1.5rem}}.btn-main{--btn-main: #d08849;display:inline-block;padding:1.2rem 3rem;background:var(--btn-main);font-size:18px;font-weight:bold;font-family:var(--ff-sub);letter-spacing:.3rem;color:#fff;transition:all .3s ease-in-out;position:relative}.btn-main:focus,.btn-main:hover{text-decoration:none;color:#fff;background:color-mix(in srgb, var(--btn-main), #000 30%)}.btn-main:focus::before,.btn-main:focus::after,.btn-main:hover::before,.btn-main:hover::after{background:color-mix(in srgb, var(--btn-main), #000 30%)}.btn-main::before,.btn-main::after{content:"";position:absolute;left:0;width:100%;height:1px;background:var(--btn-main);transition:all .3s ease-in-out}.btn-main::before{top:-0.6rem}.btn-main::after{bottom:-0.6rem}.btn-main-b{--btn-main: var(--primary-tint);font-size:clamp(30px,3.5vw,40px)}.banner{overflow:hidden;background:url("../../images/banner.jpg") no-repeat top center/cover;min-height:850px;border-radius:0 0 10rem 10rem;position:relative}.banner-main{z-index:12;position:absolute;top:0;left:50%;transform:translate(0, -60px)}.banner-title{position:absolute;top:180px;left:50%;transform:translateX(-50%);font-family:var(--ff-sub);color:#fff}.banner-title h6{font-size:24px;letter-spacing:.4rem}.banner-title h5{display:flow-root;font-size:32px;letter-spacing:.4rem;line-height:1.4}.banner-title h5 strong{font-size:40px;color:#fed773}.banner-title h5 span{font-size:24px}.banner-title img{position:relative;z-index:9}.banner-title-main{opacity:0;animation:s-fadeInUp .8s .4s ease-in-out forwards,s-bounce 2.4s 1.5s ease-in-out infinite}.banner-left,.banner-right{position:absolute !important;top:12rem}.banner-left{left:-550px}.banner-right{right:-500px}.banner-btn{display:flex;align-items:center;justify-content:center;gap:4rem}@media(max-width: 1399px){.banner{min-height:700px}.banner-main{transform:translate(0, -30px) scale(0.8)}}@media(max-width: 1199px){.banner{min-height:600px}.banner-main{transform:translate(0, -30px) scale(0.7)}}@media(max-width: 991px){.banner{min-height:500px}.banner-main{transform:translate(0, 0px) scale(0.55)}}@media(max-width: 767px){.banner{min-height:500px;background:url("../../images/banner.jpg") no-repeat top left/cover}.banner-main{transform:translate(0, 30px) scale(0.6)}.banner-title{top:120px}.banner-left{left:-55rem}.banner-right{right:-50rem}}@media(max-width: 575px){.banner{min-height:auto;height:680px}.banner-main,.banner-title{position:relative;transform:none;top:0px;left:0;transform:scale(0.85)}.banner-title h5 span{padding-right:0;float:none !important}.banner-left{left:-50rem}.banner-right{right:-45rem}.banner-title-main{width:100%}.banner .btn-main-b{width:100px;line-height:1.3}}@media(max-width: 469px){.banner{min-height:auto;height:700px}.banner-title{top:-30px}.banner-title-figure{max-width:100px}.banner-title-main{max-width:320px}.banner-title h5 strong{font-size:32px}.banner-left{max-width:170px;top:9rem;left:-12rem;z-index:-1 !important}.banner-right{max-width:200px;top:20rem;right:-14rem;z-index:-1 !important}}.activity-container{display:flex;justify-content:center;gap:1.6rem 2.4rem}.activity .title{flex:1 0 178px}.activity-img{flex:1 0 520px;align-self:flex-end}.activity-content{flex:0 1 auto}.activity-content ul.list-none>li{text-align:left;padding-left:4rem;font-size:18px;letter-spacing:.2rem;line-height:1.8;margin-bottom:1.6rem;position:relative}.activity-content ul.list-none>li::before{content:"";position:absolute;left:0;top:.6rem;background:url("../../images/icon-title.png");width:27px;height:22px}.activity-content li{margin:.2rem 0}@media(max-width: 1599px){.activity .title{flex:1 0 10vw}.activity-container{justify-content:flex-end;flex-direction:column}.activity-img{flex:0 1 450px;align-self:flex-end}.activity-content ul.list-none>li{margin-bottom:1.2rem}}@media(max-width: 767px){.activity .title img{width:100%;max-width:150px}.activity-img{flex:1 0 auto}}.serve{padding-bottom:var(--sec-b);position:relative;background:url("../../images/serve-bg.jpg") no-repeat center/cover;font-size:24px}.serve-title p{font-size:18px;line-height:1.8;letter-spacing:.2rem}.serve-content{position:relative;z-index:3;display:grid;gap:2.4rem;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr)}.serve-content::before,.serve-content::after{content:"";position:absolute;z-index:-1;top:50%;transform:translateY(-40%)}.serve-content::before{left:-350px;background:url("../../images/serve-left.png") no-repeat;width:283px;height:100%}.serve-content::after{right:-400px;background:url("../../images/serve-right.png") no-repeat;width:342px;height:100%}.serve-item{background-color:#fff;box-shadow:4px 4px 4px rgba(122,69,38,.4784313725);border-radius:5px;padding:4rem;display:flex;flex-direction:column}.serve-item-img{height:66px;display:flex;align-items:center;justify-content:center;position:relative}.serve-item-img::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fab389}.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(--sub-default);transition:all .3s ease-in-out}.serve-item-btn a:hover,.serve-item-btn a:focus{text-decoration:none;background:color-mix(in srgb, var(--sub-default), #000 20%)}.serve-item h5{text-align:center;letter-spacing:.1rem;font-weight:600;font-size:24px;color:var(--primary-default);line-height:1.5}.serve-item h5+ul{margin-top:2.4rem}.serve-item ul,.serve-item li{color:var(--primary-default);font-size:16px;line-height:1.6;letter-spacing:.1rem;margin:.8rem 0}.serve-item ul::marker,.serve-item li::marker{font-size:8px}.serve-item ul p,.serve-item li p{margin-left:-1.2em;letter-spacing:.08rem}@media(max-width: 1599px){.serve{--sec-b: 60rem}}@media(max-width: 1399px){.serve{--sec-b: 55rem}}@media(max-width: 1199px){.serve{--sec-b: 50rem}}@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{--sec-b: 42rem}.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{--sec-b: 50rem}.serve-content{grid-template-columns:1fr;grid-template-rows:max-content}.serve-item{padding:2.4rem 2.4rem 2.4rem 1.6rem}}@media(max-width: 469px){.serve{--sec-b: 45rem}}@media(max-width: 374px){.serve{--sec-b: 45rem}}@property --progress{syntax:"<number>";inherits:false;initial-value:0}.login{position:absolute;bottom:calc(var(--sec-b)/1.1*-1);left:0;width:100%}.login-container{background:url("../../images/login-bg.jpg") no-repeat center/cover;border-radius:50px;padding:4vw 4vw 8vw 4vw;display:flex;align-items:flex-start;justify-content:space-evenly;gap:4rem;position:relative}.login-content{position:relative;z-index:5;align-self:center}.login-content-circle{--progress: 0;--circle-size: 30vw;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-45deg);z-index:-1;background:conic-gradient(#fff calc(var(--progress) * 1%), rgba(255, 255, 255, 0.2196078431) 0);transition:--progress .6s ease;width:var(--circle-size);height:var(--circle-size);border-radius:50%}.login-content-circle::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:50%;background:url("../../images/login-bg.jpg");width:calc(var(--circle-size) - .2vw);height:calc(var(--circle-size) - .2vw)}.login-content-img{position:relative;margin:0 auto;animation:s-fadeInUp .8s .4s ease-in-out forwards,s-float 1.2s 1s ease-in-out infinite}.login-text-item{font-family:var(--ff-sub);color:var(--primary-default);font-weight:bold;letter-spacing:.2rem;width:160px;height:160px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.4rem 0;position:absolute;transition:all .8s cubic-bezier(0.68, -0.55, 0.27, 1.55)}.login-text-item span{position:relative;z-index:2;font-size:18px;text-align:center}.login-text-item span strong{font-size:21px;transition:all .8s cubic-bezier(0.68, -0.55, 0.27, 1.55)}.login-text-item h2{font-size:30px;font-weight:bolder;text-align:center;width:50%;position:relative;margin:0;flex:0 0 40px}.login-text-item h2::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--primary-default);transition:all .8s cubic-bezier(0.68, -0.55, 0.27, 1.55)}.login-text-item::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);border-radius:50%;background-color:var(--primary-tint);width:calc(100% - .8rem);height:calc(100% - .8rem);transition:all .8s cubic-bezier(0.68, -0.55, 0.27, 1.55)}.login-text-item.active{color:#fff}.login-text-item.active strong{color:#fff}.login-text-item.active::before{transform:translate(-50%, -50%) scale(1)}.login-text-item.active h2::after{background-color:#fff}.login-text-item{--distance-x: 4rem;--distance-y: 0rem}.login-text-item:nth-child(1){top:var(--distance-y);left:var(--distance-x)}.login-text-item:nth-child(2){top:var(--distance-y);right:var(--distance-x)}.login-text-item:nth-child(3){bottom:var(--distance-y);right:var(--distance-x)}.login-text-item:nth-child(4){bottom:var(--distance-y);left:var(--distance-x)}.login-btn{position:absolute;z-index:9;bottom:6rem;left:50%;transform:translateX(-50%);display:flex;gap:1.6rem 4rem}.login-btn a{width:clamp(150px,15vw,180px)}.login-btn br{display:none}@media(max-width: 1599px){.login-container{gap:2.4rem}.login-container .title{flex-basis:120px}.login-content{flex:1}.login-text-item{--distance-x: 15rem;--distance-y: 2.4rem;transform:scale(0.8)}.login-slogan{flex-basis:100px}}@media(max-width: 1399px){.login-container{gap:0rem;padding:2vw 4vw 10vw 4vw}.login-container .title{padding-top:3rem;flex-basis:100px}.login-content-circle{--circle-size: 38vw}.login-text-item{--distance-x: 14rem;--distance-y: 0rem;transform:scale(0.75)}.login-slogan{padding-top:4rem;flex-basis:80px}}@media(max-width: 1199px){.login-container .title{flex-basis:100px}.login-content-circle{--circle-size: 40vw}.login-text-item{--distance-x: 9rem;--distance-y: -1rem;transform:scale(0.7)}.login-slogan{flex-basis:80px}.login-btn{bottom:4rem}}@media(max-width: 991px){.login-container{padding:2vw 4vw 15vw 4vw}.login-container .title{flex-basis:100px}.login-content{transform:scale(1.1)}.login-content-circle{--circle-size: 40vw}.login-text{position:absolute;bottom:0;left:50%;display:flex;align-items:center;justify-content:center;gap:1.6rem 2.4rem;transform:translateX(-50%) scale(0.7);transform-origin:center bottom}.login-text-item{--distance-x: 0rem;--distance-y: 0rem;transform:scale(1);position:relative}.login-slogan{flex-basis:80px}}@media(max-width: 767px){.login-text{bottom:-2.4rem;transform:translateX(-50%) scale(0.6)}}@media(max-width: 575px){.login-container{padding:2vw 4vw 55vw 4vw}.login-content{order:5;position:absolute;height:100%}.login-content-img,.login-content-circle{opacity:0 !important}.login-text{flex-direction:column;position:relative;left:10%;width:80%;gap:1.2rem;bottom:-7rem;transform:translateX(0%) scale(1);transform-origin:center bottom}.login-text-item{width:100%;text-align:left;border-radius:5px;padding:.8rem 0;flex:1;flex-direction:row;justify-content:flex-start}.login-text-item br{display:none}.login-text-item h2{transform:scale(0.8)}.login-text-item h2::after{left:auto;right:0;width:1px;height:100%}.login-text-item span{transform:scale(0.8);transform-origin:top center}.login-text-item strong,.login-text-item span{font-size:18px !important}.login-text-item::before{border-radius:5px}.login-btn{margin-top:4rem;bottom:4rem;gap:2.4rem;flex-direction:column}}@media(max-width: 469px){.login-container{padding:2vw 4vw 60vw 4vw}.login-text{bottom:-12rem}}@media(max-width: 374px){.login-container{padding:2vw 4vw 65vw 4vw}.login-text{bottom:-15rem}}.notice{position:relative;margin-top:55rem;font-size:16px;line-height:2;letter-spacing:.1rem}.notice a{text-decoration:underline}.notice li{margin:.8rem 0}.notice .title{margin-bottom:10rem}.notice-figure{position:absolute;z-index:-1}.notice-figure-01{right:12rem;top:-6rem}.notice-figure-02{left:-2rem;bottom:35%}.notice-figure-03{right:-2rem;bottom:10%}@media(max-width: 1599px){.notice-figure-01{right:4rem}.notice-figure-01 img{width:500px}.notice-figure-02{left:-7rem}.notice-figure-02 img{width:180px}.notice-figure-03{right:-7rem}.notice-figure-03 img{width:170px}}@media(max-width: 1399px){.notice{margin-top:48rem}.notice-figure-01{top:0rem;right:4rem}.notice-figure-01 img{width:400px}.notice-figure-02,.notice-figure-03{display:none}}@media(max-width: 1199px){.notice{margin-top:42rem}.notice-figure-01{display:none}}@media(max-width: 991px){.notice .title{margin-bottom:5rem}}@media(max-width: 767px){.notice{font-size:14px}.notice .title{margin-bottom:4rem}.notice .title img{width:100%;max-width:150px}}@media(max-width: 575px){.notice{margin-top:50rem}}@media(max-width: 374px){.notice{margin-top:40rem}}footer{background:#8d0f1f;padding:1.2rem 0}footer p{letter-spacing:.2rem;text-align:center;color:#fff;margin:0}