@charset "UTF-8";
/* =============
   Checkbox and Radios
============= */
.checkbox label { display: inline-block; padding-left: 8px; position: relative; font-weight: normal; }

.checkbox label::before { -o-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; background-color: #ffffff; border-radius: 3px; border: 2px solid #98a6ad; content: ""; display: inline-block; height: 18px; left: 0; margin-left: -18px; position: absolute; transition: 0.3s ease-in-out; width: 18px; outline: none !important; }

.checkbox label::after { color: #797979; display: inline-block; font-size: 11px; height: 18px; left: 0; margin-left: -18px; padding-left: 3px; padding-top: 2px; position: absolute; top: 0; width: 18px; }

.checkbox input[type="checkbox"] { cursor: pointer; opacity: 0; z-index: 1; outline: none !important; }

.checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; }

.checkbox input[type="checkbox"]:focus + label::before { outline-offset: -2px; outline: none; }

.checkbox input[type="checkbox"]:checked + label::after { content: ""; position: absolute; top: 3px; left: 7px; display: table; width: 5px; height: 10px; border: 1px solid #313a46; border-top-width: 0; border-left-width: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.checkbox input[type="checkbox"]:disabled + label::before { background-color: #e3eaef; cursor: not-allowed; }

.checkbox.checkbox-circle label::before { border-radius: 50%; }

.checkbox.checkbox-inline { margin-top: 0; }

.checkbox.checkbox-single input { height: 18px; width: 18px; position: absolute; }

.checkbox.checkbox-single label { height: 18px; width: 18px; }

.checkbox.checkbox-single label:before { margin-left: 0; }

.checkbox.checkbox-single label:after { margin-left: 0; }

.checkbox-custom input[type="checkbox"]:checked + label::before { background-color: #07C160; border-color: #07C160; }

.checkbox-custom input[type="checkbox"]:checked + label::after { border-color: #ffffff; }

.checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #2d7bf4; border-color: #2d7bf4; }

.checkbox-primary input[type="checkbox"]:checked + label::after { border-color: #ffffff; }

.checkbox-danger input[type="checkbox"]:checked + label::before { background-color: #f1556c; border-color: #f1556c; }

.checkbox-danger input[type="checkbox"]:checked + label::after { border-color: #ffffff; }

.checkbox-info input[type="checkbox"]:checked + label::before { background-color: #4eb7eb; border-color: #4eb7eb; }

.checkbox-info input[type="checkbox"]:checked + label::after { border-color: #ffffff; }

.checkbox-warning input[type="checkbox"]:checked + label::before { background-color: #f9bc0b; border-color: #f9bc0b; }

.checkbox-warning input[type="checkbox"]:checked + label::after { border-color: #ffffff; }

.checkbox-success input[type="checkbox"]:checked + label::before { background-color: #0acf97; border-color: #0acf97; }

.checkbox-success input[type="checkbox"]:checked + label::after { border-color: #ffffff; }

.checkbox-purple input[type="checkbox"]:checked + label::before { background-color: #777edd; border-color: #777edd; }

.checkbox-purple input[type="checkbox"]:checked + label::after { border-color: #ffffff; }

.checkbox-pink input[type="checkbox"]:checked + label::before { background-color: #ff679b; border-color: #ff679b; }

.checkbox-pink input[type="checkbox"]:checked + label::after { border-color: #ffffff; }

.checkbox-dark input[type="checkbox"]:checked + label::before { background-color: #313a46; border-color: #313a46; }

.checkbox-dark input[type="checkbox"]:checked + label::after { border-color: #ffffff; }

/* Radios */
.radio label { display: inline-block; padding-left: 8px; position: relative; font-weight: normal; }

.radio label::before { -o-transition: border 0.5s ease-in-out; -webkit-transition: border 0.5s ease-in-out; background-color: #ffffff; border-radius: 50%; border: 2px solid #98a6ad; content: ""; display: inline-block; height: 18px; left: 0; margin-left: -18px; position: absolute; transition: border 0.5s ease-in-out; width: 18px; outline: none !important; }

.radio label::after { -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -webkit-transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); background-color: #797979; border-radius: 50%; content: " "; display: inline-block; height: 10px; left: 6px; margin-left: -20px; position: absolute; top: 4px; transform: scale(0, 0); transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); width: 10px; }

.radio input[type="radio"] { cursor: pointer; opacity: 0; z-index: 1; outline: none !important; }

.radio input[type="radio"]:disabled + label { opacity: 0.65; }

.radio input[type="radio"]:focus + label::before { outline-offset: -2px; outline: 5px auto -webkit-focus-ring-color; outline: thin dotted; }

.radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

.radio input[type="radio"]:disabled + label::before { cursor: not-allowed; }

.radio.radio-inline { margin-top: 0; }

.radio.radio-single label { height: 17px; }

.radio-custom input[type="radio"] + label::after { background-color: #07C160; }

.radio-custom input[type="radio"]:checked + label::before { border-color: #07C160; }

.radio-custom input[type="radio"]:checked + label::after { background-color: #07C160; }

.radio-primary input[type="radio"] + label::after { background-color: #2d7bf4; }

.radio-primary input[type="radio"]:checked + label::before { border-color: #2d7bf4; }

.radio-primary input[type="radio"]:checked + label::after { background-color: #2d7bf4; }

.radio-danger input[type="radio"] + label::after { background-color: #f1556c; }

.radio-danger input[type="radio"]:checked + label::before { border-color: #f1556c; }

.radio-danger input[type="radio"]:checked + label::after { background-color: #f1556c; }

.radio-info input[type="radio"] + label::after { background-color: #4eb7eb; }

.radio-info input[type="radio"]:checked + label::before { border-color: #4eb7eb; }

.radio-info input[type="radio"]:checked + label::after { background-color: #4eb7eb; }

.radio-warning input[type="radio"] + label::after { background-color: #f9bc0b; }

.radio-warning input[type="radio"]:checked + label::before { border-color: #f9bc0b; }

.radio-warning input[type="radio"]:checked + label::after { background-color: #f9bc0b; }

.radio-success input[type="radio"] + label::after { background-color: #0acf97; }

.radio-success input[type="radio"]:checked + label::before { border-color: #0acf97; }

.radio-success input[type="radio"]:checked + label::after { background-color: #0acf97; }

.radio-purple input[type="radio"] + label::after { background-color: #777edd; }

.radio-purple input[type="radio"]:checked + label::before { border-color: #777edd; }

.radio-purple input[type="radio"]:checked + label::after { background-color: #777edd; }

.radio-pink input[type="radio"] + label::after { background-color: #ff679b; }

.radio-pink input[type="radio"]:checked + label::before { border-color: #ff679b; }

.radio-pink input[type="radio"]:checked + label::after { background-color: #ff679b; }

/* =============
   Form
============= */
label { font-size: 14px; color: #313a46; font-family: "Rubik", sans-serif; font-weight: 500; }

select[multiple] option + option, select[size] option + option { margin-top: 1px; }

select[multiple] option, select[size] option { padding: 6px 12px; border-radius: 2px; }

select[multiple] { height: auto; }

textarea.form-control { min-height: 90px; }

.form-control { border: 1px solid #d9e3e9; border-radius: 4px; max-width: 100%; padding: .469rem .75rem; font-size: 14px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 300ms linear; transition: all 300ms linear; }

.form-control:focus { border: 1px solid #a2b9ca; -webkit-box-shadow: none; box-shadow: none; outline: 0; }

.form-control-lg { padding: 12px 16px; font-size: 16px; border-radius: 4px; }

.form-control-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; }

input[type="color"] { min-height: 38px; }

.input-group-prepend .btn, .input-group-append .btn { min-height: 38px; }

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { font-size: 12px; }

.custom-select:focus { -webkit-box-shadow: none; box-shadow: none; }

.custom-control-input { display: none; }

.custom-control-input:checked ~ .custom-control-indicator { background-color: #07C160; }

.form-check-input:only-child { position: absolute; }

/* login鍐呭 */
.card-box, body { border: none; padding: 0; margin-bottom: 0; }

.accountbg { position: fixed; height: 100%; width: 100%; top: 0; background: url(../images/bg.jpg); background-size: cover; background-position: center; }

.account-page-full { right: 0; position: absolute; min-height: 100%; margin: 0; width: 540px; background-color: #ffffff; }

#form_content label { font-size: 15px; user-select: none; }

#form_content .captcha-pic { height: 45px; }

#form_content input { padding: 1.35rem 0.8rem; background: #f5f5f5; color: #606266; border: none; border-radius: 0.5rem; }

#form_content input::placeholder { color: #c0c4cc; }

#form_content .checkbox.checkbox-custom label::before { top: 2px; border: 1px solid #98a6ad; }

#form_content .checkbox.checkbox-custom input[type="checkbox"]:checked + label::before { background-color: #139df8; border-color: transparent; }

#form_content .login-button { padding: .75rem 1rem; border-radius: 0.5rem; font-size: 1rem; color: #FFF; background-color: #139df8; border-color: transparent; }

.account-page-full { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -55%); width: 480px; min-height: unset; background-color: unset; }

.account-page-full .card { background-color: #ffffff; border-radius: 10px !important; overflow: hidden; }

.account-page-full .card-box { margin: 0; }

.account-copyright { position: absolute; bottom: 0; width: 100%; height: 40px; background-color: rgba(255, 255, 255, 0.8); }

.account-copyright .copyright { height: 100%; display: flex; justify-content: center; align-items: center; gap: 10px; font-size: 12px; color: #333; margin: 0; }

.account-copyright .copyright a:hover { color: #076ab6; text-decoration: underline; cursor: pointer; }

.account-copyright .copyright .govbei { display: inline-block; padding-left: 18px; height: 14px; line-height: 14px; background: url(../images/police.png) 0 0 no-repeat; }

/*!  7uP3AdkSzwoHCjo5KfyDG17PwPXekP9W8fbQaCGIZr+M1xDtdUbh4x3E2v8wp3JzjxkqpRIsB0tXWsgXA0rKlBuxZq9rzuqagJLOAfowsXgHEVOLZybzjw==  */