body{background-color:#fbf4d8}@media screen and (max-width: 429.98px){body{background-color:#fff}}.volunteer-system-container{--bs-border-radius: 12px;display:block;position:relative;width:100%;height:auto;font-size:16px;font-weight:400;font-family:"Microsoft Jhenghei","微軟正黑體",sans-serif}@media screen and (max-width: 429.98px){.volunteer-system-container{height:auto}}.volunteer-system-container .body-background{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}@media screen and (max-width: 991.98px){.volunteer-system-container .body-background{background-position:right}}@media screen and (max-width: 429.98px){.volunteer-system-container .body-background{display:none}}.volunteer-system-container .custom-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;position:relative;max-width:430px;width:100%;height:100%;margin:3rem auto;padding:.5rem .75rem}@media screen and (max-width: 429.98px){.volunteer-system-container .custom-container{padding:0;margin-top:0;margin-bottom:0;height:auto}}.volunteer-system-container .custom-container .layout-block{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;width:100%;height:800px;padding:1rem 40px;background-color:rgba(255,255,255,.95);background-size:cover;background-repeat:no-repeat;background-position:center -10rem;backdrop-filter:blur(5px);border-radius:15px;box-shadow:rgba(17,17,26,.1) 0px 4px 16px,rgba(17,17,26,.05) 0px 8px 32px;overflow:hidden}@media screen and (max-width: 429.98px){.volunteer-system-container .custom-container .layout-block{height:auto;justify-content:flex-start;padding:1rem 20px;border-radius:0px;box-shadow:none}}.volunteer-system-container .custom-container .layout-block .title{display:block;position:relative;width:100%;font-size:32px;font-weight:600;font-family:"Microsoft Jhenghei","微軟正黑體",sans-serif;text-align:center;margin-bottom:1.5rem}.volunteer-system-container .custom-container .layout-block .title img{max-width:100%;max-height:160px;height:auto}.volunteer-system-container .custom-container .layout-block .subtitle{display:block;position:relative;width:100%;height:auto;font-size:25px;font-weight:600;font-family:"Microsoft Jhenghei","微軟正黑體",sans-serif;letter-spacing:1.5px;line-height:32px;text-align:start;margin-bottom:1.5rem}.volunteer-system-container .custom-container .layout-block .custom-form{display:block;position:relative;width:100%;height:auto}.volunteer-system-container .custom-container .layout-block .custom-form .form-group{display:block;position:relative;margin-bottom:.5rem}.volunteer-system-container .custom-container .layout-block .custom-form .form-group .form-input{display:grid;grid-template-columns:28px 1fr;place-items:center;gap:.75rem}.volunteer-system-container .custom-container .layout-block .custom-form .form-group .form-control{font-size:20px;height:calc(1.5em + 1.5rem + 2px);border:1px solid #ebbb39;color:#161616;font-weight:700}.volunteer-system-container .custom-container .layout-block .custom-form .form-group .form-control[type=password]{padding-right:1rem}.volunteer-system-container .custom-container .layout-block .custom-form .form-group .form-control::placeholder{font-size:20px;font-weight:600;font-family:"Microsoft Jhenghei","微軟正黑體",sans-serif;color:#161616}.volunteer-system-container .custom-container .layout-block .custom-form .form-group .show-password{display:block;position:absolute;top:50%;right:25px;transform:translateY(-50%);margin:0;padding:3px;box-shadow:none}.volunteer-system-container .custom-container .layout-block .custom-form .form-group .show-password svg path{fill:#767575}.volunteer-system-container .custom-container .layout-block .custom-form .form-group.captcha-box{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;padding-left:2.5rem;margin:0}.volunteer-system-container .custom-container .layout-block .custom-form .form-group.captcha-box .captchaImageBox{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative;width:100%;height:62px;margin-top:.25rem}.volunteer-system-container .custom-container .layout-block .custom-form .form-group.captcha-box .captchaImageBox .image-captcha{display:block;position:relative;width:70%;height:100%;margin-bottom:.25rem;padding:0;margin:0;box-shadow:none}.volunteer-system-container .custom-container .layout-block .custom-form .form-group.captcha-box .captchaImageBox .image-captcha .view{width:100%;height:100%}.volunteer-system-container .custom-container .layout-block .custom-form .form-group.captcha-box .captchaImageBox .image-captcha .view .captchaImg{width:100%;height:100%;object-fit:cover;object-position:center;border:1px solid #ebbb39;border-radius:8px;cursor:pointer}.volunteer-system-container .custom-container .layout-block .custom-form .form-group.captcha-box .captchaImageBox .reloadCaptchaButton{display:block;position:relative;width:20%;height:100%;border:1px solid #ebbb39;border-radius:8px}.volunteer-system-container .custom-container .layout-block .custom-form .form-group.captcha-box .captchaImageBox .reloadCaptchaButton .button-reload-captcha{display:grid;place-items:center;width:100%;height:100%;margin:0;padding:0;box-shadow:none;transform:rotate(0deg);transition:all .5s ease}.volunteer-system-container .custom-container .layout-block .custom-form .form-group.captcha-box .captchaImageBox .reloadCaptchaButton .button-reload-captcha svg{pointer-events:none}.volunteer-system-container .custom-container .layout-block .custom-form .form-group.captcha-box .captchaImageBox .reloadCaptchaButton .button-reload-captcha:active{transform:rotate(360deg)}.volunteer-system-container .custom-container .layout-block .custom-form .button-submit{display:block;width:100%;height:auto;font-size:25px;font-weight:600;font-family:"Microsoft Jhenghei","微軟正黑體",sans-serif;text-align:center;border:1px solid #fbf4d8;border-radius:8px;background-color:#ebbb39;box-shadow:0px 5px 20px rgba(235,187,57,.8);margin:0;box-shadow:none}.volunteer-system-container.informationPage .custom-container .layout-block{padding:.25rem 20px;justify-content:flex-start;background-position:center -18rem}@media screen and (max-width: 429.98px){.volunteer-system-container.informationPage .custom-container .layout-block{padding:.25rem 12px 0 12px}}.volunteer-system-container.informationPage .custom-container .layout-block .subtitle{font-size:25px;line-height:35px;margin-top:1rem}.volunteer-system-container.informationPage .custom-container .layout-block .signout{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;position:relative;width:100%;margin-bottom:.25rem;column-gap:1rem}.volunteer-system-container.informationPage .custom-container .layout-block .signout .username{font-size:25px;font-weight:600;font-family:"Microsoft Jhenghei","微軟正黑體",sans-serif;line-height:32px}.volunteer-system-container.informationPage .custom-container .layout-block .signout .button-signout{display:block;margin:0;padding:1px 15px;font-size:25px;font-weight:600;font-family:"Microsoft Jhenghei","微軟正黑體",sans-serif;color:#161616;background-color:#fff;border:1px solid #ebbb39;border-radius:8px;box-shadow:0px 0px 10px rgba(251,244,216,.8)}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer{display:block;position:relative;width:100%;margin-top:.25rem}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .signContainer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;column-gap:0rem;position:relative;width:100%;column-gap:12px}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .signContainer .buttonSignin,.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .signContainer .buttonSignout{display:block;width:38%;font-size:25px;font-weight:700;font-family:"Microsoft Jhenghei","微軟正黑體",sans-serif;color:#b5b5b5;border-radius:8px;text-align:center;transition:none;text-align:justify;text-align-last:justify;padding:.44rem 1.5rem}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .signContainer .buttonSignin.active,.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .signContainer .buttonSignout.active{color:#161616;border:1px solid #fbf4d8;background-color:#ebbb39;box-shadow:0px 5px 20px rgba(235,187,57,.8);outline:5px solid #fe853f !important}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .signContainer .buttonSignin{margin:0 .375rem 0 0;border:1px solid #ebbb39;background-color:#fff;box-shadow:0px 5px 20px rgba(251,244,216,.8)}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .signContainer .buttonSignout{margin:0 0 0 .375rem;border:1px solid #ebbb39;background-color:#fff;box-shadow:0px 5px 20px rgba(251,244,216,.8)}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .signContainer .switcherButton{display:block;width:20%;height:50px}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .signContainer .switcherButton .buttonSwitch{display:block;position:relative;width:100%;height:100%;margin:0;padding:1rem 1.5rem;background:#c97b63;border-radius:8px;box-shadow:0px 0px 10px rgba(235,187,57,.8)}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .signContainer .switcherButton .buttonSwitch .icon{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .signContainer .switcherButton .buttonSwitch .icon g,.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .signContainer .switcherButton .buttonSwitch .icon path{fill:#fff}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .signContainer .switcherButton .buttonSwitch .icon.show{display:block}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .resultContainer{display:grid;grid-template-columns:100%;align-items:flex-start;column-gap:1rem;margin-top:.5rem}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .resultContainer .information{display:block;font-size:25px;font-weight:600;font-family:"Microsoft Jhenghei","微軟正黑體",sans-serif;line-height:32px}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .detectIdentifyContainer{display:block;position:relative}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .detectIdentifyContainer .button-note{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50%;font-size:20px;font-weight:600;font-family:"Microsoft Jhenghei","微軟正黑體",sans-serif;color:#fff;background:#c97b63;border-radius:15px;padding:.75rem 1rem;z-index:1;box-shadow:rgba(0,0,0,.05) 0px 6px 24px 0px,rgba(0,0,0,.08) 0px 0px 0px 1px}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .detectIdentifyContainer .detectIdentify .switchScanner,.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .detectIdentifyContainer .detectIdentify .switchInput{display:none}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .detectIdentifyContainer .detectIdentify .show{display:block}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .detectIdentifyContainer .detectIdentify .switchScanner{position:relative;margin-top:1rem;margin-bottom:1rem;overflow:hidden}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .detectIdentifyContainer .detectIdentify .switchScanner .skeleton{position:absolute;top:0;left:0;animation:skeleton-loading 1s linear infinite alternate}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .detectIdentifyContainer .detectIdentify .switchScanner .skeleton-text{width:100%;height:25rem;margin-bottom:.5rem;border-radius:.25rem}@keyframes skeleton-loading{0%{background-color:#c2cfd6}100%{background-color:#f0f3f5}}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .detectIdentifyContainer .detectIdentify .switchScanner #reader{display:block;position:relative;width:100%;height:25rem;border-radius:15px;background:#fff;overflow:hidden;opacity:0;border:1px solid #161616;transition:opacity .3s ease}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .detectIdentifyContainer .detectIdentify .switchScanner #reader video{display:block;width:100%;height:100%;object-fit:cover}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .detectIdentifyContainer .detectIdentify .switchScanner #reader .drawingBuffer{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;border-radius:15px}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .detectIdentifyContainer .detectIdentify .switchScanner .torchButton{display:block;position:absolute;right:10px;bottom:10px;background:#fff;padding:1rem;margin:0;box-shadow:none;border:1px solid #161616;border-radius:8px;z-index:99}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .detectIdentifyContainer .detectIdentify .switchScanner .torchButton.active{background:#ebbb39}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .detectIdentifyContainer .detectIdentify .switchInput{position:relative;margin-top:2rem}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .detectIdentifyContainer .detectIdentify .switchInput .form-group{display:block;position:relative}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .detectIdentifyContainer .detectIdentify .switchInput .form-group .form-control{font-size:20px;font-weight:700;height:calc(1.5em + 1.5rem + 2px);border:1px solid #ebbb39;padding-right:2.5px}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .detectIdentifyContainer .detectIdentify .switchInput .form-group .form-control::placeholder{font-size:18px;font-weight:600;font-family:"Microsoft Jhenghei","微軟正黑體",sans-serif;color:#161616}.volunteer-system-container.informationPage .custom-container .layout-block .bodyContainer .detectIdentifyContainer .detectIdentify .switchInput .form-group .button-delete-text{display:none;position:absolute;top:50%;right:10px;margin:0;padding:0;box-shadow:none;transform:translateY(-50%)}.response-error.modal .modal-dialog .modal-content{padding:.75rem .75rem 0 .75rem;border-radius:8px}.response-error.modal .buttonErrorClose{display:block;position:relative;width:100%;color:#161616;background-color:#ebbb39;font-size:18px;font-weight:600;font-family:"Microsoft Jhenghei","微軟正黑體",sans-serif;border-radius:15px;box-shadow:rgba(235,188,57,.1) 0px 4px 16px,rgba(235,188,57,.05) 0px 8px 32px}.activeCameraNote.modal .modal-content .modal-header .modal-title{font-size:32px;font-weight:600;font-family:"Microsoft Jhenghei","微軟正黑體",sans-serif;line-height:42px}.activeCameraNote.modal .modal-content .modal-body .caption{display:block;font-size:20px;font-weight:600;font-family:"Microsoft Jhenghei","微軟正黑體",sans-serif;margin-top:1rem}.activeCameraNote.modal .modal-content .modal-body .androidContainer,.activeCameraNote.modal .modal-content .modal-body .iosContainer{display:none}.activeCameraNote.modal .modal-content .modal-body .androidContainer.show,.activeCameraNote.modal .modal-content .modal-body .iosContainer.show{display:block}.activeCameraNote.modal .modal-content .modal-body .iosContainer .safariBrowser,.activeCameraNote.modal .modal-content .modal-body .iosContainer .chromeBrowser{display:none}.activeCameraNote.modal .modal-content .modal-body .iosContainer .safariBrowser.show,.activeCameraNote.modal .modal-content .modal-body .iosContainer .chromeBrowser.show{display:block}.activeCameraNote.modal .buttonCloseNote{display:block;position:relative;width:100%;font-size:20px;color:#161616;background-color:#ebbb39;border-radius:15px;box-shadow:rgba(235,188,57,.1) 0px 4px 16px,rgba(235,188,57,.05) 0px 8px 32px}