.rights-page {

    display: flex;

    width: 100vw;

    flex-direction: column;

    align-items: center
}

.rights-page .inner-group {

    width: 100%
}

.rights-page .inner-group .v3-twm-small-tab {

    justify-content: center
}

.rights-page .v3-twm-container {

    display: flex;

    flex-direction: column;

    gap: 80px
}

@media (min-width: 700px) {

    .rights-page #small-1-2 .v3-twm-container {

        gap: 160px
    }
}

.rights-page .service-block {

    display: flex;

    flex-direction: column
}

.rights-page .service-block .discount-block {

    display: flex;

    flex-direction: column;

    gap: 16px
}

@media (min-width: 700px) {

    .rights-page .service-block .discount-block {

        flex-direction: row;

        flex-wrap: wrap
    }
}

@media (min-width: 1024px) {

    .rights-page .service-block .discount-block {

        flex-wrap: nowrap
    }
}

.rights-page .service-block .discount-block .discount-box {

    display: flex;

    height: 177px;

    flex-direction: column;

    align-items: flex-start;

    gap: 4px;

    border-radius: 20px;

    --tw-bg-opacity: 1;

    background-color: rgb(238 243 246 / var(--tw-bg-opacity));

    padding: 24px
}

@media (min-width: 700px) {

    .rights-page .service-block .discount-block .discount-box {

        height: 227px;

        flex: 0 0 calc((100% - 16px) / 2)
    }
}

@media (min-width: 1024px) {

    .rights-page .service-block .discount-block .discount-box {

        flex: 1 1 0%
    }
}

.discount-box .title {

    display: flex;

    align-items: center;

    gap: 8px;

    --tw-text-opacity: 1;

    color: rgb(30 32 34 / var(--tw-text-opacity))
}

.discount-box .title h3 {

    font-family: Poppins, Noto Sans TC, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;

    font-size: 1.0625rem;

    line-height: 1.5;

    font-weight: 500;

    letter-spacing: 1.02px
}

@media (min-width: 700px) {

    .discount-box .title h3 {

        font-size: 1.3125rem;

        line-height: 1.5;

        font-weight: 500;

        letter-spacing: 1.26px
    }
}

.discount-box a {

    margin-top: auto
}

.rights-page p {

    text-align: justify;

    font-family: Poppins, Noto Sans TC, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;

    font-size: 0.8125rem;

    line-height: 1.5;

    letter-spacing: 0.52px;

    --tw-text-opacity: 1;

    color: rgb(30 32 34 / var(--tw-text-opacity))
}

@media (min-width: 700px) {

    .rights-page p {

        font-size: 0.9375rem;

        line-height: 1.5;

        letter-spacing: 1.2px
    }
}

.rights-page p.dot {

    display: flex;

    align-items: flex-start
}

.rights-page p.dot::before {

    margin: 8px;

    display: block;

    height: 3px;

    width: 3px;

    flex: 0 0 auto;

    border-radius: 50%;

    --tw-bg-opacity: 1;

    background-color: rgb(30 32 34 / var(--tw-bg-opacity));

    --tw-content: "";

    content: var(--tw-content)
}

@media (min-width: 700px) {

    .rights-page p.dot::before {

        margin: 9px
    }
}

#digital-swiper .digital-card {

    display: flex;

    height: 430px;

    flex-direction: column;

    gap: 24px;

    border-radius: 16px;

    --tw-bg-opacity: 1;

    background-color: rgb(245 247 248 / var(--tw-bg-opacity));

    padding-left: 16px;

    padding-right: 16px;

    padding-top: 24px;

    padding-bottom: 24px
}

@media (min-width: 700px) {

    #digital-swiper .digital-card {

        padding-left: 24px;

        padding-right: 24px
    }
}

#digital-swiper .digital-card .digital-title {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 24px
}

#digital-swiper .digital-card .digital-title .digital-img {

    display: flex;

    height: 80px;

    width: 80px;

    align-items: center;

    justify-content: center;

    padding: 10px
}

#digital-swiper .digital-card .digital-title .digital-img img {

    height: 100%;

    width: 100%
}

#digital-swiper .digital-card .digital-title .digital-text {

    display: flex;

    flex-direction: column;

    gap: 8px
}

#digital-swiper .digital-card .digital-title .digital-text a {

    justify-content: flex-start
}

#digital-swiper .digital-card .digital-title h3 {

    font-family: Poppins, Noto Sans TC, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;

    font-size: 1.125rem;

    line-height: 1.5;

    font-weight: 500;

    letter-spacing: 1.8px;

    --tw-text-opacity: 1;

    color: rgb(45 48 51 / var(--tw-text-opacity))
}

@media (min-width: 700px) {

    #digital-swiper .digital-card .digital-title h3 {

        font-size: 1.5625rem;

        line-height: 1.5;

        font-weight: 500;

        letter-spacing: 2.5px
    }
}

#digital-swiper .digital-card .digital-info {

    display: flex;

    flex-direction: column;

    gap: 4px
}

.swiper-button svg {

    --tw-text-opacity: 1;

    color: rgb(45 48 51 / var(--tw-text-opacity))
}

.rights-block {

    display: flex;

    flex-direction: column
}

/*# sourceMappingURL=member-area-related-rights.css.map */