@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{position:relative;overflow-x:hidden}button,ol,ul{margin:0;padding:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:focus,a:active,a:focus,a:hover,button:focus{text-decoration:none;outline:0}a,button{border:none;font-size:unset;padding:0;margin:0;background:0 0;background-color:none;outline:0;border:none}img{max-width:100%;height:auto}.tab-content>.tab-pane{height:0;display:block;opacity:0;pointer-events:none}.tab-content>.active{height:auto;opacity:1;pointer-events:auto}.nav-pills .nav-link,.nav-pills a.nav-link,.nav-pills a.nav-link.active,.nav-tabs .nav-link,.nav-tabs a.nav-link,.nav-tabs a.nav-link.active{padding:0;background:0 0;background-color:none}.tab-pane{display:none}.tab-pane.active{display:block}body{background:#0f4a86;color:#fff;font-family:"Noto Sans TC",sans-serif,Arial}footer#ft{background:#000;border-top:1px solid #ffffff34}#particles-js{position:fixed;width:100%;top:0;left:0;z-index:999;pointer-events:none}@media only screen and (max-width:768px){#particles-js{display:none}}body p{letter-spacing:0}#header{position:relative;background:url(../images/bg.png) no-repeat center top;background-size:cover;margin-top:80px;min-height:100vh;width:100%}@media only screen and (max-width:1024px){#header{background-position-x:75%}}@media only screen and (max-width:991px){#header{margin-top:60px;min-height:80vh;background-position-x:75%}}@media only screen and (max-width:380px){#header{min-height:100vh}}#header .gradient{position:absolute;bottom:0;right:0;width:100%;height:30vh;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 45%,rgba(255,255,255,.91) 79%,#fff 100%)}#header .title{text-align:center;position:absolute;left:24%;top:15%;display:flex;flex-direction:column;align-items:center;gap:12px}@media only screen and (max-width:1024px){#header .title{padding:0 12px;left:50%;transform:translateX(-50%);width:100%;bottom:20%;top:inherit;gap:0}}@media only screen and (max-width:991px){#header .title{padding:0 12px;left:50%;transform:translateX(-50%);width:100%;bottom:6%;top:inherit;gap:0}}#header .title>img{z-index:7}@media only screen and (max-width:767px){#header .title>img{width:85%}}#header .title .detail{display:flex;flex-direction:column;gap:20px}@media only screen and (max-width:991px){#header .title .detail{gap:12px}}#header .title .detail .subtitle{box-sizing:border-box;position:relative;z-index:5}#header .title .detail .subtitle p{font-weight:800;font-size:18px;line-height:160%;color:#131e4b;text-align:center;position:relative;z-index:5}@media only screen and (max-width:991px){#header .title .detail .subtitle p{font-size:16px}}#header .title .detail .subtitle::before{content:'';background:url(../images/bg-sub.png) center center no-repeat;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:920px;height:500px;z-index:1;filter:blur(20px)}#header .title .detail .d-flex{justify-content:center;align-items:center;gap:20px;position:relative;z-index:5}#header .title .detail .d-flex a{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 40px;background:linear-gradient(180deg,#0023b4 0,#005de7 100%);border-radius:34px;transition:.3s all}@media only screen and (max-width:991px){#header .title .detail .d-flex a.dl{display:none}}@media only screen and (max-width:991px){#header .title .detail .d-flex a{padding:12px 60px}}#header .title .detail .d-flex a p{color:#fff;transition:.3s all;font-weight:400;font-size:18px;line-height:110%}#header .title .detail .d-flex a:hover{filter:brightness(1.2)}.detail h4{font-family:'Noto Serif TC';font-size:24px;line-height:1.8;text-align:center;vertical-align:middle;letter-spacing:.04em;margin:0}@media only screen and (max-width:991px){.detail h4{font-size:18px}}.detail h4 span{line-height:1.4;color:#ffbe46;vertical-align:baseline}.detail h5{font-family:'Noto Serif TC';font-weight:500;font-size:18px;line-height:1.8;letter-spacing:.04em;margin:0}@media only screen and (max-width:991px){.detail h5{font-size:18px}}.Yellow{color:#ffbe46}.hl{color:#fff963}section{position:relative;z-index:1;text-align:center;padding-bottom:80px}@media only screen and (max-width:991px){section{padding-bottom:40px}}section p{font-size:18px;line-height:1.6;font-weight:500}@media only screen and (max-width:991px){section p{font-size:16px}}section .content-container{max-width:1280px;margin:0 auto;display:flex;align-items:center;flex-direction:column;gap:40px;margin-top:-180px;position:relative;z-index:10}@media only screen and (max-width:1600px){section .content-container{gap:20px}}@media only screen and (max-width:991px){section .content-container{margin-top:0;padding:20px}}section#s1{background-size:cover}section#s1 .content-01{background-size:cover;padding:60px 40px 40px 40px;width:100%;background:#bbe0fb;display:flex;align-items:center;flex-direction:column;gap:20px;width:100%;background:rgba(10,43,91,.6)}@media only screen and (max-width:991px){section#s1 .content-01{padding:20px;gap:20px}}section#s1 .content-01 h3{margin-top:0}@media only screen and (max-width:991px){section#s1 .content-01 h3{font-size:32px}}section#s1 .content-01 h3 p{margin-top:12px;color:#a6c4f0;font-weight:600;font-size:18px}section#s1 .content-01 .detail{display:flex;gap:40px;background:linear-gradient(180deg,#0b2141 0,#021229 100%);flex-direction:column;width:100%;gap:32px;padding:40px 80px}@media only screen and (max-width:991px){section#s1 .content-01 .detail{padding:20px;gap:20px;flex-direction:column}}section#s1 .content-01 .detail .step-container h3{line-height:1}section#s1 .content-01 .detail .step-container .content{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}section#s1 .content-01 .detail .step-container .content .s1-card{width:360px;display:flex;align-items:center;gap:8px;flex-direction:column;position:relative}section#s1 .content-01 .detail .notice ul{margin-left:20px}section#s1 .content-01 .detail .notice ul li{list-style:disc;text-align:start;color:#8291a7;font-size:18px;line-height:1.6}@media only screen and (max-width:991px){section#s1 .content-01 .detail .notice ul li{font-size:16px}}section#s2{background:#3b0d1a;min-height:100vh;padding:120px 0 80px}@media only screen and (max-width:991px){section#s2{padding:40px 0}}section#s2 h3{margin:0;line-height:1.6;color:#ff93b2}section#s2 h4{margin:0;font-size:18px;font-weight:500;line-height:1.6}@media only screen and (max-width:991px){section#s2 h4{font-size:16px}}section#s2 .content-container{margin:0 auto}section#s2 .content-container>.title{display:flex;flex-direction:column;gap:12px;width:100%;position:relative}section#s2 .content-container>.title::before{content:'';background:url(../images/s2-deco-01.png) center center no-repeat;position:absolute;left:8%;top:50%;transform:translateY(-50%);width:190px;height:257px;z-index:1}@media only screen and (max-width:1024px){section#s2 .content-container>.title::before{left:2%}}@media only screen and (max-width:991px){section#s2 .content-container>.title::before{display:none}}section#s2 .content-container>.title::after{content:'';background:url(../images/s2-deco-02.png) center center no-repeat;position:absolute;right:6%;top:50%;transform:translateY(-50%);width:212px;height:210px;z-index:1}@media only screen and (max-width:1024px){section#s2 .content-container>.title::after{right:0}}@media only screen and (max-width:991px){section#s2 .content-container>.title::after{display:none}}section#s2 .content-container .content{display:flex;flex-direction:column;align-items:center;padding:80px;gap:40px;background:linear-gradient(180deg,#6a1f40 0,#8b3a5e 100%);width:100%}@media only screen and (max-width:991px){section#s2 .content-container .content{padding:20px;gap:20px}}section#s2 .content-container .content .title{display:flex;flex-direction:column;gap:20px;align-items:center}section#s2 .content-container .content .title h4{color:#f3c7db;font-weight:400;font-size:18px}@media only screen and (max-width:991px){section#s2 .content-container .content .title h4{font-size:16px}}section#s2 .content-container .content .title h4.hl{color:#fff963}section#s2 .content-container .content .detail{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:40px 80px;gap:32px;background:linear-gradient(180deg,#f3abc9 0,#fff0f6 100%)}@media only screen and (max-width:991px){section#s2 .content-container .content .detail{padding:20px;gap:20px}}section#s2 .content-container .content .detail .method{display:flex;flex-wrap:wrap;width:100%;gap:20px;justify-content:space-between}section#s2 .content-container .content .detail .method .left{width:400px;display:flex;flex-direction:column;gap:12px}@media only screen and (max-width:1440px){section#s2 .content-container .content .detail .method .left{width:100%}}@media only screen and (max-width:991px){section#s2 .content-container .content .detail .method .left{margin-left:20px}}section#s2 .content-container .content .detail .method .left .line{width:100%;display:inline-block;height:1px;background:linear-gradient(90deg,rgba(136,44,85,0) 0,#882c55 26%,#882c55 49%,#882c55 76%,rgba(136,44,85,0) 100%)}section#s2 .content-container .content .detail .method .left ul{list-style:disc}section#s2 .content-container .content .detail .method .left ul li{text-align:left;line-height:1.6;color:#882c55;font-size:18px;list-style:disc;font-weight:500}@media only screen and (max-width:991px){section#s2 .content-container .content .detail .method .left ul li{font-size:16px}}@media only screen and (max-width:1440px){section#s2 .content-container .content .detail .method .right{width:100%}}section#s2 .content-container .content.c02 .point{width:100%;display:flex;flex-direction:column;gap:12px}@media only screen and (max-width:991px){section#s2 .content-container .content.c02 .point{gap:40px}}section#s2 .content-container .content.c02 .point .c2-card{display:flex;align-items:center;gap:40px;width:100%}@media only screen and (max-width:991px){section#s2 .content-container .content.c02 .point .c2-card{flex-direction:column;gap:12px}}@media only screen and (max-width:480px){section#s2 .content-container .content.c02 .point .c2-card img{width:100%}}section#s2 .content-container .content.c02 .point .c2-card p{text-align:start}section#s2 .content-container .content.c02 .point .c2-card p.hl{color:#fff963}section#s2 .content-container .content.c02 .point .c2-card ul{margin-left:24px}section#s2 .content-container .content.c02 .point .c2-card ul li{line-height:1.6;font-weight:500;font-size:18px;text-align:left;list-style:disc}@media only screen and (max-width:991px){section#s2 .content-container .content.c02 .point .c2-card ul li{font-size:16px}}section#s2 .content-container .content.c02 .point .c2-card .disc{display:flex;flex-direction:column}section#s2 .content-container .content.c03 .wrapper{width:100%;display:flex;flex-direction:column;gap:12px}section#s2 .content-container .content.c03 .wrapper .level-container{width:100%;background:#3c2e16}section#s2 .content-container .content.c03 .wrapper .level-container .level{background:linear-gradient(180deg,#e89406 0,#e1b474 100%);padding:8px 10px}section#s2 .content-container .content.c03 .wrapper .level-container .level p{color:#3c2e16;font-size:24px;font-weight:700}section#s2 .content-container .content.c03 .wrapper .level-container .level p span{vertical-align:baseline;font-size:32px}section#s2 .content-container .content.c03 .wrapper .level-container .awards{display:flex;flex-wrap:wrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;gap:20px;align-content:flex-start;align-items:flex-start;justify-content:center;max-width:990px;margin:0 auto;padding:20px}@media only screen and (max-width:768px){section#s2 .content-container .content.c03 .wrapper .level-container .awards{flex-wrap:wrap;gap:8px;padding:12px}}section#s2 .content-container .content.c03 .wrapper .level-container .awards .items{width:128px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}@media only screen and (max-width:991px){section#s2 .content-container .content.c03 .wrapper .level-container .awards .items{width:114px}}section#s2 .content-container .content.c03 .wrapper .level-container .awards .items p{font-family:Arial;font-size:18px;letter-spacing:0;line-height:1.4;color:#dbd2b1;font-weight:400;margin-top:4PX}@media only screen and (max-width:991px){section#s2 .content-container .content.c03 .wrapper .level-container .awards .items p{font-size:16px}}section#s2 .content-container .content.c03 .wrapper .level-container .awards .items span{color:#dbd2b1;font-size:14px;line-height:1.2;font-weight:800;background:#fff;border-radius:50px;padding:0 4px 2px 4px}@-webkit-keyframes heartbeat{0%{transform:scale(1);transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{0%{transform:scale(1);transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.falling-leaves{height:100%;width:100%;position:absolute;top:0;left:0;background-size:cover;overflow:hidden;pointer-events:none;z-index:101}.leaf-scene{position:absolute;top:0;left:0;height:100%;width:100%;transform-style:preserve-3d}.leaf-scene div{position:absolute;top:0;left:0;width:12px;height:17px;background:url(../images/petal.png) no-repeat;background-size:100%;transform-style:preserve-3d;-webkit-backface-visibility:visible;backface-visibility:visible}