@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Arima:wght@100..700&family=Noto+Serif+TC:wght@200..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap";
@import"https://fonts.googleapis.com/css2?family=Poly:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";

.obj-img-cover, .obj-img-contain {
    overflow: hidden
}

    .obj-img-cover img, .obj-img-contain img {
        background-color: #f8f9fa;
        background-position: center;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .obj-img-cover img {
        -o-object-fit: cover;
        object-fit: cover
    }

    .obj-img-contain img {
        -o-object-fit: contain;
        object-fit: contain
    }

.figure-txt {
    padding: .5rem 0;
    font-size: .875em;
    line-height: 1.5
}

a:hover .figure-txt {
    color: rgb(32.8,88,72.8)
}

.img-item {
    display: block;
    color: #292929
}

    .img-item:hover, .img-item:focus {
        color: rgb(32.8,88,72.8)
    }

        .img-item:hover figure img, .img-item:focus figure img {
            -webkit-transform: scale(1.05);
            transform: scale(1.05)
        }

.ratio.obj-img-cover img {
    height: 100%
}

.kf-div-table {
    font-size: 1em;
    -webkit-box-shadow: 0 0 1rem rgba(0,0,0,.125);
    box-shadow: 0 0 1rem rgba(0,0,0,.125)
}

    .kf-div-table .rowgroup-tbody > .row {
        margin: 0
    }

        .kf-div-table .rowgroup-tbody > .row:nth-child(odd) {
            background: rgba(239,239,239,.5)
        }

        .kf-div-table .rowgroup-tbody > .row:hover, .kf-div-table .rowgroup-tbody > .row:focus {
            background: #efefef
        }

    .kf-div-table div[class*=col-] {
        padding: .75rem .5rem;
        line-height: 1.5
    }

@media(max-width: 575.98px) {
    .kf-div-table div[class*=col-] {
        padding: .25rem 0
    }
}

@media(max-width: 575.98px) {
    .kf-div-table .kf-data-type:before {
        content: attr(data-type) "：";
        display: inline-block;
        font-weight: bold;
        padding-right: .25rem
    }
}

.kf-div-table a.txt-link {
    color: #292929;
    vertical-align: middle
}

    .kf-div-table a.txt-link:hover, .kf-div-table a.txt-link:focus {
        color: rgb(32.8,88,72.8)
    }

.kf-div-table a:hover .txt-link, .kf-div-table a:focus .txt-link {
    color: rgb(32.8,88,72.8)
}

@media(min-width: 768px) {
    .kf-div-table .kf-date i, .kf-div-table .kf-ctr i {
        display: none
    }
}

.kf-div-table .badge {
    font-size: .875rem;
    margin-right: .25rem
}

@media(max-width: 767.98px) {
    .kf-div-table-badge {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        padding: 0 .5rem !important;
        margin-bottom: .25rem;
        border-radius: .25rem;
        color: #fff
    }
}

@media(min-width: 768px) {
    .kf-div-table-badge {
        color: #292929;
        background: rgba(0,0,0,0) !important
    }
}

.kf-list-group {
    font-size: 1em
}

    .kf-list-group ul {
        margin-left: 1.75rem
    }

        .kf-list-group ul li {
            position: relative
        }

            .kf-list-group ul li:before {
                display: block;
                content: "";
                background: #30826c;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                position: absolute;
                top: .65em;
                left: -1.25rem
            }

            .kf-list-group ul li ul li:before {
                width: 6px;
                height: 6px;
                border: 1px solid #30826c;
                background: rgba(0,0,0,0);
                top: .65em
            }

    .kf-list-group ol {
        counter-reset: number;
        margin-left: 1.75rem
    }

        .kf-list-group ol > li:before, .kf-list-group ol > li > ol > li:before {
            counter-increment: number;
            content: counter(number) ". ";
            margin-left: -1.5rem;
            padding-right: .25rem;
            color: #296e5b;
            font-family: "Arial","Helvetica Neue",Helvetica,sans-serif;
            font-weight: bold
        }

        .kf-list-group ol li ul li:before {
            content: "";
            margin-left: auto;
            padding-right: 0
        }

    .kf-list-group ul li ol li:before {
        width: auto;
        height: auto;
        margin-left: 0rem;
        padding-right: initial;
        top: auto;
        background: rgba(0,0,0,0)
    }

    .kf-list-group ul li ol li ul li:before {
        width: 6px;
        height: 6px;
        top: .6666666667em
    }

    .kf-list-group li {
        line-height: 1.5
    }

    .kf-list-group ul li:before {
        top: 1em !important
    }

    .kf-list-group a {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        color: #292929
    }

        .kf-list-group a:hover, .kf-list-group a:focus {
            color: rgb(32.8,88,72.8)
        }

        .kf-list-group a.img-item {
            display: block
        }

.detail-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .75rem
}

    .detail-link a {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: .5rem;
        color: #292929;
        border: 1px solid #d9d9d9;
        border-radius: .5rem
    }

        .detail-link a::after {
            content: "";
            display: inline-block;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            min-width: 0;
            width: 1rem;
            height: 1rem;
            -webkit-margin-start: .5rem;
            margin-inline-start: .5rem
        }

        .detail-link a:hover {
            color: #30826c;
            border-color: #30826c
        }

.detail-link-download a::after {
    background-image: url(../images/detail-link-download.svg)
}

.detail-link-related a::after {
    background-image: url(../images/detail-link-related.svg)
}

.card {
    display: block
}

.card-tit, .card-txt {
    color: #292929;
    line-height: 1.5
}

.card-tit {
    font-weight: bold
}

.card:focus, .card:hover {
    background-color: #fff
}

    .card:focus .card-tit, .card:hover .card-tit {
        color: #296e5b
    }

    .card:focus img, .card:hover img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

.kf-weblin .card, .kf-diagramtext-list .card, .kf-diagramtext-card .card {
    margin-bottom: 1rem
}

    .kf-weblin .card:hover, .kf-diagramtext-list .card:hover, .kf-diagramtext-card .card:hover {
        background-color: #f8f9fa
    }

@media(min-width: 992px) {
    .kf-diagramtext-list .card.row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0;
        border-bottom: 1px solid #efefef
    }

        .kf-diagramtext-list .card.row > div:nth-child(2) {
            padding-left: 1.5rem
        }

        .kf-diagramtext-list .card.row > div:nth-child(1).card-body {
            width: 100%
        }
}

.kf-weblink .card {
    height: 100%
}

.kf-weblink.kf-diagramtext-list .card {
    padding: 1rem
}

.kf-weblink.kf-diagramtext-list .card-body {
    margin-top: .5rem
}

@media(min-width: 992px) {
    .kf-weblink.kf-diagramtext-list .card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0
    }

    .kf-weblink.kf-diagramtext-list figure {
        max-width: 220px
    }

    .kf-weblink.kf-diagramtext-list .card-body {
        width: calc(100% - 220px);
        margin: 0 0 0 1rem
    }
}

.badge-inline {
    position: absolute;
    right: 0;
    bottom: 1rem;
    padding: .5rem;
    color: #fff
}

.kf-search-row, .kf-search-unit {
    background: #f8f9fa;
    padding: .5rem
}

.kf-search-unit-bar .form-group {
    margin-bottom: .5rem
}

@media(min-width: 576px) {
    .kf-search-unit-bar .form-group {
        margin-bottom: 0
    }

    .kf-search-unit-bar {
        margin-right: .25rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.kf-search-unit-bar {
    width: 100%
}

    .kf-search-unit-bar label.invisible {
        display: none
    }

.kf-search-unit-btn {
    width: 100%
}

@media(min-width: 576px) {
    .kf-search-unit-btn {
        width: auto
    }
}

.kf-search-unit-btn .btn {
    white-space: nowrap
}

.kf-search-unit-clear {
    display: none
}

.kf-search-unit-fold {
    display: none;
    height: 0
}

.unit-open {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    padding: 2.5rem .5rem 1rem
}

@media(min-width: 576px) {
    .unit-open {
        padding: 3rem 1rem 1rem
    }
}

.unit-open label {
    display: block;
    margin-bottom: .5rem
}

.unit-open .kf-search-unit-bar {
    margin-bottom: 1rem
}

@media(min-width: 576px) {
    .unit-open .kf-search-unit-bar {
        width: 100%
    }
}

.unit-open .kf-search-unit-bar label {
    visibility: visible !important;
    display: block
}

.unit-open .kf-search-unit-fold {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto
}

.unit-open .kf-search-unit-btn {
    width: 100%;
    margin-bottom: 1rem
}

.unit-open .kf-search-unit-clear {
    display: inline-block
}

.unit-open .kf-search-unit-more {
    position: absolute;
    top: 0;
    right: .25rem;
    color: #296e5b !important;
    background: rgba(0,0,0,0) !important;
    border: 0;
    padding-left: 2rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

    .unit-open .kf-search-unit-more:hover, .unit-open .kf-search-unit-more:focus {
        color: #296e5b !important;
        background: rgba(0,0,0,0) !important;
        border: 0
    }

    .unit-open .kf-search-unit-more:before, .unit-open .kf-search-unit-more:after {
        position: absolute;
        top: 1.125rem;
        left: .5rem;
        content: "";
        width: 20px;
        height: 1px;
        background: #296e5b
    }

    .unit-open .kf-search-unit-more:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .unit-open .kf-search-unit-more:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

@media(min-width: 576px) {
    .unit-open .kf-search-unit-more {
        top: .5rem;
        right: .5rem
    }
}

.unit-open fieldset {
    margin-left: 0;
    margin-right: 0;
    border: none
}

    .unit-open fieldset legend {
        position: initial;
        margin-bottom: .5rem
    }

.btn-min, .kf-search-btn {
    min-width: 90px
}

.kf-paginator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .kf-paginator .pagination {
        gap: 10px
    }

    .kf-paginator .page-link {
        line-height: 1.2;
        border-radius: 6px !important;
        border-color: #30826c
    }

        .kf-paginator .page-link:hover {
            color: #fff;
            background-color: #30826c
        }

.kf-paginator-date {
    margin-top: 1rem;
    color: #6c757d;
    font-size: .875rem
}

.kf-paginator .kf-page-first .page-link, .kf-paginator .kf-page-prev .page-link, .kf-paginator .kf-page-next .page-link, .kf-paginator .kf-page-last .page-link {
    color: #495057;
    background-color: #efefef;
    border-color: #efefef
}

    .kf-paginator .kf-page-first .page-link:hover, .kf-paginator .kf-page-prev .page-link:hover, .kf-paginator .kf-page-next .page-link:hover, .kf-paginator .kf-page-last .page-link:hover {
        color: #30826c;
        background-color: #ecf8f5;
        border-color: #ecf8f5
    }

@media(max-width: 575.98px) {
    .kf-paginator .page-item {
        display: none
    }

    .kf-paginator .active, .kf-paginator li[class*=kf-page] {
        display: block
    }
}

.paginator-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.paginator-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: min(300px,50%);
    padding-block: 1rem;
    color: #495057
}

    .paginator-page .ratio-img {
        display: none
    }

    .paginator-page > div {
        width: 100%
    }

    .paginator-page:hover .paginator-page-desc {
        color: #30826c
    }

    .paginator-page:hover .ratio-img img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

@media(min-width: 768px) {
    .paginator-page .ratio-img {
        display: block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 158px;
        border-radius: 4px;
        overflow: hidden
    }
}

.paginator-page-desc {
    width: min(300px,100%);
    margin-bottom: 1rem;
    text-align: justify
}

.select2-container--default .select2-selection--multiple {
    display: block;
    width: 100%;
    min-height: calc(1.5em + 0.75rem + 2px) !important;
    padding: .09375rem .375rem !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #292929;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    border-radius: .25rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .select2-container--default .select2-selection--multiple {
        -webkit-transition: none;
        transition: none
    }
}

.select2-container--default .select2-selection--multiple::-ms-expand {
    background-color: rgba(0,0,0,0);
    border: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ced4da
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #30826c !important;
    color: #fff
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4 !important;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: rgb(151.5,192.5,181.5) !important;
    -webkit-box-shadow: 0 0 0 .25rem rgba(48,130,108,.25);
    box-shadow: 0 0 0 .25rem rgba(48,130,108,.25)
}

.select2-container--default .select2-selection__choice__remove {
    border-right: 1px solid #ced4da !important;
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
    color: #292929 !important
}

.select2-dropdown {
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 7px !important
}

.kf-title {
    font-weight: bold;
    line-height: 1.2;
    color: #292929
}

    .kf-title.h2, .kf-title.fs-2 {
        margin-bottom: 1.5rem
    }

@media(max-width: 575.98px) {
    .kf-title.h2, .kf-title.fs-2 {
        font-size: 1.5rem !important;
        margin-bottom: 1rem !important
    }
}

.kf-title.h3, .kf-title.fs-3 {
    margin-bottom: 1.5rem
}

@media(max-width: 575.98px) {
    .kf-title.h3, .kf-title.fs-3 {
        font-size: 1.25rem !important;
        margin-bottom: 1rem !important
    }
}

.kf-title.h4, .kf-title.fs-4 {
    margin-bottom: 1rem
}

@media(max-width: 575.98px) {
    .kf-title.h4, .kf-title.fs-4 {
        font-size: 1.125rem !important;
        margin-bottom: 1rem !important
    }
}

.kf-title.h5, .kf-title.h6, .kf-title.fs-5, .kf-title.fs-6 {
    margin-bottom: 1rem
}

.kf-title p {
    padding: 0 !important
}

.kf-title.kf-det-title.h3, .kf-title.kf-det-title.fs-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .kf-title.kf-det-title.h3:before, .kf-title.kf-det-title.fs-3:before {
        content: "";
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 20px;
        height: 4px;
        margin-right: .25rem;
        background: #30826c
    }

    .kf-title.kf-det-title.h3 p, .kf-title.kf-det-title.fs-3 p {
        padding: 0
    }

.kf-title.kf-det-title.h4, .kf-title.kf-det-title.fs-4 {
    position: relative;
    display: block;
    font-weight: bold;
    border-bottom: 3px solid #d9d9d9;
    padding-bottom: .75rem;
    margin-bottom: 1.5rem
}

    .kf-title.kf-det-title.h4:before, .kf-title.kf-det-title.fs-4:before {
        display: block;
        content: "";
        width: 140px;
        border-bottom: 3px solid #30826c;
        position: absolute;
        bottom: -3px;
        left: 0
    }

.kf-title.kf-det-title.h5, .kf-title.kf-det-title.fs-5 {
    position: relative;
    display: block;
    font-weight: bold;
    padding-left: 1.75rem
}

    .kf-title.kf-det-title.h5:before, .kf-title.kf-det-title.h5:after, .kf-title.kf-det-title.fs-5:before, .kf-title.kf-det-title.fs-5:after {
        content: "";
        position: absolute;
        display: inline-block
    }

    .kf-title.kf-det-title.h5:before, .kf-title.kf-det-title.fs-5:before {
        width: .75rem;
        height: .75rem;
        border: 2px solid #30826c;
        left: 4px;
        top: 4px
    }

    .kf-title.kf-det-title.h5:after, .kf-title.kf-det-title.fs-5:after {
        width: 1rem;
        height: 1rem;
        background: rgba(69,186,154,.3);
        left: 8px;
        top: 8px
    }

.kf-title.kf-det-title.h6, .kf-title.kf-det-title.fs-6 {
    position: relative;
    background-color: #30826c;
    color: #fff;
    overflow: hidden;
    padding: .75rem 4.5rem .75rem .75rem;
    display: inline-block
}

    .kf-title.kf-det-title.h6:before, .kf-title.kf-det-title.h6:after, .kf-title.kf-det-title.fs-6:before, .kf-title.kf-det-title.fs-6:after {
        position: absolute;
        content: "";
        display: block;
        background-color: #fff;
        opacity: .3;
        width: 500px;
        height: 500px
    }

    .kf-title.kf-det-title.h6:before, .kf-title.kf-det-title.fs-6:before {
        -webkit-transform: rotate(-50deg);
        transform: rotate(-50deg);
        bottom: -10px;
        right: -330px
    }

    .kf-title.kf-det-title.h6:after, .kf-title.kf-det-title.fs-6:after {
        -webkit-transform: rotate(-70deg);
        transform: rotate(-70deg);
        bottom: -100px;
        right: -500px
    }

a .kf-title {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

a:hover .kf-title, a:focus .kf-title {
    color: #296e5b
}

.kf-fqa-q, .kf-fqa-a {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding-left: 0 !important
}

    .kf-fqa-q::before, .kf-fqa-a::before {
        content: "";
        position: unset !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 32px !important;
        height: 32px !important;
        margin-right: .5rem;
        border-radius: 2px
    }

    .kf-fqa-q::before {
        margin-top: .25rem;
        background-color: #30826c;
        background-image: url(../images/module/fqa-q.svg) !important
    }

    .kf-fqa-a::before {
        background-color: #444;
        background-image: url(../images/module/fqa-a.svg) !important
    }

@media(max-width: 575.98px) {
    .kf-fqa-a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .kf-fqa-a::before {
            margin-bottom: 1rem
        }
}

.kf-tit-03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.5rem
}

    .kf-tit-03:before {
        content: "";
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 20px;
        height: 4px;
        margin-right: .25rem;
        background: #30826c
    }

.kf-tit-04 {
    position: relative;
    border-bottom: 3px solid #d9d9d9;
    padding-bottom: .75rem;
    margin-bottom: 1.5rem
}

    .kf-tit-04:before {
        content: "";
        display: block;
        width: 140px;
        border-bottom: 3px solid #30826c;
        position: absolute;
        bottom: -3px;
        left: 0
    }

.kf-tit-05 {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1.5rem
}

    .kf-tit-05:before, .kf-tit-05:after {
        content: "";
        position: absolute;
        display: inline-block
    }

    .kf-tit-05:before {
        width: .75rem;
        height: .75rem;
        border: 2px solid #30826c;
        left: 4px;
        top: calc((100% - .75rem)/2 - 4px)
    }

    .kf-tit-05:after {
        width: 1rem;
        height: 1rem;
        background: rgba(69,186,154,.3);
        left: 8px;
        top: calc((100% - 1rem)/2 + 2px)
    }

.kf-tit-06 {
    margin-bottom: 1.5rem
}

    .kf-tit-06 p {
        position: relative;
        display: inline-block;
        padding: .75rem 4.5rem .75rem .75rem;
        color: #fff;
        background-color: rgba(41,110,91,.5)
    }

        .kf-tit-06 p:before, .kf-tit-06 p:after {
            content: "";
            display: block;
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            height: 100%;
            background-color: rgba(41,110,91,.5)
        }

        .kf-tit-06 p:before {
            width: calc(100% - 2rem);
            clip-path: polygon(0 0, 100% 0, calc(100% - 2rem) 100%, 0% 100%)
        }

        .kf-tit-06 p:after {
            width: calc(100% - .5rem);
            clip-path: polygon(0 0, calc(100% - 3rem) 0, 100% 100%, 0% 100%)
        }

.kf-heading1-01 {
    text-align: center;
    margin-bottom: 1.5rem
}

    .kf-heading1-01 [lang=en] {
        position: relative;
        padding-bottom: 44px;
        font-weight: bold;
        font-style: italic;
        font-family: "Racing Sans One",sans-serif;
        letter-spacing: .15rem
    }

        .kf-heading1-01 [lang=en]::after {
            content: "";
            display: block;
            position: absolute;
            bottom: .25rem;
            left: calc(50% - 2px);
            width: 4px;
            height: 36px;
            background-color: #30826c
        }

.kf-heading1-02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-block: 1.5rem
}

    .kf-heading1-02:before {
        content: "";
        display: inline-block;
        width: 49px;
        height: 39px;
        margin-bottom: 39px;
        background: url(../images/module/title-quotes-primary.svg) no-repeat center
    }

.kf-heading2-01 {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.5rem
}

    .kf-heading2-01:before {
        content: "";
        display: inline-block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 49px;
        height: 37px;
        margin-right: .5rem;
        background-image: url(../images/kf-heading-03-before.png)
    }

.kf-heading2-02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.5rem
}

.kf-heading2-02-num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    color: #fff;
    font-family: "Racing Sans One",sans-serif;
    background-color: #30826c;
    border-radius: 50%
}

.kf-heading2-02-tit {
    color: #30826c
}

.kf-heading2-03 {
    position: relative;
    text-align: center;
    margin-bottom: 1.5rem;
    padding-bottom: .5rem
}

    .kf-heading2-03::after {
        content: "";
        display: inline-block;
        position: absolute;
        left: calc((100% - 60px)/2);
        bottom: 0;
        width: 60px;
        height: 3px;
        background-color: #30826c
    }

.kf-heading3-01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80%;
    margin: 0 auto 1.5rem;
    line-height: 1.5;
    text-transform: uppercase
}

    .kf-heading3-01::before, .kf-heading3-01::after {
        content: "";
        display: block;
        width: 4px;
        height: 90px;
        background-color: #30826c
    }

    .kf-heading3-01::before {
        margin-right: 2rem;
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }

    .kf-heading3-01::after {
        margin-left: 2rem;
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }

    .kf-heading3-01 [lang=en] {
        font-family: "Racing Sans One",sans-serif
    }

.kf-heading-border01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1rem
}

    .kf-heading-border01::after {
        content: "";
        display: inline-block;
        width: 98px;
        height: 2px;
        margin-top: 1rem;
        background-color: #30826c
    }

.kf-heading-border02 {
    padding-bottom: .75rem;
    border-bottom: 3px solid #000
}

.kf-heading-border03 {
    margin-bottom: 1.5rem
}

    .kf-heading-border03::after {
        content: "";
        display: inline-block;
        width: 130px;
        height: 6px;
        margin-top: 1.5rem;
        background-color: #fff;
        border-radius: 6px
    }

.tit-dot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1rem
}

    .tit-dot::before {
        content: "";
        display: inline-block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        min-width: 0;
        width: 8px;
        height: 8px;
        -webkit-margin-end: .8rem;
        margin-inline-end: .8rem;
        background-color: #30826c;
        border-radius: 50%
    }

.kf-det-content {
    line-height: 2;
    text-align: justify;
    word-wrap: break-word;
    color: #495057
}

    .kf-det-content p {
        margin-bottom: 1rem
    }

    .kf-det-content a {
        color: #296e5b;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        .kf-det-content a:hover, .kf-det-content a:focus {
            color: rgb(32.8,88,72.8);
            background: rgba(48,130,108,.125)
        }

    .kf-det-content ul li, .kf-det-content ol li {
        padding: .125rem 0;
        line-height: 1.5
    }

    .kf-det-content ul {
        margin-left: 1.75rem
    }

        .kf-det-content ul li {
            position: relative
        }

            .kf-det-content ul li:before {
                display: block;
                content: "";
                background: #30826c;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                position: absolute;
                top: .65em;
                left: -1.25rem
            }

            .kf-det-content ul li ul li:before {
                width: 6px;
                height: 6px;
                border: 1px solid #30826c;
                background: rgba(0,0,0,0);
                top: .65em
            }

    .kf-det-content ol {
        counter-reset: number;
        margin-left: 1.75rem
    }

        .kf-det-content ol > li:before, .kf-det-content ol > li > ol > li:before {
            counter-increment: number;
            content: counter(number) ". ";
            margin-left: -1.5rem;
            padding-right: .25rem;
            color: #296e5b;
            font-family: "Arial","Helvetica Neue",Helvetica,sans-serif;
            font-weight: bold
        }

        .kf-det-content ol li ul li:before {
            content: "";
            margin-left: auto;
            padding-right: 0
        }

    .kf-det-content ul li ol li:before {
        width: auto;
        height: auto;
        margin-left: 0rem;
        padding-right: initial;
        top: auto;
        background: rgba(0,0,0,0)
    }

    .kf-det-content ul li ol li ul li:before {
        width: 6px;
        height: 6px;
        top: .6666666667em
    }

    .kf-det-content table {
        width: 100%;
        margin-bottom: 1rem;
        line-height: 1.5;
        color: #292929;
        background-color: rgba(0,0,0,0)
    }

        .kf-det-content table caption {
            padding: .5rem
        }

        .kf-det-content table th, .kf-det-content table td {
            padding: .75rem .75rem;
            vertical-align: top
        }

        .kf-det-content table th {
            color: #fff;
            background-color: #30826c;
            border-color: #30826c;
            border: 1px solid #30826c
        }

            .kf-det-content table th:not(:last-child) {
                border-right: 1px solid #45ba9a
            }

            .kf-det-content table th p {
                margin-bottom: 0
            }

        .kf-det-content table td {
            border: 1px solid #d9d9d9;
            border-top: none
        }

        .kf-det-content table thead th {
            text-align: center;
            vertical-align: middle;
            border-bottom: 0
        }

        .kf-det-content table tbody + tbody {
            border-top: 2px solid #d9d9d9
        }

        .kf-det-content table tbody tr:nth-of-type(odd) {
            background-color: rgba(0,0,0,.05)
        }

    .kf-det-content img {
        margin-bottom: 1rem
    }

    .kf-det-content em {
        font-style: normal;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(48, 130, 108, 0.2)));
        background: linear-gradient(transparent 60%, rgba(48, 130, 108, 0.2) 60%)
    }

    .kf-det-content.templateLongText p {
        margin: 0
    }

.kf-date, .kf-ctr, .kf-down {
    font-size: .875em;
    font-family: "Arial","Helvetica Neue",Helvetica,sans-serif;
    color: #292929;
    line-height: 1.5
}

@media(max-width: 575.98px) {
    .kf-date.event-deta span, .kf-ctr.event-deta span, .kf-down.event-deta span {
        display: block
    }
}

.kf-date i, .kf-ctr i, .kf-down i {
    padding-right: .25rem
}

.kf-break-all {
    word-break: break-all
}

.kf-break-word {
    word-break: break-word
}

.kf-keep-all {
    word-break: keep-all
}

.kf_dload-xlsx {
    background-image: url(../images/module/kf_dload_xlsx.svg);
    background-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .kf_dload-xlsx:hover, .kf_dload-xlsx:focus {
        background-image: url(../images/module/kf_dload_xlsx-hover.svg)
    }

.kf_dload-xls {
    background-image: url(../images/module/kf_dload_xls.svg);
    background-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .kf_dload-xls:hover, .kf_dload-xls:focus {
        background-image: url(../images/module/kf_dload_xls-hover.svg)
    }

.kf_dload-pptx {
    background-image: url(../images/module/kf_dload_pptx.svg);
    background-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .kf_dload-pptx:hover, .kf_dload-pptx:focus {
        background-image: url(../images/module/kf_dload_pptx-hover.svg)
    }

.kf_dload-ppt {
    background-image: url(../images/module/kf_dload_ppt.svg);
    background-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .kf_dload-ppt:hover, .kf_dload-ppt:focus {
        background-image: url(../images/module/kf_dload_ppt-hover.svg)
    }

.kf_dload-docx {
    background-image: url(../images/module/kf_dload_docx.svg);
    background-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .kf_dload-docx:hover, .kf_dload-docx:focus {
        background-image: url(../images/module/kf_dload_docx-hover.svg)
    }

.kf_dload-doc {
    background-image: url(../images/module/kf_dload_doc.svg);
    background-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .kf_dload-doc:hover, .kf_dload-doc:focus {
        background-image: url(../images/module/kf_dload_doc-hover.svg)
    }

.kf_dload-ods {
    background-image: url(../images/module/kf_dload_ods.svg);
    background-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .kf_dload-ods:hover, .kf_dload-ods:focus {
        background-image: url(../images/module/kf_dload_ods-hover.svg)
    }

.kf_dload-odt {
    background-image: url(../images/module/kf_dload_odt.svg);
    background-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .kf_dload-odt:hover, .kf_dload-odt:focus {
        background-image: url(../images/module/kf_dload_odt-hover.svg)
    }

.kf_dload-odp {
    background-image: url(../images/module/kf_dload_odp.svg);
    background-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .kf_dload-odp:hover, .kf_dload-odp:focus {
        background-image: url(../images/module/kf_dload_odp-hover.svg)
    }

.kf_dload-odf {
    background-image: url(../images/module/kf_dload_odf.svg);
    background-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .kf_dload-odf:hover, .kf_dload-odf:focus {
        background-image: url(../images/module/kf_dload_odf-hover.svg)
    }

.kf_dload-txt {
    background-image: url(../images/module/kf_dload_txt.svg);
    background-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .kf_dload-txt:hover, .kf_dload-txt:focus {
        background-image: url(../images/module/kf_dload_txt-hover.svg)
    }

.kf_dload-pdf {
    background-image: url(../images/module/kf_dload_pdf.svg);
    background-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .kf_dload-pdf:hover, .kf_dload-pdf:focus {
        background-image: url(../images/module/kf_dload_pdf-hover.svg)
    }

.kf_dload-bmp {
    background-image: url(../images/module/kf_dload_bmp.svg);
    background-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .kf_dload-bmp:hover, .kf_dload-bmp:focus {
        background-image: url(../images/module/kf_dload_bmp-hover.svg)
    }

.kf_dload-png {
    background-image: url(../images/module/kf_dload_png.svg);
    background-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .kf_dload-png:hover, .kf_dload-png:focus {
        background-image: url(../images/module/kf_dload_png-hover.svg)
    }

.kf_dload-jpg {
    background-image: url(../images/module/kf_dload_jpg.svg);
    background-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .kf_dload-jpg:hover, .kf_dload-jpg:focus {
        background-image: url(../images/module/kf_dload_jpg-hover.svg)
    }

.kf_dload-jpeg {
    background-image: url(../images/module/kf_dload_jpeg.svg);
    background-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .kf_dload-jpeg:hover, .kf_dload-jpeg:focus {
        background-image: url(../images/module/kf_dload_jpeg-hover.svg)
    }

.kf_dload-gif {
    background-image: url(../images/module/kf_dload_gif.svg);
    background-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .kf_dload-gif:hover, .kf_dload-gif:focus {
        background-image: url(../images/module/kf_dload_gif-hover.svg)
    }

.kf_dload-zip {
    background-image: url(../images/module/kf_dload_zip.svg);
    background-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .kf_dload-zip:hover, .kf_dload-zip:focus {
        background-image: url(../images/module/kf_dload_zip-hover.svg)
    }

.kf_dload-other {
    background-image: url(../images/module/kf_dload_other.svg);
    background-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .kf_dload-other:hover, .kf_dload-other:focus {
        background-image: url(../images/module/kf_dload_other-hover.svg)
    }

a:hover .kf_dload-xlsx, a:focus .kf_dload-xlsx {
    background-image: url(../images/module/kf_dload_xlsx-hover.svg)
}

a:hover .kf_dload-xls, a:focus .kf_dload-xls {
    background-image: url(../images/module/kf_dload_xls-hover.svg)
}

a:hover .kf_dload-pptx, a:focus .kf_dload-pptx {
    background-image: url(../images/module/kf_dload_pptx-hover.svg)
}

a:hover .kf_dload-ppt, a:focus .kf_dload-ppt {
    background-image: url(../images/module/kf_dload_ppt-hover.svg)
}

a:hover .kf_dload-docx, a:focus .kf_dload-docx {
    background-image: url(../images/module/kf_dload_docx-hover.svg)
}

a:hover .kf_dload-doc, a:focus .kf_dload-doc {
    background-image: url(../images/module/kf_dload_doc-hover.svg)
}

a:hover .kf_dload-ods, a:focus .kf_dload-ods {
    background-image: url(../images/module/kf_dload_ods-hover.svg)
}

a:hover .kf_dload-odt, a:focus .kf_dload-odt {
    background-image: url(../images/module/kf_dload_odt-hover.svg)
}

a:hover .kf_dload-odp, a:focus .kf_dload-odp {
    background-image: url(../images/module/kf_dload_odp-hover.svg)
}

a:hover .kf_dload-odf, a:focus .kf_dload-odf {
    background-image: url(../images/module/kf_dload_odf-hover.svg)
}

a:hover .kf_dload-txt, a:focus .kf_dload-txt {
    background-image: url(../images/module/kf_dload_txt-hover.svg)
}

a:hover .kf_dload-pdf, a:focus .kf_dload-pdf {
    background-image: url(../images/module/kf_dload_pdf-hover.svg)
}

a:hover .kf_dload-bmp, a:focus .kf_dload-bmp {
    background-image: url(../images/module/kf_dload_bmp-hover.svg)
}

a:hover .kf_dload-png, a:focus .kf_dload-png {
    background-image: url(../images/module/kf_dload_png-hover.svg)
}

a:hover .kf_dload-jpg, a:focus .kf_dload-jpg {
    background-image: url(../images/module/kf_dload_jpg-hover.svg)
}

a:hover .kf_dload-jpeg, a:focus .kf_dload-jpeg {
    background-image: url(../images/module/kf_dload_jpeg-hover.svg)
}

a:hover .kf_dload-gif, a:focus .kf_dload-gif {
    background-image: url(../images/module/kf_dload_gif-hover.svg)
}

a:hover .kf_dload-zip, a:focus .kf_dload-zip {
    background-image: url(../images/module/kf_dload_zip-hover.svg)
}

a:hover .kf_dload-other, a:focus .kf_dload-other {
    background-image: url(../images/module/kf_dload_other-hover.svg)
}

i.kf_dload-xlsx {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

i.kf_dload-xls {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

i.kf_dload-pptx {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

i.kf_dload-ppt {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

i.kf_dload-docx {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

i.kf_dload-doc {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

i.kf_dload-ods {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

i.kf_dload-odt {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

i.kf_dload-odp {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

i.kf_dload-odf {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

i.kf_dload-txt {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

i.kf_dload-pdf {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

i.kf_dload-bmp {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

i.kf_dload-png {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

i.kf_dload-jpg {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

i.kf_dload-jpeg {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

i.kf_dload-gif {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

i.kf_dload-zip {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

i.kf_dload-other {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.kf_dload-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.kf_dload-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

    .kf_dload-icon .fas {
        color: #000;
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        text-align: center
    }

@media(max-width: 575.98px) {
    .kf_dload-row .kf_dload-icon i {
        width: 2.5rem !important;
        height: 2.5rem !important;
        font-size: 2.5rem !important;
        line-height: 2.5rem
    }
}

.badge {
    font-size: inherit;
    font-weight: inherit
}

.kf-badge-submit {
    display: inline-block !important;
    border: 0
}

.kf-badge-checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.kf-badge-checkbox label {
    display: inline-block;
    font-size: 0.75em;
    font-weight: 700;
    padding: .35em .65em;
    border-radius: .25rem;
    cursor: pointer
}

.kf-badge-checkbox-primary_l1 input:checked + label {
    background-color: rgb(55.2,148.8,123.2)
}

.kf-badge-checkbox-primary_l1 input:not(:checked) + label {
    background-color: #45ba9a
}

.kf-badge-checkbox-primary_l5 input:checked + label {
    background-color: hsl(60,28.5714285714%,84.5098039216%)
}

.kf-badge-checkbox-primary_l5 input:not(:checked) + label {
    background-color: #f5f5ed
}

.kf-badge-checkbox-primary input:checked + label {
    background-color: rgb(34.2471910112,92.7528089888,77.0561797753)
}

.kf-badge-checkbox-primary input:not(:checked) + label {
    background-color: #30826c
}

.kf-badge-checkbox-primary_d1 input:checked + label {
    background-color: rgb(27.1523178808,72.8476821192,60.2649006623)
}

.kf-badge-checkbox-primary_d1 input:not(:checked) + label {
    background-color: #296e5b
}

.kf-badge-checkbox-secondary_l1 input:checked + label {
    background-color: rgb(74.5,74.5,74.5)
}

.kf-badge-checkbox-secondary_l1 input:not(:checked) + label {
    background-color: #646464
}

.kf-badge-checkbox-secondary input:checked + label {
    background-color: rgb(42.5,42.5,42.5)
}

.kf-badge-checkbox-secondary input:not(:checked) + label {
    background-color: #444
}

.kf-badge-checkbox-secondary_d1 input:checked + label {
    background-color: rgb(14.5,14.5,14.5)
}

.kf-badge-checkbox-secondary_d1 input:not(:checked) + label {
    background-color: #282828
}

.kf-badge-checkbox-success input:checked + label {
    background-color: rgb(11.1812080537,79.5838926174,86.8187919463)
}

.kf-badge-checkbox-success input:not(:checked) + label {
    background-color: #117984
}

.kf-badge-checkbox-info input:checked + label {
    background-color: rgb(0,62.0487804878,72)
}

.kf-badge-checkbox-info input:not(:checked) + label {
    background-color: #006a7b
}

.kf-badge-checkbox-warning input:checked + label {
    background-color: rgb(211,158.25,0)
}

.kf-badge-checkbox-warning input:not(:checked) + label {
    background-color: #ffc107
}

.kf-badge-checkbox-danger input:checked + label {
    background-color: rgb(188.9830508475,34.0169491525,37.7966101695)
}

.kf-badge-checkbox-danger input:not(:checked) + label {
    background-color: #db373b
}

.kf-badge-checkbox-light input:checked + label {
    background-color: rgb(218.25,223.5,228.75)
}

.kf-badge-checkbox-light input:not(:checked) + label {
    background-color: #f8f9fa
}

.kf-badge-checkbox-dark input:checked + label {
    background-color: rgb(15.5,15.5,15.5)
}

.kf-badge-checkbox-dark input:not(:checked) + label {
    background-color: #292929
}

.kf-badge-checkbox-new input:checked + label {
    background-color: rgb(188.9830508475,34.0169491525,37.7966101695)
}

.kf-badge-checkbox-new input:not(:checked) + label {
    background-color: #db373b
}

.kf-badge-checkbox-black input:checked + label {
    background-color: #000
}

.kf-badge-checkbox-black input:not(:checked) + label {
    background-color: #000
}

.kf-badge-checkbox-gray input:checked + label {
    background-color: hsl(210,10.8108108108%,60.9803921569%)
}

.kf-badge-checkbox-gray input:not(:checked) + label {
    background-color: #adb5bd
}

.kf-badge-checkbox-gray-light input:checked + label {
    background-color: rgb(218.25,223.5,228.75)
}

.kf-badge-checkbox-gray-light input:not(:checked) + label {
    background-color: #f8f9fa
}

.kf-badge-checkbox-gray-600 input:checked + label {
    background-color: rgb(84.3605150215,91.3905579399,97.6394849785)
}

.kf-badge-checkbox-gray-600 input:not(:checked) + label {
    background-color: #6c757d
}

.kf-badge-checkbox-gray-700 input:checked + label {
    background-color: rgb(49.73125,54.5,59.26875)
}

.kf-badge-checkbox-gray-700 input:not(:checked) + label {
    background-color: #495057
}

.kf-badge-checkbox-Facebook input:checked + label {
    background-color: rgb(49.991416309,72.643776824,132.008583691)
}

.kf-badge-checkbox-Facebook input:not(:checked) + label {
    background-color: #405da9
}

.kf-badge-checkbox-GooglePlus input:checked + label {
    background-color: rgb(193.7327586207,50.8793103448,33.2672413793)
}

.kf-badge-checkbox-GooglePlus input:not(:checked) + label {
    background-color: #dd4b39
}

textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form-check {
    line-height: 1.5
}

.formsTxt {
    display: block;
    line-height: 1.5;
    padding: calc(0.375rem + 1px) 0
}

.form-control-file {
    width: 100%;
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: .25rem;
    cursor: pointer
}

    .form-control-file::-webkit-file-upload-button {
        width: 80px !important;
        padding: 6.5px .75rem;
        font-family: "Microsoft Jhenghei","微軟正黑體","Trebuchet MS",Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: .875em;
        border: 0;
        border-radius: .25rem;
        background-color: #30826c;
        color: #fff
    }

    .form-control-file::-ms-browse {
        width: 80px !important;
        padding: 6.5px .75rem;
        font-family: "Microsoft Jhenghei","微軟正黑體","Trebuchet MS",Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: .875em;
        border: 0;
        border-radius: .25rem;
        background-color: #30826c;
        color: #fff
    }

    .form-control-file::-ms-value {
        background: #fff;
        border: 0
    }

    .form-control-file:disabled {
        color: #adb5bd;
        background-color: #efefef
    }

        .form-control-file:disabled::-webkit-file-upload-button {
            color: #343a40;
            background-color: rgb(65.8,112.2,99.7512195122)
        }

        .form-control-file:disabled::-ms-browse {
            color: #343a40;
            background-color: rgb(65.8,112.2,99.7512195122)
        }

        .form-control-file:disabled::-ms-value {
            background-color: #efefef
        }

.form-control.form-ViewDate {
    border: none;
    background: rgba(0,0,0,0)
}

abbr.kf-RequiredForm, abbr.required {
    color: #db373b;
    font-size: .875em;
    border-bottom: none;
    margin: 0 .25rem;
    text-decoration: none
}

.progress-wrap ul {
    margin-left: 1.75rem
}

    .progress-wrap ul li {
        position: relative
    }

        .progress-wrap ul li:before {
            display: block;
            content: "";
            background: #30826c;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            position: absolute;
            top: .65em;
            left: -1.25rem
        }

        .progress-wrap ul li ul li:before {
            width: 6px;
            height: 6px;
            border: 1px solid #30826c;
            background: rgba(0,0,0,0);
            top: .65em
        }

.progress-wrap ol {
    counter-reset: number;
    margin-left: 1.75rem
}

    .progress-wrap ol > li:before, .progress-wrap ol > li > ol > li:before {
        counter-increment: number;
        content: counter(number) ". ";
        margin-left: -1.5rem;
        padding-right: .25rem;
        color: #296e5b;
        font-family: "Arial","Helvetica Neue",Helvetica,sans-serif;
        font-weight: bold
    }

    .progress-wrap ol li ul li:before {
        content: "";
        margin-left: auto;
        padding-right: 0
    }

.progress-wrap ul li ol li:before {
    width: auto;
    height: auto;
    margin-left: 0rem;
    padding-right: initial;
    top: auto;
    background: rgba(0,0,0,0)
}

.progress-wrap ul li ol li ul li:before {
    width: 6px;
    height: 6px;
    top: .6666666667em
}

.progress-wrap {
    line-height: 1.5
}

    .progress-wrap ol, .progress-wrap ol > li:before, .progress-wrap ol > li > ol > li:before {
        margin-left: 0
    }

    .progress-wrap li {
        padding: .125rem 0
    }

@media(min-width: 768px) {
    .kf-login {
        max-width: 450px;
        padding: 1rem 2rem;
        margin: 0 auto
    }
}

.kf-login-tabs a {
    color: #292929;
    text-decoration: underline
}

    .kf-login-tabs a:hover, .kf-login-tabs a:focus {
        color: rgb(32.8,88,72.8)
    }

@media(max-width: 360px) {
    .reCAPTCHA {
        -webkit-transform-origin: 0;
        transform-origin: 0;
        -webkit-transform: scale(0.85);
        transform: scale(0.85)
    }
}

#ucValidateCode_ucGoogleV2_divMessage {
    margin-top: .25rem;
    font-size: 80%;
    color: #117984
}

.kf-InqResult {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .kf-InqResult .kf-det-content {
        max-width: 600px;
        margin: 0 auto
    }

    .kf-InqResult .form-group {
        margin-bottom: 1.5rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.kf-InqResult-heading {
    font-weight: bold;
    position: relative
}

    .kf-InqResult-heading:before {
        display: block;
        content: "";
        background: #30826c;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        position: absolute;
        top: .55em;
        left: -1.25rem
    }

.kf-Explain {
    padding: 1rem 1rem 0;
    overflow-y: auto;
    max-height: calc(100vh - 300px);
    border: 1px solid #adb5bd;
    border-radius: .25rem
}

@media(min-width: 992px) {
    .kf-Explain {
        padding: 1rem 5rem 0
    }
}

@media(min-width: 1400px) {
    .kf-Explain {
        padding: 2rem 7rem 0
    }
}

::-webkit-file-upload-button {
    font: inherit
}

::file-selector-button {
    font: inherit
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -0.375rem -0.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -0.375rem -0.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }

    .form-control::file-selector-button {
        -webkit-transition: none;
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

    .form-control-sm::-webkit-file-upload-button {
        padding: .25rem .5rem;
        margin: -0.25rem -0.5rem;
        -webkit-margin-end: .5rem;
        margin-inline-end: .5rem
    }

    .form-control-sm::file-selector-button {
        padding: .25rem .5rem;
        margin: -0.25rem -0.5rem;
        -webkit-margin-end: .5rem;
        margin-inline-end: .5rem
    }

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

    .form-control-lg::-webkit-file-upload-button {
        padding: .5rem 1rem;
        margin: -0.5rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end: 1rem
    }

    .form-control-lg::file-selector-button {
        padding: .5rem 1rem;
        margin: -0.5rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end: 1rem
    }

.formsItem {
    margin: 0;
    padding: 0;
    border: none
}

    .formsItem .formsGroup, .formsItem .formsLabel {
        float: left;
        width: 100%;
        padding: 0
    }

.formsWrap .formsItem {
    padding: 1rem;
    border-bottom: 1px dotted #ced4da
}

    .formsWrap .formsItem .formsLabel {
        font-weight: bold
    }

.formsLabel {
    color: #292929;
    margin-bottom: .25rem
}

    .formsLabel abbr {
        color: #db373b;
        font-size: .875rem;
        border-bottom: none;
        text-decoration: none
    }

.formsWrap-striped .formsItem {
    border-bottom: 1px solid rgba(239,239,239,.75)
}

    .formsWrap-striped .formsItem:nth-child(even) {
        background-color: #f8f9fa
    }

@media(min-width: 768px) {
    .formsWrap-flex .formsItem {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 1.5rem 1rem
    }

        .formsWrap-flex .formsItem .formsLabel {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: 25%;
            padding: calc(.375rem + 1px) 1rem calc(.375rem + 1px) 0;
            text-align: right
        }

        .formsWrap-flex .formsItem .formsGroup {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

    .formsWrap-flex fieldset.formsItem .formsLabel {
        padding: 0 1rem 0 0
    }
}

.formsWrap-border .formsItem {
    padding: 0;
    border: none;
    border: 1px solid #d9d9d9
}

    .formsWrap-border .formsItem .formsLabel, .formsWrap-border .formsItem .formsGroup {
        padding: .5rem 1rem
    }

    .formsWrap-border .formsItem .formsLabel {
        border-bottom: 1px solid #d9d9d9;
        background-color: #f8f9fa
    }

    .formsWrap-border .formsItem:not(:last-child) {
        border-bottom: none
    }

@media(min-width: 768px) {
    .formsWrap-border .formsItem .formsLabel, .formsWrap-border .formsItem .formsGroup, .formsWrap-border fieldset.formsItem .formsLabel, .formsWrap-border fieldset.formsItem .formsGroup {
        padding: 1.5rem 1rem
    }

    .formsWrap-border .formsItem .formsLabel {
        margin-bottom: 0;
        border-bottom: none;
        border-right: 1px solid #d9d9d9
    }
}

@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
    @supports(-webkit-appearance: none) {
        @media(min-width: 768px) {
            .formsWrap-flex fieldset.formsItem {
                position: relative;
                padding: 0 !important
            }

                .formsWrap-flex fieldset.formsItem .formsGroup {
                    -webkit-box-flex: 0 !important;
                    -ms-flex: 0 0 75% !important;
                    flex: 0 0 75% !important;
                    float: none !important;
                    width: 75% !important;
                    margin-left: auto;
                    padding: 1.5rem 1rem
                }

            .formsWrap-flex legend.col-form-label {
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                padding: 1.5rem 1rem !important
            }
        }
    }
}

.questionnaire fieldset {
    margin: 0;
    border: none
}

.questionnaire legend {
    margin-bottom: 0 !important
}

    .questionnaire legend + .mt-3 {
        margin-top: 0 !important
    }

.questionnaire abbr {
    font-size: .875rem
}

.btn-eye {
    position: absolute;
    top: calc((100% - 2rem)/2);
    right: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    background-color: rgba(0,0,0,0);
    border: none
}

.password-showHide {
    position: absolute;
    right: .5rem;
    top: 50%;
    display: grid;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 99
}

    .password-showHide.hide .show-password {
        display: none
    }

    .password-showHide.hide .hide-password {
        display: block
    }

    .password-showHide:hover .eye-tooltip {
        display: block
    }

.show-password, .hide-password {
    position: relative;
    width: 20px
}

.eye-tooltip {
    display: none;
    position: absolute;
    z-index: 0;
    top: -50px;
    left: 50%;
    min-width: 4em;
    text-align: center;
    border-radius: .25rem;
    padding: .5rem;
    font-size: .875rem;
    line-height: 1;
    white-space: nowrap;
    color: #fff;
    background-color: #343a40;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

    .eye-tooltip::before {
        content: "";
        position: absolute;
        left: calc((100% - 12px)/2);
        bottom: -8px;
        display: inline-block;
        width: 12px;
        height: 12px;
        background: inherit;
        clip-path: polygon(50% 100%, 0 0, 100% 0)
    }

.form-input .form-control.is-invalid {
    background-position: right calc(.375em + 2rem) center
}

.form-check-btn {
    position: relative;
    z-index: 1;
    width: auto;
    min-width: 120px;
    margin-right: .5rem;
    padding: 0
}

    .form-check-btn label {
        display: block;
        width: auto;
        min-width: 120px;
        padding: 4px 8px;
        border: 1px solid #ced4da
    }

    .form-check-btn input {
        position: absolute;
        z-index: -1;
        top: 4px;
        left: 4px;
        opacity: 0
    }

        .form-check-btn input:checked {
            background-color: #fff;
            border-color: #fff
        }

            .form-check-btn input:checked ~ label {
                color: #fff;
                background-color: #30826c;
                border: 1px solid #30826c
            }

.form-control:-moz-read-only {
    background-color: rgba(0,0,0,0)
}

.form-control:disabled, .form-control:read-only {
    background-color: rgba(0,0,0,0)
}

.kf-category-group a {
    color: #292929;
    font-size: 1rem;
    line-height: 1.2;
    padding: .5rem 1rem;
    border-bottom: 1px solid rgba(0,0,0,.125);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

    .kf-category-group a:hover, .kf-category-group a:focus {
        color: rgb(32.8,88,72.8);
        background: #efefef
    }

    .kf-category-group a:focus {
        outline-offset: -2px
    }

    .kf-category-group a .badge {
        font-size: .875em
    }

.kf-calendar-monthselect {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1.5rem 0
}

    .kf-calendar-monthselect span {
        padding: 0 .5rem;
        margin-bottom: 0;
        font-weight: bold;
        letter-spacing: .125em
    }

    .kf-calendar-monthselect .prev, .kf-calendar-monthselect .next {
        font-size: 1.5rem
    }

.kf-calendar-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

    .kf-calendar-table th.week {
        padding: .75rem;
        color: #fff;
        background: #30826c
    }

    .kf-calendar-table .other-month {
        background: #f8f9fa
    }

        .kf-calendar-table .other-month p {
            opacity: .5
        }

    .kf-calendar-table td {
        background: #fff;
        border: 1px solid #efefef
    }

        .kf-calendar-table td p {
            font-family: "Arial","Helvetica Neue",Helvetica,sans-serif;
            font-weight: 600;
            padding: .5rem .5rem 0 .5rem;
            text-align: left;
            color: #292929
        }

    .kf-calendar-table tr td:first-child p {
        color: #db373b
    }

    .kf-calendar-table tr td:last-child p {
        color: #117984
    }

@media(max-width: 575.98px) {
    .kf-calendar-table {
        display: block;
        border-top: .25rem solid #30826c
    }

        .kf-calendar-table thead, .kf-calendar-table tbody, .kf-calendar-table th, .kf-calendar-table td, .kf-calendar-table tr {
            display: block
        }

            .kf-calendar-table th.week, .kf-calendar-table td.other-month {
                display: none
            }

        .kf-calendar-table td {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background: #fff;
            border: none;
            border-bottom: 1px solid #efefef
        }

            .kf-calendar-table td p {
                position: relative;
                width: 5rem;
                padding-top: 0;
                padding-left: 2.5rem
            }

                .kf-calendar-table td p:before {
                    font-family: "Noto Sans TC",sans-serif;
                    font-weight: bold;
                    position: absolute;
                    top: 0;
                    left: .5rem;
                    content: attr(data-column);
                    color: #30826c
                }

        .kf-calendar-table tr td:first-child, .kf-calendar-table tr td:last-child {
            background: rgba(69,186,154,.115);
            border-bottom: 1px solid #fff
        }
}

.day-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    min-height: 4.5rem;
    padding: .5em 0
}

@media(max-width: 575.98px) {
    .day-content {
        width: calc(100% - 6rem);
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 3rem;
        margin-left: 1rem;
        padding: .65rem .25rem
    }
}

.day-content-txt {
    display: inline-block;
    padding: .5rem;
    font-size: .875em;
    line-height: 1.2
}

    .day-content-txt.review {
        color: #db373b
    }

    .day-content-txt.approval {
        color: #292929
    }

.day-content .fullybooked {
    color: #292929 !important;
    background-color: #444 !important;
    border-width: 0;
    opacity: 1
}

.none {
    font-size: 1.5rem;
    color: #db373b
}

.other-month .day-content .fullybooked, .other-month .day-content .none {
    opacity: .6
}

.kf-step_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem
}

@media(min-width: 992px) {
    .kf-step_wrap {
        counter-reset: num
    }
}

.kf-step_item {
    position: relative;
    display: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1rem;
    text-align: center;
    line-height: 1.2;
    color: #343a40;
    border-bottom: 2px solid #d9d9d9
}

    .kf-step_item::before {
        content: attr(data-title);
        display: inline-block;
        width: 60px;
        height: 60px;
        margin-bottom: 1.5rem;
        line-height: 60px;
        font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        font-weight: bold;
        font-size: 1.25rem;
        color: #343a40;
        background-color: #d9d9d9;
        border-radius: 50%
    }

    .kf-step_item::after {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        top: calc(1rem + 43px);
        left: calc(50% - .75rem);
        width: 1.5rem;
        height: 1.5rem;
        background-color: #d9d9d9;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .kf-step_item.completed {
        border-bottom: 2px solid #45ba9a
    }

        .kf-step_item.completed::before, .kf-step_item.completed::after {
            background-color: #45ba9a
        }

        .kf-step_item.completed::before {
            color: #296e5b
        }

    .kf-step_item.active {
        display: block;
        border-bottom: 2px solid #30826c
    }

        .kf-step_item.active::before, .kf-step_item.active::after {
            background-color: #30826c
        }

        .kf-step_item.active::before {
            font-size: 1.5rem;
            color: #fff
        }

@media(min-width: 992px) {
    .kf-step_item {
        display: block
    }

        .kf-step_item:before {
            counter-increment: num;
            content: "0" counter(num)
        }
}

.MemberLogin-wrap {
    background: url(../images/MemberLogin_wrap-bg.jpg) no-repeat center;
    background-size: cover;
    min-height: 100vh
}

    .MemberLogin-wrap .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0
    }

@media(min-width: 576px) {
    .MemberLogin-wrap {
        padding: 2rem 5rem
    }
}

@media(min-width: 768px) {
    .MemberLogin-wrap {
        padding: 3rem 5%
    }
}

@media(min-width: 1400px) {
    .MemberLogin-wrap .container {
        max-width: 80%
    }
}

.MemberLogin-wrap .MemberLogin-content {
    background: hsla(0,0%,100%,.8);
    max-width: 100%;
    padding: 2rem 1rem
}

@media(min-width: 768px) {
    .MemberLogin-wrap .MemberLogin-content {
        width: 500px
    }
}

@media(min-width: 992px) {
    .MemberLogin-wrap .MemberLogin-img + .MemberLogin-content {
        width: calc(99.9% - 350px);
        padding: 2rem 10%
    }
}

@media(min-width: 992px) {
    .MemberLogin-img {
        width: 350px
    }
}

.MemberLogin-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}

    .MemberLogin-content .breakline {
        position: relative;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .MemberLogin-content .breakline span {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            padding: 0 1rem
        }

        .MemberLogin-content .breakline:before, .MemberLogin-content .breakline:after {
            content: "";
            display: block;
            height: 2px;
            background-color: #d9d9d9
        }

        .MemberLogin-content .breakline:before {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

        .MemberLogin-content .breakline:after {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3
        }

    .MemberLogin-content .main_tit {
        margin-bottom: 1.5rem
    }

.MemberLogin-forms {
    width: 100%
}

    .MemberLogin-forms .MemberLogin-control {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
        border: 1px solid #ced4da;
        padding: 0 1px
    }

        .MemberLogin-forms .MemberLogin-control .form-control {
            border: 0
        }

    .MemberLogin-forms .MemberLogin-control {
        border-radius: .25rem
    }

        .MemberLogin-forms .MemberLogin-control .col-form-label {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            color: #30826c;
            font-size: 1.25em;
            width: 55px;
            border-right: solid 1px #efefef
        }

    .MemberLogin-forms .alink {
        color: #30826c;
        text-decoration: underline
    }

        .MemberLogin-forms .alink:hover, .MemberLogin-forms .alink:focus {
            color: rgb(32.8,88,72.8)
        }

    .MemberLogin-forms .formsItem {
        margin-bottom: 1rem
    }

@media(max-width: 360px) {
    .Google-reCAPTCHA {
        -webkit-transform-origin: 0;
        transform-origin: 0;
        -webkit-transform: scale(0.85);
        transform: scale(0.85)
    }
}

.MemberLogin-Feebimg .Feegimg-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.8125rem;
    padding: 0 0 2rem
}

.kf-tab-BtnGroup .active {
    background: rgb(143.4,213.6,194.4) !important;
    color: #30826c !important
}

.btn-prev::before, .btn-next::after {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-size: cover;
    background: url(../images/sp-sm-arrow.svg) no-repeat center;
    background-size: cover
}

.btn-prev:hover::before, .btn-next:hover::after {
    background-image: url(../images/sp-sm-arrow-white.svg)
}

.btn-prev::before {
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.btn-next::after {
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.kf-FloatWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(min-width: 992px) {
    .kf-FloatWrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.kf-FloatContent {
    width: 100%
}

@media(min-width: 992px) {
    .kf-FloatContent {
        width: calc(100% - 280px);
        padding-right: 2rem
    }
}

@media(min-width: 1400px) {
    .kf-FloatContent {
        width: calc(100% - 350px)
    }
}

@media(min-width: 1600px) {
    .kf-FloatContent {
        padding-right: 3rem
    }
}

.kf-FloatSide {
    width: 100%
}

@media(min-width: 992px) {
    .kf-FloatSide {
        width: 280px
    }
}

@media(min-width: 1400px) {
    .kf-FloatSide {
        width: 350px
    }
}

.kf-SideContent {
    height: calc(100vh - 3rem);
    background: #efefef;
    padding: 1.5rem;
    overflow: auto
}

    .kf-SideContent .item {
        padding: 1rem 0;
        border-bottom: solid #ced4da 2px
    }

    .kf-SideContent .kf-title {
        display: block;
        margin-bottom: .25rem
    }

    .kf-SideContent p {
        line-height: 1.5
    }

    .kf-SideContent .btn-group-toggle {
        width: 200px
    }

@media(min-width: 992px) {
    .kf-SideContent {
        width: 280px;
        margin-top: 1.5rem
    }
}

@media(min-width: 1400px) {
    .kf-SideContent {
        width: 350px
    }
}

@media(min-width: 992px) {
    .kf-SideContent.fixed {
        position: fixed
    }
}

.kf-FloatWraEnd {
    position: absolute;
    bottom: 25rem
}

.progress {
    font-size: 0
}

.progress-bar[value] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 20px
}

    .progress-bar[value]::-webkit-progress-bar {
        background-color: #efefef;
        border-radius: 2px;
        -webkit-box-shadow: inset 0 2px 5px rgba(0,0,0,.25);
        box-shadow: inset 0 2px 5px rgba(0,0,0,.25)
    }

    .progress-bar[value]::-webkit-progress-value {
        position: relative;
        background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),-webkit-linear-gradient(top, rgba(217, 217, 217, 0.25), rgba(0, 0, 0, 0.25)),-webkit-linear-gradient(left, #444444, #282828);
        border-radius: 2px;
        background-size: 35px 20px,100% 100%,100% 100%
    }

.activity-info .col-sm-6:not(:last-child) {
    border-bottom: 1px solid #d9d9d9
}

@media(min-width: 576px) {
    .activity-info .col-sm-6:not(:last-child) {
        border: none
    }

    .activity-info .col-sm-6:nth-child(odd) {
        border-right: 1px solid #d9d9d9
    }

    .activity-info .col-sm-6:nth-child(-n+2) {
        margin-bottom: 1rem
    }
}

@media(min-width: 992px) {
    .activity-info .col-sm-6:nth-child(-n+2) {
        margin-bottom: 0
    }

    .activity-info .col-sm-6:not(:last-child) {
        border-right: 1px solid #d9d9d9
    }
}

.btn-video-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width: 768px) {
    .btn-video-box {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.btn-video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem;
    color: #30826c;
    background-color: #fff;
    border: 1px solid #30826c;
    border-radius: 6px
}

    .btn-video::before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-right: .5rem;
        background-repeat: no-repeat;
        background-position: center
    }

    .btn-video[aria-current=true], .btn-video:focus-visible, .btn-video:hover {
        color: #fff;
        background-color: #30826c
    }

.btn-video-01::before {
    background-image: url(../images/btn-icon-video01.svg)
}

.btn-video-01[aria-current=true]::before, .btn-video-01:focus-visible::before, .btn-video-01:hover::before {
    background-image: url(../images/btn-icon-video01-hover.svg)
}

.btn-video-02::before {
    background-image: url(../images/btn-icon-video02.svg)
}

.btn-video-02[aria-current=true]::before, .btn-video-02:focus-visible::before, .btn-video-02:hover::before {
    background-image: url(../images/btn-icon-video02-hover.svg)
}

@media(min-width: 992px) {
    .btn-video {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .btn-video::before {
            margin-right: 0;
            margin-bottom: 4px
        }
}

.list-card {
    display: block;
    color: #292929
}

    .list-card:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

.ratio-shorts {
    aspect-ratio: 270/480
}

.shorts-iframe {
    text-align: center
}

    .shorts-iframe iframe {
        vertical-align: middle
    }

.ratio-object {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.kf-video p {
    line-height: 0
}

.kf-video video, .kf-video iframe {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.kf-video-16x9 video, .kf-video-16x9 iframe {
    aspect-ratio: 16/9
}

.kf-video-9x16 p {
    width: 315px;
    margin: 1rem auto
}

.kf-video-9x16 video, .kf-video-9x16 iframe {
    aspect-ratio: 9/16
}

.kf-video-md {
    width: min(600px,100%);
    margin: 1rem auto
}

.kf-video-full {
    width: 100%
}

.kf-video-rounded-16 {
    overflow: hidden;
    border-radius: 16px
}

.annex-file-code {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    height: 24px;
    vertical-align: bottom;
    background-color: #d9d9d9;
    border-radius: 4px
}

    .annex-file-code:hover {
        background-color: #30826c
    }

        .annex-file-code:hover img {
            -webkit-filter: brightness(100);
            filter: brightness(100)
        }

@media(max-width: 575.98px) {
    .kf_dload-row .annex-file-code {
        width: 40px;
        height: 40px
    }
}

.table-Hash {
    width: 100%
}

    .table-Hash th, .table-Hash td {
        padding: 1rem;
        border: 1px solid #d9d9d9
    }

    .table-Hash th {
        color: #fff;
        background-color: #30826c
    }

    .table-Hash td {
        background-color: #f8f9fa;
        word-break: break-all
    }

        .table-Hash td:first-child {
            text-align: center
        }

@media(max-width: 767.98px) {
    .table-Hash {
        display: block
    }

        .table-Hash thead {
            display: none
        }

        .table-Hash tbody, .table-Hash tr, .table-Hash td {
            display: block
        }

        .table-Hash td {
            padding: .5rem
        }

            .table-Hash td:not(:first-child) {
                border-top: none
            }

            .table-Hash td::before {
                content: attr(data-label) "：";
                display: block;
                font-weight: bold;
                padding-right: .25rem
            }

            .table-Hash td:first-child {
                text-align: left;
                color: #fff;
                background-color: #30826c;
                border: 1px solid #30826c
            }

                .table-Hash td:first-child::before {
                    display: inline-block
                }
}

.w_sitemap_inner {
    margin-top: 2rem;
    line-height: 1.875
}

    .w_sitemap_inner a {
        display: block
    }

        .w_sitemap_inner a:hover, .w_sitemap_inner a:focus {
            color: rgb(32.8,88,72.8);
            -webkit-transition: padding .5s ease;
            transition: padding .5s ease
        }

@media(min-width: 576px) {
    .w_sitemap_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -0.75rem;
        margin-right: -0.75rem
    }
}

.site_item1 {
    width: 100%;
    margin-bottom: 1rem
}

.site_tit1 {
    font-size: 1.5em;
    font-weight: bold
}

    .site_tit1 a {
        padding: .75rem .5rem;
        color: #fff;
        background: #30826c;
        border-radius: .3rem .3rem 0 0
    }

        .site_tit1 a:hover, .site_tit1 a:focus {
            color: #fff;
            background: rgb(37.6853932584,102.0646067416,84.7921348315)
        }

.site_item2 {
    font-size: 1.125em;
    font-weight: bold;
    background: #f8f9fa;
    padding: .75rem
}

    .site_item2 a {
        padding: .125rem 0;
        color: #292929
    }

        .site_item2 a:hover, .site_item2 a:focus {
            -webkit-transition: padding .5s ease;
            transition: padding .5s ease
        }

    .site_item2 ul {
        font-size: 1em;
        background: #fff;
        padding: .75rem;
        margin: .25rem 0
    }

        .site_item2 ul a {
            padding: .125rem 0
        }

            .site_item2 ul a:hover, .site_item2 ul a:focus {
                -webkit-transition: padding .5s ease;
                transition: padding .5s ease
            }

@media(min-width: 992px) {
    .site_item1 {
        width: 33.3%;
        padding: 1rem .75rem 0
    }

    .site_item2 ul {
        padding-top: .25rem;
        padding-bottom: .25rem;
        padding-left: 1rem
    }
}

@media print {
    .w_sitemap_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -0.75rem;
        margin-right: -0.75rem
    }

    .site_item1 {
        width: 50%;
        padding: 1rem .75rem 0
    }

    .site_item2 ul {
        padding-top: .25rem;
        padding-bottom: .25rem;
        padding-left: 1rem
    }
}

.w_sublist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 2.5rem 0 1.5rem;
    counter-reset: num
}

    .w_sublist li {
        width: 100%;
        margin: 1.5rem .5rem
    }

        .w_sublist li a {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            padding: 4.75rem 1.5rem 2rem 1.5rem;
            font-size: 1.5rem;
            color: #fff;
            line-height: 1.2;
            font-weight: bold;
            background: #30826c;
            border-radius: .25rem;
            -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
            box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
            -webkit-transition: .3s;
            transition: .3s;
            z-index: 1
        }

            .w_sublist li a:after {
                counter-increment: num;
                content: counter(num, decimal-leading-zero) "";
                position: absolute;
                top: 1rem;
                left: 1.5rem;
                width: 5rem;
                font-size: 3rem;
                font-family: "Arial","Helvetica Neue",Helvetica,sans-serif;
                font-weight: 900;
                z-index: -1;
                -webkit-transition: .3s;
                transition: .3s
            }

            .w_sublist li a:hover, .w_sublist li a:focus {
                -webkit-transform: translateY(-0.5em);
                transform: translateY(-0.5em);
                color: #000;
                background: #45ba9a;
                -webkit-box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
                box-shadow: 0 1rem 3rem rgba(0,0,0,.175)
            }

                .w_sublist li a:hover:after, .w_sublist li a:focus:after {
                    -webkit-transform: translateY(-0.125em);
                    transform: translateY(-0.125em)
                }

@media(min-width: 576px) {
    .w_sublist li {
        float: left;
        width: calc(49.95% - 1rem)
    }
}

@media(min-width: 992px) {
    .w_sublist li {
        width: calc(33.3% - 1rem)
    }
}

.wcm-SloganV01 p, .wcm-SloganV02 p {
    padding-bottom: 0 !important
}

.wcm-SloganV01 {
    position: relative;
    text-align: center;
    z-index: 1
}

    .wcm-SloganV01:before {
        content: "";
        position: absolute;
        background: rgba(69,186,154,.075);
        width: 100px;
        height: 100px;
        border-radius: 50%;
        top: 50%;
        border: dashed 1px #fff;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: -1;
        -webkit-box-shadow: 0px 0px 0px 5px rgba(69,186,154,.075);
        box-shadow: 0px 0px 0px 5px rgba(69,186,154,.075)
    }

.wcm-SloganV02 {
    position: relative;
    text-align: center;
    color: #30826c;
    z-index: 1
}

    .wcm-SloganV02 .templateLongText {
        display: inline-block;
        background: #fff;
        padding: 0 1rem;
        margin: 0 5%
    }

@media(min-width: 768px) {
    .wcm-SloganV02 .templateLongText {
        margin: 0 4rem
    }
}

.wcm-SloganV02:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 2px;
    border-top: solid 1px #30826c;
    border-bottom: solid 1px #30826c;
    z-index: -1
}

.kf-quote01 {
    padding: 1.5rem 2rem;
    border-left: 5px solid #30826c;
    background: #f8f9fa
}

.kf-quote02 {
    position: relative;
    z-index: 0;
    padding: 1.5rem 2rem;
    border-left: 5px solid #30826c
}

    .kf-quote02:before {
        content: "";
        position: absolute;
        top: calc(50% - 1em);
        left: -6px;
        width: 7px;
        height: 2em;
        background-color: #fff
    }

    .kf-quote02:after {
        content: "";
        position: absolute;
        top: calc(50% - 9px);
        left: -0.5em;
        width: 1em;
        font-family: "Font Awesome 6 Free";
        font-style: normal;
        font-weight: 900;
        color: #30826c;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .kf-quote02:active:after {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }

.kf-quote03 {
    position: relative;
    padding: 1.5rem 2rem
}

    .kf-quote03:before, .kf-quote03:after {
        content: "";
        position: absolute;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 34px;
        height: 34px;
        font-family: "Font Awesome 6 Free";
        font-style: normal;
        font-weight: 900;
        color: #fff;
        background: #30826c;
        border-radius: 50%
    }

    .kf-quote03:before {
        top: -17px;
        left: -17px
    }

    .kf-quote03:after {
        bottom: -17px;
        right: -17px
    }

.kf-quote04 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
    box-shadow: 0 0 4px rgba(0,0,0,.2);
    border-radius: .5rem
}

.kf-quote04-date {
    font-family: "Racing Sans One",sans-serif;
    font-size: 1.5rem
}

.kf-quote04-bg {
    background-color: rgba(48,130,108,.1)
}

@media(min-width: 992px) {
    .kf-quote04 {
        padding: 24px 40px
    }

    .kf-quote04-date {
        font-size: 2.25rem
    }
}

.kf-item-1_5em {
    width: min(1.5em,100%)
}

    .kf-item-1_5em:has(.bg-primary) {
        width: min(1.5em + 2rem,100%);
        color: #fff
    }

.kf-item-4em {
    width: min(4em,100%)
}

    .kf-item-4em:has(.bg-primary) {
        width: min(4em + 2rem,100%);
        color: #fff
    }

.kf-item-10em {
    width: min(10em,100%)
}

    .kf-item-10em:has(.bg-primary) {
        width: min(10em + 2rem,100%);
        color: #fff
    }

.kf-item-01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 3px solid #30826c
}

.kf-item-01-num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 110px;
    height: 80px;
    margin-top: -1px;
    padding-right: 2rem;
    color: #fff;
    background-color: #30826c;
    clip-path: polygon(0 0, 100% 0%, 70% 100%, 0% 100%)
}

.layoutContent .kf-det-center i {
    font-style: italic
}

@media(min-width: 768px) {
    .column-md-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

@media(min-width: 768px) {
    .column-md-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
}

.ul-square {
    padding: 0 .5rem
}

    .ul-square ul {
        line-height: 1.8;
        list-style-type: square;
        list-style-position: inside
    }

    .ul-square a {
        color: #292929
    }

        .ul-square a:hover {
            color: #30826c;
            text-decoration: underline;
            text-underline-offset: 2px
        }

.checkList {
    padding: 1.5rem
}

    .checkList::before {
        content: "";
        display: inline-block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 35px;
        height: 35px;
        margin-bottom: 1rem;
        background-color: #343a40;
        clip-path: polygon(13% 45%, 38% 69%, 89% 17%, 92% 20%, 38% 75%, 10% 48%)
    }

.checkList-gray {
    background-color: #f8f9fa
}

    .checkList-gray .checkList_tit {
        color: #30826c
    }

.checkList_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.checkList_tit {
    margin-bottom: 4px
}

@media(min-width: 992px) {
    .checkList {
        padding: 4rem 2rem
    }
}

@media(min-width: 1200px) {
    .checkList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .checkList::before {
            margin: 4px 1.75rem 0 0
        }
}

.kf-bubble-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: min(560px,100%)
}

.kf-bubble {
    position: relative;
    width: min(390px,100%);
    margin-bottom: 1.75rem;
    padding: 1rem 1.75rem;
    color: #fff;
    border-radius: 1.25rem
}

    .kf-bubble::before {
        content: "";
        bottom: -19px;
        width: 0;
        height: 0;
        position: absolute;
        border-style: solid
    }

.kf-bubble-ask {
    background-color: #30826c
}

    .kf-bubble-ask::before {
        border-color: #30826c rgba(0,0,0,0) rgba(0,0,0,0) #30826c;
        border-width: 9px 12px 18px 16px;
        left: 20px
    }

.kf-bubble-ans {
    margin-left: auto;
    background-color: #444
}

    .kf-bubble-ans::before {
        border-color: #444 #444 rgba(0,0,0,0) rgba(0,0,0,0);
        border-width: 9px 16px 18px 12px;
        right: 20px
    }

.kf-check-card {
    padding: 20px;
    -webkit-box-shadow: 0 0 1rem rgba(0,0,0,.1);
    box-shadow: 0 0 1rem rgba(0,0,0,.1);
    border-radius: 1rem
}

    .kf-check-card::before {
        content: "";
        display: inline-block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 35px;
        height: 35px;
        background-color: #343a40;
        clip-path: polygon(13% 45%, 38% 69%, 89% 17%, 92% 20%, 38% 75%, 10% 48%)
    }

.kf-dashed-card {
    position: relative
}

    .kf-dashed-card::before, .kf-dashed-card::after {
        content: "";
        display: block
    }

    .kf-dashed-card::before {
        width: 24px;
        height: 24px;
        margin-bottom: 2rem;
        border-radius: 50%;
        background-color: #30826c
    }

    .kf-dashed-card::after {
        position: absolute;
        top: 12px;
        right: 0;
        width: calc(100% - 40px);
        border-bottom: 2px dashed #30826c
    }

.kf-checklist-card {
    height: 100%;
    background-color: #f8f9fa;
    border-radius: .5rem
}

    .kf-checklist-card div:first-child {
        padding: 1rem;
        text-align: center;
        color: #fff;
        background-color: #30826c;
        border-radius: .5rem .5rem 0 0
    }

    .kf-checklist-card div:last-child {
        height: 100%;
        padding: 1rem
    }

        .kf-checklist-card div:last-child li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .kf-checklist-card div:last-child li + li {
                margin-top: .5rem
            }

            .kf-checklist-card div:last-child li::before {
                content: "";
                display: inline-block;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                width: 35px;
                height: 35px;
                margin-right: 1rem;
                background-color: #343a40;
                clip-path: polygon(13% 45%, 38% 69%, 89% 17%, 92% 20%, 38% 75%, 10% 48%)
            }

.kf-absolute-content {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    padding: 1rem;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%)
}

.kf-picture-group01 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px
}

    .kf-picture-group01 img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }

    .kf-picture-group01:has(.rounded-16) {
        gap: 20px
    }

@media(min-width: 768px) {
    .kf-picture-group01 {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 1px
    }

        .kf-picture-group01 img {
            aspect-ratio: 3/2
        }

            .kf-picture-group01 img:nth-child(1) {
                grid-row: span 2/span 2;
                height: 100%;
                aspect-ratio: 3/4
            }

            .kf-picture-group01 img:nth-child(4) {
                grid-column-start: 2
            }

            .kf-picture-group01 img:nth-child(5) {
                grid-column-start: 3
            }
}

.kf-picture-group02 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px
}

    .kf-picture-group02 img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }

    .kf-picture-group02:has(.rounded-16) {
        gap: 20px
    }

@media(min-width: 768px) {
    .kf-picture-group02 {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 1px
    }

        .kf-picture-group02 img {
            aspect-ratio: 1/1
        }

            .kf-picture-group02 img:nth-child(1) {
                grid-column: span 2/span 2;
                aspect-ratio: 2/1
            }

            .kf-picture-group02 img:nth-child(2) {
                grid-column-start: 3
            }

            .kf-picture-group02 img:nth-child(3) {
                grid-row-start: 2
            }

            .kf-picture-group02 img:nth-child(4) {
                grid-column: span 2/span 2;
                grid-row-start: 2;
                aspect-ratio: 2/1
            }
}

.kf-bg-card {
    position: relative;
    padding-block: 120px;
    z-index: 0
}

    .kf-bg-card .wcmImageHolder {
        position: absolute;
        inset: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }

.kf-bg-content {
    width: min(650px,80%);
    margin: 0 auto;
    padding: 2rem;
    background-color: #f8f9fa;
    border-radius: 8px
}

.bg-primary-text {
    color: #fff;
    background-color: #30826c
}

    .bg-primary-text .kf-det-content {
        color: #fff
    }

.bg-primary .kf-det-content {
    color: #fff
}

.kf-pic-bg {
    position: relative;
    padding: 3rem
}

    .kf-pic-bg::after {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        inset: 0;
        background-color: #30826c;
        clip-path: polygon(50% 0%, 100% 0%, 50% 100%, 0% 100%)
    }

.kf-card-primary {
    overflow: hidden;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 1rem rgba(0,0,0,.1);
    box-shadow: 0 0 1rem rgba(0,0,0,.1)
}

    .kf-card-primary .bg-primary {
        padding: 1rem;
        color: #fff
    }

    .kf-card-primary .bg-white {
        padding: 1.5rem
    }

.icon-w100 {
    width: 100px
}

@media(max-width: 767.98px) {
    .kf-table-responsive01 table {
        border: none
    }

        .kf-table-responsive01 table th, .kf-table-responsive01 table td {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .kf-table-responsive01 table th:before, .kf-table-responsive01 table td:before {
                content: attr(data-type);
                display: inline-block;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                font-weight: bold;
                min-width: 6rem;
                margin-right: .5rem;
                text-align: end
            }

        .kf-table-responsive01 table td {
            border: none
        }

        .kf-table-responsive01 table thead th {
            display: none
        }

    .kf-table-responsive01 tbody tr {
        display: block;
        margin-bottom: .5rem;
        padding-block: .5rem;
        border-left: 3px solid #30826c;
        background-color: rgba(0,0,0,.05)
    }
}

@media(max-width: 767.98px) {
    .kf-table-responsive02 table thead th {
        display: none
    }

    .kf-table-responsive02 table th, .kf-table-responsive02 table td {
        display: block;
        margin-bottom: .5rem;
        background-color: rgba(0,0,0,.05);
        border: none
    }

        .kf-table-responsive02 table th:before, .kf-table-responsive02 table td:before {
            content: attr(data-type);
            display: block;
            font-weight: bold;
            margin-bottom: .25rem
        }

    .kf-table-responsive02 tbody tr {
        display: block;
        margin-bottom: 1rem;
        border-left: 3px solid #30826c;
        background-color: rgba(0,0,0,0) !important
    }
}

.kf-Table-black table th {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

    .kf-Table-black table th:not(:last-child) {
        border-right-color: #d9d9d9
    }

.kf-table-bordered table th, .kf-table-bordered table td {
    color: #292929;
    background-color: #fff;
    border: 1px solid #d9d9d9
}

    .kf-table-bordered table th:not(:last-child), .kf-table-bordered table td:not(:last-child) {
        border-right-color: #d9d9d9
    }

.kf-table-border-0 table {
    border: 1px solid #d9d9d9
}

    .kf-table-border-0 table caption {
        color: #30826c
    }

    .kf-table-border-0 table th, .kf-table-border-0 table td {
        border: none !important
    }

.kf-btn a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    min-width: 150px;
    margin: .25rem .5rem;
    color: #292929;
    background-color: rgba(0,0,0,0);
    border: 1px solid rgba(0,0,0,0);
    padding: .5rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .kf-btn a {
        -webkit-transition: none;
        transition: none
    }
}

.kf-btn-primary a {
    color: #fff;
    background-color: #30826c;
    border-color: #30826c
}

    .kf-btn-primary a:hover, .kf-btn-primary a:focus {
        background-color: rgb(27.3707865169,74.1292134831,61.5842696629);
        border-color: rgb(27.3707865169,74.1292134831,61.5842696629)
    }

.kf-btn-secondary a {
    color: #fff;
    background-color: #444;
    border-color: #444
}

    .kf-btn-secondary a:hover, .kf-btn-secondary a:focus {
        background-color: rgb(29.75,29.75,29.75);
        border-color: rgb(29.75,29.75,29.75)
    }

.kf-btn-outline-primary a {
    color: #30826c;
    background-color: rgba(0,0,0,0);
    border-color: #30826c
}

    .kf-btn-outline-primary a:hover, .kf-btn-outline-primary a:focus {
        color: #fff;
        background-color: #30826c;
        border-color: #30826c
    }

.kf-btn-outline-secondary a {
    color: #444;
    background-color: rgba(0,0,0,0);
    border-color: #444
}

    .kf-btn-outline-secondary a:hover, .kf-btn-outline-secondary a:focus {
        color: #fff;
        background-color: #444;
        border-color: #444
    }

.kf-btn-primary-even a {
    color: #30826c;
    background-color: rgba(0,0,0,0);
    border-color: #30826c
}

    .kf-btn-primary-even a:hover, .kf-btn-primary-even a:focus {
        color: #fff;
        background-color: #30826c;
        border-color: #30826c
    }

    .kf-btn-primary-even a:nth-child(even) {
        color: #fff;
        background-color: #30826c;
        border-color: #30826c
    }

        .kf-btn-primary-even a:nth-child(even):hover, .kf-btn-primary-even a:nth-child(even):focus {
            background-color: rgb(27.3707865169,74.1292134831,61.5842696629);
            border-color: rgb(27.3707865169,74.1292134831,61.5842696629)
        }

.kf-btn-secondary-even a {
    color: #444;
    background-color: rgba(0,0,0,0);
    border-color: #444
}

    .kf-btn-secondary-even a:hover, .kf-btn-secondary-even a:focus {
        color: #fff;
        background-color: #444;
        border-color: #444
    }

    .kf-btn-secondary-even a:nth-child(even) {
        color: #fff;
        background-color: #444;
        border-color: #444
    }

        .kf-btn-secondary-even a:nth-child(even):hover, .kf-btn-secondary-even a:nth-child(even):focus {
            background-color: rgb(29.75,29.75,29.75);
            border-color: rgb(29.75,29.75,29.75)
        }

.kf-border-solid {
    border-width: 0;
    border-bottom: 1px solid #ced4da
}

.kf-border-dashed {
    border-width: 0;
    border-bottom: 1px dashed #adb5bd
}

.kf-gap-10 {
    height: 10px
}

.kf-gap-30 {
    height: 30px
}

.kf-timeline-margin:has(+.kf-timeline-margin) {
    margin-top: 1rem
}

.kf-timeline-margin + .kf-timeline-margin {
    margin-top: 0;
    margin-bottom: 1rem
}

.kf-timeline-margin:has(+.kf-timeline-margin) {
    margin-bottom: 0
}

.kf-timeline01 {
    position: relative;
    padding: .5rem 0;
    padding-left: 60px
}

    .kf-timeline01::before {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        inset: 0;
        right: auto;
        left: 13.5px;
        width: 3px;
        height: calc(100% + 1rem);
        background-color: #adb5bd
    }

.kf-timeline01-bubble {
    position: relative;
    display: inline-block;
    padding: 1rem;
    background-color: rgba(48,130,108,.1);
    border-radius: 1rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

    .kf-timeline01-bubble::before, .kf-timeline01-bubble::after {
        content: "";
        display: block;
        position: absolute
    }

    .kf-timeline01-bubble::before {
        left: -1.5rem;
        bottom: 22px;
        z-index: -1;
        width: 1.5rem;
        height: 2rem;
        background-color: rgba(48,130,108,.1);
        clip-path: polygon(100% 0, 0 50%, 100% 100%)
    }

    .kf-timeline01-bubble::after {
        left: -60px;
        bottom: 22px;
        width: 30px;
        height: 30px;
        background-color: #fff;
        border: 5px solid #30826c;
        border-radius: 50%
    }

    .kf-timeline01-bubble:hover {
        -webkit-transform: translateY(-0.5rem);
        transform: translateY(-0.5rem)
    }

@media(min-width: 992px) {
    .kf-timeline01-bubble {
        display: block
    }
}

.kf-timeline01-start .kf-timeline01-bubble:hover::after {
    background-color: #30826c
}

.kf-timeline01-end .kf-timeline01-bubble, .kf-timeline01-end .kf-timeline01-bubble::before {
    background-color: rgba(68,68,68,.1)
}

    .kf-timeline01-end .kf-timeline01-bubble::after {
        border-color: #444
    }

    .kf-timeline01-end .kf-timeline01-bubble:hover::after {
        background-color: #444
    }

@media(min-width: 992px) {
    .kf-timeline01-wrap:has(+.kf-timeline01-wrap) .kf-timeline01-bubble {
        margin-bottom: -2.5rem
    }

    .kf-timeline01-wrap + .kf-timeline01-wrap .kf-timeline01::before {
        top: 9px;
        height: calc(100% - 9px)
    }

    .kf-timeline01-start {
        padding-left: 0;
        padding-right: 44px
    }

        .kf-timeline01-start:before {
            right: -1.5px;
            left: auto
        }

        .kf-timeline01-start .kf-timeline01-bubble::before {
            left: auto;
            right: -1.5rem;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        .kf-timeline01-start .kf-timeline01-bubble::after {
            left: auto;
            right: -60px
        }

    .kf-timeline01-end {
        padding-left: 44px
    }

        .kf-timeline01-end:before {
            left: -1.5px
        }

        .kf-timeline01-end .kf-history-bubble::after {
            left: -58px
        }
}

.kf-timeline02 {
    position: relative;
    padding-left: 1rem
}

    .kf-timeline02::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: calc(1rem - 3px);
        width: 3px;
        height: 100%;
        background-color: #adb5bd
    }

.kf-timeline02-content {
    position: relative;
    padding: 1rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .kf-timeline02-content::before, .kf-timeline02-content::after {
        content: "";
        display: block;
        position: absolute
    }

    .kf-timeline02-content::before {
        top: 0;
        left: 0;
        z-index: -1;
        width: 0;
        height: 100%;
        background-color: #f8f9fa;
        -webkit-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out
    }

    .kf-timeline02-content::after {
        top: 1.4rem;
        left: -10px;
        width: 17px;
        height: 17px;
        background-color: #fff;
        border: 3px solid #30826c;
        border-radius: 50%
    }

    .kf-timeline02-content:hover::before {
        width: 100%
    }

@media(min-width: 992px) {
    .kf-timeline02-pic {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 250px
    }
}

.kf-timeline03 {
    position: relative;
    width: min(1200px,100%);
    margin: 0 auto;
    padding-left: calc(2rem + 4px + 1rem)
}

    .kf-timeline03::before {
        content: "";
        display: inline-block;
        position: absolute;
        left: 1rem;
        display: block;
        width: 4px;
        height: 100%;
        background-color: #30826c;
        bottom: 0;
        height: 50%
    }

.kf-timeline03-end {
    padding-bottom: 1rem;
    margin-bottom: 2rem
}

    .kf-timeline03-end::after {
        content: "";
        display: inline-block;
        position: absolute;
        left: calc(1rem - 3px);
        bottom: -5px;
        width: 10px;
        height: 10px;
        background-color: #30826c;
        border-radius: 50%
    }

.kf-timeline03 + .kf-timeline03::before {
    height: 100%
}

@media(min-width: 992px) {
    .kf-timeline03 {
        padding-left: calc(3rem + 4px + 1rem)
    }

        .kf-timeline03::before {
            left: 1.5rem
        }

    .kf-timeline03-end {
        padding-bottom: 1rem
    }

        .kf-timeline03-end::after {
            content: "";
            display: inline-block;
            position: absolute;
            left: calc(1.5rem - 6px);
            bottom: -5px;
            width: 1rem;
            height: 1rem;
            background-color: #30826c;
            border-radius: 50%
        }
}

.kf-timeline03-year {
    font-family: "Racing Sans One",sans-serif
}

    .kf-timeline03-year::before {
        content: "";
        display: inline-block;
        position: absolute;
        top: calc((100% - 16px)/2);
        left: 10px;
        width: 16px;
        height: 16px;
        background-color: #fff;
        border-radius: 50%;
        border: 4px solid #30826c;
        -webkit-box-shadow: 0 0 0 8px rgba(48,130,108,.5);
        box-shadow: 0 0 0 8px rgba(48,130,108,.5)
    }

@media(min-width: 992px) {
    .kf-timeline03-year::before {
        top: calc((100% - 28px)/2);
        left: calc(1.5rem - 12px);
        width: 28px;
        height: 28px;
        -webkit-box-shadow: 0 0 0 12px rgba(48,130,108,.2);
        box-shadow: 0 0 0 12px rgba(48,130,108,.2)
    }
}

.kf-timeline03-desc + .kf-timeline03-desc::after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 3.25rem;
    width: 10px;
    height: 10px;
    background-color: #30826c;
    border-radius: 50%
}

.kf-timeline03-desc + .kf-timeline03-desc .kf-timeline03-text {
    padding-top: 1.5rem;
    position: relative
}

    .kf-timeline03-desc + .kf-timeline03-desc .kf-timeline03-text::before, .kf-timeline03-desc + .kf-timeline03-desc .kf-timeline03-text::after {
        content: "";
        display: block;
        position: absolute
    }

    .kf-timeline03-desc + .kf-timeline03-desc .kf-timeline03-text::before {
        top: .5rem;
        width: 100%;
        height: 3px;
        background-color: #30826c
    }

    .kf-timeline03-desc + .kf-timeline03-desc .kf-timeline03-text::after {
        top: 2px;
        right: 0;
        width: 16px;
        height: 16px;
        background-color: #fff;
        border-radius: 50%;
        border: 3px solid #30826c
    }

@media(min-width: 992px) {
    .kf-timeline03-desc + .kf-timeline03-desc::after {
        left: 4.25rem
    }

    .kf-timeline03-desc + .kf-timeline03-desc .kf-timeline02-text::after {
        top: 0;
        width: 20px;
        height: 20px
    }
}

.kf-timeline04-border {
    position: relative;
    padding: .5rem 0 .5rem 1.5rem
}

    .kf-timeline04-border::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 4px;
        width: 3px;
        height: 100%;
        background-color: #d9d9d9
    }

    .kf-timeline04-border:has(+.kf-timeline04-border) {
        margin-top: 1rem
    }

    .kf-timeline04-border + .kf-timeline04-border {
        margin-top: 0;
        margin-bottom: 1rem
    }

        .kf-timeline04-border + .kf-timeline04-border::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 2px;
            width: 7px;
            height: 7px;
            background-color: #30826c;
            border-radius: 50%
        }

    .kf-timeline04-border:has(+.kf-timeline04-border) {
        margin-bottom: 0
    }

        .kf-timeline04-border:has(+.kf-timeline04-border)::after {
            display: none
        }

.kf-timeline04-tit01:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 25px;
    left: 0;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #fff;
    border: 3px solid #30826c
}

.kf-timeline04-before {
    padding: 1rem .5rem
}

    .kf-timeline04-before:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 4px;
        width: 20px;
        height: 1px;
        background: #d9d9d9
    }

.kf-timeline05 {
    padding-block: 1rem
}

    .kf-timeline05 + .kf-timeline05 {
        border-top: 1px solid #d9d9d9
    }

@media(min-width: 992px) {
    .kf-timeline05 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-block: 2.5rem
    }
}

.kf-timeline05-year {
    margin-bottom: .5rem;
    color: #30826c
}

@media(min-width: 992px) {
    .kf-timeline05-year {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-padding-end: 100px;
        padding-inline-end: 100px;
        margin-bottom: 0;
        line-height: 1
    }
}

.wcm-Personnel {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width: 992px) {
    .wcm-Personnel .kf-det-center {
        position: relative;
        z-index: -1;
        background: #f8f9fa;
        padding: 1rem 2rem 1rem 4rem;
        margin-left: -3rem
    }
}

.wcm-OrganizationChart {
    text-align: center;
    line-height: 1.2
}

    .wcm-OrganizationChart .wcm-text {
        color: #292929;
        display: block;
        padding: .5rem;
        height: 100%;
        overflow: hidden
    }

        .wcm-OrganizationChart .wcm-text a {
            color: #292929;
            display: block
        }

    .wcm-OrganizationChart .wcm-LevelOne .wcm-text, .wcm-OrganizationChart .wcm-LevelFour .wcm-text {
        height: auto
    }

    .wcm-OrganizationChart .wcm-LevelFour .wcm-text, .wcm-OrganizationChart .wcm-LevelFives .wcm-text {
        color: #fff
    }

        .wcm-OrganizationChart .wcm-LevelFour .wcm-text a, .wcm-OrganizationChart .wcm-LevelFives .wcm-text a {
            color: #fff
        }

    .wcm-OrganizationChart > .col-12 > .col-12 {
        margin: .5rem 0
    }

.kf-iconCard {
    width: calc(100% - 80px);
    margin: 0 auto
}

.kf-sp-card {
    height: 300px;
    margin: .5rem;
    padding: 1rem;
    text-align: center;
    border-radius: 30px
}

    .kf-sp-card:hover {
        -webkit-box-shadow: 0 0 8px rgba(0,0,0,.1);
        box-shadow: 0 0 8px rgba(0,0,0,.1)
    }

        .kf-sp-card:hover .kf-sp-img-circle {
            width: 100px;
            height: 100px;
            background-color: rgba(0,0,0,0);
            border-radius: 0
        }

        .kf-sp-card:hover .kf-sp-content-desc {
            display: block;
            opacity: 1
        }

.kf-sp-img-circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 180px;
    height: 180px;
    margin: 0 auto 1rem;
    background-color: #ecf8f5;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.kf-sp-img {
    width: 100px
}

.kf-sp-content-tit {
    margin-bottom: 1rem
}

.kf-sp-content-desc {
    display: none;
    line-height: 1.8;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.sp-icon-next, .sp-icon-prev {
    border-radius: .25rem
}

    .sp-icon-next::after, .sp-icon-prev::after {
        font-size: 1.25rem
    }

    .sp-icon-next:hover, .sp-icon-prev:hover {
        background-color: #30826c
    }

        .sp-icon-next:hover::after, .sp-icon-prev:hover::after {
            color: #fff
        }

.custom-accordion .accordion-item {
    border: none;
    -webkit-box-shadow: 0 .25rem .75rem rgba(0,0,0,.05);
    box-shadow: 0 .25rem .75rem rgba(0,0,0,.05)
}

.custom-accordion .accordion-body, .custom-accordion .accordion-button {
    padding: 24px
}

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

    .custom-accordion .accordion-button:not(.collapsed) {
        background-color: #fff
    }

.custom-accordion .accordion-body {
    border-top: 5px solid #30826c
}

.solution-template-list {
    counter-reset: num
}

.solution-template-item {
    width: 50%;
    padding: 1rem
}

    .solution-template-item::before {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        counter-increment: num;
        content: counter(num, decimal-leading-zero) "";
        width: 50px;
        height: 50px;
        margin-bottom: 1rem;
        padding-top: .5rem;
        font-family: "Poly",serif;
        font-size: 1.25rem;
        color: #fff;
        background-color: #30826c;
        border-radius: .5rem
    }

@media(min-width: 1200px) {
    .solution-template-item {
        width: 50%;
        padding-left: 0
    }
}

.security_wrap {
    padding-block: 2rem
}

@media(min-width: 992px) {
    .security_wrap {
        padding-block: 5rem
    }
}

.security-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    text-align: center;
    border: 2px solid #30826c;
    border-radius: 8px
}

.security-content {
    padding-block: 1rem
}

@media(min-width: 992px) {
    .security-content {
        padding-block: 2rem
    }
}

.security-foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-block: 1rem;
    color: #fff;
    background-color: #30826c
}

@media(min-width: 992px) {
    .security-foot {
        height: 112px;
        padding: 1rem
    }
}

@media(min-width: 1600px) {
    .security-foot {
        height: auto
    }
}

.strength-img {
    width: 60px;
    margin: 0 auto
}

    .strength-img img {
        width: 100%;
        aspect-ratio: 1/1;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }

@media(min-width: 768px) {
    .strength-img {
        width: 100px
    }
}

.bg-mask {
    position: relative;
    color: #fff;
    z-index: 0;
    padding-block: 4rem
}

    .bg-mask::after {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        inset: 0;
        background-color: rgba(0,0,0,.1)
    }

    .bg-mask .kf-det-content {
        color: #fff
    }

@media(min-width: 992px) {
    .bg-mask {
        padding-block: 8rem
    }
}

.bg-img {
    position: absolute;
    inset: 0;
    z-index: -1;
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.border-box {
    padding: 1.5rem 1rem
}

@media(min-width: 992px) {
    .border-box {
        padding: 5rem 2rem
    }
}

.white-box {
    height: 100%;
    padding: 2.5rem;
    background-color: #fff;
    border-radius: 24px
}

@media(min-width: 992px) {
    .white-box {
        padding: 2.5rem 4rem
    }
}

.graphic-tit {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100px;
    padding-left: 80px
}

.graphic-tit-num {
    position: absolute;
    top: -1rem;
    left: 0;
    color: rgba(206,212,218,.3);
    font-family: "Poly",serif;
    font-size: 8.75rem;
    font-style: italic;
    line-height: .7
}

.graphic-item {
    overflow: hidden;
    padding: 1rem
}

@media(min-width: 992px) {
    .graphic-item {
        width: min(713px,90%)
    }
}

.graphic-img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.full-graphic img {
    width: 100%
}

.full-graphic-h500 {
    height: 500px
}

    .full-graphic-h500 img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }

.full-graphic-fit {
    height: 100%
}

    .full-graphic-fit img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }