@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap);.btn[data-v-39c9e917]{display:inline-block;font-weight:400;outline:none;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn[data-v-39c9e917]:not(:disabled):not(.disabled){cursor:pointer}.btn__primary[data-v-39c9e917]{background:var(--primary);border-color:var(--primary);color:#fff}.btn__primary[data-v-39c9e917]:hover{background:var(--primary_hover);border-color:var(--primary_hover)}.btn__lg[data-v-39c9e917]{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}[data-v-4b962746]{padding:0;margin:0;box-sizing:border-box}.titlePage[data-v-4b962746]{width:100%;height:100%;padding:2.5rem 4rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.titlePage .title[data-v-4b962746]{font-size:2.2rem}.titlePage .subtitle[data-v-4b962746]{font-size:1.5rem;margin-top:.4rem;color:#bbb}.titlePage .descript[data-v-4b962746]{line-height:2;font-size:1.2rem;padding:0 1.2rem}.titlePage .descript[data-v-4b962746]:first-letter{margin-left:2.4rem;font-size:1.5rem;font-weight:600}.round-width[data-v-122dcfcb]{position:relative;overflow:hidden;width:200px;height:200px}.round-width .round[data-v-122dcfcb]{width:100%;height:100%;border-radius:50%;position:absolute;top:-50%;left:-50%;background:var(--secondary)}.round-width .round[data-v-122dcfcb]:after{content:attr(data-count);position:absolute;right:25%;bottom:20%;font-size:30px;color:#fff}.radios-vertical[data-v-a9ef8e46]{display:flex;flex-direction:column;align-items:flex-start}.radios-vertical .form-control[data-v-a9ef8e46]{margin-bottom:12px}.form-control input[type=radio][data-v-a9ef8e46]{display:none}.form-control input[type=radio]:checked+label[data-v-a9ef8e46]:before{border-color:#337ab7;-webkit-animation:ripple .2s linear forwards;animation:ripple .2s linear forwards}.form-control input[type=radio]:checked+label[data-v-a9ef8e46]:after{transform:scale(1)}.form-control input[type=radio]:checked+label>span[data-v-a9ef8e46]{font-weight:border;color:#337ab7}.form-control input[type=radio]:not(:checked)+label>span[data-v-a9ef8e46]{color:rgba(0,0,0,.54)}.form-control label[data-v-a9ef8e46]{display:inline-block;position:relative;margin-bottom:0;cursor:pointer}.form-control label span[data-v-a9ef8e46]{display:inline-block;height:auto;vertical-align:middle}.form-control label[data-v-a9ef8e46]:after,.form-control label[data-v-a9ef8e46]:before{position:absolute;content:"";border-radius:50%;transition:all .3s ease;transition-property:transform,border-color}.form-control label[data-v-a9ef8e46]:before{left:0;top:0;border:2px solid rgba(0,0,0,.54)}.form-control label[data-v-a9ef8e46]:after{transform:scale(0);background:#337ab7}.form-control.radio label[data-v-a9ef8e46]{min-height:24px;padding:0 32px;line-height:24px}.form-control.radio label[data-v-a9ef8e46]:before{width:24px;height:24px}.form-control.radio label[data-v-a9ef8e46]:after{top:6px;left:6px;width:12px;height:12px}.form-control.radio-xl label[data-v-a9ef8e46]{min-height:32px;padding:0 42px;line-height:32px}.form-control.radio-xl label[data-v-a9ef8e46]:before{width:32px;height:32px}.form-control.radio-xl label[data-v-a9ef8e46]:after{top:8px;left:8px;width:16px;height:16px}.form-control.radio-sm label[data-v-a9ef8e46]{min-height:16px;padding:0 22px;line-height:16px}.form-control.radio-sm label[data-v-a9ef8e46]:before{width:16px;height:16px}.form-control.radio-sm label[data-v-a9ef8e46]:after{top:4px;left:4px;width:8px;height:8px}.btn[data-v-3fbb687b]{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:50%;padding:.8rem 1rem;border-top-left-radius:10px}.btn[data-v-3fbb687b]:not(:disabled):not(.disabled){cursor:pointer}.btn__primary[data-v-3fbb687b]{background:var(--primary);border-color:var(--primary);color:#fff}.btn__primary[data-v-3fbb687b]:not(:disabled):hover{background:var(--primary_hover);border-color:var(--primary_hover)}.btn__primary[data-v-3fbb687b]:disabled{opacity:.65}.btn__info[data-v-3fbb687b]{background:var(--info);border-color:var(--info);color:#fff}.btn__info[data-v-3fbb687b]:not(:disabled):hover{background:var(--info_hover);border-color:var(--info_hover)}.btn__info[data-v-3fbb687b]:disabled{opacity:.65}.problemPage[data-v-3fbb687b]{position:relative;width:100%;height:100%;display:flex;flex-direction:row;align-items:center}.problemPage .top_left[data-v-3fbb687b]{position:absolute;top:0;left:0}.problemPage .bottom_right[data-v-3fbb687b]{position:absolute;bottom:0;right:0}.problemPage .problem[data-v-3fbb687b]{flex-basis:50%;display:inline-block;text-align:center;padding:0 7%}.problemPage .problem.h3[data-v-3fbb687b]{font-size:2rem}.problemPage .container[data-v-3fbb687b]{flex-basis:50%;display:flex;flex-direction:column;justify-content:space-around}li[data-v-027b9ecf]{list-style:none}.section[data-v-027b9ecf]{width:100%;height:100%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:space-around;line-height:1.5;color:#fff;font-weight:700}.section[data-v-027b9ecf]:first-child{background:#fff}.section[data-v-027b9ecf]:nth-child(2){background:#22a7f0}.section[data-v-027b9ecf]:nth-child(3){background:#d6ab00}.section[data-v-027b9ecf]:nth-child(4){background:#9b59b6}.section[data-v-027b9ecf]:nth-child(5){background:#03c9a9}.section[data-v-027b9ecf]:nth-child(6){background:#f64747}.section .dsec[data-v-027b9ecf]{margin:6rem 2rem 0 11rem;font-weight:200;font-size:1.1rem}.section .dsec[data-v-027b9ecf]:first-letter{margin-left:1.1rem}.section .list[data-v-027b9ecf]{margin:0 1rem 2rem 8rem}.section li[data-v-027b9ecf]:nth-child(2){margin-top:2rem;margin-bottom:2rem}.section li[data-v-027b9ecf]:first-letter{margin-left:1rem}.section .score[data-v-027b9ecf]{font-size:1.2rem;font-weight:700;position:relative}.section .score[data-v-027b9ecf]:before{position:absolute;content:"";left:-.5rem;top:0;height:calc(100% + .5rem);width:2px;background:#fff}.section .score[data-v-027b9ecf]:after{position:absolute;content:"";left:-.5rem;bottom:-.5rem;height:2px;width:calc(100% + .5rem);background:#fff}.section .score[data-v-027b9ecf]:first-letter{margin-left:1.2rem;font-size:1.3rem}.section li[data-v-027b9ecf]:not(.score){color:#ddd;font-weight:100;font-size:.9rem}.section li.middle[data-v-027b9ecf]{color:#fff;font-weight:200;font-size:1rem}h1[data-v-6860a9cb],h3[data-v-6860a9cb],li[data-v-6860a9cb],p[data-v-6860a9cb],ul[data-v-6860a9cb]{margin:0}li[data-v-6860a9cb]{list-style:none}a[data-v-6860a9cb]{text-decoration:none}.finalPage[data-v-6860a9cb]{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.finalPage[data-v-6860a9cb]::-webkit-scrollbar{display:none}.nav[data-v-6860a9cb]{position:absolute;top:0;left:0;height:100%;padding:30px}.nav__list[data-v-6860a9cb]{height:100%;display:flex;flex-flow:column nowrap;justify-content:space-around}.nav__counter[data-v-6860a9cb]{font-size:24px;transition:all .15s ease-out}.nav__title[data-v-6860a9cb]{font-size:32px;font-weight:300;margin:0 0 .25em}.nav__subtitle[data-v-6860a9cb],.nav__title[data-v-6860a9cb]{width:300px;height:0;overflow:hidden;opacity:0;transition:height .3s ease-out,opacity .2s ease-out}.nav__subtitle[data-v-6860a9cb]{font-weight:100;font-size:18px}.nav__link[data-v-6860a9cb]{display:block;padding:0;color:#fff;transition:all .15s ease-out}.nav__link[data-v-6860a9cb]:hover{background-color:transparent;padding-left:1em}.nav__link[data-v-6860a9cb]:focus{background-color:transparent}.nav__restart[data-v-6860a9cb]{font-size:18px;transition:all .15s ease-out}.nav__link.active[data-v-6860a9cb]{pointer-events:none;padding-left:1em}.nav__link.active[data-v-6860a9cb]:after{width:35px;height:400px;top:35px}.nav__link.active .nav__counter[data-v-6860a9cb]{font-size:48px;display:inline-block;margin-right:10px}.nav__link.active .nav__title[data-v-6860a9cb]{height:40px;opacity:1;overflow:visible;display:inline-block}.nav__link.active .nav__subtitle[data-v-6860a9cb]{height:60px;opacity:1;overflow:visible}.nav__item[data-v-6860a9cb]{position:relative;transition:all .3s ease-out;height:100%}.nav__item[data-v-6860a9cb]:after{content:"";display:block;border-left:2px solid #fff;border-top:2px solid #fff;height:100%;width:20px;position:absolute;left:-30px;top:15px}.order[data-v-6860a9cb]{order:-1}.home[data-v-48de791b]{max-width:1000px;width:1000px;height:500px;overflow:hidden;border-radius:10px;box-shadow:1px 5px 10px 1px rgba(0,0,0,.5),5px 15px 15px 6px rgba(0,0,0,.2);background:hsla(0,0%,100%,.9)}.fade-enter-active[data-v-48de791b],.fade-leave-active[data-v-48de791b]{transition:opacity .3s ease}.fade-enter[data-v-48de791b],.fade-leave-to[data-v-48de791b]{opacity:0}:root{--primary:#007bff;--primary_hover:#0062cc;--info:#17a2b8;--info_hover:#117a8b;--secondary:#9b9b9b;--font-family:"Noto Sans TC",sans-serif}*,:after,:before{box-sizing:border-box}#app{font-family:var(--font-family);width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-image:url(../img/paper.320105ec.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}