@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans&display=swap";*{box-sizing:border-box;margin:0}:root{--blue:#578386;--yellow:#ecff0f;--grey:#253c3e;--margintop:10vh;--stickytop:5vh;--progressbar:85vh;--mobile:600px;--tablet:1024px;--desktop:1600px;--desktopxl:1800px}body{background-color:var(--blue);color:#000;font-family:DM Sans,"sans-serif";font-weight:300;line-height:24px;max-width:100%;scrollbar-color:transparent transparent;scrollbar-width:thin}.container{display:flex;justify-content:center;min-height:92vh}.content{margin-bottom:5vh;margin-top:var(--margintop);order:1;width:250px}h1{font-size:48px;line-height:110%;margin-top:20px}h3{font-weight:100}p{margin-top:10px}hr{border:.5px solid #000}ul{padding-left:20px}strong{font-weight:600}button{background:none;border:none}a,button{cursor:pointer}a{font-weight:400;text-decoration:underline;transition:.3s}a,a:visited{color:#000}a:hover{transition:.3s}.router-link-active,.router-link-exact-active,a:active,a:hover{color:var(--yellow)}.click{cursor:pointer;transition:.3s}.click:hover{transition:.3s}.click:hover,.highlight{color:var(--yellow)}.grey{color:var(--grey)}.message{align-items:center;align-self:center;border:1px solid var(--yellow);display:flex;height:50vh;justify-content:center;margin:10% 0;padding:10%}.hidden p:first-child{margin-top:20px}.hidden p:last-child,.hidden ul:last-child{margin-bottom:20px}.hidden h4{margin-top:20px}.hidden{max-height:0;overflow-x:hidden;transition:max-height 2s ease;width:100%}.hidden.open{max-height:1500px}input{background-color:transparent;color:#fff;font-family:DM Sans,"sans-serif";font-size:16px;height:30px;outline:none;width:100%}input::-moz-placeholder{color:#000;font-family:DM Sans,"sans-serif";font-size:12px}input::placeholder{color:#000;font-family:DM Sans,"sans-serif";font-size:12px}input:focus{color:var(--yellow);outline:none}textarea{background:transparent;border:none;border-bottom:1px solid #000;font-family:DM Sans,"sans-serif";font-size:12px;margin-top:5px;outline:none;resize:none;width:100%}textarea:focus{border-bottom:1px solid var(--yellow)}@media only screen and (min-width:600px){.container{justify-content:space-between;margin:0 10%}.content{width:100%}ul{padding:0 3%}}