#app{position:relative;width:100%;min-width:var(--app-min-width);min-height:var(--app-min-height)}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;font-size:100%;font-weight:400;border:0;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{display:none}li,ol,ul{list-style:none}blockquote,q{quotes:none}a{text-decoration:none;color:inherit}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}textarea{overflow:auto;background-color:none;border:0;outline:none;box-shadow:none;resize:none;vertical-align:top}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}form{margin:0}button,input,select,textarea{margin:0;font-size:100%;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button{-webkit-appearance:button;cursor:pointer;*overflow:visible}input[type=checkbox],input[type=radio]{padding:0;*width:13px;*height:13px;box-sizing:border-box}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}.flex-row{flex-direction:row;justify-content:space-evenly}.flex-col,.flex-row{display:flex;align-items:center}.flex-col{flex-direction:column;justify-content:center}.justify-content-center{display:flex;justify-content:center}.align-items-center,.flex-center{display:flex;align-items:center}.flex-center{justify-content:center}.justify-space-between{display:flex;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.text-align-center{text-align:center}.text-align-left{text-align:left}:root{--font-regular:pingfangtc-regular,"Noto Sans TC",Arial;--font-medium:pingfangtc-medium,"Noto Sans TC",Arial;--font-notosans:"Noto Sans TC",Arial;--font-semibold:pingfangtc-semibold,"Noto Sans TC",Arial}.eng-title{font-size:28px;font-family:var(--font-notosans);letter-spacing:4.5px;white-space:nowrap;font-weight:400}.chi-title{font-family:var(--font-medium);white-space:nowrap;font-weight:500}.chi-title,.normal-text{font-size:16px;letter-spacing:2.53px}.normal-text{font-family:var(--font-regular);text-align:justify;line-height:1.69;color:var(--word-color);font-weight:400}@media screen and (min-width:768px){.eng-title{font-size:28px;letter-spacing:5.7px}.chi-title{font-size:16px}}@media screen and (min-width:1024px){.eng-title{letter-spacing:6.33px}.chi-title{font-size:20px;letter-spacing:3.17px}}:root{--theme-color:#0b3793;--word-color:#2b2b2b;--yellow:#ffd95f}.text-blue{color:var(--theme-color)}.text-grey{color:var(--word-color)}.word-opacity{opacity:0;-webkit-animation-name:wordOpacity;animation-name:wordOpacity;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes wordOpacity{to{opacity:1}}@keyframes wordOpacity{to{opacity:1}}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.primary-btn{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:14px 0;width:100%;max-width:390px;font-family:var(--font-regular);letter-spacing:2.53px;color:#fff;border:0;box-shadow:1px 1px 8px 0 rgba(90,90,90,.18);cursor:pointer;background-image:linear-gradient(270deg,rgba(72,138,217,.97),#0b3793)}.primary-btn span{position:relative;z-index:10}.primary-btn:after{position:absolute;top:0;left:-100%;margin:auto;width:100%;height:100%;background:var(--theme-color);transition:all .5s;content:""}.primary-btn:active:enabled:after{top:0;left:0}.custom-anchor{line-height:1.2;border-bottom:1px solid;color:#999!important;transition:color .2s}.custom-anchor:hover{color:var(--theme-color)!important}@media screen and (min-width:1024px){.primary-btn:disabled{cursor:default;pointer-events:none}.primary-btn:hover:enabled:after{top:0;left:0}}:root{--base-shadow:1px 1px 17px 0 hsla(0,0%,46.3%,0.1);--app-min-width:320px;--app-min-height:844px}*{box-sizing:border-box}body{background-color:#f9f9f9;font-weight:400}body,html{min-width:var(--app-min-width);min-height:var(--app-min-height)}.padding{padding:0 6%}.max-height{height:100vh;min-height:var(--app-min-height)}.background-img-base{background-position:50%;background-repeat:no-repeat;background-size:cover}.side-bar{position:absolute;top:0;right:0;display:flex;flex-flow:column;align-items:center;width:80px;height:100vh;min-height:var(--app-min-height);padding-bottom:5vh}.side-bar .scroll-text{display:flex;align-items:center;flex-grow:1;height:85%}[v-cloak]{display:none!important}@media screen and (min-width:768px){.padding{padding:0 5%}}@media screen and (min-width:1280px){._max-width{margin:auto;padding-right:0!important;padding-left:0!important;max-width:1212px}}.movable-line[data-v-5feea19b]{position:relative;width:52px}.movable-line .active[data-v-5feea19b]{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-duration:1s;animation-duration:1s}.movable-line span[data-v-5feea19b]{position:absolute;top:0;left:0;display:inline-block;width:0;height:2px;border-radius:2px}.movable-line .short[data-v-5feea19b]{overflow:hidden;width:15px;height:2px}.movable-line .short span[data-v-5feea19b]{z-index:2}.movable-line .short .active[data-v-5feea19b]{-webkit-animation-name:completeShortLine-data-v-5feea19b;animation-name:completeShortLine-data-v-5feea19b}.movable-line .long[data-v-5feea19b]{overflow:hidden;width:52px;height:2px}.movable-line .long .active[data-v-5feea19b]{-webkit-animation-name:completeLongLine-data-v-5feea19b;animation-name:completeLongLine-data-v-5feea19b}@-webkit-keyframes completeShortLine-data-v-5feea19b{to{width:15px}}@keyframes completeShortLine-data-v-5feea19b{to{width:15px}}@-webkit-keyframes completeLongLine-data-v-5feea19b{to{width:52px}}@keyframes completeLongLine-data-v-5feea19b{to{width:52px}}.animation[data-v-9e49fe08]{-webkit-animation-name:example-data-v-9e49fe08;animation-name:example-data-v-9e49fe08;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.title-layout[data-v-9e49fe08]{display:flex;flex-direction:column;align-items:center}@media screen and (min-width:1024px){.flex-start[data-v-9e49fe08]{align-items:flex-start}}@-webkit-keyframes example-data-v-9e49fe08{to{opacity:1}}@keyframes example-data-v-9e49fe08{to{opacity:1}}@-webkit-keyframes move-to-bottom-data-v-50afe85a{70%{bottom:-3px;right:-3px;width:10px;height:10px;opacity:.7}to{bottom:-11px;right:-13px;width:30px;height:30px;opacity:0}}@keyframes move-to-bottom-data-v-50afe85a{70%{bottom:-3px;right:-3px;width:10px;height:10px;opacity:.7}to{bottom:-11px;right:-13px;width:30px;height:30px;opacity:0}}.scroll-animation[data-v-50afe85a]{position:relative;height:82px}.scroll-animation .moving-ball[data-v-50afe85a]{position:absolute;bottom:80px;right:-3px;width:10px;height:10px;background-color:#fff;border-radius:50%;opacity:.7;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:move-to-bottom-data-v-50afe85a;animation-name:move-to-bottom-data-v-50afe85a;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.scroll-animation img[data-v-50afe85a]{width:auto;height:82px}