/*---------- Layout ----------*/
.epff-section.section {
    padding: 0 20px;
}

@media all and (max-width: 767px) {
    .epff-section.section {
        padding: 0;
    }
}

/*---------- Utilities ----------*/
.d-none {
    display: none !important;
}

.text-accent {
    color: #e87c07 !important;
}

.epff-text-left {
    text-align: left;
}

.epff-text-right {
    text-align: right;
}

.epff-text-center {
    text-align: center;
}

/*---------- Icon ----------*/

.icon48 {
    margin: 0px 8px 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: cover;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

    .icon48.icon-talk {
        background-image: url('../image/icon/icon_talk_24.svg');
    }

    .icon48.icon-exclamation {
        background-image: url('../image/icon/icon_exclamation-mark_24.svg');
    }

.icon92 {
    margin: 0px 12px 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 46px;
    height: 46px;
    background-size: cover;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

    .icon92.icon-peolple {
        background-image: url('../image/icon/icon_people.svg');
    }

    .icon92.icon-search {
        background-image: url('../image/icon/icon_search_46.svg');
    }

    .icon92.icon-warning {
        background-image: url('../image/icon/icon_warning.svg');
    }

    .icon92.icon-completed {
        background-image: url('../image/icon/icon_completed.svg');
    }

/*---------- Card ----------*/
.epff-card {
    margin: 0;
    padding: 16px 20px;
    border-width: 1px;
    border-style: solid;
    border-radius: 12px;
    display: flex;
    align-items: center;
}

    .epff-card.bg_neutral {
        background-color: #eeeeee;
        border-color: #dddddd;
    }

    .epff-card.bg_primary {
        background-color: #f3fff7;
        border-color: #caeed9;
    }

    .epff-card.bg_accent {
        background-color: #fff8ed;
        border-color: #fcdbb3;
    }

    .epff-card p {
        font-size: 16px;
    }

        .epff-card p.title {
            color: #333333;
            font-weight: 600;
            position: relative;
            top: 0;
            left: 0;
            padding-left: 30px;
            margin: 0;
        }

.epff-card-null {
    width: 100%;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    color: #333333;
    font-size: 14px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 112px;
}

.epff-title-card {
    margin: 0;
    padding: 20px 40px;
    border: 1px solid #dddddd;
    border-radius: 6px;
    background-color: #ffffff;
}

    .epff-title-card .card-title {
        font-size: 18px;
        font-weight: bold;
        color: #333333;
        padding-bottom: 8px;
        border-bottom: 1px solid #dddddd;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .epff-title-card .card-content {
        padding-top: 8px;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .epff-title-card .card-content .content-header {
            color: #00283d;
            font-weight: bold;
        }

        .epff-title-card .card-content .content-detail-row {
            display: flex;
            gap: 16px;
        }

        .epff-title-card .card-content .content-detail {
            display: flex;
            gap: 16px;
            width: 100%;
            flex: 1;
        }

        .epff-title-card .card-content .content-detail-title {
            color: #333333;
            min-width: 32px;
        }

        .epff-title-card .card-content .content-detail-info {
            color: #333333;
            font-weight: bold;
        }

.epff-card-text-between-btn-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

@media all and (max-width: 767px) {
    .epff-card {
        align-items: flex-start;
    }

    .epff-title-card {
        padding: 12px 16px;
    }

        .epff-title-card .card-content .content-detail-row {
            flex-direction: column;
        }

        .epff-title-card .card-content .content-detail {
            justify-content: space-between;
        }

    .epff-card-text-between-btn-group {
        flex-direction: column;
        gap: 16px;
    }
}

/*---------- Accordion ----------*/
.epff-accordion.accordionForm {
    border: 1px solid #dddddd;
    border-radius: 6px;
    max-width: 960px;
    margin: 0 auto;
    margin-top: 0;
}

    .epff-accordion.accordionForm .accordionForm__item {
        border-bottom: none;
    }

.epff-accordion .accordionForm__title {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding: 12px 40px 12px 16px;
    position: relative;
    color: #333333;
}

    .epff-accordion .accordionForm__title:before {
        background: none;
        background-image: url('../image/accordion-no-circle-open.png');
        background-size: contain;
        right: 16px;
        top: 12px;
        width: 24px;
        height: 24px;
    }

    .epff-accordion .accordionForm__title.active:before {
        background-image: url('../image/accordion-no-circle-close.png');
    }

    .epff-accordion .accordionForm__title.active + .accordionForm__content {
        padding: 12px 16px;
        min-height: auto;
        transition: max-height 0.1s ease, padding 0s ease 0s;
        display: block;
    }

.epff-accordion .accordionForm__content {
    color: #333333;
    font-size: 14px;
    transition: max-height 0.1s ease, padding 0s ease 0s;
    display: none;
}

.epff-accordion.epff-accordion_gray.accordionForm {
    border: none;
}

    .epff-accordion.epff-accordion_gray.accordionForm .accordionForm__item {
        background-color: #eeeeee;
    }

.epff-accordion.epff-accordion_gray .accordionForm__title.active {
    border-bottom: 1px solid #dddddd;
}

.epff-accordion.epff-accordion_gray .accordionForm__title:before {
    background-image: url('../image/accordion-gray-no-circle-open.svg');
}

.epff-accordion.epff-accordion_gray .accordionForm__title.active:before {
    background-image: url('../image/accordion-gray-no-circle-close.svg');
}

.epff-accordion-form.accordionForm .accordionForm__title:before {
    background-image: url('../image/accordion-circle-open.svg');
}

.epff-accordion-form.accordionForm .accordionForm__title.active:before {
    background-image: url('../image/accordion-circle-close.svg');
}

.epff-accordion-form.accordionForm
.accordionForm__title.active + .accordionForm__content {
    padding: 0 48px 40px 48px;
}

.epff-accordion-form.accordionForm .accordionForm__item.accordion-border-top-0 {
    border-top: 0;
}

@media all and (max-width: 767px) {
    .epff-accordion-form.accordionForm
    .accordionForm__title.active + .accordionForm__content {
        padding: 0 16px 40px 16px;
    }
}

/*---------- Badge ----------*/
.epff-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1px 8px;
    color: #ffffff;
    border-radius: 4px;
}

    .epff-badge.epff-badge-neutral {
        background-color: #bebebe;
    }

/*---------- Button ----------*/
.btn {
    border-radius: 5px;
}

    .btn.unclickable {
        border-radius: 5px;
    }

        .btn.unclickable.countBg {
            border-radius: 5px;
        }

.epff-btn-only-demo {
    width: auto;
    height: auto;
    padding: 8px;
    box-shadow: none;
    color: #888888;
    border: 1px solid #707070;
    background-color: #ffffff;
}

.epff-btn-square-large {
    width: auto;
    height: 100px;
    padding: 16px;
    background-color: #ffffff;
    border: 1px solid #00283d;
    border-radius: 6px;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

    .epff-btn-square-large:hover {
        box-shadow: 0 8px 20px #00283d33;
    }

    .epff-btn-square-large.disabled {
        cursor: default;
        border-color: #bebebe;
        background-color: #eeeeee;
        pointer-events: none;
    }

    .epff-btn-square-large .icon {
        background-repeat: no-repeat;
        display: inline-block;
        width: 40px;
        height: 40px;
        background-size: cover;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

        .epff-btn-square-large .icon.new-application {
            background-image: url('../image/icon/icon_addFile_40.svg');
        }

        .epff-btn-square-large .icon.search-and-edit-application {
            background-image: url('../image/icon/icon_editFile_40.svg');
        }

        .epff-btn-square-large .icon.search-and-edit-usual-trade {
            background-image: url('../image/icon/icon_file_40.svg');
        }

    .epff-btn-square-large .label {
        font-size: 16px;
        font-weight: bold;
        color: #00283d;
        line-height: 1.5;
    }

    .epff-btn-square-large.disabled .label {
        color: #bebebe;
    }

    .epff-btn-square-large.disabled .icon.search-and-edit-usual-trade {
        background-image: url('../image/icon/icon_file_disabled_40.svg');
    }

.epff-btn-square-large_group {
    display: flex;
    flex-direction: row;
    gap: 15px;
}

    .epff-btn-square-large_group .epff-btn-square-large {
        width: 100%;
    }

.epff-actionArea.actionArea {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 24px;
}

    .epff-actionArea.actionArea .btn {
        margin: 0;
    }

.epff-btn-icon {
    padding: 0;
    height: 24px;
    width: 24px;
    border: none;
    box-shadow: none;
    background-color: transparent;
}

    .epff-btn-icon.epff-btn-icon-text {
        width: auto;
        color: #26a862;
        display: inline-flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 4px;
        font-size: 16px;
    }

        .epff-btn-icon.epff-btn-icon-text:hover {
            color: #00753c;
        }

    .epff-btn-icon .icon {
        height: 24px;
        width: 24px;
        background-repeat: no-repeat;
        display: inline-block;
        background-size: cover;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

        .epff-btn-icon .icon.icon-edit {
            background-image: url('../image/icon/icon_edit_24.svg');
        }

        .epff-btn-icon .icon.icon-delete {
            background-image: url('../image/icon/icon_delete_24.svg');
        }

        .epff-btn-icon .icon.icon-print {
            background-image: url('../image/icon/icon_print_24.svg');
        }

        .epff-btn-icon .icon.icon-add {
            background-image: url('../image/icon/icon_add_24.svg');
        }

        .epff-btn-icon .icon.icon-move {
            background-image: url('../image/icon/icon_move_24.svg');
        }

    .epff-btn-icon:hover .icon.icon-edit {
        background-image: url('../image/icon/icon_edit_hover_24.svg');
    }

    .epff-btn-icon:hover .icon.icon-delete {
        background-image: url('../image/icon/icon_delete_hover_24.svg');
    }

    .epff-btn-icon:hover .icon.icon-print {
        background-image: url('../image/icon/icon_print_hover_24.svg');
    }

    .epff-btn-icon:hover .icon.icon-add {
        background-image: url('../image/icon/icon_add_hover_24.svg');
    }

    .epff-btn-icon:hover .icon.icon-move {
        background-image: url('../image/icon/icon_move_hover_24.svg');
    }

@media all and (max-width: 767px) {
    .epff-btn-square-large_group {
        flex-direction: column;
    }

    .epff-actionArea.actionArea {
        flex-direction: column;
        gap: 20px;
    }
}

/*---------- form ----------*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 100px white inset !important;
}

.epff-form-multiple-container {
    display: flex;
    gap: 16px;
    margin-left: 270px;
}

    .epff-form-multiple-container > * {
        width: 100%;
        margin-left: 0;
    }

@media only screen and (max-width: 960px) {
    .epff-form-multiple-container {
        margin-left: 165px;
    }
}

@media all and (max-width: 767px) {
    .epff-form-multiple-container {
        margin-left: 0;
        flex-direction: column;
    }
}

/*---------- Select ----------*/
.select2-container {
    display: flex;
    width: 100% !important;
}

    .select2-container .selection {
        width: 100%;
    }

    .select2-container .select2-selection--single {
        height: 42px;
        display: flex;
        align-items: center;
        padding: 10px 39px 10px 15px;
        border-radius: 5px;
        background-color: #fff;
        border: 1px solid #bebebe;
        color: #333333;
        background: #ffffff no-repeat url('../image/icon/icon_arrowDown.svg') 98% center;
        background-size: 24px 24px;
    }

.select2-dropdown:has(.select2-search--hide) {
    padding: 0;
}

.select2-container.select2-container--disabled .select2-selection--single {
    background: #eeeeee no-repeat url('../image/icon/icon_arrowDown_disabled.svg') 98% center;
    background-size: 24px 24px;
}

.select2-container:hover:not(.select2-container--disabled)
.select2-selection--single {
    border-color: #26a862;
}

.select2-container.select2-container--open .select2-selection--single {
    border-color: #26a862;
}

.select2-search--dropdown {
    padding: 0 0 4px 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    padding-left: 38px;
    min-width: 174px;
    background-image: url('../image/icon/icon_search_24.svg');
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 24px 24px;
    border: 1px solid #bebebe;
}

.select2-container--default.select2-container--open.select2-container--below
.select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
.select2-selection--multiple {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 170px;
}

/*---------- Checkbox ----------*/
.epff-checkbox.agreement__checkbox {
    margin: 0;
    display: flex;
    align-items: center;
}

.epff-checkbox-group-with-text {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 16px;
}

@media all and (max-width: 767px) {
    .epff-checkbox-group-with-text {
        flex-direction: column;
        align-items: flex-start;
    }

        .epff-checkbox-group-with-text .inputGroup {
            padding-left: 30px;
        }
}

/*---------- Radio ----------*/
form .epff-radio-borderless.radiobox-wrap,
.form .epff-radio-borderless.radiobox-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

    form .epff-radio-borderless.radiobox-wrap .radiobox,
    .form .epff-radio-borderless.radiobox-wrap .radiobox {
        width: auto;
        height: auto;
    }

        form .epff-radio-borderless.radiobox-wrap .radiobox label,
        .form .epff-radio-borderless.radiobox-wrap .radiobox label {
            padding: 0;
            border: none;
            width: 22px;
            height: 22px;
        }

            form .epff-radio-borderless.radiobox-wrap .radiobox label::before,
            .form .epff-radio-borderless.radiobox-wrap .radiobox label::before {
                top: 0;
                left: 0;
            }

            form .epff-radio-borderless.radiobox-wrap .radiobox label::after,
            .form .epff-radio-borderless.radiobox-wrap .radiobox label::after {
                top: 3px;
                left: 3px;
            }

/*---------- Form ----------*/

.epff-inputGroup-no-label.inputGroup__control {
    margin-left: 0px;
}

.epff-intro-description {
    color: #333;
    font-weight: 400;
}

/*---------- SituationBar ----------*/

.epff-situation-bar {
    padding: 0 20px;
    margin-bottom: 20px;
}

@media all and (max-width: 767px) {
    .epff-situation-bar .wrap {
        padding: 0;
    }
}

.epff-situation-bar .completeIcon {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .epff-situation-bar .completeIcon span {
        display: flex;
        justify-content: center;
        align-items: center;
    }

/*---------- OTP ----------*/

.epff-otp#otpConfirm .disabledPhone {
    border: 1px solid #bebebe;
    background-color: #eeeeee;
    border-radius: 5px;
}

/*---------- Time Box ----------*/

.epff-time-box.time__box {
    padding-top: 0px;
    line-height: 1.2;
}

    .epff-time-box.time__box span {
        color: #707070;
        font-size: 14px;
    }

        .epff-time-box.time__box span#time__count {
            color: #e87c07;
            font-weight: normal;
        }

@media all and (max-width: 767px) {
    .epff-time-box.time__box {
        text-align: left;
    }
}

/*---------- Tab ----------*/

.epff-tab-container .epff-tab-menu {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #bebebe;
    overflow-x: auto;
    gap: 4px;
}

    .epff-tab-container .epff-tab-menu .epff-tab-title {
        text-decoration: none;
        color: #333333;
        background-color: #eeeeee;
        padding: 8px 16px;
        border-radius: 6px 6px 0 0;
        width: 224px;
        height: 48px;
        border-bottom: 4px solid #26a862;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        white-space: nowrap;
    }

        .epff-tab-container .epff-tab-menu .epff-tab-title.active {
            background-color: #26a862;
            color: #ffffff;
        }

.epff-tab-container .epff-tab-content {
    display: none;
    padding-top: 24px;
}

    .epff-tab-container .epff-tab-content.active {
        display: block;
    }

@media all and (max-width: 767px) {
    .epff-tab-container .epff-tab-menu .epff-tab-title {
        width: 140px;
        height: 42px;
    }
}

/*---------- Table ----------*/
.epff-table-container {
    overflow: auto;
}

.epff-table {
    border: 1px solid #e4e4e4;
    border-collapse: separate;
    position: relative;
}

    .epff-table tr {
        position: relative;
    }

    .epff-table th {
        height: 50px;
        font-size: 14px;
        font-weight: bold;
        color: #333333;
        background-color: #f3fff7;
        text-align: center;
        padding: 8px;
    }

        .epff-table th:not(:last-child),
        .epff-table td:not(:last-child) {
            border-right: 1px solid #e4e4e4;
        }

    .epff-table td {
        height: 50px;
        font-size: 14px;
        color: #333333;
        padding: 8px;
        text-align: center;
    }

    .epff-table tbody tr:nth-child(odd) td {
        background-color: #fafafa;
    }

    .epff-table tbody tr:nth-child(even) td {
        background-color: #ffffff;
    }

    .epff-table .epff-table-sortable-placeholder {
    }

    .epff-table .epff-table-actions-group {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
    }

    .epff-table td .epff-table-column-title {
        display: none;
    }

    .epff-table.epff-table-frozen thead.epff-table-thead-frozen,
    .epff-table.epff-table-frozen th.epff-table-frozen-column,
    .epff-table.epff-table-frozen td.epff-table-frozen-column {
        position: sticky;
    }

    .epff-table.epff-table-frozen thead.epff-table-thead-frozen {
        top: 0;
        z-index: 1;
    }

    .epff-table.epff-table-frozen th.epff-table-frozen-column.align-left,
    .epff-table.epff-table-frozen td.epff-table-frozen-column.align-left {
        left: 0;
    }

    .epff-table.epff-table-frozen th.epff-table-frozen-column.align-right,
    .epff-table.epff-table-frozen td.epff-table-frozen-column.align-right {
        right: 0;
    }

    .epff-table.epff-table-frozen:has(.epff-table-frozen-column.align-left) {
        border-left: none;
    }

    .epff-table.epff-table-frozen:has(.epff-table-frozen-column.align-right) {
        border-right: none;
    }

    .epff-table.epff-table-frozen:has(thead.epff-table-thead-frozen) {
        border-top: none;
    }

    .epff-table.epff-table-frozen th.epff-table-frozen-column:first-of-type,
    .epff-table.epff-table-frozen td.epff-table-frozen-column:first-of-type {
        border-left: 1px solid #e4e4e4;
    }

    .epff-table.epff-table-frozen th.epff-table-frozen-column:last-of-type,
    .epff-table.epff-table-frozen td.epff-table-frozen-column:last-of-type {
        border-right: 1px solid #e4e4e4;
    }

    .epff-table.epff-table-frozen thead.epff-table-thead-frozen tr:first-child th,
    .epff-table.epff-table-frozen thead.epff-table-thead-frozen tr:first-child td {
        border-top: 1px solid #e4e4e4;
    }

    .epff-table.epff-table-frozen
    th.epff-table-frozen-column.align-right:first-of-type,
    .epff-table.epff-table-frozen
    td.epff-table-frozen-column.align-right:first-of-type {
        border-left: 1px solid #e4e4e4;
    }

    .epff-table.epff-table-frozen th:not(.align-right) + .align-right,
    .epff-table.epff-table-frozen td:not(.align-right) + .align-right {
        border-left: 1px solid #e4e4e4;
    }

    .epff-table.epff-table-frozen:has(.epff-table-frozen-column.align-right)
    th:has(+ .align-right),
    .epff-table.epff-table-frozen:has(.epff-table-frozen-column.align-right)
    td:has(+ .align-right) {
        border-right: none;
    }

.epff-table-empty-card {
    width: 100%;
    height: 112px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #e4e4e4;
    cursor: pointer;
}

    .epff-table-empty-card.not-empty {
        height: 50px;
    }

.epff-table-move-icon {
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: cover;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-image: url('../image/icon/icon_move_24.svg');
    cursor: move;
}

    .epff-table-move-icon:hover {
        background-image: url('../image/icon/icon_move_hover_24.svg');
    }

@media all and (max-width: 767px) {
    .epff-table-container {
        /*overflow-y: hidden;*/
    }

    .epff-table {
        display: flex;
        border: none;
    }

        .epff-table thead {
            display: none;
        }

        .epff-table tbody {
            display: flex;
            flex-direction: column;
            width: 100%;
            gap: 20px;
        }

        .epff-table th:not(:last-child),
        .epff-table td:not(:last-child) {
            border-right: none;
        }

        .epff-table tbody tr {
            display: flex;
            flex-direction: column;
            border: 1px solid #e4e4e4;
            border-radius: 6px;
        }

            .epff-table tbody tr td {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 8px 12px;
                font-weight: bold;
                text-align: right !important;
                min-height: 38px;
                height: auto;
                word-break: break-word;
                gap: 24px;
            }

                .epff-table tbody tr td:not(:last-child) {
                    border-bottom: 1px solid #e4e4e4;
                }

                .epff-table tbody tr td:first-child {
                    border-radius: 6px 6px 0 0;
                }

                .epff-table tbody tr td:last-child {
                    border-radius: 0 0 6px 6px;
                }

        .epff-table td .epff-table-column-title {
            display: block;
            font-size: 14px;
            color: #333333;
            font-weight: normal;
            word-break: keep-all;
            text-align: left !important;
        }

        .epff-table.epff-table-frozen
        thead.epff-table-thead-frozen
        .epff-table.epff-table-frozen
        th.epff-table-frozen-column,
        .epff-table.epff-table-frozen td.epff-table-frozen-column {
            position: unset;
        }

            .epff-table.epff-table-frozen th.epff-table-frozen-column:first-of-type,
            .epff-table.epff-table-frozen td.epff-table-frozen-column:first-of-type {
                border-left: none;
            }

        .epff-table.epff-table-frozen thead.epff-table-thead-frozen tr:first-child th,
        .epff-table.epff-table-frozen
        thead.epff-table-thead-frozen
        tr:first-child
        td {
            border-top: none;
        }

    .epff-table-empty-card {
        margin-top: 20px;
        border-width: 1px;
    }
}

/*---------- Modal ----------*/

.epff-modal .modal-dialog .modal-footer {
    padding: 24px 0 0 0;
}

.epff-modal .modal-dialog .modal-content {
    max-height: calc(100vh - 3.5rem);
}

.epff-modal .modal-dialog .modal-body {
    overflow: auto;
    padding: 0;
    margin: 12px 0 0 0;
}

@media all and (max-width: 767px) {
    .modal-content {
        max-height: calc(100vh - 6rem) !important;
    }
}

@media (min-width: 768px) {
    .epff-modal .modal-dialog.epff-modal-lg {
        max-width: 960px;
    }
}

@media all and (max-width: 767px) {
    .epff-modal .modal-dialog.epff-modal-lg {
        max-width: 100%;
        width: 335px;
        margin: 8px auto;
    }
}

/*---------- Toast ----------*/
.epff-toast-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: fixed;
    width: 303px;
    max-width: 100%;
    pointer-events: none !important;
    margin: 0;
    padding: 0;
    letter-spacing: normal;
    z-index: 9000 !important;
}

    .epff-toast-wrap * {
        margin: 0;
        padding: 0;
    }

    .epff-toast-wrap.bottom-left {
        bottom: 20px;
        left: 20px;
    }

    .epff-toast-wrap.bottom-right {
        bottom: 20px;
        right: 120px;
    }

    .epff-toast-wrap.top-left {
        top: 20px;
        left: 20px;
    }

    .epff-toast-wrap.top-right {
        top: 20px;
        right: 40px;
    }

.epff-toast-single {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 52px;
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.2;
    position: relative;
    pointer-events: all !important;
    background-color: #494949;
    color: #ffffff;
    box-shadow: 0px 4px 8px #00000029;
}

    .epff-toast-single h2 {
        font-size: 14px;
        margin: 0px 0px 7px;
        background: none;
        color: inherit;
        line-height: inherit;
        letter-spacing: normal;
    }

    .epff-toast-single a {
        color: #eee;
        text-decoration: none;
        font-weight: bold;
        border-bottom: 1px solid white;
        padding-bottom: 3px;
        font-size: 12px;
    }

    .epff-toast-single ul {
        margin: 0px 0px 0px 15px;
        background: none;
        padding: 0px;
    }

        .epff-toast-single ul li {
            list-style-type: disc !important;
            line-height: 17px;
            background: none;
            margin: 0;
            padding: 0;
            letter-spacing: normal;
        }

.close-epff-toast-single {
    position: absolute;
    top: 3px;
    right: 7px;
    font-size: 14px;
    cursor: pointer;
}

.epff-toast-loader {
    display: block;
    position: absolute;
    top: -2px;
    height: 5px;
    width: 0%;
    left: 0;
    border-radius: 5px;
    background: red;
}

.epff-toast-loaded {
    width: 100%;
}

.epff-toast-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-image: url('../image/toast_icon_24.svg');
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 12px;
}

@media all and (max-width: 767px) {
    .epff-toast-wrap.bottom-right {
        bottom: 20px;
        right: 36px;
    }
}

/*-- Intro Page ---*/

.epff-intro .intro-progress .intro-title {
    border-bottom: 1px solid #bebebe;
    margin-bottom: 20px;
}

    .epff-intro .intro-progress .intro-title h3 {
        font-size: 36px;
    }

.epff-intro-feature-group {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    padding: 0 40px;
    gap: 16px;
}

    .epff-intro-feature-group .epff-intro-feature {
        width: auto;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

.epff-intro-feature .icon {
    background: none;
    background-size: contain;
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 12px;
}

    .epff-intro-feature .icon.icon-mmb {
        background-image: url('../image/icon/icon_mmb_52.svg');
    }

    .epff-intro-feature .icon.icon-check-file {
        background-image: url('../image/icon/icon_checkFile_52.svg');
    }

    .epff-intro-feature .icon.icon-bank-user {
        background-image: url('../image/icon/icon_bankUser_52.svg');
    }

.epff-intro-feature .label {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

@media all and (max-width: 1300px) {
    .epff-intro.wrap {
        margin: 0 16px;
    }

    .epff-intro-feature-group {
        padding: 0 16px;
    }
}

@media all and (max-width: 1020px) {
    .epff-intro-feature-group {
        padding: 0;
    }
}

@media all and (max-width: 767px) {
    .epff-intro.wrap {
        margin: 0 auto;
    }

    .epff-intro-feature-group {
        flex-direction: column;
        padding: 0;
    }

        .epff-intro-feature-group .epff-intro-feature {
            flex-direction: row;
            padding: 20px 8px;
        }

    .epff-intro-feature .icon {
        margin-bottom: 0;
        margin-right: 20px;
    }
}

/*---------- 業務選擇 ----------*/
form .epff-radiobox-trade-selection.radiobox-wrap,
.form .epff-radiobox-trade-selection.radiobox-wrap {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

    form .epff-radiobox-trade-selection.radiobox-wrap .radiobox,
    .form .epff-radiobox-trade-selection.radiobox-wrap .radiobox {
        margin: 0;
    }

        form .epff-radiobox-trade-selection.radiobox-wrap .radiobox label,
        .form .epff-radiobox-trade-selection.radiobox-wrap .radiobox label {
            height: 90px;
            display: flex;
            align-items: center;
            padding-left: 38px;
            cursor: pointer;
            padding: 9px 12px 9px 46px;
        }

        form
        .epff-radiobox-trade-selection.radiobox-wrap
        .radiobox
        .custom-control-label::before,
        .form
        .epff-radiobox-trade-selection.radiobox-wrap
        .radiobox
        .custom-control-label::before {
            top: 32px;
        }

        form
        .epff-radiobox-trade-selection.radiobox-wrap
        .radiobox
        .custom-control-label::after,
        .form
        .epff-radiobox-trade-selection.radiobox-wrap
        .radiobox
        .custom-control-label::after {
            top: 35px;
        }

        form
        .epff-radiobox-trade-selection.radiobox-wrap
        .radiobox
        .custom-control-label
        .icon,
        .form
        .epff-radiobox-trade-selection.radiobox-wrap
        .radiobox
        .custom-control-label
        .icon {
            margin: 0px 12px 0px 0px;
            background-repeat: no-repeat;
            display: inline-block;
            width: 50px;
            height: 50px;
            background-size: cover;
            -ms-flex-negative: 0;
            flex-shrink: 0;
        }

            form
            .epff-radiobox-trade-selection.radiobox-wrap
            .radiobox
            .custom-control-label
            .icon.icon-money-transfer,
            .form
            .epff-radiobox-trade-selection.radiobox-wrap
            .radiobox
            .custom-control-label
            .icon.icon-money-transfer {
                background-image: url('../image/icon/icon_moneyTransfer_50.svg');
            }

            form
            .epff-radiobox-trade-selection.radiobox-wrap
            .radiobox
            .custom-control-label
            .icon.icon-deposit,
            .form
            .epff-radiobox-trade-selection.radiobox-wrap
            .radiobox
            .custom-control-label
            .icon.icon-deposit {
                background-image: url('../image/icon/icon_deposit_50.svg');
            }

            form
            .epff-radiobox-trade-selection.radiobox-wrap
            .radiobox
            .custom-control-label
            .icon.icon-withdraw,
            .form
            .epff-radiobox-trade-selection.radiobox-wrap
            .radiobox
            .custom-control-label
            .icon.icon-withdraw {
                background-image: url('../image/icon/icon_withdraw_50.svg');
            }

        form
        .epff-radiobox-trade-selection.radiobox-wrap
        .radiobox
        .custom-control-label
        .label,
        .form
        .epff-radiobox-trade-selection.radiobox-wrap
        .radiobox
        .custom-control-label
        .label {
            color: #333333;
        }

@media all and (max-width: 767px) {
    form .epff-radiobox-trade-selection.radiobox-wrap,
    .form .epff-radiobox-trade-selection.radiobox-wrap {
        flex-direction: column;
        gap: 16px;
    }
}

/*---------- 輸入交易 - 匯款/轉帳 ----------*/
@media all and (min-width: 768px) {
    .epff-table#receive-info th:first-child,
    .epff-table#receive-info td:first-child {
        width: 52px;
        min-width: 52px;
    }

    .epff-table#receive-info th:nth-child(2),
    .epff-table#receive-info td:nth-child(2) {
        width: 52px;
        min-width: 52px;
    }

    .epff-table#receive-info th:nth-child(3),
    .epff-table#receive-info td:nth-child(3) {
        width: 20%;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#receive-info th:nth-child(4),
    .epff-table#receive-info td:nth-child(4) {
        width: 40%;
        min-width: 130px;
        max-width: 400px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#receive-info th:nth-child(5),
    .epff-table#receive-info td:nth-child(5) {
        width: 20%;
        text-align: right;
        white-space: nowrap;
    }

    .epff-table#receive-info th:nth-child(6),
    .epff-table#receive-info td:nth-child(6) {
        width: 20%;
        min-width: 120px;
        max-width: 200px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#receive-info th:last-child,
    .epff-table#receive-info td:last-child {
        width: 88px;
        min-width: 88px;
    }

    .epff-table#select-usual-payment-info th:first-child,
    .epff-table#select-usual-payment-info td:first-child {
        width: 52px;
        min-width: 52px;
    }

    .epff-table#select-usual-payment-info th:nth-child(2),
    .epff-table#select-usual-payment-info td:nth-child(2) {
        width: 20%;
        min-width: 100px;
        max-width: 200px;
    }

    .epff-table#select-usual-payment-info th:nth-child(3),
    .epff-table#select-usual-payment-info td:nth-child(3) {
        width: 20%;
        min-width: 140px;
        white-space: nowrap;
        text-align: left;
    }

    .epff-table#select-usual-payment-info th:nth-child(4),
    .epff-table#select-usual-payment-info td:nth-child(4),
    .epff-table#select-usual-payment-info th:nth-child(6),
    .epff-table#select-usual-payment-info td:nth-child(6),
    .epff-table#select-usual-payment-info th:nth-child(7),
    .epff-table#select-usual-payment-info td:nth-child(7),
    .epff-table#select-usual-payment-info th:nth-child(9),
    .epff-table#select-usual-payment-info td:nth-child(9) {
        width: 10%;
        min-width: 100px;
        text-align: left;
        white-space: nowrap;
    }

    .epff-table#select-usual-payment-info th:nth-child(5),
    .epff-table#select-usual-payment-info td:nth-child(5) {
        width: 10%;
        min-width: 130px;
        max-width: 400px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#select-usual-payment-info th:nth-child(8),
    .epff-table#select-usual-payment-info td:nth-child(8) {
        width: 10%;
        min-width: 96px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#select-self-tranfer-usual-receive-info th:first-child,
    .epff-table#select-self-tranfer-usual-receive-info td:first-child {
        width: 52px;
        min-width: 52px;
    }

    .epff-table#select-self-tranfer-usual-receive-info th:nth-child(2),
    .epff-table#select-self-tranfer-usual-receive-info td:nth-child(2) {
        width: 20%;
        min-width: 100px;
        max-width: 200px;
    }

    .epff-table#select-self-tranfer-usual-receive-info th:nth-child(3),
    .epff-table#select-self-tranfer-usual-receive-info td:nth-child(3) {
        width: 20%;
        min-width: 130px;
        text-align: left;
        white-space: nowrap;
    }

    .epff-table#select-self-tranfer-usual-receive-info th:nth-child(4),
    .epff-table#select-self-tranfer-usual-receive-info td:nth-child(4) {
        width: 40%;
        min-width: 130px;
        max-width: 400px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#select-self-tranfer-usual-receive-info th:nth-child(5),
    .epff-table#select-self-tranfer-usual-receive-info td:nth-child(5) {
        width: 20%;
        min-width: 120px;
        max-width: 200px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#other-bank-receive-info th:first-child,
    .epff-table#other-bank-receive-info td:first-child {
        width: 52px;
        min-width: 52px;
    }

    .epff-table#other-bank-receive-info th:nth-child(2),
    .epff-table#other-bank-receive-info td:nth-child(2) {
        width: 52px;
        min-width: 52px;
    }

    .epff-table#other-bank-receive-info th:nth-child(3),
    .epff-table#other-bank-receive-info td:nth-child(3) {
        width: 20%;
        min-width: 80px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#other-bank-receive-info th:nth-child(4),
    .epff-table#other-bank-receive-info td:nth-child(4) {
        width: 40%;
        min-width: 130px;
        max-width: 400px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#other-bank-receive-info th:nth-child(5),
    .epff-table#other-bank-receive-info td:nth-child(5) {
        width: 20%;
        text-align: right;
        white-space: nowrap;
    }

    .epff-table#other-bank-receive-info th:nth-child(6),
    .epff-table#other-bank-receive-info td:nth-child(6),
    .epff-table#other-bank-receive-info th:nth-child(7),
    .epff-table#other-bank-receive-info td:nth-child(7) {
        width: 10%;
        min-width: 120px;
        max-width: 200px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#other-bank-receive-info th:last-child,
    .epff-table#other-bank-receive-info td:last-child {
        width: 88px;
        min-width: 88px;
    }

    .epff-table#select-other-bank-usual-receive-info th:first-child,
    .epff-table#select-other-bank-usual-receive-info td:first-child {
        width: 52px;
        min-width: 52px;
    }

    .epff-table#select-other-bank-usual-receive-info th:nth-child(2),
    .epff-table#select-other-bank-usual-receive-info td:nth-child(2) {
        width: 20%;
        min-width: 100px;
        max-width: 200px;
    }

    .epff-table#select-other-bank-usual-receive-info th:nth-child(3),
    .epff-table#select-other-bank-usual-receive-info td:nth-child(3) {
        width: 20%;
        min-width: 130px;
        text-align: left;
        white-space: nowrap;
    }

    .epff-table#select-other-bank-usual-receive-info th:nth-child(4),
    .epff-table#select-other-bank-usual-receive-info td:nth-child(4) {
        width: 40%;
        min-width: 130px;
        max-width: 400px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#select-other-bank-usual-receive-info th:nth-child(5),
    .epff-table#select-other-bank-usual-receive-info td:nth-child(5) {
        width: 10%;
        min-width: 120px;
        max-width: 200px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#select-other-bank-usual-receive-info th:nth-child(6),
    .epff-table#select-other-bank-usual-receive-info td:nth-child(6) {
        width: 10%;
        min-width: 120px;
        max-width: 200px;
        text-align: left;
        word-break: break-word;
    }
}

@media all and (max-width: 767px) {
    .epff-table#receive-info td:nth-child(2),
    .epff-table#receive-info td:nth-child(5),
    .epff-table#select-usual-payment-info td:nth-child(3),
    .epff-table#select-usual-payment-info td:nth-child(4),
    .epff-table#select-usual-payment-info td:nth-child(6),
    .epff-table#select-usual-payment-info td:nth-child(7),
    .epff-table#select-usual-payment-info td:nth-child(9),
    .epff-table#other-bank-receive-info td:nth-child(2),
    .epff-table#other-bank-receive-info td:nth-child(5) {
        word-break: keep-all;
        white-space: nowrap;
    }

        .epff-table#receive-info td:nth-child(2) .epff-table-column-title,
        .epff-table#receive-info td:nth-child(5) .epff-table-column-title,
        .epff-table#select-usual-payment-info
        td:nth-child(3)
        .epff-table-column-title,
        .epff-table#select-usual-payment-info
        td:nth-child(4)
        .epff-table-column-title,
        .epff-table#select-usual-payment-info
        td:nth-child(6)
        .epff-table-column-title,
        .epff-table#select-usual-payment-info
        td:nth-child(7)
        .epff-table-column-title,
        .epff-table#select-usual-payment-info
        td:nth-child(9)
        .epff-table-column-title,
        .epff-table#other-bank-receive-info td:nth-child(2) .epff-table-column-title,
        .epff-table#other-bank-receive-info td:nth-child(5) .epff-table-column-title {
            word-break: break-word;
            white-space: initial;
        }
}

/*---------- 輸入交易 - 存款 ----------*/

@media all and (min-width: 768px) {
    .epff-table#enter-deposit-info th:first-child,
    .epff-table#enter-deposit-info td:first-child {
        width: 52px;
        min-width: 52px;
    }

    .epff-table#enter-deposit-info th:nth-child(2),
    .epff-table#enter-deposit-info td:nth-child(2) {
        width: 52px;
        min-width: 52px;
    }

    .epff-table#enter-deposit-info th:nth-child(3),
    .epff-table#enter-deposit-info td:nth-child(3) {
        width: 60%;
        min-width: 130px;
        max-width: 400px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#enter-deposit-info th:nth-child(4),
    .epff-table#enter-deposit-info td:nth-child(4) {
        width: 20%;
        text-align: right;
        white-space: nowrap;
    }

    .epff-table#enter-deposit-info th:nth-child(5),
    .epff-table#enter-deposit-info td:nth-child(5) {
        width: 20%;
        min-width: 120px;
        max-width: 200px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#enter-deposit-info th:last-child,
    .epff-table#enter-deposit-info td:last-child {
        width: 88px;
        min-width: 88px;
    }

    .epff-table#select-usual-deposit-info th:first-child,
    .epff-table#select-usual-deposit-info td:first-child {
        width: 52px;
        min-width: 52px;
    }

    .epff-table#select-usual-deposit-info th:nth-child(2),
    .epff-table#select-usual-deposit-info td:nth-child(2) {
        width: 10%;
        min-width: 100px;
        max-width: 200px;
    }

    .epff-table#select-usual-deposit-info th:nth-child(3),
    .epff-table#select-usual-deposit-info td:nth-child(3),
    .epff-table#select-usual-deposit-info th:nth-child(6),
    .epff-table#select-usual-deposit-info td:nth-child(6) {
        width: 15%;
        text-align: left;
        white-space: nowrap;
    }

    .epff-table#select-usual-deposit-info th:nth-child(4),
    .epff-table#select-usual-deposit-info td:nth-child(4) {
        width: 20%;
        min-width: 130px;
        max-width: 400px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#select-usual-deposit-info th:nth-child(5),
    .epff-table#select-usual-deposit-info td:nth-child(5),
    .epff-table#select-usual-deposit-info th:nth-child(8),
    .epff-table#select-usual-deposit-info td:nth-child(8) {
        width: 10%;
        text-align: left;
        white-space: nowrap;
    }

    .epff-table#select-usual-deposit-info th:nth-child(7),
    .epff-table#select-usual-deposit-info td:nth-child(7) {
        width: 20%;
        min-width: 80px;
        max-width: 120px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#select-usual-deposit-input-info th:first-child,
    .epff-table#select-usual-deposit-input-info td:first-child {
        width: 52px;
        min-width: 52px;
    }

    .epff-table#select-usual-deposit-input-info th:nth-child(2),
    .epff-table#select-usual-deposit-input-info td:nth-child(2) {
        width: 30%;
        min-width: 100px;
        max-width: 200px;
    }

    .epff-table#select-usual-deposit-input-info th:nth-child(3),
    .epff-table#select-usual-deposit-input-info td:nth-child(3) {
        width: 40%;
        min-width: 130px;
        max-width: 500px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#select-usual-deposit-input-info th:nth-child(4),
    .epff-table#select-usual-deposit-input-info td:nth-child(4) {
        width: 30%;
        min-width: 120px;
        max-width: 200px;
        text-align: left;
        word-break: break-word;
    }
}

@media all and (max-width: 767px) {
    .epff-table#enter-deposit-info td:nth-child(2),
    .epff-table#enter-deposit-info td:nth-child(4),
    .epff-table#select-usual-deposit-info td:nth-child(3),
    .epff-table#select-usual-deposit-info td:nth-child(5),
    .epff-table#select-usual-deposit-info td:nth-child(6),
    .epff-table#select-usual-deposit-info td:nth-child(8) {
        word-break: keep-all;
        white-space: nowrap;
    }

        .epff-table#enter-deposit-info td:nth-child(2) .epff-table-column-title,
        .epff-table#enter-deposit-info td:nth-child(4) .epff-table-column-title,
        .epff-table#select-usual-deposit-info
        td:nth-child(3)
        .epff-table-column-title,
        .epff-table#select-usual-deposit-info
        td:nth-child(5)
        .epff-table-column-title,
        .epff-table#select-usual-deposit-info
        td:nth-child(6)
        .epff-table-column-title,
        .epff-table#select-usual-deposit-info
        td:nth-child(8)
        .epff-table-column-title {
            word-break: break-word;
            white-space: initial;
        }
}

/*---------- 輸入交易 - 提款 ----------*/

@media all and (min-width: 768px) {
    .epff-table#sWithdrawInfo th:first-child,
    .epff-table#sWithdrawInfo td:first-child {
        width: 52px;
        min-width: 52px;
    }

    .epff-table#sWithdrawInfo th:nth-child(2),
    .epff-table#sWithdrawInfo td:nth-child(2) {
        width: 52px;
        min-width: 52px;
    }

    .epff-table#sWithdrawInfo th:nth-child(3),
    .epff-table#sWithdrawInfo td:nth-child(3) {
        width: 50%;
        text-align: right;
        white-space: nowrap;
    }

    .epff-table#sWithdrawInfo th:nth-child(4),
    .epff-table#sWithdrawInfo td:nth-child(4) {
        width: 50%;
        min-width: 120px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#sWithdrawInfo th:last-child,
    .epff-table#sWithdrawInfo td:last-child {
        width: 88px;
        min-width: 88px;
    }

    .epff-table#select-usual-withdraw-info th:first-child,
    .epff-table#select-usual-withdraw-info td:first-child {
        width: 52px;
        min-width: 52px;
    }

    .epff-table#select-usual-withdraw-info th:nth-child(2),
    .epff-table#select-usual-withdraw-info td:nth-child(2) {
        width: 30%;
        min-width: 100px;
        max-width: 200px;
    }

    .epff-table#select-usual-withdraw-info th:nth-child(3),
    .epff-table#select-usual-withdraw-info td:nth-child(3) {
        width: 30%;
        min-width: 130px;
        max-width: 500px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#select-usual-withdraw-info th:nth-child(4),
    .epff-table#select-usual-withdraw-info td:nth-child(4) {
        width: 40%;
        min-width: 120px;
        max-width: 200px;
        text-align: left;
        white-space: nowrap;
    }
}

@media all and (max-width: 767px) {
    .epff-table#sWithdrawInfo td:nth-child(2),
    .epff-table#sWithdrawInfo td:nth-child(3),
    .epff-table#select-usual-withdraw-info td:nth-child(4) {
        word-break: keep-all;
        white-space: nowrap;
    }

        .epff-table#sWithdrawInfo td:nth-child(2) .epff-table-column-title,
        .epff-table#sWithdrawInfo td:nth-child(3) .epff-table-column-title,
        .epff-table#select-usual-withdraw-info
        td:nth-child(4)
        .epff-table-column-title {
            word-break: break-word;
            white-space: initial;
        }
}

/*---------- 確認交易內容 ----------*/

@media all and (min-width: 768px) {
    .epff-table#result-receive-info th:first-child,
    .epff-table#result-receive-info td:first-child {
        width: 52px;
        min-width: 52px;
    }

    .epff-table#result-receive-info th:nth-child(2),
    .epff-table#result-receive-info td:nth-child(2) {
        text-align: left;
        width: 20%;
    }

    .epff-table#result-receive-info th:nth-child(3),
    .epff-table#result-receive-info td:nth-child(3) {
        text-align: left;
        width: 40%;
        min-width: 130px;
        max-width: 400px;
    }

    .epff-table#result-receive-info th:nth-child(4),
    .epff-table#result-receive-info td:nth-child(4) {
        text-align: right;
        width: 20%;
    }

    .epff-table#result-receive-info th:nth-child(5),
    .epff-table#result-receive-info td:nth-child(5) {
        text-align: left;
        width: 10%;
        min-width: 120px;
        max-width: 200px;
    }

    .epff-table#result-receive-info th:nth-child(6),
    .epff-table#result-receive-info td:nth-child(6) {
        text-align: left;
        width: 10%;
        min-width: 120px;
        max-width: 200px;
    }

    .epff-table#sTRANSINFO th:first-child,
    .epff-table#sTRANSINFO td:first-child {
        width: 52px;
        min-width: 52px;
    }

    .epff-table#sTRANSINFO th:nth-child(2),
    .epff-table#sTRANSINFO td:nth-child(2) {
        text-align: right;
        width: 50%;
    }

    .epff-table#sTRANSINFO th:nth-child(3),
    .epff-table#sTRANSINFO td:nth-child(3) {
        text-align: left;
        width: 50%;
    }

    .epff-table#result-deposit-account-info th:first-child,
    .epff-table#result-deposit-account-info td:first-child {
        width: 52px;
        min-width: 52px;
    }

    .epff-table#result-deposit-account-info th:nth-child(2),
    .epff-table#result-deposit-account-info td:nth-child(2) {
        text-align: left;
        width: 20%;
    }

    .epff-table#result-deposit-account-info th:nth-child(3),
    .epff-table#result-deposit-account-info td:nth-child(3) {
        text-align: right;
        width: 20%;
    }

    .epff-table#result-deposit-account-info th:nth-child(4),
    .epff-table#result-deposit-account-info td:nth-child(4) {
        text-align: left;
        width: 50%;
    }
}

@media all and (max-width: 767px) {
    .epff-table#result-receive-info td:first-child,
    .epff-table#result-receive-info td:nth-child(4),
    .epff-table#result-deposit-account-info td:first-child,
    .epff-table#result-deposit-account-info td:nth-child(3),
    .epff-table#sTRANSINFO td:first-child,
    .epff-table#sTRANSINFO td:nth-child(2) {
        word-break: keep-all;
        white-space: nowrap;
    }

        .epff-table#result-receive-info td:first-child .epff-table-column-title,
        .epff-table#result-receive-info td:nth-child(4) .epff-table-column-title,
        .epff-table#result-deposit-account-info td:first-child .epff-table-column-title,
        .epff-table#result-deposit-account-info td:nth-child(3) .epff-table-column-title,
        .epff-table#sTRANSINFO td:first-child .epff-table-column-title,
        .epff-table#sTRANSINFO td:nth-child(2) .epff-table-column-title {
            word-break: break-word;
            white-space: initial;
        }
}

/*---------- 交易完成 ----------*/

.epff-completed-info-container {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

    .epff-completed-info-container .epff-completed-info-image {
        width: 255px;
        height: 170px;
        background-repeat: no-repeat;
        display: inline-block;
        background-size: cover;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        background-image: url('../image/completed@2x.png');
    }

    .epff-completed-info-container .epff-completed-info-detail {
        display: flex;
        flex-direction: column;
        align-items: baseline;
        gap: 20px;
    }

@media all and (max-width: 767px) {
    .epff-completed-info-container {
        flex-direction: column;
        align-items: baseline;
        gap: 24px;
    }

        .epff-completed-info-container .epff-completed-info-image {
            background-image: url('../image/completed.png');
        }
}

/*---------- 查詢與修改填單 ----------*/

@media all and (min-width: 768px) {
    .epff-table#search-and-edit-application th:first-child,
    .epff-table#search-and-edit-application td:first-child {
        min-width: 52px;
        width: 52px;
    }

    .epff-table#search-and-edit-application th:nth-child(2),
    .epff-table#search-and-edit-application td:nth-child(2) {
        width: 25%;
        min-width: 130px;
    }

    .epff-table#search-and-edit-application th:nth-child(3),
    .epff-table#search-and-edit-application td:nth-child(3) {
        width: 10%;
        min-width: 80px;
    }

    .epff-table#search-and-edit-application th:nth-child(4),
    .epff-table#search-and-edit-application td:nth-child(4) {
        width: 15%;
        min-width: 130px;
    }

    .epff-table#search-and-edit-application th:nth-child(5),
    .epff-table#search-and-edit-application td:nth-child(5) {
        width: 15%;
        min-width: 130px;
    }

    .epff-table#search-and-edit-application th:nth-child(6),
    .epff-table#search-and-edit-application td:nth-child(6) {
        width: 35%;
        min-width: 150px;
    }

    .epff-table#search-and-edit-application th:nth-child(7),
    .epff-table#search-and-edit-application td:nth-child(7) {
        min-width: 128px;
        width: 128px;
    }
}

@media all and (max-width: 767px) {
    .epff-table#search-and-edit-application td:first-child,
    .epff-table#search-and-edit-application td:nth-child(2),
    .epff-table#search-and-edit-application td:nth-child(3),
    .epff-table#search-and-edit-application td:nth-child(4),
    .epff-table#search-and-edit-application td:nth-child(5),
    .epff-table#search-and-edit-application td:nth-child(6) {
        word-break: keep-all;
        white-space: nowrap;
    }

        .epff-table#search-and-edit-application
        td:first-child
        .epff-table-column-title,
        .epff-table#search-and-edit-application
        td:nth-child(2)
        .epff-table-column-title,
        .epff-table#search-and-edit-application
        td:nth-child(3)
        .epff-table-column-title,
        .epff-table#search-and-edit-application
        td:nth-child(4)
        .epff-table-column-title,
        .epff-table#search-and-edit-application
        td:nth-child(5)
        .epff-table-column-title,
        .epff-table#search-and-edit-application
        td:nth-child(6)
        .epff-table-column-title {
            word-break: break-word;
            white-space: initial;
        }
}

/*---------- 查詢與修改常用交易 ----------*/

@media all and (min-width: 768px) {
    .epff-table#search-and-edit-trasnfer-payment-info th:first-child,
    .epff-table#search-and-edit-trasnfer-payment-info td:first-child {
        min-width: 52px;
        width: 52px;
    }

    .epff-table#search-and-edit-trasnfer-payment-info th:nth-child(2),
    .epff-table#search-and-edit-trasnfer-payment-info td:nth-child(2) {
        width: 10%;
        min-width: 80px;
        max-width: 180px;
    }

    .epff-table#search-and-edit-trasnfer-payment-info th:nth-child(3),
    .epff-table#search-and-edit-trasnfer-payment-info td:nth-child(3),
    .epff-table#search-and-edit-trasnfer-payment-info th:nth-child(4),
    .epff-table#search-and-edit-trasnfer-payment-info td:nth-child(4),
    .epff-table#search-and-edit-trasnfer-payment-info th:nth-child(6),
    .epff-table#search-and-edit-trasnfer-payment-info td:nth-child(6),
    .epff-table#search-and-edit-trasnfer-payment-info th:nth-child(7),
    .epff-table#search-and-edit-trasnfer-payment-info td:nth-child(7),
    .epff-table#search-and-edit-trasnfer-payment-info th:nth-child(9),
    .epff-table#search-and-edit-trasnfer-payment-info td:nth-child(9) {
        width: 10%;
        text-align: left;
        white-space: nowrap;
    }

    .epff-table#search-and-edit-trasnfer-payment-info th:nth-child(5),
    .epff-table#search-and-edit-trasnfer-payment-info td:nth-child(5) {
        width: 20%;
        min-width: 130px;
        max-width: 300px;
        text-align: left;
    }

    .epff-table#search-and-edit-trasnfer-payment-info th:nth-child(8),
    .epff-table#search-and-edit-trasnfer-payment-info td:nth-child(8) {
        width: 20%;
        min-width: 100px;
        text-align: left;
    }

    .epff-table#search-and-edit-trasnfer-payment-info th:last-child,
    .epff-table#search-and-edit-trasnfer-payment-info td:last-child {
        width: 88px;
        min-width: 88px;
    }

    .epff-table#search-and-edit-trasnfer-receive-T00-info th:first-child,
    .epff-table#search-and-edit-trasnfer-receive-T00-info td:first-child,
    .epff-table#search-and-edit-trasnfer-receive-T01-info th:first-child,
    .epff-table#search-and-edit-trasnfer-receive-T01-info td:first-child {
        min-width: 52px;
        width: 52px;
    }

    .epff-table#search-and-edit-trasnfer-receive-T00-info th:nth-child(2),
    .epff-table#search-and-edit-trasnfer-receive-T00-info td:nth-child(2),
    .epff-table#search-and-edit-trasnfer-receive-T01-info th:nth-child(2),
    .epff-table#search-and-edit-trasnfer-receive-T01-info td:nth-child(2) {
        width: 10%;
        min-width: 80px;
        max-width: 180px;
    }

    .epff-table#search-and-edit-trasnfer-receive-T00-info th:nth-child(3),
    .epff-table#search-and-edit-trasnfer-receive-T00-info td:nth-child(3),
    .epff-table#search-and-edit-trasnfer-receive-T01-info th:nth-child(3),
    .epff-table#search-and-edit-trasnfer-receive-T01-info td:nth-child(3) {
        width: 20%;
        min-width: 130px;
        max-width: 300px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#search-and-edit-trasnfer-receive-T00-info th:nth-child(4),
    .epff-table#search-and-edit-trasnfer-receive-T00-info td:nth-child(4),
    .epff-table#search-and-edit-trasnfer-receive-T01-info th:nth-child(4),
    .epff-table#search-and-edit-trasnfer-receive-T01-info td:nth-child(4) {
        width: 30%;
        min-width: 130px;
        max-width: 400px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#search-and-edit-trasnfer-receive-T00-info th:nth-child(5),
    .epff-table#search-and-edit-trasnfer-receive-T00-info td:nth-child(5),
    .epff-table#search-and-edit-trasnfer-receive-T01-info th:nth-child(5),
    .epff-table#search-and-edit-trasnfer-receive-T01-info td:nth-child(5),
    .epff-table#search-and-edit-trasnfer-receive-T00-info th:nth-child(6),
    .epff-table#search-and-edit-trasnfer-receive-T00-info td:nth-child(6),
    .epff-table#search-and-edit-trasnfer-receive-T01-info th:nth-child(6),
    .epff-table#search-and-edit-trasnfer-receive-T01-info td:nth-child(6) {
        width: 15%;
        min-width: 120px;
        max-width: 200px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#search-and-edit-trasnfer-receive-T00-info th:last-child,
    .epff-table#search-and-edit-trasnfer-receive-T00-info td:last-child,
    .epff-table#search-and-edit-trasnfer-receive-T01-info th:last-child,
    .epff-table#search-and-edit-trasnfer-receive-T01-info td:last-child {
        width: 88px;
        min-width: 88px;
    }

    .epff-table#search-and-edit-deposit-info th:first-child,
    .epff-table#search-and-edit-deposit-info td:first-child {
        min-width: 52px;
        width: 52px;
    }

    .epff-table#search-and-edit-deposit-info th:nth-child(2),
    .epff-table#search-and-edit-deposit-info td:nth-child(2) {
        width: 10%;
        min-width: 80px;
        max-width: 180px;
    }

    .epff-table#search-and-edit-deposit-info th:nth-child(3),
    .epff-table#search-and-edit-deposit-info td:nth-child(3) {
        width: 15%;
        text-align: left;
        white-space: nowrap;
    }

    .epff-table#search-and-edit-deposit-info th:nth-child(4),
    .epff-table#search-and-edit-deposit-info td:nth-child(4) {
        width: 20%;
        text-align: left;
        min-width: 130px;
        max-width: 300px;
        word-break: break-word;
    }

    .epff-table#search-and-edit-deposit-info th:nth-child(5),
    .epff-table#search-and-edit-deposit-info td:nth-child(5),
    .epff-table#search-and-edit-deposit-info th:nth-child(8),
    .epff-table#search-and-edit-deposit-info td:nth-child(8) {
        width: 10%;
        text-align: left;
        white-space: nowrap;
    }

    .epff-table#search-and-edit-deposit-info th:nth-child(6),
    .epff-table#search-and-edit-deposit-info td:nth-child(6) {
        width: 15%;
        text-align: left;
        white-space: nowrap;
    }

    .epff-table#search-and-edit-deposit-info th:nth-child(7),
    .epff-table#search-and-edit-deposit-info td:nth-child(7) {
        width: 20%;
        min-width: 100px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#search-and-edit-deposit-info th:last-child,
    .epff-table#search-and-edit-deposit-info td:last-child {
        width: 88px;
        min-width: 88px;
    }

    .epff-table#search-and-edit-deposit-input-info th:first-child,
    .epff-table#search-and-edit-deposit-input-info td:first-child {
        min-width: 52px;
        width: 52px;
    }

    .epff-table#search-and-edit-deposit-input-info th:nth-child(2),
    .epff-table#search-and-edit-deposit-input-info td:nth-child(2) {
        width: 20%;
        min-width: 80px;
        max-width: 180px;
    }

    .epff-table#search-and-edit-deposit-input-info th:nth-child(3),
    .epff-table#search-and-edit-deposit-input-info td:nth-child(3) {
        width: 60%;
        min-width: 130px;
        max-width: 500px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#search-and-edit-deposit-input-info th:nth-child(4),
    .epff-table#search-and-edit-deposit-input-info td:nth-child(4) {
        width: 20%;
        min-width: 120px;
        max-width: 200px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#search-and-edit-deposit-input-info th:last-child,
    .epff-table#search-and-edit-deposit-input-info td:last-child {
        width: 88px;
        min-width: 88px;
    }

    .epff-table#search-and-edit-withdraw-info th:first-child,
    .epff-table#search-and-edit-withdraw-info td:first-child {
        min-width: 52px;
        width: 52px;
    }

    .epff-table#search-and-edit-withdraw-info th:nth-child(2),
    .epff-table#search-and-edit-withdraw-info td:nth-child(2) {
        width: 40%;
        min-width: 80px;
    }

    .epff-table#search-and-edit-withdraw-info th:nth-child(3),
    .epff-table#search-and-edit-withdraw-info td:nth-child(3) {
        width: 30%;
        min-width: 110px;
        text-align: left;
        word-break: break-word;
    }

    .epff-table#search-and-edit-withdraw-info th:nth-child(4),
    .epff-table#search-and-edit-withdraw-info td:nth-child(4) {
        width: 30%;
        min-width: 120px;
        text-align: left;
        white-space: nowrap;
    }

    .epff-table#search-and-edit-withdraw-info th:last-child,
    .epff-table#search-and-edit-withdraw-info td:last-child {
        width: 88px;
        min-width: 88px;
    }
}

@media all and (max-width: 767px) {
    .epff-table#search-and-edit-trasnfer-payment-info td:first-child,
    .epff-table#search-and-edit-trasnfer-payment-info td:nth-child(3),
    .epff-table#search-and-edit-trasnfer-payment-info td:nth-child(4),
    .epff-table#search-and-edit-trasnfer-payment-info td:nth-child(6),
    .epff-table#search-and-edit-trasnfer-payment-info td:nth-child(7),
    .epff-table#search-and-edit-trasnfer-payment-info td:nth-child(9),
    .epff-table#search-and-edit-trasnfer-receive-T00-info td:first-child,
    .epff-table#search-and-edit-trasnfer-receive-T01-info td:first-child,
    .epff-table#search-and-edit-deposit-info td:first-child,
    .epff-table#search-and-edit-deposit-info td:nth-child(3),
    .epff-table#search-and-edit-deposit-info td:nth-child(5),
    .epff-table#search-and-edit-deposit-info td:nth-child(6),
    .epff-table#search-and-edit-deposit-info td:nth-child(8),
    .epff-table#search-and-edit-deposit-input-info td:first-child,
    .epff-table#search-and-edit-withdraw-info td:first-child {
        word-break: keep-all;
        white-space: nowrap;
    }

        .epff-table#search-and-edit-trasnfer-payment-info
        td:first-child
        .epff-table-column-title,
        .epff-table#search-and-edit-trasnfer-payment-info
        td:nth-child(3)
        .epff-table-column-title,
        .epff-table#search-and-edit-trasnfer-payment-info
        td:nth-child(4)
        .epff-table-column-title,
        .epff-table#search-and-edit-trasnfer-payment-info
        td:nth-child(6)
        .epff-table-column-title,
        .epff-table#search-and-edit-trasnfer-payment-info
        td:nth-child(7)
        .epff-table-column-title,
        .epff-table#search-and-edit-trasnfer-payment-info
        td:nth-child(9)
        .epff-table-column-title,
        .epff-table#search-and-edit-trasnfer-receive-T00-info
        td:first-child
        .epff-table-column-title,
        .epff-table#search-and-edit-trasnfer-receive-T01-info
        td:first-child
        .epff-table-column-title,
        .epff-table#search-and-edit-deposit-info
        td:first-child
        .epff-table-column-title,
        .epff-table#search-and-edit-deposit-info
        td:nth-child(3)
        .epff-table-column-title,
        .epff-table#search-and-edit-deposit-info
        td:nth-child(5)
        .epff-table-column-title,
        .epff-table#search-and-edit-deposit-info
        td:nth-child(6)
        .epff-table-column-title,
        .epff-table#search-and-edit-deposit-info
        td:nth-child(8)
        .epff-table-column-title,
        .epff-table#search-and-edit-deposit-input-info
        td:first-child
        .epff-table-column-title,
        .epff-table#search-and-edit-withdraw-info
        td:first-child
        .epff-table-column-title {
            word-break: break-word;
            white-space: initial;
        }
}

/* 2025/1/15 UXD 調整 */
input[type='text'][disabled]::placeholder {
    color: #bebebe;
}

.epff-btn-icon .icon.icon-view {
    background-image: url('../image/icon/icon_view_24.svg');
}

.epff-btn-icon:hover .icon.icon-view {
    background-image: url('../image/icon/icon_view_hover_24.svg');
}

.epff-btn-icon .icon.icon-reset {
    background-image: url('../image/icon/icon_reset_20.svg');
}

.epff-btn-icon:hover .icon.icon-reset {
    background-image: url('../image/icon/icon_reset_hover_20.svg');
}

.epff-tooltip {
    position: fixed;
    background: #fff;
    font-size: 16px;
    padding: 8px;
    color: #333333;
    box-shadow: 0px 5px 10px #0000000d;
    border-radius: 12px;
}

.epff-card.epff-card-quick-search {
    padding: 20px;
}

.epff-card-quick-search {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    white-space: nowrap;
}

    .epff-card-quick-search .epff-card-quick-search-group {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 16px;
    }

        .epff-card-quick-search .epff-card-quick-search-group .inputGroup__control {
            margin-left: 0;
            min-width: 100px;
            width: 100%;
            max-width: 200px;
        }

        .epff-card-quick-search .epff-card-quick-search-group .actionArea .btn {
            width: 64px;
            min-width: 0;
            margin: 0;
        }

    .epff-card-quick-search
    .epff-card-quick-search-reset
    .epff-btn-icon.epff-btn-icon-text {
        height: auto;
        font-size: 14px;
    }

        .epff-card-quick-search
        .epff-card-quick-search-reset
        .epff-btn-icon.epff-btn-icon-text
        .icon {
            height: 20px;
            width: 20px;
        }

.epff-card.epff-card-quick-search .epff-card-quick-search-group .inputGroup__control .invalid-feedback {
    position: absolute;
    top: 42px;
    left: 0;
}

.epff-card.epff-card-quick-search:has(.error) {
    padding-bottom: 40px;
}


@media all and (max-width: 767px) {
    .epff-card.epff-card-quick-search {
        padding: 16px;
    }

    .epff-card-quick-search {
        flex-direction: column;
        justify-content: flex-start;
        gap: 16px;
    }

        .epff-card-quick-search .epff-card-quick-search-group {
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
        }

            .epff-card-quick-search .epff-card-quick-search-group .inputGroup__control {
                width: 100%;
                max-width: none;
            }

            .epff-card-quick-search .epff-card-quick-search-group .actionArea {
                width: 100%;
                margin-top: 8px;
            }

                .epff-card-quick-search .epff-card-quick-search-group .actionArea .btn {
                    width: 100%;
                }

    .epff-card.epff-card-quick-search .epff-card-quick-search-group .inputGroup__control:has(.error) {
        margin-bottom: 24px;
    }

    .epff-card.epff-card-quick-search:has(.error) {
        padding-bottom: 16px;
    }
}