@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap) ;:root{--dark:#1b242e;--grey:#515151;--light-grey:#f2eeed;--light-grey2:#f5f5f5;--light-grey3:#ddd;--warning:#d00d0d;--light-red:#ffcece;--primary-blue:#739cd2;--primary-deep-blue:#12325b;--primary-light-blue:#a2d2ff;--primary-yellow:#f2e88f;--primary-lighter-blue:#dfe8ff;--primary-light-yellow:#fcf7d0}html,body{font-family:"Noto Sans TC",sans-serif;color:var(--dark)}.dark{color:var(--dark)!important}.grey{color:var(--grey)!important}.warning{color:var(--warning)!important}.bg-blue{background-color:var(--primary-blue)!important}.bg-light-blue{background-color:var(--primary-light-blue)!important}.bg-lighter-blue{background-color:var(--primary-lighter-blue)!important}.bg-deep-blue{background-color:var(--primary-deep-blue)!important}.bg-light-yellow{background-color:var(--primary-light-yellow)!important}.bg-light-grey{background-color:var(--light-grey)!important}.bg-red{background-color:var(--light-red)!important}.btn{border-radius:50em;padding:1rem 3rem;font-weight:700;letter-spacing:0.8px;color:#fff}.btn:hover{color:#fff;opacity:0.9}.btn-s{height:40px;border-radius:20px;border:1px solid var(--primary-blue);color:var(--primary-blue);background-color:transparent;font-weight:700;padding:0 20px;white-space:nowrap}.btn-s:hover{background-color:rgba(115,156,210,0.1)}.card{border:none;border-radius:2rem;margin:0 auto 1.5rem;padding:1.5rem}.banner .content{font-size:20px;font-weight:700;line-height:44px;letter-spacing:1px}.brief .content{font-size:18px;font-weight:700;line-height:32px;letter-spacing:0.9px;padding:2rem}.entrance .content{color:var(--grey);font-size:18px;line-height:32px;letter-spacing:0.9px}.brief .content.bg-blue{color:#fff}.brief .card{display:block}.highlight{background-color:var(--primary-yellow);border-radius:50em;padding:0.75rem 0.1rem}.brief .highlight{padding:0.25rem 0.1rem}.btn-area{text-align:center}header{padding:1.5rem 0}header .container{flex-wrap:wrap}footer{padding:1.5rem 0;text-align:center}footer img{height:40px;margin-top:10px}.entrance .content{padding:4rem 2rem}.entrance h4{text-align:center;font-size:24px;font-weight:700;margin-bottom:2rem}.entrance .bg-red{border-radius:0.5rem;padding:1rem;font-weight:700;color:var(--warning);text-align:center}.question .item{border-radius:2rem;border:4px solid var(--light-grey);background-color:var(--light-grey);font-weight:700;padding:1.5rem 2rem;color:var(--grey);margin:1rem auto}.question .item.answered{background-color:#fff}.question .item.disabled{color:var(--light-grey3);border-color:var(--light-grey2);background-color:var(--light-grey2)}.note{color:var(--grey);margin:3rem 0}.required:before{content:'*';color:var(--warning)}.form-label{margin:0.5rem auto}.form-check{margin:0.75rem auto}.form-check:hover{color:var(--primary-blue)}.form-check.form-check-inline{margin-right:2rem}.form-check-input{border:none;outline:5px solid #fff;background-color:var(--light-grey)}.form-check .form-check-label{margin-left:0.4rem}.question .item.answered .form-check-input{outline:5px solid var(--light-grey);background-color:#fff}.form-check.form-check-inline:hover{color:var(--primary-blue)}.question .item.answered .form-check-input:checked{outline:5px solid var(--primary-blue);background-color:transparent;border-color:transparent;position:relative}.question .item.answered .form-check-input:checked::after{content:' ';background-color:var(--primary-blue);width:10px;height:10px;display:block;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.question .item.answered .form-check-input:checked[type="checkbox"]::after{border-radius:2px}.question .item.validation{outline:5px solid var(--warning)}.question .item .warning{display:none}.question .item.validation .warning{display:block}.progress{display:flex;justify-content:space-between;height:10px;background-color:transparent;margin:0.5rem auto}.progress .bar{background-color:var(--light-grey);height:10px;border-radius:5px;flex:1}.bar+.bar{margin-left:0.8rem}.progress .bar.done{background-color:var(--primary-yellow)}section.done{text-align:center;margin:8rem auto}.message-modal .modal-content{border-radius:2rem}.message-modal .modal-header{border-bottom:none}.message-modal .modal-header .btn-close{margin:0.5rem 0.5rem -1rem auto}.message-modal .message-title{text-align:center;font-size:24px;font-weight:700;line-height:32px;letter-spacing:2.4px;padding:0 1rem}.message-modal .message-text{font-size:18px;line-height:32px;letter-spacing:0.9px;margin:1rem auto;padding:0 1rem}.message-modal .message-img{padding:0 1rem}.message-modal .modal-footer{border-top:none;justify-content:center;padding-bottom:1.5rem}@media (min-width:576px){.message-modal .modal-dialog{max-width:720px}}.sample.question .item{padding-top:0;padding-bottom:0.3rem;margin-top:0;margin-bottom:0.3rem}.sample .form-check.form-check-inline{margin-right:1rem}.sample .form-check{margin:0.3rem auto}.sample.question{font-size:16px}.sample .form-check-label{position:relative;top:-3px}.title{text-align:center;margin-bottom:1rem;margin:0.5rem 0;border-radius:45px;padding:8px;font-size:2rem;font-weight:800;color:#1b242e;border:3px solid #dfe8fe;position:relative}.title:before{content:"";position:absolute;z-index:1;bottom:-2px;left:0;width:90%;left:50%;transform:translateX(-50%);border-radius:10px}@media (max-width:576px){.title{font-size:1.6rem;padding:0.8rem 1rem}.title:before{width:80%}}main.container{position:relative}.time{position:fixed;right:120px;top:50%;text-align:center;display:flex;flex-direction:column;align-items:center;background:#ffe6e2;border-radius:50%;width:80px;height:80px;justify-content:center;background-image:linear-gradient(to right,#ffe5d2 0%,#ffe4e4 100%);box-shadow:0 0 5px rgba(0,0,0,0.2);transform:translateY(-50%)}.time img{width:25px;height:auto}.time span{color:#d00d0d;font-weight:800}@media (max-width:1700px){.time{right:40px}}@media (max-width:1400px){.time{right:30px}}@media (max-width:1199px){.time{right:20px}}@media (max-width:767px){.time{right:10px;width:70px;height:70px}}.loginModal .modal-footer{justify-content:center;border:0;padding-bottom:2.5rem;padding-top:0}.loginModal .modal-footer .btn{padding:0.8rem 3rem}.loginModal .modal-body{padding:2rem 2rem 1rem 2rem}.loginModal .modal-header{background:var(--primary-lighter-blue)}.form-error .form-control{border:1px solid var(--warning)}.form-error span{color:var(--warning)}.errorPage{background-image:url(../img/bg.jpg);background-repeat:repeat-y;background-size:100%;font-size:18px;width:100%;overflow:hidden}.errorPage h1{font-size:10rem;color:#e2ebf7!important;font-weight:900!important}.errorPage h2{font-weight:bold;color:#0c1c31;font-size:1.5rem;margin-top:2rem}@media (max-width:576px){.errorPage h1{font-size:7rem}}.alert-icon img{width:100px;height:100px}.alert-icon{margin-bottom:24px}.index-note{color:#997201;line-height:1.4rem;font-size:1rem;margin-top:1rem}