*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Noto Sans TC",sans-serif}img{width:100%}section{position:relative}.anchor{position:absolute;width:1px;height:1px;top:0;left:0}.pc{display:none !important}@media screen and (min-width: 992px){.pc{display:block !important}}.pc-flex{display:none !important}@media screen and (min-width: 992px){.pc-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.mb{display:none !important}@media screen and (max-width: 992px){.mb{display:block !important}}[data-aos=fade-in]{opacity:0;-webkit-transition:.8s ease-in-out;transition:.8s ease-in-out}[data-aos=fade-in].aos-animate{opacity:1}section{position:relative}section.index{z-index:1;position:relative;height:100vh;-webkit-transition:height .6s ease-out;transition:height .6s ease-out}section.index.first-visit{height:130vh}section.index.first-visit .dec-title{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}section.index.animated .dec-title{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .4s ease-out .1s,-webkit-transform .5s cubic-bezier(0.4, 0, 0.2, 1) .1s;transition:opacity .4s ease-out .1s,-webkit-transform .5s cubic-bezier(0.4, 0, 0.2, 1) .1s;transition:opacity .4s ease-out .1s,transform .5s cubic-bezier(0.4, 0, 0.2, 1) .1s;transition:opacity .4s ease-out .1s,transform .5s cubic-bezier(0.4, 0, 0.2, 1) .1s,-webkit-transform .5s cubic-bezier(0.4, 0, 0.2, 1) .1s}section.index.animated .dec-sdgs-logo{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .4s ease-out .3s,-webkit-transform .5s cubic-bezier(0.34, 1.56, 0.64, 1) .3s;transition:opacity .4s ease-out .3s,-webkit-transform .5s cubic-bezier(0.34, 1.56, 0.64, 1) .3s;transition:opacity .4s ease-out .3s,transform .5s cubic-bezier(0.34, 1.56, 0.64, 1) .3s;transition:opacity .4s ease-out .3s,transform .5s cubic-bezier(0.34, 1.56, 0.64, 1) .3s,-webkit-transform .5s cubic-bezier(0.34, 1.56, 0.64, 1) .3s}section.index.animated .dec-boat{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);-webkit-transition:opacity .6s ease-out .2s,-webkit-transform .7s cubic-bezier(0.4, 0, 0.2, 1) .2s;transition:opacity .6s ease-out .2s,-webkit-transform .7s cubic-bezier(0.4, 0, 0.2, 1) .2s;transition:opacity .6s ease-out .2s,transform .7s cubic-bezier(0.4, 0, 0.2, 1) .2s;transition:opacity .6s ease-out .2s,transform .7s cubic-bezier(0.4, 0, 0.2, 1) .2s,-webkit-transform .7s cubic-bezier(0.4, 0, 0.2, 1) .2s}section.index.scroll-animating{height:300vh}section.index.scroll-animating .dec-boat{-webkit-animation:boatSailUp 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;animation:boatSailUp 2s cubic-bezier(0.4, 0, 0.2, 1) forwards}section.index.scroll-animating .white-overlay{opacity:1;-webkit-animation:whiteOverlayFade 2.5s cubic-bezier(0.4, 0, 0.2, 1) 1s backwards;animation:whiteOverlayFade 2.5s cubic-bezier(0.4, 0, 0.2, 1) 1s backwards}section.index.animation-complete{height:100vh}section.index .index-sticky-container{position:sticky;top:0;width:100%;height:100vh;overflow:hidden}section.index .index-kv{width:100%;height:100vh;position:absolute;left:0;top:0}section.index .index-kv img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom}section.index .white-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#fff;opacity:0;pointer-events:none;z-index:10}@media screen and (max-width: 992px){section.index .dec{overflow:hidden}}section.index .dec-title{position:absolute;top:20%;left:8%;max-width:770px;z-index:1}@media screen and (max-width: 992px){section.index .dec-title{max-width:325px}}@media screen and (max-width: 350px){section.index .dec-title{max-width:90%}}section.index .dec-sdgs-logo{position:absolute;bottom:20px;right:20px;width:100px;z-index:1}@media screen and (max-width: 992px){section.index .dec-sdgs-logo{width:50px}}section.index .dec-boat{position:absolute;top:0%;left:50%;width:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:0}@media screen and (max-width: 992px){section.index .dec-boat{width:600px;bottom:0%;top:unset;min-width:1134px}}section.index .scroll{position:absolute;bottom:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-size:.933rem;color:#fff;text-decoration:none;z-index:1}section.index .scroll::before{display:block;width:25px;height:40px;border:2px solid #fff;border-radius:12px;content:""}section.index .scroll::after{display:block;position:absolute;top:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2px;height:8px;background:#fff;border-radius:1px;content:"";-webkit-animation:scroll 2s infinite 2s;animation:scroll 2s infinite 2s}@-webkit-keyframes scroll{0%{opacity:1;height:8px}20%{opacity:1;height:8px}30%{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%);opacity:1;height:19px}40%{opacity:1}80%{-webkit-transform:translateY(19px) translateX(-50%);transform:translateY(19px) translateX(-50%);opacity:0;height:0}81%{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%);opacity:0;height:8px}100%{opacity:1;height:8px}}@keyframes scroll{0%{opacity:1;height:8px}20%{opacity:1;height:8px}30%{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%);opacity:1;height:19px}40%{opacity:1}80%{-webkit-transform:translateY(19px) translateX(-50%);transform:translateY(19px) translateX(-50%);opacity:0;height:0}81%{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%);opacity:0;height:8px}100%{opacity:1;height:8px}}@-webkit-keyframes boatSailUp{0%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);opacity:1}70%{opacity:.8}100%{-webkit-transform:translateX(-80%) translateY(-30%);transform:translateX(-80%) translateY(-30%);opacity:0}}@keyframes boatSailUp{0%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);opacity:1}70%{opacity:.8}100%{-webkit-transform:translateX(-80%) translateY(-30%);transform:translateX(-80%) translateY(-30%);opacity:0}}@-webkit-keyframes whiteOverlayFade{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}15%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}75%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes whiteOverlayFade{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}15%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}75%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}section.foreword .sticky-wrapper{position:relative;height:600vh;width:100%}@media(max-width: 992px){section.foreword .sticky-wrapper{height:800vh}}section.foreword .sticky-container{position:sticky;top:0;height:100vh;width:100%;overflow:hidden}section.foreword .sky-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:-webkit-gradient(linear, left top, left bottom, from(#cde4f2), color-stop(50%, #fdf2d8));background:linear-gradient(to bottom, #cde4f2 0%, #fdf2d8 50%)}section.foreword .sky-background .sky-layer-2,section.foreword .sky-background .sky-layer-3,section.foreword .sky-background .sky-layer-4{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:opacity 1.2s ease-in-out;transition:opacity 1.2s ease-in-out;pointer-events:none}section.foreword .sky-background .sky-layer-2{background:-webkit-gradient(linear, left top, left bottom, from(#a7c7e7), color-stop(50%, #b6e3f4));background:linear-gradient(to bottom, #a7c7e7 0%, #b6e3f4 50%)}section.foreword .sky-background .sky-layer-3{background:-webkit-gradient(linear, left top, left bottom, from(#b3cde0), color-stop(50%, #fadcd9));background:linear-gradient(to bottom, #b3cde0 0%, #fadcd9 50%)}section.foreword .sky-background .sky-layer-4{background:-webkit-gradient(linear, left top, left bottom, from(#73859f), color-stop(50%, #8f9db8));background:linear-gradient(to bottom, #73859f 0%, #8f9db8 50%)}section.foreword .sky-background.scene-2 .sky-layer-2{opacity:1}section.foreword .sky-background.scene-3 .sky-layer-3{opacity:1}section.foreword .sky-background.scene-4 .sky-layer-4{opacity:1}section.foreword .shared-sun{position:absolute;width:80px;height:80px;z-index:2;bottom:calc(22.8472222222vw - 40px);left:50%;-webkit-transform:translateX(-50%) scale(0.8);transform:translateX(-50%) scale(0.8);opacity:0;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}section.foreword .shared-sun img{width:100%;height:auto;display:block}section.foreword .shared-sun.show{opacity:1;-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}section.foreword .shared-sun.scene-2{bottom:80%}section.foreword .shared-sun.scene-3{bottom:calc(22.8472222222vw - 65px)}section.foreword .shared-sun.scene-4{opacity:0;bottom:0%}section.foreword .shared-moon{position:absolute;width:80px;height:80px;z-index:4;top:-10%;right:20%;-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0;-webkit-transition:all .8s ease;transition:all .8s ease}section.foreword .shared-moon img{width:100%;height:auto;display:block}section.foreword .shared-moon.show{opacity:1;top:15%;-webkit-transform:scale(1) translateX(50%);transform:scale(1) translateX(50%)}section.foreword .ship{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:888px;width:75%;height:auto;z-index:100;pointer-events:none;-webkit-animation:boat 3s ease-in-out infinite;animation:boat 3s ease-in-out infinite}@-webkit-keyframes boat{0%,100%{-webkit-transform:translateX(-50%) translateY(5px);transform:translateX(-50%) translateY(5px)}50%{-webkit-transform:translateX(-50%) translateY(10px);transform:translateX(-50%) translateY(10px)}}@keyframes boat{0%,100%{-webkit-transform:translateX(-50%) translateY(5px);transform:translateX(-50%) translateY(5px)}50%{-webkit-transform:translateX(-50%) translateY(10px);transform:translateX(-50%) translateY(10px)}}section.foreword .ship-bg{width:100%;position:absolute;bottom:0;left:0;z-index:3}section.foreword .ship-line{width:100%;position:absolute;bottom:0;left:0;z-index:2;background:-webkit-gradient(linear, left top, left bottom, from(#dcb4ca), to(#d6b6cd));background:linear-gradient(to bottom, #dcb4ca, #d6b6cd)}section.foreword .ship-line::before,section.foreword .ship-line::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:opacity .8s ease-in-out;transition:opacity .8s ease-in-out;pointer-events:none}section.foreword .ship-line::before{background:-webkit-gradient(linear, left top, left bottom, from(#bdf3f7), to(#8de3e4));background:linear-gradient(to bottom, #bdf3f7, #8de3e4)}section.foreword .ship-line::after{background:-webkit-gradient(linear, left top, left bottom, from(#f3b3a6), to(#b695a0));background:linear-gradient(to bottom, #f3b3a6, #b695a0)}section.foreword .ship-line .color-layer-4{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(#a2b3c0), to(#7b8ca2));background:linear-gradient(to bottom, #a2b3c0, #7b8ca2);opacity:0;-webkit-transition:opacity .8s ease-in-out;transition:opacity .8s ease-in-out;pointer-events:none;z-index:1}section.foreword .ship-line img{position:relative;z-index:2}section.foreword .ship-line.scene-2::before{opacity:1}section.foreword .ship-line.scene-3::after{opacity:1}section.foreword .ship-line.scene-4 .color-layer-4{opacity:1}section.foreword .scenes-container{position:relative;width:100%;height:100%}section.foreword .scene{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}section.foreword .scene.active{opacity:1;pointer-events:auto}section.foreword .scene .background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;-webkit-transition:opacity .8s ease;transition:opacity .8s ease;background:rgba(0,0,0,0) !important}section.foreword .scene .background.fade-in{opacity:0}section.foreword .scene .celestial{position:absolute;width:80px;height:80px;z-index:5;-webkit-transition:all .8s ease;transition:all .8s ease;opacity:0 !important}section.foreword .scene .celestial img{width:100%;height:auto;display:block}section.foreword .scene .text-content{position:absolute;top:35%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:20;padding:0 25px;max-width:800px;width:100%;text-align:center;opacity:0;-webkit-transform:translate(-50%, -40%);transform:translate(-50%, -40%);-webkit-transition:all .4s cubic-bezier(0.4, 0, 0.2, 1) .2s;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1) .2s}section.foreword .scene .text-content.text-fade-in{opacity:1;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}section.foreword .scene .text-content p{font-size:22px;line-height:1.8;color:#535353;margin:0 0;font-weight:400;letter-spacing:.07em;text-align:center}section.foreword .scene .wave{position:absolute;z-index:3}section.foreword .scene .wave img{opacity:0;-webkit-transform:translate(30%, -80px) scale(0.8);transform:translate(30%, -80px) scale(0.8);-webkit-transition:all .8s cubic-bezier(0.34, 1.56, 0.64, 1);transition:all .8s cubic-bezier(0.34, 1.56, 0.64, 1)}section.foreword .scene .wave.wave-enter img,section.foreword .scene .wave img.wave-enter{opacity:1;-webkit-transform:translate(0, 0) scale(1);transform:translate(0, 0) scale(1)}section.foreword .scene .wave.wave-leave img,section.foreword .scene .wave img.wave-leave{opacity:0;-webkit-transform:translate(30%, -80px) scale(0.9);transform:translate(30%, -80px) scale(0.9);-webkit-transition:all .6s ease-in;transition:all .6s ease-in}section.foreword .scene[data-scene="1"] .wave{position:absolute;z-index:3}section.foreword .scene[data-scene="1"] .wave img{width:100%;height:auto;display:block}section.foreword .scene[data-scene="1"] .wave-1,section.foreword .scene[data-scene="1"] .wave-2,section.foreword .scene[data-scene="1"] .wave-3,section.foreword .scene[data-scene="1"] .wave-4,section.foreword .scene[data-scene="1"] .wave-5,section.foreword .scene[data-scene="1"] .wave-6{opacity:0;-webkit-transition:all .8s cubic-bezier(0.34, 1.56, 0.64, 1);transition:all .8s cubic-bezier(0.34, 1.56, 0.64, 1)}section.foreword .scene[data-scene="1"] .wave-1.wave-enter-down,section.foreword .scene[data-scene="1"] .wave-2.wave-enter-down,section.foreword .scene[data-scene="1"] .wave-3.wave-enter-down,section.foreword .scene[data-scene="1"] .wave-4.wave-enter-down,section.foreword .scene[data-scene="1"] .wave-5.wave-enter-down,section.foreword .scene[data-scene="1"] .wave-6.wave-enter-down{opacity:1;-webkit-transform:translateY(0) translateX(0) scale(1) !important;transform:translateY(0) translateX(0) scale(1) !important}section.foreword .scene[data-scene="1"] .wave-1.wave-leave-down,section.foreword .scene[data-scene="1"] .wave-2.wave-leave-down,section.foreword .scene[data-scene="1"] .wave-3.wave-leave-down,section.foreword .scene[data-scene="1"] .wave-4.wave-leave-down,section.foreword .scene[data-scene="1"] .wave-5.wave-leave-down,section.foreword .scene[data-scene="1"] .wave-6.wave-leave-down{opacity:0;-webkit-transition:all .6s ease-in;transition:all .6s ease-in}section.foreword .scene[data-scene="1"] .wave-1.wave-enter-up,section.foreword .scene[data-scene="1"] .wave-2.wave-enter-up,section.foreword .scene[data-scene="1"] .wave-3.wave-enter-up,section.foreword .scene[data-scene="1"] .wave-4.wave-enter-up,section.foreword .scene[data-scene="1"] .wave-5.wave-enter-up,section.foreword .scene[data-scene="1"] .wave-6.wave-enter-up{opacity:1;-webkit-transform:translateY(0) translateX(0) scale(1) !important;transform:translateY(0) translateX(0) scale(1) !important}section.foreword .scene[data-scene="1"] .wave-1.wave-leave-up,section.foreword .scene[data-scene="1"] .wave-2.wave-leave-up,section.foreword .scene[data-scene="1"] .wave-3.wave-leave-up,section.foreword .scene[data-scene="1"] .wave-4.wave-leave-up,section.foreword .scene[data-scene="1"] .wave-5.wave-leave-up,section.foreword .scene[data-scene="1"] .wave-6.wave-leave-up{opacity:0;-webkit-transition:all .6s ease-in;transition:all .6s ease-in}section.foreword .scene[data-scene="1"] .wave-1,section.foreword .scene[data-scene="1"] .wave-2,section.foreword .scene[data-scene="1"] .wave-3{-webkit-transform:translateY(50px) translateX(-150px) scale(0.8);transform:translateY(50px) translateX(-150px) scale(0.8)}section.foreword .scene[data-scene="1"] .wave-1.wave-leave-down,section.foreword .scene[data-scene="1"] .wave-2.wave-leave-down,section.foreword .scene[data-scene="1"] .wave-3.wave-leave-down{-webkit-transform:translateY(-50px) translateX(150px) scale(0.8);transform:translateY(-50px) translateX(150px) scale(0.8)}section.foreword .scene[data-scene="1"] .wave-1.wave-leave-up,section.foreword .scene[data-scene="1"] .wave-2.wave-leave-up,section.foreword .scene[data-scene="1"] .wave-3.wave-leave-up{-webkit-transform:translateY(50px) translateX(-150px) scale(0.8);transform:translateY(50px) translateX(-150px) scale(0.8)}section.foreword .scene[data-scene="1"] .wave-1.wave-enter-down,section.foreword .scene[data-scene="1"] .wave-1.wave-enter-up,section.foreword .scene[data-scene="1"] .wave-2.wave-enter-down,section.foreword .scene[data-scene="1"] .wave-2.wave-enter-up,section.foreword .scene[data-scene="1"] .wave-3.wave-enter-down,section.foreword .scene[data-scene="1"] .wave-3.wave-enter-up{opacity:1;-webkit-transform:translateY(0) translateX(0) scale(1) !important;transform:translateY(0) translateX(0) scale(1) !important}section.foreword .scene[data-scene="1"] .wave-4,section.foreword .scene[data-scene="1"] .wave-5,section.foreword .scene[data-scene="1"] .wave-6{-webkit-transform:translateY(50px) translateX(150px) scale(0.8);transform:translateY(50px) translateX(150px) scale(0.8)}section.foreword .scene[data-scene="1"] .wave-4.wave-leave-down,section.foreword .scene[data-scene="1"] .wave-5.wave-leave-down,section.foreword .scene[data-scene="1"] .wave-6.wave-leave-down{-webkit-transform:translateY(-50px) translateX(-150px) scale(0.8);transform:translateY(-50px) translateX(-150px) scale(0.8)}section.foreword .scene[data-scene="1"] .wave-4.wave-leave-up,section.foreword .scene[data-scene="1"] .wave-5.wave-leave-up,section.foreword .scene[data-scene="1"] .wave-6.wave-leave-up{-webkit-transform:translateY(50px) translateX(150px) scale(0.8);transform:translateY(50px) translateX(150px) scale(0.8)}section.foreword .scene[data-scene="1"] .wave-4.wave-enter-down,section.foreword .scene[data-scene="1"] .wave-4.wave-enter-up,section.foreword .scene[data-scene="1"] .wave-5.wave-enter-down,section.foreword .scene[data-scene="1"] .wave-5.wave-enter-up,section.foreword .scene[data-scene="1"] .wave-6.wave-enter-down,section.foreword .scene[data-scene="1"] .wave-6.wave-enter-up{opacity:1;-webkit-transform:translateY(0) translateX(0) scale(1) !important;transform:translateY(0) translateX(0) scale(1) !important}section.foreword .scene[data-scene="1"] .wave-1{left:8%;width:5.5%;bottom:17.1vw;-webkit-transition-delay:0s;transition-delay:0s}section.foreword .scene[data-scene="1"] .wave-2{left:15%;width:11%;bottom:11.4vw;-webkit-transition-delay:.1s;transition-delay:.1s}section.foreword .scene[data-scene="1"] .wave-3{left:3%;width:16.5%;bottom:5.7vw;-webkit-transition-delay:.2s;transition-delay:.2s}section.foreword .scene[data-scene="1"] .wave-4{left:79.5%;width:5.5%;bottom:11.4vw;-webkit-transition-delay:.3s;transition-delay:.3s}section.foreword .scene[data-scene="1"] .wave-5{left:91.5%;width:11%;bottom:5.7vw;-webkit-transition-delay:.4s;transition-delay:.4s}section.foreword .scene[data-scene="1"] .wave-6{left:77.5%;width:16.5%;bottom:17.1vw;-webkit-transition-delay:.5s;transition-delay:.5s}section.foreword .scene[data-scene="2"] .wave{position:absolute;z-index:3}section.foreword .scene[data-scene="2"] .wave img{width:100%;height:auto;display:block}section.foreword .scene[data-scene="2"] .wave-1,section.foreword .scene[data-scene="2"] .wave-2,section.foreword .scene[data-scene="2"] .wave-3,section.foreword .scene[data-scene="2"] .wave-4,section.foreword .scene[data-scene="2"] .wave-5,section.foreword .scene[data-scene="2"] .wave-6{opacity:0;-webkit-transition:all .8s cubic-bezier(0.34, 1.56, 0.64, 1);transition:all .8s cubic-bezier(0.34, 1.56, 0.64, 1)}section.foreword .scene[data-scene="2"] .wave-1.wave-enter-down,section.foreword .scene[data-scene="2"] .wave-2.wave-enter-down,section.foreword .scene[data-scene="2"] .wave-3.wave-enter-down,section.foreword .scene[data-scene="2"] .wave-4.wave-enter-down,section.foreword .scene[data-scene="2"] .wave-5.wave-enter-down,section.foreword .scene[data-scene="2"] .wave-6.wave-enter-down{opacity:1;-webkit-transform:translateY(0) translateX(0) scale(1) !important;transform:translateY(0) translateX(0) scale(1) !important}section.foreword .scene[data-scene="2"] .wave-1.wave-leave-down,section.foreword .scene[data-scene="2"] .wave-2.wave-leave-down,section.foreword .scene[data-scene="2"] .wave-3.wave-leave-down,section.foreword .scene[data-scene="2"] .wave-4.wave-leave-down,section.foreword .scene[data-scene="2"] .wave-5.wave-leave-down,section.foreword .scene[data-scene="2"] .wave-6.wave-leave-down{opacity:0;-webkit-transition:all .6s ease-in;transition:all .6s ease-in}section.foreword .scene[data-scene="2"] .wave-1.wave-enter-up,section.foreword .scene[data-scene="2"] .wave-2.wave-enter-up,section.foreword .scene[data-scene="2"] .wave-3.wave-enter-up,section.foreword .scene[data-scene="2"] .wave-4.wave-enter-up,section.foreword .scene[data-scene="2"] .wave-5.wave-enter-up,section.foreword .scene[data-scene="2"] .wave-6.wave-enter-up{opacity:1;-webkit-transform:translateY(0) translateX(0) scale(1) !important;transform:translateY(0) translateX(0) scale(1) !important}section.foreword .scene[data-scene="2"] .wave-1.wave-leave-up,section.foreword .scene[data-scene="2"] .wave-2.wave-leave-up,section.foreword .scene[data-scene="2"] .wave-3.wave-leave-up,section.foreword .scene[data-scene="2"] .wave-4.wave-leave-up,section.foreword .scene[data-scene="2"] .wave-5.wave-leave-up,section.foreword .scene[data-scene="2"] .wave-6.wave-leave-up{opacity:0;-webkit-transition:all .6s ease-in;transition:all .6s ease-in}section.foreword .scene[data-scene="2"] .wave-1,section.foreword .scene[data-scene="2"] .wave-2,section.foreword .scene[data-scene="2"] .wave-3{-webkit-transform:translateY(50px) translateX(-150px) scale(0.8);transform:translateY(50px) translateX(-150px) scale(0.8)}section.foreword .scene[data-scene="2"] .wave-1.wave-leave-down,section.foreword .scene[data-scene="2"] .wave-2.wave-leave-down,section.foreword .scene[data-scene="2"] .wave-3.wave-leave-down{-webkit-transform:translateY(-50px) translateX(150px) scale(0.8);transform:translateY(-50px) translateX(150px) scale(0.8)}section.foreword .scene[data-scene="2"] .wave-1.wave-leave-up,section.foreword .scene[data-scene="2"] .wave-2.wave-leave-up,section.foreword .scene[data-scene="2"] .wave-3.wave-leave-up{-webkit-transform:translateY(50px) translateX(-150px) scale(0.8);transform:translateY(50px) translateX(-150px) scale(0.8)}section.foreword .scene[data-scene="2"] .wave-1.wave-enter-down,section.foreword .scene[data-scene="2"] .wave-1.wave-enter-up,section.foreword .scene[data-scene="2"] .wave-2.wave-enter-down,section.foreword .scene[data-scene="2"] .wave-2.wave-enter-up,section.foreword .scene[data-scene="2"] .wave-3.wave-enter-down,section.foreword .scene[data-scene="2"] .wave-3.wave-enter-up{opacity:1;-webkit-transform:translateY(0) translateX(0) scale(1) !important;transform:translateY(0) translateX(0) scale(1) !important}section.foreword .scene[data-scene="2"] .wave-4,section.foreword .scene[data-scene="2"] .wave-5,section.foreword .scene[data-scene="2"] .wave-6{-webkit-transform:translateY(50px) translateX(150px) scale(0.8);transform:translateY(50px) translateX(150px) scale(0.8)}section.foreword .scene[data-scene="2"] .wave-4.wave-leave-down,section.foreword .scene[data-scene="2"] .wave-5.wave-leave-down,section.foreword .scene[data-scene="2"] .wave-6.wave-leave-down{-webkit-transform:translateY(-50px) translateX(-150px) scale(0.8);transform:translateY(-50px) translateX(-150px) scale(0.8)}section.foreword .scene[data-scene="2"] .wave-4.wave-leave-up,section.foreword .scene[data-scene="2"] .wave-5.wave-leave-up,section.foreword .scene[data-scene="2"] .wave-6.wave-leave-up{-webkit-transform:translateY(50px) translateX(150px) scale(0.8);transform:translateY(50px) translateX(150px) scale(0.8)}section.foreword .scene[data-scene="2"] .wave-4.wave-enter-down,section.foreword .scene[data-scene="2"] .wave-4.wave-enter-up,section.foreword .scene[data-scene="2"] .wave-5.wave-enter-down,section.foreword .scene[data-scene="2"] .wave-5.wave-enter-up,section.foreword .scene[data-scene="2"] .wave-6.wave-enter-down,section.foreword .scene[data-scene="2"] .wave-6.wave-enter-up{opacity:1;-webkit-transform:translateY(0) translateX(0) scale(1) !important;transform:translateY(0) translateX(0) scale(1) !important}section.foreword .scene[data-scene="2"] .wave-1{left:8%;width:5.5%;bottom:17.1vw;-webkit-transition-delay:0s;transition-delay:0s}section.foreword .scene[data-scene="2"] .wave-2{left:10%;width:11%;bottom:11.4vw;-webkit-transition-delay:.1s;transition-delay:.1s}section.foreword .scene[data-scene="2"] .wave-3{left:19%;width:16.5%;bottom:17.1vw;-webkit-transition-delay:.2s;transition-delay:.2s}section.foreword .scene[data-scene="2"] .wave-4{left:76.5%;width:5.5%;bottom:17.1vw;-webkit-transition-delay:.3s;transition-delay:.3s}section.foreword .scene[data-scene="2"] .wave-5{left:88.5%;width:11%;bottom:11.4vw;-webkit-transition-delay:.4s;transition-delay:.4s}section.foreword .scene[data-scene="2"] .wave-6{left:77.5%;width:16.5%;bottom:5.7vw;-webkit-transition-delay:.5s;transition-delay:.5s}section.foreword .scene[data-scene="3"] .wave{position:absolute;z-index:3}section.foreword .scene[data-scene="3"] .wave img{width:100%;height:auto;display:block}section.foreword .scene[data-scene="3"] .wave-1,section.foreword .scene[data-scene="3"] .wave-2,section.foreword .scene[data-scene="3"] .wave-3,section.foreword .scene[data-scene="3"] .wave-4,section.foreword .scene[data-scene="3"] .wave-5,section.foreword .scene[data-scene="3"] .wave-6{opacity:0;-webkit-transition:all .8s cubic-bezier(0.34, 1.56, 0.64, 1);transition:all .8s cubic-bezier(0.34, 1.56, 0.64, 1)}section.foreword .scene[data-scene="3"] .wave-1.wave-enter-down,section.foreword .scene[data-scene="3"] .wave-2.wave-enter-down,section.foreword .scene[data-scene="3"] .wave-3.wave-enter-down,section.foreword .scene[data-scene="3"] .wave-4.wave-enter-down,section.foreword .scene[data-scene="3"] .wave-5.wave-enter-down,section.foreword .scene[data-scene="3"] .wave-6.wave-enter-down{opacity:1;-webkit-transform:translateY(0) translateX(0) scale(1) !important;transform:translateY(0) translateX(0) scale(1) !important}section.foreword .scene[data-scene="3"] .wave-1.wave-leave-down,section.foreword .scene[data-scene="3"] .wave-2.wave-leave-down,section.foreword .scene[data-scene="3"] .wave-3.wave-leave-down,section.foreword .scene[data-scene="3"] .wave-4.wave-leave-down,section.foreword .scene[data-scene="3"] .wave-5.wave-leave-down,section.foreword .scene[data-scene="3"] .wave-6.wave-leave-down{opacity:0;-webkit-transition:all .6s ease-in;transition:all .6s ease-in}section.foreword .scene[data-scene="3"] .wave-1.wave-enter-up,section.foreword .scene[data-scene="3"] .wave-2.wave-enter-up,section.foreword .scene[data-scene="3"] .wave-3.wave-enter-up,section.foreword .scene[data-scene="3"] .wave-4.wave-enter-up,section.foreword .scene[data-scene="3"] .wave-5.wave-enter-up,section.foreword .scene[data-scene="3"] .wave-6.wave-enter-up{opacity:1;-webkit-transform:translateY(0) translateX(0) scale(1) !important;transform:translateY(0) translateX(0) scale(1) !important}section.foreword .scene[data-scene="3"] .wave-1.wave-leave-up,section.foreword .scene[data-scene="3"] .wave-2.wave-leave-up,section.foreword .scene[data-scene="3"] .wave-3.wave-leave-up,section.foreword .scene[data-scene="3"] .wave-4.wave-leave-up,section.foreword .scene[data-scene="3"] .wave-5.wave-leave-up,section.foreword .scene[data-scene="3"] .wave-6.wave-leave-up{opacity:0;-webkit-transition:all .6s ease-in;transition:all .6s ease-in}section.foreword .scene[data-scene="3"] .wave-1,section.foreword .scene[data-scene="3"] .wave-2,section.foreword .scene[data-scene="3"] .wave-3{-webkit-transform:translateY(50px) translateX(-150px) scale(0.8);transform:translateY(50px) translateX(-150px) scale(0.8)}section.foreword .scene[data-scene="3"] .wave-1.wave-leave-down,section.foreword .scene[data-scene="3"] .wave-2.wave-leave-down,section.foreword .scene[data-scene="3"] .wave-3.wave-leave-down{-webkit-transform:translateY(-50px) translateX(150px) scale(0.8);transform:translateY(-50px) translateX(150px) scale(0.8)}section.foreword .scene[data-scene="3"] .wave-1.wave-leave-up,section.foreword .scene[data-scene="3"] .wave-2.wave-leave-up,section.foreword .scene[data-scene="3"] .wave-3.wave-leave-up{-webkit-transform:translateY(50px) translateX(-150px) scale(0.8);transform:translateY(50px) translateX(-150px) scale(0.8)}section.foreword .scene[data-scene="3"] .wave-1.wave-enter-down,section.foreword .scene[data-scene="3"] .wave-1.wave-enter-up,section.foreword .scene[data-scene="3"] .wave-2.wave-enter-down,section.foreword .scene[data-scene="3"] .wave-2.wave-enter-up,section.foreword .scene[data-scene="3"] .wave-3.wave-enter-down,section.foreword .scene[data-scene="3"] .wave-3.wave-enter-up{opacity:1;-webkit-transform:translateY(0) translateX(0) scale(1) !important;transform:translateY(0) translateX(0) scale(1) !important}section.foreword .scene[data-scene="3"] .wave-4,section.foreword .scene[data-scene="3"] .wave-5,section.foreword .scene[data-scene="3"] .wave-6{-webkit-transform:translateY(50px) translateX(150px) scale(0.8);transform:translateY(50px) translateX(150px) scale(0.8)}section.foreword .scene[data-scene="3"] .wave-4.wave-leave-down,section.foreword .scene[data-scene="3"] .wave-5.wave-leave-down,section.foreword .scene[data-scene="3"] .wave-6.wave-leave-down{-webkit-transform:translateY(-50px) translateX(-150px) scale(0.8);transform:translateY(-50px) translateX(-150px) scale(0.8)}section.foreword .scene[data-scene="3"] .wave-4.wave-leave-up,section.foreword .scene[data-scene="3"] .wave-5.wave-leave-up,section.foreword .scene[data-scene="3"] .wave-6.wave-leave-up{-webkit-transform:translateY(50px) translateX(150px) scale(0.8);transform:translateY(50px) translateX(150px) scale(0.8)}section.foreword .scene[data-scene="3"] .wave-4.wave-enter-down,section.foreword .scene[data-scene="3"] .wave-4.wave-enter-up,section.foreword .scene[data-scene="3"] .wave-5.wave-enter-down,section.foreword .scene[data-scene="3"] .wave-5.wave-enter-up,section.foreword .scene[data-scene="3"] .wave-6.wave-enter-down,section.foreword .scene[data-scene="3"] .wave-6.wave-enter-up{opacity:1;-webkit-transform:translateY(0) translateX(0) scale(1) !important;transform:translateY(0) translateX(0) scale(1) !important}section.foreword .scene[data-scene="3"] .wave-1{left:8%;width:5.5%;bottom:17.1vw;-webkit-transition-delay:0s;transition-delay:0s}section.foreword .scene[data-scene="3"] .wave-2{left:15%;width:11%;bottom:11.4vw;-webkit-transition-delay:.1s;transition-delay:.1s}section.foreword .scene[data-scene="3"] .wave-3{left:3%;width:16.5%;bottom:5.7vw;-webkit-transition-delay:.2s;transition-delay:.2s}section.foreword .scene[data-scene="3"] .wave-4{left:85.5%;width:5.5%;bottom:5.7vw;-webkit-transition-delay:.3s;transition-delay:.3s}section.foreword .scene[data-scene="3"] .wave-5{left:69%;width:11%;bottom:17.1vw;-webkit-transition-delay:.4s;transition-delay:.4s}section.foreword .scene[data-scene="3"] .wave-6{left:77.5%;width:16.5%;bottom:11.4vw;-webkit-transition-delay:.5s;transition-delay:.5s}section.foreword .scene[data-scene="4"] p{color:#fff}section.foreword .scene[data-scene="4"] .child{position:absolute;right:0;width:25%;bottom:22.8vw;opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7);-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transition:all 1s cubic-bezier(0.34, 1.56, 0.64, 1);transition:all 1s cubic-bezier(0.34, 1.56, 0.64, 1)}section.foreword .scene[data-scene="4"] .child.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}@media(max-width: 992px){section.foreword .scene[data-scene="4"] .child{bottom:60.8vw;width:20%}}section.foreword .scene[data-scene="4"] .wave{position:absolute;z-index:3}section.foreword .scene[data-scene="4"] .wave img{width:100%;height:auto;display:block}section.foreword .scene[data-scene="4"] .wave-1,section.foreword .scene[data-scene="4"] .wave-2,section.foreword .scene[data-scene="4"] .wave-3,section.foreword .scene[data-scene="4"] .wave-4,section.foreword .scene[data-scene="4"] .wave-5,section.foreword .scene[data-scene="4"] .wave-6{opacity:0;-webkit-transition:all .8s cubic-bezier(0.34, 1.56, 0.64, 1);transition:all .8s cubic-bezier(0.34, 1.56, 0.64, 1)}section.foreword .scene[data-scene="4"] .wave-1.wave-enter-down,section.foreword .scene[data-scene="4"] .wave-2.wave-enter-down,section.foreword .scene[data-scene="4"] .wave-3.wave-enter-down,section.foreword .scene[data-scene="4"] .wave-4.wave-enter-down,section.foreword .scene[data-scene="4"] .wave-5.wave-enter-down,section.foreword .scene[data-scene="4"] .wave-6.wave-enter-down{opacity:1;-webkit-transform:translateY(0) translateX(0) scale(1) !important;transform:translateY(0) translateX(0) scale(1) !important}section.foreword .scene[data-scene="4"] .wave-1.wave-leave-down,section.foreword .scene[data-scene="4"] .wave-2.wave-leave-down,section.foreword .scene[data-scene="4"] .wave-3.wave-leave-down,section.foreword .scene[data-scene="4"] .wave-4.wave-leave-down,section.foreword .scene[data-scene="4"] .wave-5.wave-leave-down,section.foreword .scene[data-scene="4"] .wave-6.wave-leave-down{opacity:0;-webkit-transition:all .6s ease-in;transition:all .6s ease-in}section.foreword .scene[data-scene="4"] .wave-1.wave-enter-up,section.foreword .scene[data-scene="4"] .wave-2.wave-enter-up,section.foreword .scene[data-scene="4"] .wave-3.wave-enter-up,section.foreword .scene[data-scene="4"] .wave-4.wave-enter-up,section.foreword .scene[data-scene="4"] .wave-5.wave-enter-up,section.foreword .scene[data-scene="4"] .wave-6.wave-enter-up{opacity:1;-webkit-transform:translateY(0) translateX(0) scale(1) !important;transform:translateY(0) translateX(0) scale(1) !important}section.foreword .scene[data-scene="4"] .wave-1.wave-leave-up,section.foreword .scene[data-scene="4"] .wave-2.wave-leave-up,section.foreword .scene[data-scene="4"] .wave-3.wave-leave-up,section.foreword .scene[data-scene="4"] .wave-4.wave-leave-up,section.foreword .scene[data-scene="4"] .wave-5.wave-leave-up,section.foreword .scene[data-scene="4"] .wave-6.wave-leave-up{opacity:0;-webkit-transition:all .6s ease-in;transition:all .6s ease-in}section.foreword .scene[data-scene="4"] .wave-1,section.foreword .scene[data-scene="4"] .wave-2,section.foreword .scene[data-scene="4"] .wave-3{-webkit-transform:translateY(50px) translateX(-150px) scale(0.8);transform:translateY(50px) translateX(-150px) scale(0.8)}section.foreword .scene[data-scene="4"] .wave-1.wave-leave-down,section.foreword .scene[data-scene="4"] .wave-2.wave-leave-down,section.foreword .scene[data-scene="4"] .wave-3.wave-leave-down{-webkit-transform:translateY(-50px) translateX(150px) scale(0.8);transform:translateY(-50px) translateX(150px) scale(0.8)}section.foreword .scene[data-scene="4"] .wave-1.wave-leave-up,section.foreword .scene[data-scene="4"] .wave-2.wave-leave-up,section.foreword .scene[data-scene="4"] .wave-3.wave-leave-up{-webkit-transform:translateY(50px) translateX(-150px) scale(0.8);transform:translateY(50px) translateX(-150px) scale(0.8)}section.foreword .scene[data-scene="4"] .wave-1.wave-enter-down,section.foreword .scene[data-scene="4"] .wave-1.wave-enter-up,section.foreword .scene[data-scene="4"] .wave-2.wave-enter-down,section.foreword .scene[data-scene="4"] .wave-2.wave-enter-up,section.foreword .scene[data-scene="4"] .wave-3.wave-enter-down,section.foreword .scene[data-scene="4"] .wave-3.wave-enter-up{opacity:1;-webkit-transform:translateY(0) translateX(0) scale(1) !important;transform:translateY(0) translateX(0) scale(1) !important}section.foreword .scene[data-scene="4"] .wave-4,section.foreword .scene[data-scene="4"] .wave-5,section.foreword .scene[data-scene="4"] .wave-6{-webkit-transform:translateY(50px) translateX(150px) scale(0.8);transform:translateY(50px) translateX(150px) scale(0.8)}section.foreword .scene[data-scene="4"] .wave-4.wave-leave-down,section.foreword .scene[data-scene="4"] .wave-5.wave-leave-down,section.foreword .scene[data-scene="4"] .wave-6.wave-leave-down{-webkit-transform:translateY(-50px) translateX(-150px) scale(0.8);transform:translateY(-50px) translateX(-150px) scale(0.8)}section.foreword .scene[data-scene="4"] .wave-4.wave-leave-up,section.foreword .scene[data-scene="4"] .wave-5.wave-leave-up,section.foreword .scene[data-scene="4"] .wave-6.wave-leave-up{-webkit-transform:translateY(50px) translateX(150px) scale(0.8);transform:translateY(50px) translateX(150px) scale(0.8)}section.foreword .scene[data-scene="4"] .wave-4.wave-enter-down,section.foreword .scene[data-scene="4"] .wave-4.wave-enter-up,section.foreword .scene[data-scene="4"] .wave-5.wave-enter-down,section.foreword .scene[data-scene="4"] .wave-5.wave-enter-up,section.foreword .scene[data-scene="4"] .wave-6.wave-enter-down,section.foreword .scene[data-scene="4"] .wave-6.wave-enter-up{opacity:1;-webkit-transform:translateY(0) translateX(0) scale(1) !important;transform:translateY(0) translateX(0) scale(1) !important}section.foreword .scene[data-scene="4"] .wave-1{left:9%;width:5.5%;bottom:5.7vw;-webkit-transition-delay:0s;transition-delay:0s}section.foreword .scene[data-scene="4"] .wave-2{left:21%;width:11%;bottom:17.1vw;-webkit-transition-delay:.1s;transition-delay:.1s}section.foreword .scene[data-scene="4"] .wave-3{left:1%;width:16.5%;bottom:11.4vw;-webkit-transition-delay:.2s;transition-delay:.2s}section.foreword .scene[data-scene="4"] .wave-4{left:87.7%;width:5.5%;bottom:11.4vw;-webkit-transition-delay:.3s;transition-delay:.3s}section.foreword .scene[data-scene="4"] .wave-5{left:82.5%;width:11%;bottom:17.1vw;-webkit-transition-delay:.4s;transition-delay:.4s}section.foreword .scene[data-scene="4"] .wave-6{left:79.5%;width:16.5%;bottom:5.7vw;-webkit-transition-delay:.5s;transition-delay:.5s}section.foreword .bg-1{background:-webkit-gradient(linear, left top, left bottom, from(#cde4f2), color-stop(50%, #fdf2d8));background:linear-gradient(to bottom, #cde4f2 0%, #fdf2d8 50%)}section.foreword .bg-2{background:-webkit-gradient(linear, left top, left bottom, from(#a7c7e7), color-stop(50%, #b6e3f4));background:linear-gradient(to bottom, #a7c7e7 0%, #b6e3f4 50%)}section.foreword .bg-3{background:-webkit-gradient(linear, left top, left bottom, from(#b3cde0), color-stop(50%, #fadcd9));background:linear-gradient(to bottom, #b3cde0 0%, #fadcd9 50%)}section.foreword .bg-4{background:-webkit-gradient(linear, left top, left bottom, from(#73859f), color-stop(50%, #8f9db8));background:linear-gradient(to bottom, #73859f 0%, #8f9db8 50%)}@media(max-width: 992px){section.foreword .ship{width:90%}section.foreword .scene .text-content p{font-size:18px;line-height:1.6}section.foreword .shared-sun,section.foreword .shared-moon{width:60px;height:60px}section.foreword .shared-moon{right:50%}section.foreword .shared-sun{bottom:calc(61.3526570048vw - 30px)}section.foreword .shared-sun.scene-2{bottom:calc(100% - 200px)}section.foreword .shared-sun.scene-3{bottom:calc(61.3526570048vw - 45px)}}section.issue{background-color:#fff;text-align:center;padding:100px 15px 150px}section.issue p{text-align:center;font-size:18px;line-height:2.2;letter-spacing:.11em;color:#535353;font-weight:400}section.issue p span{font-weight:500;font-size:32px;line-height:1.5;letter-spacing:.12em}@media screen and (max-width: 400px){section.issue p span{font-size:28px;letter-spacing:.08em}}section.issue img{width:95%;max-width:800px;margin:10px auto 0}@media screen and (min-width: 993px){section.issue img{width:90%}}section.issue .container{padding:0}section.quiz{background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(#dbf3f6), to(#ffffff));background:linear-gradient(to bottom, #ffffff, #dbf3f6, #ffffff);padding:0;overflow:hidden}section.quiz .container{max-width:100%;margin:0 auto;text-align:center;padding:0}section.quiz .container .title{width:90%;max-width:340px;margin:auto;position:relative;z-index:1}@media screen and (min-width: 993px){section.quiz .container .title{max-width:560px}}section.quiz .container .btn{display:inline-block;margin:60px auto 48px;border-radius:50px;border:2px solid #fff;background:-webkit-gradient(linear, left top, right top, from(#64b9c7), to(#93d5df));background:linear-gradient(to right, #64b9c7, #93d5df);-webkit-transition:.4s;transition:.4s}@media screen and (max-width: 992px){section.quiz .container .btn{margin:30px auto 90px}}section.quiz .container .btn:hover{background:-webkit-gradient(linear, left top, right top, from(#3a9cac), to(#75c6d3));background:linear-gradient(to right, #3a9cac, #75c6d3)}section.quiz .container .btn a{padding:20px 62px}@media screen and (max-width: 992px){section.quiz .container .btn a{padding:11px 36px}}section.quiz .container .btn img{width:110px}@media screen and (min-width: 993px){section.quiz .container .btn img{width:195px}}section.quiz .dec{position:relative}section.quiz .dec-sun{position:absolute;width:105px;top:0;left:75%;z-index:0}section.quiz .dec-wave-1{position:relative;min-width:1440px;z-index:3;-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-animation:waveMove 3s ease-in-out infinite;animation:waveMove 3s ease-in-out infinite}section.quiz .dec-wave-2{position:relative;margin-top:-4.5vw;min-width:1440px;z-index:4;-webkit-transform:scale(1.02);transform:scale(1.02)}@media screen and (max-width: 992px){section.quiz .dec-wave-2{margin-top:-80px}}section.quiz .dec-wave-2{-webkit-animation:waveMove 3s -2s ease-in-out infinite;animation:waveMove 3s -2s ease-in-out infinite}section.quiz .dec-wave-3{position:relative;margin-top:-4.5vw;min-width:1440px;z-index:5;-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-animation:waveMove 3s -0.5s ease-in-out infinite;animation:waveMove 3s -0.5s ease-in-out infinite}@media screen and (max-width: 992px){section.quiz .dec-wave-3{margin-top:-80px}}section.quiz .dec-wave-4{position:relative;margin-top:-4.5vw;min-width:1440px;z-index:6;-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-animation:waveMove 3s -1s ease-in-out infinite;animation:waveMove 3s -1s ease-in-out infinite}@media screen and (max-width: 992px){section.quiz .dec-wave-4{margin-top:-80px}}@-webkit-keyframes waveMove{0%{-webkit-transform:translateX(0px) scale(1.02);transform:translateX(0px) scale(1.02)}50%{-webkit-transform:translateX(-1%) scale(1.02);transform:translateX(-1%) scale(1.02)}100%{-webkit-transform:translateX(0px) scale(1.02);transform:translateX(0px) scale(1.02)}}@keyframes waveMove{0%{-webkit-transform:translateX(0px) scale(1.02);transform:translateX(0px) scale(1.02)}50%{-webkit-transform:translateX(-1%) scale(1.02);transform:translateX(-1%) scale(1.02)}100%{-webkit-transform:translateX(0px) scale(1.02);transform:translateX(0px) scale(1.02)}}section.quiz .dec-boat-1{position:absolute;width:15vw;top:-8vw;left:69%;-webkit-animation:boatSway 5s ease-in-out infinite;animation:boatSway 5s ease-in-out infinite}@media screen and (max-width: 992px){section.quiz .dec-boat-1{width:30vw;top:-14vw;left:63%}}section.quiz .dec-boat-2{position:absolute;width:13.5vw;top:calc(356px - 18vw);left:77%;z-index:4;-webkit-animation:boatSway 4s -1s ease-in-out infinite;animation:boatSway 4s -1s ease-in-out infinite}@media screen and (max-width: 992px){section.quiz .dec-boat-2{width:22vw;top:calc(196px - 19vw)}}@media screen and (min-width: 1500px){section.quiz .dec-boat-2{top:4.1580547112vw}}section.quiz .dec-boat-3{position:absolute;width:18.5vw;top:calc(356px - 22vw);left:5%;z-index:4;-webkit-animation:boatSway 4s -2s ease-in-out infinite;animation:boatSway 4s -2s ease-in-out infinite}@media screen and (max-width: 992px){section.quiz .dec-boat-3{width:29vw;top:calc(196px - 19vw);left:13%}}@media screen and (min-width: 1500px){section.quiz .dec-boat-3{top:2.1580547112vw}}section.quiz .dec-boat-4{position:absolute;width:19vw;top:calc(534px - 24vw);left:48%;z-index:5;-webkit-animation:boatSway 4s -2.5s ease-in-out infinite;animation:boatSway 4s -2.5s ease-in-out infinite}@media screen and (max-width: 992px){section.quiz .dec-boat-4{width:34vw;top:calc(294px - 18vw);left:59%}}@media screen and (min-width: 1500px){section.quiz .dec-boat-4{top:12.1580547112vw}}section.quiz .dec-boat-5{position:absolute;width:14vw;top:calc(534px - 19vw);left:19%;z-index:5}@media screen and (max-width: 992px){section.quiz .dec-boat-5{width:18vw;top:calc(294px - 9vw);left:30%}}@media screen and (min-width: 1500px){section.quiz .dec-boat-5{top:12.1580547112vw}}section.quiz .dec-boat-6{position:absolute;width:9.4vw;top:-8.5vw;left:14%;-webkit-animation:boatSway 4s ease-in-out infinite;animation:boatSway 4s ease-in-out infinite}@media screen and (max-width: 992px){section.quiz .dec-boat-6{width:17vw;top:-14vw}}section.quiz .dec-boat-7{position:absolute;width:7vw;top:calc(98px - 3.5vw);left:63%;z-index:4}@media screen and (max-width: 992px){section.quiz .dec-boat-7{width:17vw;left:55%;top:16.1580547112vw}}@-webkit-keyframes boatSway{0%{-webkit-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg)}50%{-webkit-transform:translateY(10px) rotate(2deg);transform:translateY(10px) rotate(2deg)}100%{-webkit-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg)}}@keyframes boatSway{0%{-webkit-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg)}50%{-webkit-transform:translateY(10px) rotate(2deg);transform:translateY(10px) rotate(2deg)}100%{-webkit-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg)}}@media screen and (max-width: 992px){@-webkit-keyframes boatSway{0%{-webkit-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg)}50%{-webkit-transform:translateY(5px) rotate(2deg);transform:translateY(5px) rotate(2deg)}100%{-webkit-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg)}}@keyframes boatSway{0%{-webkit-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg)}50%{-webkit-transform:translateY(5px) rotate(2deg);transform:translateY(5px) rotate(2deg)}100%{-webkit-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg)}}}section.data{padding:0 15px 120px}@media screen and (min-width: 993px){section.data{padding:0 50px 120px}}@media screen and (min-width: 1000px){section.data{padding:0 50px 120px}}section.data>p{text-align:center;font-size:18px;line-height:1.8;letter-spacing:.11em;color:#535353;font-weight:400;max-width:800px;margin:0 auto 30px}section.data .stripe-container{width:2px;height:148px;background:rgba(0,0,0,0);position:relative;overflow:hidden;margin:0 auto 20px}@media screen and (min-width: 993px){section.data .stripe-container{height:164px}}section.data .stripe{width:100%;height:100%;background:-webkit-gradient(linear, left bottom, left top, from(#4ecdc4), color-stop(40%, #4ecdc4), to(#ffffff));background:linear-gradient(to top, #4ecdc4 0%, #4ecdc4 40%, #ffffff 100%);-webkit-animation:slideDown 3s linear infinite;animation:slideDown 3s linear infinite}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}section.data .hint{text-align:center;cursor:pointer}section.data .hint p{font-size:16px;line-height:1.5;letter-spacing:.11em;color:#535353;font-weight:400;max-width:800px;margin:0 auto 40px;padding:10px 20px;-webkit-box-shadow:0px 0px 30px 0px rgba(0,0,0,.15);box-shadow:0px 0px 30px 0px rgba(0,0,0,.15);display:inline-block;border-radius:8px}section.data .container{max-width:1320px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;gap:10px;padding:0}@media screen and (min-width: 993px){section.data .container{gap:20px}}@media screen and (min-width: 1600px){section.data .container{max-width:1550px}}section.data .container .item{-webkit-box-flex:calc((100% - 20px)/3);-ms-flex:calc((100% - 20px)/3);flex:calc((100% - 20px)/3);position:relative;z-index:1;aspect-ratio:120/143;-o-object-fit:cover;object-fit:cover;border-radius:20px;overflow:hidden}@media screen and (min-width: 993px){section.data .container .item{-webkit-box-flex:calc((100% - 100px)/6);-ms-flex:calc((100% - 100px)/6);flex:calc((100% - 100px)/6);aspect-ratio:203/328;-o-object-fit:cover;object-fit:cover}}section.data .container .item-percent{position:absolute;top:.3rem;right:.3rem;font-weight:900}@media screen and (min-width: 1000px){section.data .container .item-percent{top:.5rem;right:.5rem;font-weight:900}}section.data .container .item-percent p{line-height:1.75rem;font-size:32px;line-height:38.4px;font-weight:900}@media screen and (min-width: 993px){section.data .container .item-percent p{font-size:28px;line-height:35px}}@media screen and (min-width: 1000px){section.data .container .item-percent p{font-size:36px;line-height:54px}}@media screen and (max-width: 375px){section.data .container .item-percent p{font-size:28px;line-height:35px}}section.data .container .item:nth-child(1)::after{background-color:rgba(229,36,59,.7)}section.data .container .item:nth-child(1) .item-percent{color:#e5243b}section.data .container .item:nth-child(2)::after{background-color:rgba(221,166,58,.7)}section.data .container .item:nth-child(2) .item-percent{color:#dda63a}section.data .container .item:nth-child(3)::after{background-color:rgba(76,159,56,.7)}section.data .container .item:nth-child(3) .item-percent{color:#4c9f38}section.data .container .item:nth-child(4)::after{background-color:rgba(197,25,45,.7)}section.data .container .item:nth-child(4) .item-percent{color:#c5192d}section.data .container .item:nth-child(5)::after{background-color:rgba(255,58,33,.7)}section.data .container .item:nth-child(5) .item-percent{color:#ff3a21}section.data .container .item:nth-child(6)::after{background-color:rgba(38,189,226,.7)}section.data .container .item:nth-child(6) .item-percent{color:#26bde2}section.data .container .item:nth-child(7)::after{background-color:rgba(252,195,11,.7)}section.data .container .item:nth-child(7) .item-percent{color:#fcc30b}section.data .container .item:nth-child(8)::after{background-color:rgba(162,25,66,.7)}section.data .container .item:nth-child(8) .item-percent{color:#a21942}section.data .container .item:nth-child(9)::after{background-color:rgba(253,105,37,.7)}section.data .container .item:nth-child(9) .item-percent{color:#fd6925}section.data .container .item:nth-child(10)::after{background-color:rgba(221,19,103,.7)}section.data .container .item:nth-child(10) .item-percent{color:#dd1367}section.data .container .item:nth-child(11)::after{background-color:rgba(253,157,36,.7)}section.data .container .item:nth-child(11) .item-percent{color:#fd9d24}section.data .container .item:nth-child(12)::after{background-color:rgba(191,139,46,.7)}section.data .container .item:nth-child(12) .item-percent{color:#bf8b2e}section.data .container .item:nth-child(13)::after{background-color:rgba(63,126,68,.7)}section.data .container .item:nth-child(13) .item-percent{color:#3f7e44}section.data .container .item:nth-child(14)::after{background-color:rgba(10,151,217,.7)}section.data .container .item:nth-child(14) .item-percent{color:#0a97d9}section.data .container .item:nth-child(15)::after{background-color:rgba(86,192,43,.7)}section.data .container .item:nth-child(15) .item-percent{color:#56c02b}section.data .container .item:nth-child(16)::after{background-color:rgba(0,104,157,.7)}section.data .container .item:nth-child(16) .item-percent{color:#00689d}section.data .container .item:nth-child(17)::after{background-color:rgba(25,72,106,.7)}section.data .container .item:nth-child(17) .item-percent{color:#19486a}section.data .container .item:not(section.data .container .item.last)::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;z-index:-1}section.data .container .item:not(section.data .container .item.last).active::after{-webkit-animation:height-ani 1s 1 forwards;animation:height-ani 1s 1 forwards}@-webkit-keyframes height-ani{0%{height:0}100%{height:var(--percent)}}@keyframes height-ani{0%{height:0}100%{height:var(--percent)}}section.data .container .item-bg{-webkit-filter:grayscale(100%);filter:grayscale(100%);position:relative;z-index:-2}section.data .container .item-bg img{width:100%;vertical-align:middle;background-color:#efefef;aspect-ratio:203/328;-o-object-fit:cover;object-fit:cover}section.data .container .item-info{position:absolute;bottom:.5rem;left:.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;height:52px}@media screen and (min-width: 993px){section.data .container .item-info{bottom:1.2rem;left:.5rem}}@media screen and (min-width: 1000px){section.data .container .item-info{bottom:.6rem;left:.2rem}}@media screen and (min-width: 1400px){section.data .container .item-info{bottom:1rem;left:.75rem;gap:10px}}@media screen and (max-width: 375px){section.data .container .item-info{font-size:14px;line-height:16px;gap:3px}}@media screen and (width: 820px){section.data .container .item-info{bottom:1rem;left:1rem}}@media screen and (width: 768px){section.data .container .item-info{bottom:1rem;left:1rem}}section.data .container .item-info p{font-size:15px;color:#fff;font-weight:700;line-height:20px;letter-spacing:0;font-family:Noto Sans TC,sans-serif}@media screen and (min-width: 1000px){section.data .container .item-info p{font-weight:700;font-size:1.1rem;line-height:1.4rem}}@media screen and (min-width: 1400px){section.data .container .item-info p{line-height:1.75rem;font-weight:700;font-size:24px}}@media screen and (max-width: 375px){section.data .container .item-info p{font-size:14px;line-height:18px}}@media screen and (width: 1024px){section.data .container .item-info p{font-size:17px;line-height:1.5rem}}section.data .container .item-info img{height:46px;width:auto;padding-top:6px}@media screen and (max-width: 375px){section.data .container .item-info img{height:37px}}@media screen and (width: 810px){section.data .container .item-info img{height:37px}}@media screen and (width: 820px){section.data .container .item-info img{height:37px}}@media screen and (width: 1024px){section.data .container .item-info img{height:37px}}section.data .container .item.last{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#f1f1f1}section.data .container .item.last img{width:100%;max-width:85%}section.diagram{background:#fff;padding:120px 0}section.diagram .container{max-width:1200px;margin:0 auto}section.diagram .diagram-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;overflow-x:auto;white-space:nowrap;margin:0 auto 50px}section.diagram .diagram-tab{border:none;background:rgba(0,0,0,0);padding:15px;gap:8px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer;color:#535353;opacity:.3;border-bottom:2px solid #535353;-webkit-transition:color .3s ease,border-color .3s ease;transition:color .3s ease,border-color .3s ease}section.diagram .diagram-tab span br{display:none}section.diagram .diagram-tab img{width:30px;height:30px}section.diagram .diagram-tab svg{width:30px;height:30px;display:block}section.diagram .diagram-tab:nth-child(1).is-active{color:#f29e5e;border-bottom-color:#f29e5e}section.diagram .diagram-tab:nth-child(2).is-active{color:#5baec2;border-bottom-color:#5baec2}section.diagram .diagram-tab:nth-child(3).is-active{color:#5fa2f3;border-bottom-color:#5fa2f3}section.diagram .diagram-tab:nth-child(4).is-active{color:#c0a900;border-bottom-color:#c0a900}section.diagram .diagram-tab:nth-child(5).is-active{color:#75b46d;border-bottom-color:#75b46d}section.diagram .diagram-tab.is-active{opacity:1}section.diagram .diagram-panel-wrap{position:relative;min-height:480px}section.diagram .diagram-panel{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:60px;opacity:0;visibility:hidden;-webkit-transition:opacity .35s ease;transition:opacity .35s ease;pointer-events:none}section.diagram .diagram-panel.is-active{opacity:1;visibility:visible;pointer-events:auto}section.diagram .diagram-panel.is-fading-out{opacity:0}section.diagram .diagram-panel .diagram-panel-text{width:100%;max-width:450px;border-radius:20px;overflow:hidden;background:#fff;-webkit-box-shadow:0 6px 22px rgba(0,0,0,.08);box-shadow:0 6px 22px rgba(0,0,0,.08)}section.diagram .diagram-panel .diagram-panel-text h3{margin:0;font-size:20px;font-weight:600;line-height:180%;letter-spacing:2.2px;color:#535353;padding:20px 40px;background-color:#ffecdd}section.diagram .diagram-panel .diagram-panel-text p{margin:0;color:#535353;font-size:18px;font-weight:400;line-height:180%;letter-spacing:1.98px;padding:20px 40px;background-color:#fff}section.diagram .diagram-panel:nth-child(2) .diagram-panel-text{max-width:530px}section.diagram .diagram-panel:nth-child(2) .diagram-panel-text h3{background-color:#dcf1f4}section.diagram .diagram-panel:nth-child(3) .diagram-panel-text h3{background-color:#e5f0fe}section.diagram .diagram-panel:nth-child(4) .diagram-panel-text{max-width:485px}section.diagram .diagram-panel:nth-child(4) .diagram-panel-text h3{background-color:#f8f6d1}section.diagram .diagram-panel:nth-child(5) .diagram-panel-text h3{background-color:#e6f6e4}section.diagram .diagram-panel-image{width:53%;max-width:450px}section.diagram .diagram-panel-image img{width:100%;height:auto;display:block}@media(max-width: 820px){section.diagram{padding:40px 0}section.diagram .diagram-tabs{margin-bottom:40px}section.diagram .diagram-panel-wrap{min-height:auto}section.diagram .diagram-panel{position:static;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0px}section.diagram .diagram-panel.is-active{display:-webkit-box;display:-ms-flexbox;display:flex}section.diagram .diagram-panel .diagram-panel-text{margin-bottom:40px}section.diagram .diagram-panel .diagram-panel-text h3{padding:20px;font-size:18px;line-height:180%;letter-spacing:1.98px}section.diagram .diagram-panel .diagram-panel-text p{font-size:18px;padding:20px;font-size:16px;line-height:180%;letter-spacing:1.76px}section.diagram .diagram-panel-text,section.diagram .diagram-panel-image{width:100%}}@media(max-width: 768px){section.diagram .diagram-tab{font-size:16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;border-bottom:none}section.diagram .diagram-tab span br{display:block}}section.action{padding:0 20px 115px;position:relative;z-index:1;background:-webkit-gradient(linear, left top, left bottom, from(#ffeed7), to(#ffffff));background:linear-gradient(to bottom, #ffeed7, #ffffff)}@media screen and (min-width: 993px){section.action{padding:0 20px 160px}}section.action .container>p{text-align:center;font-size:18px;line-height:1.8;letter-spacing:.11em;color:#535353;font-weight:400;max-width:800px;margin:0 auto 40px}section.action .container .stripe-container{width:2px;height:134px;background:rgba(0,0,0,0);position:relative;overflow:hidden;margin:0 auto 20px}@media screen and (min-width: 993px){section.action .container .stripe-container{height:164px}}section.action .container .stripe{width:100%;height:100%;background:-webkit-gradient(linear, left bottom, left top, from(#4ecdc4), color-stop(40%, #4ecdc4), color-stop(70%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));background:linear-gradient(to top, #4ecdc4 0%, #4ecdc4 40%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);-webkit-animation:slideDown 3s linear infinite;animation:slideDown 3s linear infinite}@keyframes slideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}section.action .container .btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section.action .container .btns .btn{font-size:40px;letter-spacing:.03em;font-weight:500;line-height:1.8;padding:0 20px;-webkit-transition:all .4s ease;transition:all .4s ease}section.action .container .btns .btn-sdgs{background:-webkit-gradient(linear, right top, left top, from(#ffcfab), to(#f29e5e));background:linear-gradient(to left, #ffcfab, #f29e5e)}section.action .container .btns .btn-sdgs:hover{background:-webkit-gradient(linear, right top, left top, from(#f9b27c), to(#e87f2f));background:linear-gradient(to left, #f9b27c, #e87f2f)}section.action .container .btns .btn-dei{background:-webkit-gradient(linear, left top, right top, from(#64b9c7), to(#93d5df));background:linear-gradient(to right, #64b9c7, #93d5df)}section.action .container .btns .btn-dei:hover{background:-webkit-gradient(linear, left top, right top, from(#389aaa), to(#76c7d4));background:linear-gradient(to right, #389aaa, #76c7d4)}section.action .container .btns .btn a{color:#fff}section.action .dec-bg-1{position:absolute;top:0;left:0;z-index:-1;width:45%}@media screen and (min-width: 993px){section.action .dec-bg-1{width:50%}}section.action .dec-bg-2{position:absolute;right:0;bottom:0;z-index:-1;width:60%}@media screen and (min-width: 993px){section.action .dec-bg-2{width:50%}}.sponsor-block{background-color:#fff;padding:80px 0}.sponsor-block .title-wrap .title::after{background:-webkit-gradient(linear, left top, right top, from(rgba(61, 188, 201, 0)), to(#3dbcc9));background:linear-gradient(90deg, rgba(61, 188, 201, 0) 0%, #3dbcc9 100%)}.sponsor-block .title-wrap .title{margin-bottom:30px}.sponsor-block .sponsor-box .title-wrap .title::after{width:100%}.sponsor-block .sponsor-box:not(:last-child){margin-bottom:100px}.sponsor-block .logo-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:40px}.sponsor-block .logo-wrap .item img{height:65px;width:auto}@media(max-width: 991.98px){.sponsor-block{padding:50px 0}.sponsor-block .logo-wrap{gap:30px}}.fixed-btn{position:fixed;width:70px;bottom:30px;right:10px;z-index:400;-webkit-transform:translateX(150%);transform:translateX(150%);-webkit-transition:-webkit-transform .5s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform .5s cubic-bezier(0.4, 0, 0.2, 1);transition:transform .5s cubic-bezier(0.4, 0, 0.2, 1);transition:transform .5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform .5s cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 993px){.fixed-btn{right:30px}}.fixed-btn.show{-webkit-transform:translateX(0);transform:translateX(0)}.fixed-btn.hide{-webkit-transform:translateX(150%);transform:translateX(150%)}.fixed-btn a{display:block}.fixed-btn a img{width:100%;height:auto;display:block}.sdg-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:9999;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;padding:20px}.sdg-popup-overlay.show{opacity:1}.sdg-popup{font-family:"Noto Sans TC",sans-serif;background:hsla(0,0%,100%,.8);backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px);border-radius:40px;max-width:650px;width:100%;max-height:90vh;overflow-y:auto;position:relative;-webkit-box-shadow:0 10px 40px rgba(0,0,0,.2);box-shadow:0 10px 40px rgba(0,0,0,.2);-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;padding:40px}.sdg-popup-overlay.show .sdg-popup{-webkit-transform:translateY(0);transform:translateY(0)}.popup-close{position:absolute;top:15px;right:15px;width:40px;height:40px;border:none;border-radius:50%;font-size:28px;line-height:1;cursor:pointer;color:#fff;z-index:11;-webkit-transition:all .3s ease;transition:all .3s ease}.popup-close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.popup-header{border-radius:20px 20px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.popup-icon{width:180px;height:180px;background:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;padding:15px}.popup-icon img{width:100px;height:100px;-o-object-fit:contain;object-fit:contain}.popup-title-section{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#fff}.popup-title{font-size:40px;font-weight:bold;margin:0 0 18px 0;color:#3f3f46;line-height:1}.popup-status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px}.status-text{font-size:40px;font-weight:900;line-height:1}.status-icon{width:30px;height:30px}.popup-content{font-size:24px;line-height:40px;color:#3e3a39;padding:15px;border-radius:25px;background-color:#fff;margin-top:20px}.popup-content p{margin:0}.data .item:not(.last){cursor:pointer;-webkit-transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease}.data .item:not(.last):hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 5px 20px rgba(0,0,0,.15);box-shadow:0 5px 20px rgba(0,0,0,.15)}@media(max-width: 993px){.sdg-popup{padding:20px;max-width:380px;width:90%}.popup-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;gap:12px}.popup-status{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.popup-icon{width:160px;height:160px}.popup-icon img{width:89px;height:89px}.popup-title{font-size:26px;margin-bottom:8px}.status-text{font-size:26px}.status-icon{width:24px;height:24px;display:none}.popup-content{padding:15px;font-size:18px}}html.animation-lock-scroll,body.animation-lock-scroll{overflow:hidden !important;-ms-touch-action:none !important;touch-action:none !important;position:fixed !important;width:100% !important;height:100% !important}html.animation-lock-scroll *:not(section.index):not(section.index *):not(.white-overlay),body.animation-lock-scroll *:not(section.index):not(section.index *):not(.white-overlay){pointer-events:none !important}html.animation-lock-scroll .white-overlay,body.animation-lock-scroll .white-overlay{pointer-events:none !important}/*# sourceMappingURL=style_progression.min.css.map */