.hide{display:none}
.text-left{text-align:left!important}
.form-box{font-weight:300;line-height:1.25;box-shadow: 0 0 10px rgb(0 0 0 / 30%);}
.form-box{background-color:#fff;padding:50px;border-radius:10px;margin-top:0;font-size:18px}
.form-box .form-select{height:58px;font-weight:300;font-size:1.125rem;padding:.8rem .75rem .7rem 11rem;color:#212529}

.form-box .badge{vertical-align:middle;margin-top:-4px}
.form-box .form-label-in-box{position:relative;background:transparent}
.form-box .form-label-in-box>input[type='text'].form-control,.form-box .form-label-in-box>input[type='email'].form-control{padding:1rem .75rem 1rem 8rem;height:calc(3.5rem + 2px);line-height:1.25;font-size:1.125rem;font-weight:300}
.form-label-in-box>input[type=month].form-control{padding:1.1rem .75rem 1rem 13rem;height:calc(3.5rem + 2px);line-height:1.25;font-size:1.125rem;font-weight:300}
.form-box .lastname{padding:1rem .75rem 1rem 8rem !important;position:relative;flex:1 1 auto;width:1%;min-width:0}
.form-box .firstname{padding:1rem .75rem 1rem 1rem !important;border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important;position:relative;flex:1 1 auto;width:1%;min-width:0}
.form-box .form-label-in-box.input-group>label{z-index:1020}
.form-box .form-label-in-box>label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:2px solid transparent;font-size:1.125rem}
.form-box .form-label-no-in-box label{padding-left:.75rem;border:2px solid transparent}
.form-box .option-box{border-radius:.375rem;border:1px solid #ced4da;padding:1rem .75rem;cursor:pointer;text-align:center}
.form-box .service-location{color:#727272;font-size:.875rem;display:block;padding-top:.5rem}
.form-box .option-box.active{color:#fff;background-color:crimson;border:1px solid crimson}
.form-box .option-box-school.active .service-location{color:#fff}
.form-box .option-box-school-event.active{color:#fff}
.form-box .option-box.disabled{cursor:auto;background:#6c757d;color:#fff}
.form-box .form-check{padding-left:0!important;text-align:center}
.form-box .form-check .form-check-input{float:inherit;margin-left:0}
.form-box .modalContract{color:#dc143c;font-weight:600;cursor:pointer}


@media (max-width:768px) {
.form-box{padding:20px}
}

.f-checkbox{display:block;height:100%;width:100%;margin-bottom:-.5rem!important}
.f-checkbox label{position:relative;padding:.35rem .75rem .35rem 3rem;cursor:pointer}
.f-checkbox label::before{position:absolute;z-index:2;left:0;top:0;content:'';display:inline-block;width:35px;height:35px;border:1px solid #ccc;border-radius:.25rem;background-color:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.f-checkbox label::before::focus{outline:0;border-radius:.25rem}
.f-checkbox label::after{position:absolute;z-index:3;left:0;top:0;display:inline-block;width:35px;height:35px;padding:.25rem 0;font-size:23px;color:#555;text-align:center}
.f-checkbox input[type='checkbox']{opacity:0;z-index:1;cursor:pointer;position:absolute}
.f-checkbox input[type='checkbox']:focus + label::before{outline:none;border:1px solid #ccc;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,0.25)}
.f-checkbox input[type='checkbox']:checked + label::after{font-family:'Font Awesome 5 Free';content:'\f00c';color:#212529;font-weight:900}
.f-checkbox.f-checkbox-success input[type='checkbox']:focus + label::before{border-color:#146c43;box-shadow:0 0 0 .25rem rgba(60,153,110,0.5)}
.f-checkbox.f-checkbox-success input[type='checkbox']:checked + label::before{background-color:crimson;border-color:#5cb85c}
.f-checkbox.f-checkbox-success input[type='checkbox']:checked + label::after{color:#fff}
.f-checkbox.f-checkbox-check input[type='checkbox']:checked + label::after{content:'\f00c'}
.f-checkbox.f-checkbox-close input[type='checkbox']:checked + label::after{content:'\f00d'}
.f-checkbox.f-checkbox-minus input[type='checkbox']:checked + label::after{content:'\f068'}
.f-checkbox.f-checkbox-heart input[type='checkbox']:checked + label::after{content:'\f004'}
.f-checkbox.f-checkbox-star input[type='checkbox']:checked + label::after{content:'\f005'}
.f-checkbox.f-checkbox-face input[type='checkbox']:checked + label::after{content:'\f118'}
.f-checkbox input[type='checkbox']:disabled{cursor:auto}
.f-checkbox input[type='checkbox']:disabled + label{opacity:.65;cursor:auto}
.f-checkbox.f-checkbox-danger input[type='checkbox']:focus + label::before{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,0.25)}
.f-checkbox.f-checkbox-danger input[type='checkbox']:checked + label::before{background-color:#d9534f;border-color:#d9534f}
.f-checkbox.f-checkbox-danger input[type='checkbox']:checked + label::after{color:#fff}

.test-warning{position:fixed;font-size:4rem;font-weight:700;color:#fff;text-align:center;padding:0 20px;background-color:#8fbc8f;bottom:1rem;left:1rem;border-radius:10px;opacity:.8;line-height:1.5;z-index:999}

.p-l-9{padding-left:9rem!important}
.p-l-8{padding-left:8rem!important}
.p-l-7{padding-left:7rem!important}

/* --------------------------- */
/* modal */
/* --------------------------- */

.modal{width:100%}
.modal-header{min-height:45px}
.modal button.times{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}
.modal .times{float:right;font-size:16px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}
.modal-custom .modal-content{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);border:none;border-radius:4px;background-color:#fff}
.modal-custom .modal-header{background:#03a9f4;border-top-left-radius:4px;border-top-right-radius:4px;color:#fff;font-weight:300!important;border-bottom:none;padding:1rem}
.modal-custom .modal-header .fas{float:left;margin:.5rem;font-size:2rem;padding-top:.25rem}
.modal-custom .modal-header .fa{float:left;margin:.5rem;font-size:2rem;padding-top:.25rem}
.modal-custom .modal-title{letter-spacing:1px;font-size:1.5rem;font-family:'Noto Sans TC','微軟正黑體',sans-serif;font-weight:300;padding:.5rem;width:100%}
.modal-custom .modal-subtitle{padding:5px 8px 0 0;letter-spacing:1px}
.modal-custom .modal-body{padding:2rem;background-color:#fff;word-break:break-all;text-align:center;font-size:1.15rem;line-height: 1.75rem}
.modal-custom .modal-footer{border-top:none;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-top:-1px}
.modal-custom.modal{text-align:center;padding:0!important}
.modal-custom .modal-dialog{text-align:left;vertical-align:middle;width:60%}
.modal-custom .modal-header .times{float:right;font-size:20px;font-weight:700;line-height:35px;color:#fff;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.5}
.modal-default .modal-header{background:#fff}
.modal-primary .modal-header{background:#03a9f4}
.modal-success .modal-header{background:#A0D468}
.modal-info .modal-header{background:#4FC1E9}
.modal-warning .modal-header{background:#f6bf26}
.modal-danger .modal-header{background:#ff5252}
.modal-default .modal-header .close{color:#444}
.modal-default .modal-header{color:#444}
.modal-danger .modal-header .close{display:none}
.modal-custom .close{color:#fff}

#modal-contract .modal-dialog{max-width:85%;width:85%;margin:1.75rem auto}
#modal-contract .modal-dialog a{color:#e60012}

@media (max-width:768px) {
.modal-custom .modal-dialog{width:auto}
#modal-contract .modal-dialog{max-width:none;width:auto;margin:var(--bs-modal-margin)}
#modal-contract .modal-body{font-size:1rem;line-height:1.5rem}
}

.option-box-school-event .fas{animation:toptobottom 1.5s infinite;animation-timing-function:linear}
.btn-light .fa{animation:smalltobig 1.5s infinite;animation-timing-function:linear}