body {
    font-family: "Noto Sans TC", "微軟正黑體";
    /*padding-top: 1vh;*/
    padding-bottom: 15vh;
}

.display-1 {
    font-family: "Noto Sans TC", "微軟正黑體";
    font-size: 1.4rem;
    line-height: 1.1;
    margin-top: 11vh;
}

.display-1 > .mbr-iconfont {
    font-size: 1.75rem;
}

.display-2 {
    font-family: "Noto Sans TC", "微軟正黑體";
    font-size: 2.6rem;
    line-height: 1.1;
}

.display-2 > .mbr-iconfont {
    font-size: 3.25rem;
}

.display-4 {
    font-family: "Noto Sans TC", "微軟正黑體";
    font-size: 1.3rem;
    line-height: 1.5;
}

.display-4 > .mbr-iconfont {
    font-size: 1.625rem;
}

.display-5 {
    font-family: "Noto Sans TC", "微軟正黑體";
    font-size: 1.6rem;
    line-height: 1.5;
}

.display-5 > .mbr-iconfont {
    font-size: 2rem;
}

.display-7 {
    font-family: "Noto Sans TC", "微軟正黑體";
    font-size: 1.2rem;
    line-height: 1.5;
}

.display-7 > .mbr-iconfont {
    font-size: 1.5rem;
}

/* ---- Fluid typography for mobile devices ---- */
/* 1.4 - font scale ratio ( bootstrap == 1.42857 ) */
/* 100vw - current viewport width */
/* (48 - 20)  48 == 48rem == 768px, 20 == 20rem == 320px(minimal supported viewport) */
/* 0.65 - min scale variable, may vary */
@media (max-width: 992px) {
    .display-1 {
        font-size: 1.12rem;
    }
}

@media (max-width: 768px) {
    .display-1 {
        font-size: 0.98rem;
        font-size: calc(1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc(1.1 * (1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20))));
    }

    .display-2 {
        font-size: 2.08rem;
        font-size: calc(1.56rem + (2.6 - 1.56) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc(1.3 * (1.56rem + (2.6 - 1.56) * ((100vw - 20rem) / (48 - 20))));
    }

    .display-4 {
        font-size: 1.04rem;
        font-size: calc(1.105rem + (1.3 - 1.105) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc(1.4 * (1.105rem + (1.3 - 1.105) * ((100vw - 20rem) / (48 - 20))));
    }

    .display-5 {
        font-size: 1.28rem;
        font-size: calc(1.21rem + (1.6 - 1.21) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc(1.4 * (1.21rem + (1.6 - 1.21) * ((100vw - 20rem) / (48 - 20))));
    }

    .display-7 {
        font-size: 1.7vw;
        font-size: calc(1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc(1.4 * (1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20))));
        width: 90vw;
    }

    .item-wrapper {
        width: 80vw;
        padding-left: 15vw;
        overflow-x: hidden;

    }

    .w-100 {
        width: 60vw !important;
        z-index: -99;
    }

    .mt-4 {
        width: 200vw !important;
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }
}

/* Buttons */
.btn {
    font-weight: 600;
    border-width: 1px;
    font-style: normal;
    margin: 0.6rem 0.6rem;
    white-space: normal;
    transition: all 0.1s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
}

.btn-sm {
    padding: 0.6rem 1.2rem;
    border-radius: 4px;
}

.btn-md {
    padding: 0.6rem 1.2rem;
    border-radius: 4px;
}

.btn-lg {
    padding: 1rem 2.6rem;
    border-radius: 4px;
}

.bg-primary {
    background-color: #ffffff !important;
}

.bg-success {
    background-color: #40b0bf !important;
}

.bg-info {
    background-color: #47b5ed !important;
}

.bg-warning {
    background-color: #ffe161 !important;
}

.bg-danger {
    background-color: #ff9966 !important;
}

.btn-primary,
.btn-primary:active {
    background-color: #005bac !important;
    border-color: #ffffff !important;
    color: #FFF !important;
    /* box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%); */
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active {
    color: #0b5ed7 !important;
    background-color: #d4d4d4 !important;
    border-color: #d4d4d4 !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #808080 !important;
    background-color: #d4d4d4 !important;
    border-color: #d4d4d4 !important;
}

.btn-secondary,
.btn-secondary:active {
    background-color: #ff6666 !important;
    border-color: #ff6666 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    /*  margin-left: 5vw;
    */
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary.active {
    color: #ffffff !important;
    background-color: #ff0f0f !important;
    border-color: #ff0f0f !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #ffffff !important;
    background-color: #ff0f0f !important;
    border-color: #ff0f0f !important;
}

.btn-info,
.btn-info:active {
    background-color: #47b5ed !important;
    border-color: #47b5ed !important;
    color: #ffffff !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info.active {
    color: #ffffff !important;
    background-color: #148cca !important;
    border-color: #148cca !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.btn-info.disabled,
.btn-info:disabled {
    color: #ffffff !important;
    background-color: #148cca !important;
    border-color: #148cca !important;
}

.btn-success,
.btn-success:active {
    background-color: #40b0bf !important;
    border-color: #40b0bf !important;
    color: #ffffff !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success.active {
    color: #ffffff !important;
    background-color: #2a747e !important;
    border-color: #2a747e !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.btn-success.disabled,
.btn-success:disabled {
    color: #ffffff !important;
    background-color: #2a747e !important;
    border-color: #2a747e !important;
}

.btn-warning,
.btn-warning:active {
    background-color: #ffe161 !important;
    border-color: #ffe161 !important;
    color: #614f00 !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning.active {
    color: #0a0800 !important;
    background-color: #ffd10a !important;
    border-color: #ffd10a !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #614f00 !important;
    background-color: #ffd10a !important;
    border-color: #ffd10a !important;
}

.btn-danger,
.btn-danger:active {
    background-color: #ff9966 !important;
    border-color: #ff9966 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger.active {
    color: #ffffff !important;
    background-color: #ff5f0f !important;
    border-color: #ff5f0f !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #ffffff !important;
    background-color: #ff5f0f !important;
    border-color: #ff5f0f !important;
}

.btn-white,
.btn-white:active {
    background-color: #fafafa !important;
    border-color: #fafafa !important;
    color: #7a7a7a !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white.active {
    color: #4f4f4f !important;
    background-color: #cfcfcf !important;
    border-color: #cfcfcf !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.btn-white.disabled,
.btn-white:disabled {
    color: #7a7a7a !important;
    background-color: #cfcfcf !important;
    border-color: #cfcfcf !important;
}

.btn-black,
.btn-black:active {
    background-color: #232323 !important;
    border-color: #232323 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.btn-black:hover,
.btn-black:focus,
.btn-black.focus,
.btn-black.active {
    color: #ffffff !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.btn-black.disabled,
.btn-black:disabled {
    color: #ffffff !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.btn-primary-outline,
.btn-primary-outline:active {
    background-color: transparent !important;
    border-color: transparent;
    color: #ffffff;
}

.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline.active {
    color: #d4d4d4 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.btn-primary-outline.disabled,
.btn-primary-outline:disabled {
    color: #808080 !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

.btn-secondary-outline,
.btn-secondary-outline:active {
    background-color: transparent !important;
    border-color: transparent;
    color: #ff6666;
}

.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline.focus,
.btn-secondary-outline.active {
    color: #ff0f0f !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.btn-secondary-outline.disabled,
.btn-secondary-outline:disabled {
    color: #ffffff !important;
    background-color: #ff6666 !important;
    border-color: #ff6666 !important;
}

.btn-info-outline,
.btn-info-outline:active {
    background-color: transparent !important;
    border-color: transparent;
    color: #47b5ed;
}

.btn-info-outline:hover,
.btn-info-outline:focus,
.btn-info-outline.focus,
.btn-info-outline.active {
    color: #148cca !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.btn-info-outline.disabled,
.btn-info-outline:disabled {
    color: #ffffff !important;
    background-color: #47b5ed !important;
    border-color: #47b5ed !important;
}

.btn-success-outline,
.btn-success-outline:active {
    background-color: transparent !important;
    border-color: transparent;
    color: #40b0bf;
}

.btn-success-outline:hover,
.btn-success-outline:focus,
.btn-success-outline.focus,
.btn-success-outline.active {
    color: #2a747e !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.btn-success-outline.disabled,
.btn-success-outline:disabled {
    color: #ffffff !important;
    background-color: #40b0bf !important;
    border-color: #40b0bf !important;
}

.btn-warning-outline,
.btn-warning-outline:active {
    background-color: transparent !important;
    border-color: transparent;
    color: #ffe161;
}

.btn-warning-outline:hover,
.btn-warning-outline:focus,
.btn-warning-outline.focus,
.btn-warning-outline.active {
    color: #ffd10a !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.btn-warning-outline.disabled,
.btn-warning-outline:disabled {
    color: #614f00 !important;
    background-color: #ffe161 !important;
    border-color: #ffe161 !important;
}

.btn-danger-outline,
.btn-danger-outline:active {
    background-color: transparent !important;
    border-color: transparent;
    color: #ff9966;
}

.btn-danger-outline:hover,
.btn-danger-outline:focus,
.btn-danger-outline.focus,
.btn-danger-outline.active {
    color: #ff5f0f !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.btn-danger-outline.disabled,
.btn-danger-outline:disabled {
    color: #ffffff !important;
    background-color: #ff9966 !important;
    border-color: #ff9966 !important;
}

.btn-black-outline,
.btn-black-outline:active {
    background-color: transparent !important;
    border-color: transparent;
    color: #232323;
}

.btn-black-outline:hover,
.btn-black-outline:focus,
.btn-black-outline.focus,
.btn-black-outline.active {
    color: #000000 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.btn-black-outline.disabled,
.btn-black-outline:disabled {
    color: #ffffff !important;
    background-color: #232323 !important;
    border-color: #232323 !important;
}

.btn-white-outline,
.btn-white-outline:active {
    background-color: transparent !important;
    border-color: transparent;
    color: #fafafa;
}

.btn-white-outline:hover,
.btn-white-outline:focus,
.btn-white-outline.focus,
.btn-white-outline.active {
    color: #cfcfcf !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.btn-white-outline.disabled,
.btn-white-outline:disabled {
    color: #7a7a7a !important;
    background-color: #fafafa !important;
    border-color: #fafafa !important;
}

.text-primary {
    color: #ffffff !important;
    padding-right: 3vw;
}

.text-secondary {
    color: #ff6666 !important;
}

.text-success {
    color: #40b0bf !important;
}

.text-info {
    color: #47b5ed !important;
}

.text-warning {
    color: #ffe161 !important;
}

.text-danger {
    color: #ff9966 !important;
}

.text-white {
    color: #fafafa !important;
}

.text-black {
    color: #232323 !important;
}

a.text-primary:hover,
a.text-primary:focus,
a.text-primary.active {
    color: #cccccc !important;
}

a.text-secondary:hover,
a.text-secondary:focus,
a.text-secondary.active {
    color: #ff0000 !important;
}

a.text-success:hover,
a.text-success:focus,
a.text-success.active {
    color: #266a73 !important;
}

a.text-info:hover,
a.text-info:focus,
a.text-info.active {
    color: #1283bc !important;
}

a.text-warning:hover,
a.text-warning:focus,
a.text-warning.active {
    color: #facb00 !important;
}

a.text-danger:hover,
a.text-danger:focus,
a.text-danger.active {
    color: #ff5500 !important;
}

a.text-white:hover,
a.text-white:focus,
a.text-white.active {
    color: #c7c7c7 !important;
}

a.text-black:hover,
a.text-black:focus,
a.text-black.active {
    color: #000000 !important;
}

a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption) {
    position: relative;
    background-image: transparent;
    background-size: 10000px 2px;
    background-repeat: no-repeat;
    background-position: 0px 1.2em;
    background-position: -10000px 1.2em;
}

a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption):hover {
    transition: background-position 2s ease-in-out;
    background-image: linear-gradient(currentColor 50%, currentColor 50%);
    background-position: 0px 1.2em;
}

.nav-tabs .nav-link.active {
    color: #ffffff;
}

.nav-tabs .nav-link:not(.active) {
    color: #232323;
}

.alert-success {
    background-color: #70c770;
}

.alert-info {
    background-color: #47b5ed;
}

.alert-warning {
    background-color: #ffe161;
}

.alert-danger {
    background-color: #ff9966;
}

.mbr-section-btn a.btn:not(.btn-form) {
    border-radius: 100px;
}

.mbr-gallery-filter li a {
    border-radius: 100px !important;
}

.mbr-gallery-filter li.active .btn {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #8c8c8c;
}

.mbr-gallery-filter li.active .btn:focus {
    box-shadow: none;
}

.nav-tabs .nav-link {
    border-radius: 100px !important;
}

a,
a:hover {
    color: #ffffff;
}

.mbr-plan-header.bg-primary .mbr-plan-subtitle,
.mbr-plan-header.bg-primary .mbr-plan-price-desc {
    color: #ffffff;
}

.mbr-plan-header.bg-success .mbr-plan-subtitle,
.mbr-plan-header.bg-success .mbr-plan-price-desc {
    color: #a0d8df;
}

.mbr-plan-header.bg-info .mbr-plan-subtitle,
.mbr-plan-header.bg-info .mbr-plan-price-desc {
    color: #ffffff;
}

.mbr-plan-header.bg-warning .mbr-plan-subtitle,
.mbr-plan-header.bg-warning .mbr-plan-price-desc {
    color: #ffffff;
}

.mbr-plan-header.bg-danger .mbr-plan-subtitle,
.mbr-plan-header.bg-danger .mbr-plan-price-desc {
    color: #ffffff;
}

/* Scroll to top button*/
#scrollToTop a {
    border-radius: 100px;
}

.form-control {
    font-family: "Noto Sans TC", "微軟正黑體";
    font-size: 1vw;
    line-height: 1.5;
    font-weight: 400;
    min-height: 18px;
    /*padding: 2px 5px ;*/
}

.form-control > .mbr-iconfont {
    font-size: 1.625rem;
}

.form-control:hover,
.form-control:focus {
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 3px 0px, rgba(0, 0, 0, 0.03) 0px 0px 0px 1px;
    border-color: #ffffff !important;
}

.form-control:-webkit-input-placeholder {
    font-family: "Noto Sans TC", "微軟正黑體";
    font-size: 1.3rem;
    line-height: 1.5;
    font-weight: 400;
}

.form-control:-webkit-input-placeholder > .mbr-iconfont {
    font-size: 1.625rem;
}

blockquote {
    border-color: #ffffff;
}

/* Forms */
.mbr-form .input-group-btn a.btn {
    border-radius: 100px !important;
}

.mbr-form .input-group-btn a.btn:hover {
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}

.mbr-form .input-group-btn button[type="submit"] {
    border-radius: 100px !important;
    padding: 1rem 3rem;
}

.mbr-form .input-group-btn button[type="submit"]:hover {
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}

.jq-selectbox li:hover,
.jq-selectbox li.selected {
    background-color: #ffffff;
    color: #000000;
}

.jq-number__spin {
    transition: 0.25s ease;
}

.jq-number__spin:hover {
    border-color: #ffffff;
}

.jq-selectbox .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:after,
.jq-number__spin.plus:after {
    transition: 0.4s;
    border-top-color: #353535;
    border-bottom-color: #353535;
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:hover:after,
.jq-number__spin.plus:hover:after {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    color: #000000 !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #000000 !important;
    background: #ff6666 !important;
    box-shadow: none !important;
}

.lazy-bg {
    background-image: none !important;
}

.lazy-placeholder:not(section),
.lazy-none {
    display: block;
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
    height: auto;
}

iframe.lazy-placeholder,
.lazy-placeholder:after {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    background: transparent no-repeat center;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff' %3e%3cg fill='none' fill-rule='evenodd'%3e%3cg transform='translate(16 16)' stroke-width='2'%3e%3ccircle stroke-opacity='.5' cx='16' cy='16' r='16'/%3e%3cpath d='M32 16c0-9.94-8.06-16-16-16'%3e%3canimateTransform attributeName='transform' type='rotate' from='0 16 16' to='360 16 16' dur='1s' repeatCount='indefinite'/%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

section.lazy-placeholder:after {
    opacity: 0.5;
}

body {
    overflow-x: hidden;
}

a {
    transition: color 0.6s;
}

.cid-s48OLK6784 {
    z-index: 1000;
    width: 100%;
    position: relative;
    min-height: 60px;
}

.cid-s48OLK6784 nav.navbar {
    position: fixed;
}

.cid-s48OLK6784 .dropdown-item:before {
    font-family: "Noto Sans TC", "微軟正黑體" !important;
    content: '\e966';
    display: inline-block;
    width: 0;
    position: absolute;
    left: 1rem;
    top: 0.5rem;
    margin-right: 0.5rem;
    line-height: 1;
    font-size: inherit;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    transform: scale(0, 1);
    transition: all 0.25s ease-in-out;
}

.cid-s48OLK6784 .dropdown-menu {
    padding: 0;
}

.cid-s48OLK6784 .dropdown-item {
    border-bottom: 1px solid #e6e6e6;
}

.cid-s48OLK6784 .dropdown-item:hover,
.cid-s48OLK6784 .dropdown-item:focus {
    background: #ffffff !important;
    color: white !important;
}

.cid-s48OLK6784 .nav-dropdown .link {
    padding: 0 0.3em !important;
    margin: .667em 1em !important;
}

.cid-s48OLK6784 .nav-dropdown .link.dropdown-toggle::after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
}

.cid-s48OLK6784 .nav-link {
    position: relative;
}

.cid-s48OLK6784 .container {
    display: flex;
    margin: auto;
}

.cid-s48OLK6784 .iconfont-wrapper {
    color: #000000 !important;
    font-size: 1.5rem;
    padding-right: .5rem;
}

.cid-s48OLK6784 .navbar-caption {
    padding-right: 4rem;
    white-space: nowrap;
}

.cid-s48OLK6784 .dropdown-menu,
.cid-s48OLK6784 .navbar.opened {
    background: #005bac !important;
}

.cid-s48OLK6784 .nav-item:focus,
.cid-s48OLK6784 .nav-link:focus {
    outline: none;
}

.cid-s48OLK6784 .dropdown .dropdown-menu .dropdown-item {
    width: auto;
    transition: all 0.25s ease-in-out;
}

.cid-s48OLK6784 .dropdown .dropdown-menu .dropdown-item::after {
    right: 0.5rem;
}

.cid-s48OLK6784 .dropdown .dropdown-menu .dropdown-item .mbr-iconfont {
    margin-left: -1.8rem;
    padding-right: 1rem;
    font-size: inherit;
}

.cid-s48OLK6784 .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before {
    display: inline-block;
    transform: scale(1, 1);
    transition: all 0.25s ease-in-out;
}

.cid-s48OLK6784 .collapsed .dropdown-menu .dropdown-item:before {
    display: none;
}

.cid-s48OLK6784 .collapsed .dropdown .dropdown-menu .dropdown-item {
    padding: 0.235em 1.5em 0.235em 1.5em !important;
    transition: none;
    margin: 0 !important;
}

.cid-s48OLK6784 .navbar {
    min-height: 77px;
    transition: all .3s;
    border-bottom: 1px solid transparent;
    background: #005bac;
}

.cid-s48OLK6784 .navbar:not(.navbar-short) {
    border-bottom: 1px solid #e6e6e6;
}

.cid-s48OLK6784 .navbar.opened {
    transition: all .3s;
}

.cid-s48OLK6784 .navbar .dropdown-item {
    padding: .5rem 1.8rem;
}

.cid-s48OLK6784 .navbar .navbar-logo img {
    width: auto;
}

.cid-s48OLK6784 .navbar .navbar-collapse {
    justify-content: flex-end;
    z-index: 1;
}

.cid-s48OLK6784 .navbar.collapsed .nav-item .nav-link::before {
    display: none;
}

.cid-s48OLK6784 .navbar.collapsed.opened .dropdown-menu {
    top: 0;
}

.cid-s48OLK6784 .navbar.collapsed .dropdown-menu .dropdown-submenu {
    left: 0 !important;
}

.cid-s48OLK6784 .navbar.collapsed .dropdown-menu .dropdown-item:after {
    right: auto;
}

.cid-s48OLK6784 .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    border-bottom: 0;
    top: 55%;
}

.cid-s48OLK6784 .navbar.collapsed ul.navbar-nav li {
    margin: auto;
}

.cid-s48OLK6784 .navbar.collapsed .dropdown-menu .dropdown-item {
    padding: .25rem 1.5rem;
    text-align: center;
}

.cid-s48OLK6784 .navbar.collapsed .icons-menu {
    padding-left: 0;
    padding-right: 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

@media (max-width: 991px) {
    .cid-s48OLK6784 .navbar .nav-item .nav-link::before {
        display: none;
    }

    .cid-s48OLK6784 .navbar.opened .dropdown-menu {
        top: 0;
    }

    .cid-s48OLK6784 .navbar .dropdown-menu .dropdown-submenu {
        left: 0 !important;
    }

    .cid-s48OLK6784 .navbar .dropdown-menu .dropdown-item:after {
        right: auto;
    }

    .cid-s48OLK6784 .navbar .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
        margin-left: 0.5rem;
        margin-top: 0.2rem;
        border-top: 0.35em solid;
        border-right: 0.35em solid transparent;
        border-left: 0.35em solid transparent;
        border-bottom: 0;
        top: 55%;
    }

    .cid-s48OLK6784 .navbar .navbar-logo img {
        height: 3.8rem !important;
    }

    .cid-s48OLK6784 .navbar ul.navbar-nav li {
        margin: auto;
    }

    .cid-s48OLK6784 .navbar .dropdown-menu .dropdown-item {
        padding: .25rem 1.5rem !important;
        text-align: center;
    }

    .cid-s48OLK6784 .navbar .navbar-brand {
        flex-shrink: initial;
        flex-basis: auto;
        word-break: break-word;
        padding-right: 2rem;
    }

    .cid-s48OLK6784 .navbar .navbar-toggler {
        flex-basis: auto;
    }

    .cid-s48OLK6784 .navbar .icons-menu {
        padding-left: 0;
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
}

.cid-s48OLK6784 .navbar.navbar-short {
    min-height: 60px;
}

.cid-s48OLK6784 .navbar.navbar-short .navbar-logo img {
    height: 3rem !important;
}

.cid-s48OLK6784 .navbar.navbar-short .navbar-brand {
    padding: 0;
}

.cid-s48OLK6784 .navbar-brand {
    flex-shrink: 0;
    align-items: center;
    margin-right: 0;
    padding: 0;
    transition: all .3s;
    word-break: break-word;
    z-index: 1;
}

.cid-s48OLK6784 .navbar-brand .navbar-caption {
    line-height: inherit !important;
}

.cid-s48OLK6784 .navbar-brand .navbar-logo a {
    outline: none;
}

.cid-s48OLK6784 .dropdown-item.active,
.cid-s48OLK6784 .dropdown-item:active {
    background-color: transparent;
}

.cid-s48OLK6784 .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
}

.cid-s48OLK6784 .nav-dropdown .link.dropdown-toggle {
    margin-right: 1.667em;
}

.cid-s48OLK6784 .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
    margin-right: 0;
    padding: 0.667em 1.667em;
}

.cid-s48OLK6784 .navbar.navbar-expand-lg .dropdown .dropdown-menu {
    background: #005bac;
}

.cid-s48OLK6784 .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
    margin: 0;
    left: 100%;
}

.cid-s48OLK6784 .navbar .dropdown.open > .dropdown-menu {
    display: block;
}

.cid-s48OLK6784 ul.navbar-nav {
    flex-wrap: wrap;
}

.cid-s48OLK6784 .navbar-buttons {
    text-align: center;
    min-width: 170px;
}

.cid-s48OLK6784 button.navbar-toggler {
    outline: none;
    width: 31px;
    height: 20px;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    align-self: center;
}

.cid-s48OLK6784 button.navbar-toggler .hamburger span {
    position: absolute;
    right: 0;
    width: 30px;
    height: 2px;
    border-right: 5px;
    background-color: currentColor;
}

.cid-s48OLK6784 button.navbar-toggler .hamburger span:nth-child(1) {
    top: 0;
    transition: all .2s;
}

.cid-s48OLK6784 button.navbar-toggler .hamburger span:nth-child(2) {
    top: 8px;
    transition: all .15s;
}

.cid-s48OLK6784 button.navbar-toggler .hamburger span:nth-child(3) {
    top: 8px;
    transition: all .15s;
}

.cid-s48OLK6784 button.navbar-toggler .hamburger span:nth-child(4) {
    top: 16px;
    transition: all .2s;
}

.cid-s48OLK6784 nav.opened .hamburger span:nth-child(1) {
    top: 8px;
    width: 0;
    opacity: 0;
    right: 50%;
    transition: all .2s;
}

.cid-s48OLK6784 nav.opened .hamburger span:nth-child(2) {
    transform: rotate(45deg);
    transition: all .25s;
}

.cid-s48OLK6784 nav.opened .hamburger span:nth-child(3) {
    transform: rotate(-45deg);
    transition: all .25s;
}

.cid-s48OLK6784 nav.opened .hamburger span:nth-child(4) {
    top: 8px;
    width: 0;
    opacity: 0;
    right: 50%;
    transition: all .2s;
}

.cid-s48OLK6784 .navbar-dropdown {
    padding: .5rem 1rem;
    position: fixed;
}

.cid-s48OLK6784 a.nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cid-s48OLK6784 .icons-menu {
    flex-wrap: nowrap;
    display: flex;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.3rem;
    text-align: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .cid-s48OLK6784 .navbar {
        height: 77px;
    }

    .cid-s48OLK6784 .navbar.opened {
        height: auto;
    }

    .cid-s48OLK6784 .nav-item .nav-link:hover::before {
        width: 175%;
        max-width: calc(100% + 2rem);
        left: -1rem;
    }
}

.cid-sGxnRldZfk {
    padding-top: 4.5rem;
    padding-bottom: 6rem;
    background-color: #ffffff;
    padding-left: 4vw;
    line-height: 3.5vh;
    font-size: 1.6vw;
    /*  counter-increment: step-counter;
    */
    font-weight: bold;
    color: #707070;
    font-family: "Noto Sans TC", "微軟正黑體";
    border-bottom: 1px #707070 solid;
    /*    text-indent: -1.8em;
    */
}

@media (max-width: 991px) {
    .cid-sGxnRldZfk .image-wrapper {
        margin-bottom: 2rem;
    }
}

.cid-sGxnRldZfk .image-wrapper img {
    width: 90%;
    object-fit: cover;
    /*  padding-bottom: vh;
    */
}

@media (min-width: 992px) {
    .cid-sGxnRldZfk .text-wrapper {
        padding: 0 2rem;
        padding: 0 0rem;
    }
}

@media (max-width: 768px) {
    .cid-sGxnRldZfk .text-wrapper {
        margin-bottom: 2rem;
    }
}

.cid-sGxnRldZfk .mbr-text,
.cid-sGxnRldZfk .mbr-section-btn {
    text-align: left;
    color: #353535;
}

.cid-sGxnRldZfk .mbr-section-title {
    color: #005bac;
    padding-bottom: 2vh;
}

.cid-sGxBisTJTM {
    background-color: #07913b;
}

.cid-sGxBisTJTM .card-wrapper {
    background: #07913b;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .cid-sGxBisTJTM .card-wrapper {
        padding: 1rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cid-sGxBisTJTM .card-wrapper {
        padding: 2rem;
    }


}

@media (min-width: 992px) {
    .cid-sGxBisTJTM .card-wrapper {
        padding: 4rem;
    }
}

.cid-sGxBisTJTM .mbr-text,
.cid-sGxBisTJTM .mbr-section-btn {
    color: #ffffff;
}

.cid-sGxBisTJTM .card-title,
.cid-sGxBisTJTM .card-box {
    text-align: left;
}

.cid-sGyFWXioYo {
    padding-top: 5rem;
    padding-bottom: 2rem;
    background-color: #ffffff;
}

.cid-sGyFWXioYo .mbr-section-title {
    color: #005bac;
}

.cid-sGyBBTYatT {
    padding-top: 1rem;
    padding-bottom: 7rem;
    background-image: url("../../../assets/images/background1.jpg");
}

.cid-sGyBBTYatT .item {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

.cid-sGyBBTYatT .icon-box {
    background: #005bac;
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cid-sGyBBTYatT .mbr-iconfont {
    font-size: 2rem;
    color: #ffffff;
}

@media (max-width: 991px) {
    .cid-sGyBBTYatT .card {
        margin-bottom: 2rem;
    }

    .cid-sGyBBTYatT .card-wrapper {
        margin-bottom: 2rem;
    }
}

.cid-sGyBBTYatT .card-title,
.cid-sGyBBTYatT .card-box {
    color: #353535;
}

.cid-sGyBBTYatT .mbr-text,
.cid-sGyBBTYatT .mbr-section-btn {
    color: #353535;
}

.cid-sGyBBTYatT .icon-title {
    color: #005bac;
}

.cid-sGyBBTYatT .icon-text {
    color: #353535;
}

.cid-sGyxJ7HqaB {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: #e3e3e3;
}

.cid-sGyxJ7HqaB .list-group-item {
    background-color: transparent;
    padding: .5rem 3.25rem;
}

.cid-sGyxJ7HqaB .plan-body {
}

.cid-sGyxJ7HqaB .plan-header {
    padding-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.cid-sGyxJ7HqaB .price {
    color: #ffffff;
}

.cid-sGyxJ7HqaB .plan {
    word-break: break-word;
    background-color: #ffffff;
}

.cid-sGyxJ7HqaB .plan .list-group-item {
    position: relative;
    justify-content: center;
    border: 0;
    color: #707070;
}

.cid-sGyxJ7HqaB .plan .list-group-item::after {
    position: absolute;
    bottom: 1px;
    left: 10%;
    width: 70%;
    height: 1px;
    content: "";
    background-color: rgba(0, 0, 0, 0.1);
}

.cid-sGyxJ7HqaB .plan .list-group-item:last-child::after {
    display: none;
}

@media (max-width: 991px) {
    .cid-sGyxJ7HqaB .plan {
        margin-bottom: 2rem;
    }
}

.cid-sGyxJ7HqaB .price-term {
    color: #ff8a8a;
}

.cid-sGyxJ7HqaB UL {
    text-align: left;
    color: #353535;
    margin-left: 4.5vw;
}

.cid-sGyxJ7HqaB .plan-title {
    color: #353535;
}

.cid-sGxYeKuuOz {
    padding-top: 6rem;
    padding-bottom: 0rem;
    margin-left: 5vw;
    margin-right: 2vw;
    background-color: #ffffff;
}

.cid-sGxYeKuuOz .card .card-header {
    background-color: transparent;
    margin-bottom: 0;
}

.cid-sGxYeKuuOz .panel-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cid-sGxYeKuuOz .mbr-iconfont {
    padding-left: 1rem;
    font-family: "Noto Sans TC", "微軟正黑體" !important;
    font-size: 1.4rem !important;
    color: #ffffff;
}

.cid-sGxYeKuuOz .panel-body,
.cid-sGxYeKuuOz .card-header {
    padding: 1rem 0;

}

.cid-sGxYeKuuOz .panel-title-edit {
    font-size: 1.4rem;
    color: #005bac;
    position: relative;
}

.cid-sGxYeKuuOz .panel-title-edit::before {
    position: absolute;
    /*content: url('https://www.twca.com.tw/images/icon/icon_cube.svg');*/
    /*background-image: url('https://www.twca.com.tw/images/icon/icon_cube.svg');    */

    content: url("../../../assets/images/icon_cube.svg");
    background-image: url("../../../assets/images/icon_cube.svg");
    height: 3vh;
    left: -20px;

}

.cid-sGxYeKuuOz H3 {
    color: #005bac;
}

.cid-sGxZqNFzrt {
    padding-top: 0rem;
    padding-bottom: 0rem;
    background-color: #fafafa;
}

.cid-sGxZqNFzrt .card .card-header {
    background-color: transparent;
    margin-bottom: 0;
}

.cid-sGxZqNFzrt .panel-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cid-sGxZqNFzrt .mbr-iconfont {
    padding-left: 1rem;
    font-family: "Noto Sans TC", "微軟正黑體" !important;
    font-size: 1.4rem !important;
    color: #ffffff;
}

.cid-sGxZqNFzrt .panel-body,
.cid-sGxZqNFzrt .card-header {
    padding: 1rem 0;
}

.cid-sGxZqNFzrt .panel-title-edit {
    color: #005bac;
    position: relative;
}

.cid-sGxZqNFzrt .panel-title-edit::before {
    position: absolute;
    /*content: url('https://www.twca.com.tw/images/icon/icon_cube.svg');*/
    /*background-image: url('https://www.twca.com.tw/images/icon/icon_cube.svg');    */

    content: url("../../../assets/images/icon_cube.svg");
    background-image: url("../../../assets/images/icon_cube.svg");
    height: 3vh;
    left: -20px;

}

.cid-sGxZennAgK {
    padding-top: 0rem;
    padding-bottom: 0rem;
    background-color: #ffffff;
}

.cid-sGxZennAgK .card .card-header {
    background-color: transparent;
    margin-bottom: 0;
}

.cid-sGxZennAgK .panel-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cid-sGxZennAgK .mbr-iconfont {
    padding-left: 1rem;
    font-family: "Noto Sans TC", "微軟正黑體" !important;
    font-size: 1.4rem !important;
    color: #ffffff;
}

.cid-sGxZennAgK .panel-body,
.cid-sGxZennAgK .card-header {
    padding: 1rem 0;
}

.cid-sGxZennAgK .panel-title-edit {
    color: #005bac;
    position: relative;
}

.cid-sGxZennAgK .panel-title-edit::before {
    position: absolute;
    /*content: url('https://www.twca.com.tw/images/icon/icon_cube.svg');*/
    /*background-image: url('https://www.twca.com.tw/images/icon/icon_cube.svg');*/

    content: url("../../../assets/images/icon_cube.svg");
    background-image: url("../../../assets/images/icon_cube.svg");
    height: 3vh;
    left: -20px;
}

.cid-sGy10z44vm {
    padding-top: 0rem;
    padding-bottom: 2rem;
    background-color: #ffffff;
}

.cid-sGy10z44vm .card .card-header {
    background-color: transparent;
    margin-bottom: 0;
}

.cid-sGy10z44vm .panel-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cid-sGy10z44vm .mbr-iconfont {
    padding-left: 1rem;
    font-family: "Noto Sans TC", "微軟正黑體" !important;
    font-size: 1.4rem !important;
    color: #ffffff;
}

.cid-sGy10z44vm .panel-body,
.cid-sGy10z44vm .card-header {
    padding: 1rem 0;
}

.cid-sGy10z44vm .panel-title-edit {
    color: #005bac;
    position: relative;
}

.cid-sGy10z44vm .panel-title-edit::before {
    position: absolute;
    /*content: url('https://www.twca.com.tw/images/icon/icon_cube.svg');*/
    /*background-image: url('https://www.twca.com.tw/images/icon/icon_cube.svg');*/

    content: url("../../../assets/images/icon_cube.svg");
    background-image: url("../../../assets/images/icon_cube.svg");
    height: 3vh;
    left: -20px;


.cid-sGytymBQod {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #005bac;
    overflow: hidden;
}

.cid-sGz6WSuE0i {
    padding-top: 1rem;
    padding-bottom: 4rem;
    background-color: #ffffff;
    padding-right: 8vw;
}

.cid-sGz6WSuE0i .row {
    align-items: center;
}

@media (max-width: 991px) {
    .cid-sGz6WSuE0i .row {
        flex-direction: column-reverse;
    }

    .cid-sGz6WSuE0i .image-wrapper {
        margin-bottom: 2rem;
    }

    .cid-sGz6WSuE0i .card-wrapper {
        padding: 0 1rem;
    }
}

@media (min-width: 992px) {
    .cid-sGz6WSuE0i .card-wrapper {
        padding-right: 2rem;
    }
}

.cid-sGz6WSuE0i .image-wrapper img {
    width: 100%;
    object-fit: cover;
}

.cid-sGz6WSuE0i .card-title {
    color: #353535;
    padding-left: 5vw;
}

.cid-sGyYum25jv {
    padding-top: 7rem;
    padding-bottom: 9rem;
    background-color: #07913b;
}

.cid-sGxnRldZfk {
    padding-top: 4.5rem;
    padding-bottom: 6rem;
    background-color: #ffffff;
    padding-left: 4vw;
    line-height: 3.1vh;
    font-size: 19px;
    /*  counter-increment: step-counter;
    */
    font-weight: bold;
    color: #707070;
    font-family: "Noto Sans TC", "微軟正黑體";
    border-bottom: 1px #707070 solid;
    /*    text-indent: -1.8em;
    */
}


.cid-sGyYum25jv .item {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.cid-sGyYum25jv .item .icon-wrap {
    text-align: center;
}

.cid-sGyYum25jv .item span {
    font-size: 2rem;
    color: #808080;
    line-height: 60px;
}

.cid-sGyYum25jv .item::before {
    content: "\e96b";
    font-family: "Noto Sans TC", "微軟正黑體" !important;
    position: absolute;
    font-size: 32px;
    left: -15px;
    top: 12%;
    color: #ffffff;
}

.cid-sGyYum25jv .item.first:before {
    display: none;
}

.cid-sGyYum25jv .item.five:before {
    display: none;
}

.cid-sGyYum25jv .icon-box {
    background: #ffffff;
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
}

.cid-sGyYum25jv .text-box {
    margin-top: 1rem;
    text-align: center;
}

.cid-sGyYum25jv .mbr-iconfont {
    color: #ffffff !important;
    position: absolute;
    top: 50%;
    left: 100%;
}

@media (max-width: 991px) {
    .cid-sGyYum25jv .item:before {
        display: none;
    }

    .cid-sGyYum25jv .card-wrapper {
        margin-bottom: 2rem;
    }
}

.cid-sGyYum25jv .card-title,
.cid-sGyYum25jv .card-box {
    color: #ffffff;
}

.cid-sGyLBGTzv7 {
    z-index: 1000;
    width: 100%;
    position: relative;
    min-height: 60px;
}

.cid-sGyLBGTzv7 nav.navbar {
    position: fixed;
}

.cid-sGyLBGTzv7 .dropdown-item:before {
    font-family: "Noto Sans TC", "微軟正黑體" !important;
    content: '\e966';
    display: inline-block;
    width: 0;
    position: absolute;
    left: 1rem;
    top: 0.5rem;
    margin-right: 0.5rem;
    line-height: 1;
    font-size: inherit;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    transform: scale(0, 1);
    transition: all 0.25s ease-in-out;
}

.cid-sGyLBGTzv7 .dropdown-menu {
    padding: 0;
}

.cid-sGyLBGTzv7 .dropdown-item {
    border-bottom: 1px solid #e6e6e6;
}

.cid-sGyLBGTzv7 .dropdown-item:hover,
.cid-sGyLBGTzv7 .dropdown-item:focus {
    background: #ffffff !important;
    color: white !important;
}

.cid-sGyLBGTzv7 .nav-dropdown .link {
    padding: 0 0.3em !important;
    margin: .667em 1em !important;
}

.cid-sGyLBGTzv7 .nav-dropdown .link.dropdown-toggle::after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
}

.cid-sGyLBGTzv7 .nav-link {
    position: relative;
}

.cid-sGyLBGTzv7 .container {
    display: flex;
    margin: auto;
}

.cid-sGyLBGTzv7 .iconfont-wrapper {
    color: #000000 !important;
    font-size: 1.5rem;
    padding-right: .5rem;
}

.cid-sGyLBGTzv7 .navbar-caption {
    padding-right: 4rem;
}

.cid-sGyLBGTzv7 .dropdown-menu,
.cid-sGyLBGTzv7 .navbar.opened {
    background: #005bac !important;
}

.cid-sGyLBGTzv7 .nav-item:focus,
.cid-sGyLBGTzv7 .nav-link:focus {
    outline: none;
}

.cid-sGyLBGTzv7 .dropdown .dropdown-menu .dropdown-item {
    width: auto;
    transition: all 0.25s ease-in-out;
}

.cid-sGyLBGTzv7 .dropdown .dropdown-menu .dropdown-item::after {
    right: 0.5rem;
}

.cid-sGyLBGTzv7 .dropdown .dropdown-menu .dropdown-item .mbr-iconfont {
    margin-left: -1.8rem;
    padding-right: 1rem;
    font-size: inherit;
}

.cid-sGyLBGTzv7 .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before {
    display: inline-block;
    transform: scale(1, 1);
    transition: all 0.25s ease-in-out;
}

.cid-sGyLBGTzv7 .collapsed .dropdown-menu .dropdown-item:before {
    display: none;
}

.cid-sGyLBGTzv7 .collapsed .dropdown .dropdown-menu .dropdown-item {
    padding: 0.235em 1.5em 0.235em 1.5em !important;
    transition: none;
    margin: 0 !important;
}

.cid-sGyLBGTzv7 .navbar {
    min-height: 77px;
    transition: all .3s;
    border-bottom: 1px solid transparent;
    background: #005bac;
}

.cid-sGyLBGTzv7 .navbar:not(.navbar-short) {
    border-bottom: 1px solid #e6e6e6;
}

.cid-sGyLBGTzv7 .navbar.opened {
    transition: all .3s;
}

.cid-sGyLBGTzv7 .navbar .dropdown-item {
    padding: .5rem 1.8rem;
}

.cid-sGyLBGTzv7 .navbar .navbar-logo img {
    width: auto;
}

.cid-sGyLBGTzv7 .navbar .navbar-collapse {
    justify-content: flex-end;
    z-index: 1;
}

.cid-sGyLBGTzv7 .navbar.collapsed .nav-item .nav-link::before {
    display: none;
}

.cid-sGyLBGTzv7 .navbar.collapsed.opened .dropdown-menu {
    top: 0;
}

.cid-sGyLBGTzv7 .navbar.collapsed .dropdown-menu .dropdown-submenu {
    left: 0 !important;
}

.cid-sGyLBGTzv7 .navbar.collapsed .dropdown-menu .dropdown-item:after {
    right: auto;
}

.cid-sGyLBGTzv7 .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    border-bottom: 0;
    top: 55%;
}

.cid-sGyLBGTzv7 .navbar.collapsed ul.navbar-nav li {
    margin: auto;
}

.cid-sGyLBGTzv7 .navbar.collapsed .dropdown-menu .dropdown-item {
    padding: .25rem 1.5rem;
    text-align: center;
}

.cid-sGyLBGTzv7 .navbar.collapsed .icons-menu {
    padding-left: 0;
    padding-right: 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

@media (max-width: 991px) {
    .cid-sGyLBGTzv7 .navbar .nav-item .nav-link::before {
        display: none;
    }

    .cid-sGyLBGTzv7 .navbar.opened .dropdown-menu {
        top: 0;
    }

    .cid-sGyLBGTzv7 .navbar .dropdown-menu .dropdown-submenu {
        left: 0 !important;
    }

    .cid-sGyLBGTzv7 .navbar .dropdown-menu .dropdown-item:after {
        right: auto;
    }

    .cid-sGyLBGTzv7 .navbar .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
        margin-left: 0.5rem;
        margin-top: 0.2rem;
        border-top: 0.35em solid;
        border-right: 0.35em solid transparent;
        border-left: 0.35em solid transparent;
        border-bottom: 0;
        top: 55%;
    }

    .cid-sGyLBGTzv7 .navbar .navbar-logo img {
        height: 3.8rem !important;
    }

    .cid-sGyLBGTzv7 .navbar ul.navbar-nav li {
        margin: auto;
    }

    .cid-sGyLBGTzv7 .navbar .dropdown-menu .dropdown-item {
        padding: .25rem 1.5rem !important;
        text-align: center;
    }

    .cid-sGyLBGTzv7 .navbar .navbar-brand {
        flex-shrink: initial;
        flex-basis: auto;
        word-break: break-word;
        padding-right: 2rem;
    }

    .cid-sGyLBGTzv7 .navbar .navbar-toggler {
        flex-basis: auto;
    }

    .cid-sGyLBGTzv7 .navbar .icons-menu {
        padding-left: 0;
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
}

.cid-sGyLBGTzv7 .navbar.navbar-short {
    min-height: 60px;
}

.cid-sGyLBGTzv7 .navbar.navbar-short .navbar-logo img {
    height: 3rem !important;
}

.cid-sGyLBGTzv7 .navbar.navbar-short .navbar-brand {
    padding: 0;
}

.cid-sGyLBGTzv7 .navbar-brand {
    flex-shrink: 0;
    align-items: center;
    margin-right: 0;
    padding: 0;
    transition: all .3s;
    word-break: break-word;
    z-index: 1;
}

.cid-sGyLBGTzv7 .navbar-brand .navbar-caption {
    line-height: inherit !important;
}

.cid-sGyLBGTzv7 .navbar-brand .navbar-logo a {
    outline: none;
}

.cid-sGyLBGTzv7 .dropdown-item.active,
.cid-sGyLBGTzv7 .dropdown-item:active {
    background-color: transparent;
}

.cid-sGyLBGTzv7 .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
}

.cid-sGyLBGTzv7 .nav-dropdown .link.dropdown-toggle {
    margin-right: 1.667em;
}

.cid-sGyLBGTzv7 .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
    margin-right: 0;
    padding: 0.667em 1.667em;
}

.cid-sGyLBGTzv7 .navbar.navbar-expand-lg .dropdown .dropdown-menu {
    background: #005bac;
}

.cid-sGyLBGTzv7 .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
    margin: 0;
    left: 100%;
}

.cid-sGyLBGTzv7 .navbar .dropdown.open > .dropdown-menu {
    display: block;
}

.cid-sGyLBGTzv7 ul.navbar-nav {
    flex-wrap: wrap;
}

.cid-sGyLBGTzv7 .navbar-buttons {
    text-align: center;
    min-width: 170px;
}

.cid-sGyLBGTzv7 button.navbar-toggler {
    outline: none;
    width: 31px;
    height: 20px;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    align-self: center;
}

.cid-sGyLBGTzv7 button.navbar-toggler .hamburger span {
    position: absolute;
    right: 0;
    width: 30px;
    height: 2px;
    border-right: 5px;
    background-color: currentColor;
}

.cid-sGyLBGTzv7 button.navbar-toggler .hamburger span:nth-child(1) {
    top: 0;
    transition: all .2s;
}

.cid-sGyLBGTzv7 button.navbar-toggler .hamburger span:nth-child(2) {
    top: 8px;
    transition: all .15s;
}

.cid-sGyLBGTzv7 button.navbar-toggler .hamburger span:nth-child(3) {
    top: 8px;
    transition: all .15s;
}

.cid-sGyLBGTzv7 button.navbar-toggler .hamburger span:nth-child(4) {
    top: 16px;
    transition: all .2s;
}

.cid-sGyLBGTzv7 nav.opened .hamburger span:nth-child(1) {
    top: 8px;
    width: 0;
    opacity: 0;
    right: 50%;
    transition: all .2s;
}

.cid-sGyLBGTzv7 nav.opened .hamburger span:nth-child(2) {
    transform: rotate(45deg);
    transition: all .25s;
}

.cid-sGyLBGTzv7 nav.opened .hamburger span:nth-child(3) {
    transform: rotate(-45deg);
    transition: all .25s;
}

.cid-sGyLBGTzv7 nav.opened .hamburger span:nth-child(4) {
    top: 8px;
    width: 0;
    opacity: 0;
    right: 50%;
    transition: all .2s;
}

.cid-sGyLBGTzv7 .navbar-dropdown {
    padding: .5rem 1rem;
    position: fixed;
}

.cid-sGyLBGTzv7 a.nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cid-sGyLBGTzv7 .icons-menu {
    flex-wrap: nowrap;
    display: flex;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.3rem;
    text-align: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .cid-sGyLBGTzv7 .navbar {
        height: 77px;
    }

    .cid-sGyLBGTzv7 .navbar.opened {
        height: auto;
    }

    .cid-sGyLBGTzv7 .nav-item .nav-link:hover::before {
        width: 175%;
        max-width: calc(100% + 2rem);
        left: -1rem;
    }
}

.cid-sGyVLsox7x {
    padding-top: 2rem;
    padding-bottom: 0rem;
    background-color: #ffffff;
}

.cid-sGyVLsox7x .mbr-text,
.cid-sGyVLsox7x .mbr-section-btn {
    color: #232323;
}

.cid-sGyVLsox7x .btn {
    width: 100%;
}

.cid-sGyVLsox7x .mbr-section-btn {
    margin-bottom: 1.2rem;
}

.cid-sGyVLsox7x H1 {
    text-align: center;
}

.cid-sGyTvjokm5 {
    padding-top: 0rem;
    padding-bottom: 3rem;
    background-color: #ffffff;
}

.cid-sGyTvjokm5 .mbr-section-title {
    color: #005bac;
}

.cid-sGyLBNQMBd {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #005bac;
    overflow: hidden;
}

.cid-sGyLGOo66a {
    z-index: 1000;
    width: 100%;
    position: relative;
    min-height: 60px;
}

.cid-sGyLGOo66a nav.navbar {
    position: fixed;
}

.cid-sGyLGOo66a .dropdown-item:before {
    font-family: "Noto Sans TC", "微軟正黑體" !important;
    content: '\e966';
    display: inline-block;
    width: 0;
    position: absolute;
    left: 1rem;
    top: 0.5rem;
    margin-right: 0.5rem;
    line-height: 1;
    font-size: inherit;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    transform: scale(0, 1);
    transition: all 0.25s ease-in-out;
}

.cid-sGyLGOo66a .dropdown-menu {
    padding: 0;
}

.cid-sGyLGOo66a .dropdown-item {
    border-bottom: 1px solid #e6e6e6;
}

.cid-sGyLGOo66a .dropdown-item:hover,
.cid-sGyLGOo66a .dropdown-item:focus {
    background: #ffffff !important;
    color: white !important;
}

.cid-sGyLGOo66a .nav-dropdown .link {
    padding: 0 0.3em !important;
    margin: .667em 1em !important;
}

.cid-sGyLGOo66a .nav-dropdown .link.dropdown-toggle::after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
}

.cid-sGyLGOo66a .nav-link {
    position: relative;
}

.cid-sGyLGOo66a .container {
    display: flex;
    margin: auto;
}

.cid-sGyLGOo66a .iconfont-wrapper {
    color: #000000 !important;
    font-size: 1.5rem;
    padding-right: .5rem;
}

.cid-sGyLGOo66a .navbar-caption {
    padding-right: 4rem;
}

.cid-sGyLGOo66a .dropdown-menu,
.cid-sGyLGOo66a .navbar.opened {
    background: #005bac !important;
}

.cid-sGyLGOo66a .nav-item:focus,
.cid-sGyLGOo66a .nav-link:focus {
    outline: none;
}

.cid-sGyLGOo66a .dropdown .dropdown-menu .dropdown-item {
    width: auto;
    transition: all 0.25s ease-in-out;
}

.cid-sGyLGOo66a .dropdown .dropdown-menu .dropdown-item::after {
    right: 0.5rem;
}

.cid-sGyLGOo66a .dropdown .dropdown-menu .dropdown-item .mbr-iconfont {
    margin-left: -1.8rem;
    padding-right: 1rem;
    font-size: inherit;
}

.cid-sGyLGOo66a .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before {
    display: inline-block;
    transform: scale(1, 1);
    transition: all 0.25s ease-in-out;
}

.cid-sGyLGOo66a .collapsed .dropdown-menu .dropdown-item:before {
    display: none;
}

.cid-sGyLGOo66a .collapsed .dropdown .dropdown-menu .dropdown-item {
    padding: 0.235em 1.5em 0.235em 1.5em !important;
    transition: none;
    margin: 0 !important;
}

.cid-sGyLGOo66a .navbar {
    min-height: 77px;
    transition: all .3s;
    border-bottom: 1px solid transparent;
    background: #005bac;
}

.cid-sGyLGOo66a .navbar:not(.navbar-short) {
    border-bottom: 1px solid #e6e6e6;
}

.cid-sGyLGOo66a .navbar.opened {
    transition: all .3s;
}

.cid-sGyLGOo66a .navbar .dropdown-item {
    padding: .5rem 1.8rem;
}

.cid-sGyLGOo66a .navbar .navbar-logo img {
    width: auto;
}

.cid-sGyLGOo66a .navbar .navbar-collapse {
    justify-content: flex-end;
    z-index: 1;
}

.cid-sGyLGOo66a .navbar.collapsed .nav-item .nav-link::before {
    display: none;
}

.cid-sGyLGOo66a .navbar.collapsed.opened .dropdown-menu {
    top: 0;
}

.cid-sGyLGOo66a .navbar.collapsed .dropdown-menu .dropdown-submenu {
    left: 0 !important;
}

.cid-sGyLGOo66a .navbar.collapsed .dropdown-menu .dropdown-item:after {
    right: auto;
}

.cid-sGyLGOo66a .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    border-bottom: 0;
    top: 55%;
}

.cid-sGyLGOo66a .navbar.collapsed ul.navbar-nav li {
    margin: auto;
}

.cid-sGyLGOo66a .navbar.collapsed .dropdown-menu .dropdown-item {
    padding: .25rem 1.5rem;
    text-align: center;
}

.cid-sGyLGOo66a .navbar.collapsed .icons-menu {
    padding-left: 0;
    padding-right: 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

@media (max-width: 991px) {
    .cid-sGyLGOo66a .navbar .nav-item .nav-link::before {
        display: none;
    }

    .cid-sGyLGOo66a .navbar.opened .dropdown-menu {
        top: 0;
    }

    .cid-sGyLGOo66a .navbar .dropdown-menu .dropdown-submenu {
        left: 0 !important;
    }

    .cid-sGyLGOo66a .navbar .dropdown-menu .dropdown-item:after {
        right: auto;
    }

    .cid-sGyLGOo66a .navbar .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
        margin-left: 0.5rem;
        margin-top: 0.2rem;
        border-top: 0.35em solid;
        border-right: 0.35em solid transparent;
        border-left: 0.35em solid transparent;
        border-bottom: 0;
        top: 55%;
    }

    .cid-sGyLGOo66a .navbar .navbar-logo img {
        height: 3.8rem !important;
    }

    .cid-sGyLGOo66a .navbar ul.navbar-nav li {
        margin: auto;
    }

    .cid-sGyLGOo66a .navbar .dropdown-menu .dropdown-item {
        padding: .25rem 1.5rem !important;
        text-align: center;
    }

    .cid-sGyLGOo66a .navbar .navbar-brand {
        flex-shrink: initial;
        flex-basis: auto;
        word-break: break-word;
        padding-right: 2rem;
    }

    .cid-sGyLGOo66a .navbar .navbar-toggler {
        flex-basis: auto;
    }

    .cid-sGyLGOo66a .navbar .icons-menu {
        padding-left: 0;
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
}

.cid-sGyLGOo66a .navbar.navbar-short {
    min-height: 60px;
}



.cid-sGyLGOo66a .navbar.navbar-short .navbar-logo img {
    height: 3rem !important;
}

.cid-sGyLGOo66a .navbar.navbar-short .navbar-brand {
    padding: 0;
}

.cid-sGyLGOo66a .navbar-brand {
    flex-shrink: 0;
    align-items: center;
    margin-right: 0;
    padding: 0;
    transition: all .3s;
    word-break: break-word;
    z-index: 1;
}

.cid-sGyLGOo66a .navbar-brand .navbar-caption {
    line-height: inherit !important;
}

.cid-sGyLGOo66a .navbar-brand .navbar-logo a {
    outline: none;
}

.cid-sGyLGOo66a .dropdown-item.active,
.cid-sGyLGOo66a .dropdown-item:active {
    background-color: transparent;
}

.cid-sGyLGOo66a .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
}

.cid-sGyLGOo66a .nav-dropdown .link.dropdown-toggle {
    margin-right: 1.667em;
}

.cid-sGyLGOo66a .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
    margin-right: 0;
    padding: 0.667em 1.667em;
}

.cid-sGyLGOo66a .navbar.navbar-expand-lg .dropdown .dropdown-menu {
    background: #005bac;
}

.cid-sGyLGOo66a .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
    margin: 0;
    left: 100%;
}

.cid-sGyLGOo66a .navbar .dropdown.open > .dropdown-menu {
    display: block;
}

.cid-sGyLGOo66a ul.navbar-nav {
    flex-wrap: wrap;
}

.cid-sGyLGOo66a .navbar-buttons {
    text-align: center;
    min-width: 170px;
}

.cid-sGyLGOo66a button.navbar-toggler {
    outline: none;
    width: 31px;
    height: 20px;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    align-self: center;
}

.cid-sGyLGOo66a button.navbar-toggler .hamburger span {
    position: absolute;
    right: 0;
    width: 30px;
    height: 2px;
    border-right: 5px;
    background-color: currentColor;
}

.cid-sGyLGOo66a button.navbar-toggler .hamburger span:nth-child(1) {
    top: 0;
    transition: all .2s;
}

.cid-sGyLGOo66a button.navbar-toggler .hamburger span:nth-child(2) {
    top: 8px;
    transition: all .15s;
}

.cid-sGyLGOo66a button.navbar-toggler .hamburger span:nth-child(3) {
    top: 8px;
    transition: all .15s;
}

.cid-sGyLGOo66a button.navbar-toggler .hamburger span:nth-child(4) {
    top: 16px;
    transition: all .2s;
}

.cid-sGyLGOo66a nav.opened .hamburger span:nth-child(1) {
    top: 8px;
    width: 0;
    opacity: 0;
    right: 50%;
    transition: all .2s;
}

.cid-sGyLGOo66a nav.opened .hamburger span:nth-child(2) {
    transform: rotate(45deg);
    transition: all .25s;
}

.cid-sGyLGOo66a nav.opened .hamburger span:nth-child(3) {
    transform: rotate(-45deg);
    transition: all .25s;
}

.cid-sGyLGOo66a nav.opened .hamburger span:nth-child(4) {
    top: 8px;
    width: 0;
    opacity: 0;
    right: 50%;
    transition: all .2s;
}

.cid-sGyLGOo66a .navbar-dropdown {
    padding: .5rem 1rem;
    position: fixed;
}

.cid-sGyLGOo66a a.nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cid-sGyLGOo66a .icons-menu {
    flex-wrap: nowrap;
    display: flex;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.3rem;
    text-align: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .cid-sGyLGOo66a .navbar {
        height: 77px;
    }

    .cid-sGyLGOo66a .navbar.opened {
        height: auto;
    }

    .cid-sGyLGOo66a .nav-item .nav-link:hover::before {
        width: 175%;
        max-width: calc(100% + 2rem);
        left: -1rem;
    }
}

.cid-sGyOJxc4zQ {
    padding-top: 4.5rem;
    padding-bottom: 4rem;
    background-color: #ffffff;
    padding-right: 5vw;
}

.cid-sGyOJxc4zQ .item {
    padding-bottom: 2rem;
    width: 19vw;
}

.cid-sGyOJxc4zQ .item-wrapper {
    position: relative;
}

.cid-sGyOJxc4zQ .item-wrapper .icon-wrapper {
    pointer-events: none;
    position: absolute;
    width: 60px;
    height: 60px;
    font-size: 22px;
    left: 50%;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #ffffff;
    border-radius: 50%;
    opacity: 0;
    color: #ffffff;
    transform: translateX(-50%) translateY(-50%);
    background-color: #1b1b1b;
    transition: 0.2s;
}

.cid-sGyOJxc4zQ .item-wrapper:hover .icon-wrapper {
    opacity: 0.7;
}

.cid-sGyOJxc4zQ .carousel-control,
.cid-sGyOJxc4zQ .close {
    background: #1b1b1b;
}

.cid-sGyOJxc4zQ .carousel-control-prev {
    margin-left: 2.5rem;
}

.cid-sGyOJxc4zQ .carousel-control-prev span {
    margin-right: 5px;
}

.cid-sGyOJxc4zQ .carousel-control-next {
    margin-right: 2.5rem;
}

.cid-sGyOJxc4zQ .carousel-control-next span {
    margin-left: 5px;
}

.cid-sGyOJxc4zQ .close {
    position: fixed;
    opacity: 0.5;
    font-size: 22px;
    font-weight: 300;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #fff;
    top: 2.5rem;
    right: 2.5rem;
    border: 2px solid #fff;
    text-shadow: none;
    z-index: 5;
    transition: opacity 0.3s ease;
    font-family: "Noto Sans TC", "微軟正黑體";
    align-items: center;
    justify-content: center;
    display: flex;
}

.cid-sGyOJxc4zQ .close::before {
    content: '\e91a';
}

.cid-sGyOJxc4zQ .close:hover {
    opacity: 1;
    background: #000;
    color: #fff;
}

.cid-sGyOJxc4zQ .carousel-control {
    display: flex;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -1.5rem;
    font-size: 22px;
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all 0.3s;
}

.cid-sGyOJxc4zQ .carousel-control.carousel-control-prev {
    left: 0;
    margin-left: 2.5rem;
}

.cid-sGyOJxc4zQ .carousel-control.carousel-control-next {
    right: 0;
    margin-right: 2.5rem;
}

@media (max-width: 767px) {
    .cid-sGyOJxc4zQ .carousel-control {
        top: auto;
        bottom: 1rem;
    }
}

.cid-sGyOJxc4zQ .carousel-indicators {
    position: absolute;
    bottom: 0;
    margin-bottom: 3px;
}

.cid-sGyOJxc4zQ .carousel-indicators li {
    max-width: 15px;
    height: 15px;
    width: 15px;
    max-height: 15px;
    margin: 3px;
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px solid #fff;
    border-radius: 50%;
    opacity: 0.5;
    transition: all 0.3s;
}

.cid-sGyOJxc4zQ .carousel-indicators li.active,
.cid-sGyOJxc4zQ .carousel-indicators li:hover {
    opacity: 0.9;
}

.cid-sGyOJxc4zQ .carousel-indicators li::after,
.cid-sGyOJxc4zQ .carousel-indicators li::before {
    content: none;
}

.cid-sGyOJxc4zQ .carousel-indicators.ie-fix {
    left: 50%;
    display: block;
    width: 60%;
    margin-left: -30%;
    text-align: center;
}

@media (max-width: 768px) {
    .cid-sGyOJxc4zQ .carousel-indicators {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .cid-sGyOJxc4zQ .carousel-indicators {
        margin-bottom: 3.625rem !important;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

@media (max-width: 767px) {
    .cid-sGyOJxc4zQ .carousel-indicators {
        display: none;
    }
}

.cid-sGyOJxc4zQ .carousel-inner {
    display: flex;
    align-items: center;
}

.cid-sGyOJxc4zQ .carousel-inner > .active {
    display: block;
}

.cid-sGyOJxc4zQ .carousel-control.left {
    left: 0;
    margin-left: 2.5rem;
}

.cid-sGyOJxc4zQ .carousel-control.right {
    right: 0;
    margin-right: 2.5rem;
}

.cid-sGyOJxc4zQ .carousel-control:hover {
    background: #1b1b1b;
    color: #fff;
    opacity: 1;
}

@media (max-width: 768px) {
    .cid-sGyOJxc4zQ .carousel-control,
    .cid-sGyOJxc4zQ .carousel-indicators,
    .cid-sGyOJxc4zQ .modal .close {
        position: fixed;
    }
}

@media (max-width: 767px) {
    .cid-sGyOJxc4zQ .mbr-slider .carousel-control {
        top: auto;
        bottom: 20px;
    }

    .cid-sGyOJxc4zQ .mbr-slider > .container .carousel-control {
        margin-bottom: 0;
    }
}

.cid-sGyOJxc4zQ .carousel-indicators .active,
.cid-sGyOJxc4zQ .carousel-indicators li {
    width: 7px;
    height: 7px;
    margin: 3px;
    background: #000000;
    opacity: 0.5;
    border: 4px solid #000000;
}

.cid-sGyOJxc4zQ .carousel-indicators .active {
    background: #fff;
}

.cid-sGyOJxc4zQ .carousel-indicators li {
    max-width: 15px;
    max-height: 15px;
    border-radius: 50%;
}

.cid-sGyOJxc4zQ .modal {
    padding-left: 0 !important;
    position: fixed;
    overflow: hidden;
    padding-right: 0 !important;
}

.cid-sGyOJxc4zQ .modal-dialog {
    margin: 0 auto;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

.cid-sGyOJxc4zQ .modal-content {
    border-radius: 0;
    border: none;
    background: transparent;
}

.cid-sGyOJxc4zQ .modal-body {
    padding: 0;
    display: flex;
    align-items: center;
}

.cid-sGyOJxc4zQ .modal-body img {
    width: 100%;
    object-fit: contain;
    max-height: calc(100vh - 1.75rem);
}

.cid-sGyOJxc4zQ .carousel {
    width: 100%;
}

.cid-sGyOJxc4zQ .modal-backdrop.in {
    opacity: 0.8;
}

.cid-sGyOJxc4zQ .modal.fade .modal-dialog {
    transition: margin-top 0.3s ease-out;
}

.cid-sGyOJxc4zQ .modal.fade .modal-dialog,
.cid-sGyOJxc4zQ .modal.in .modal-dialog {
    transform: none;
}

.cid-sGyOJxc4zQ .mbr-gallery .item-wrapper {
    cursor: pointer;
}

.cid-sGyOJxc4zQ H6 {
    text-align: center;
}

.cid-sGyOJxc4zQ H3 {
    color: #4479d9;
    text-align: center;
}

.cid-sGyOJxc4zQ H4 {
    color: #005bac;
    font-size: 2.7vw;
    padding-bottom: 2vh;
}

.cid-sGyLGUeHcI {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #005bac;
    overflow: hidden;
}

.sop {
    width: 50vw;
    height: 80vh;
    /*  float: right;
    */
    text-align: left;
    padding-left: 0.1vw;
    display: inline-block;

}

.sop .soplist {
    font-size: 1.6vw;
    font-weight: bold;
    color: #707070;
    font-family: "Noto Sans TC", "微軟正黑體";
    border-bottom: 1px #707070 solid;
    padding-bottom: 0.1px;
    padding-top: 5px;
    text-indent: -1.6em;
    list-style: none;
    margin-bottom: 1vh;
    /*    counter-increment: step-counter;
    */
    display: inline-block;

}

.sop .soplist li::before {
    /*    content: counter(step-counter);
    */
    margin-right: 1vw;
    font-size: 1.7vw;
    color: #005bac;
    font-weight: bold;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 20px;
    font-weight: bold;
    font-family: "Noto Sans TC", "微軟正黑體";

    mark: none;
}

#bootstrap-toggle .card .mb-3 img {
    justify-content: center
}


.cid-sGxnRldZfk .mention {
    font-size: 15vw;

}