@charset "UTF-8";

body, html {
    width: 100%;
    font-family: Arial,"Microsoft JhengHei",Helvetica,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px
}

html {
    scroll-padding-top: 90px
}

body {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

@media (max-width: 640px) {
    body {
        overflow-x: hidden
    }
}

.frame-outer {
    width: 100%;
    box-sizing: border-box
}

.wrap {
    width: 100%;
    min-height: 100vh;
    box-sizing: border-box
}

@media (min-width: 641px) {
    .wrap {
        position: relative;
        min-height: 80vh
    }
}

.wrapper {
    width: 100%;
    text-align: center;
    padding: 0 0 60px
}

.container {
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 25px;
    box-sizing: border-box;
    text-align: left
}

@media (max-width: 800px) {
    .container.container-pad-pt0 {
        padding: 0
    }
}

@media (max-width: 640px) {
    .container.container-mobile-pt0 {
        padding: 0
    }
}

@media (min-width: 801px) {
    .container {
        padding: 0 40px
    }
}

.container.p-b-120 {
    padding-bottom: 120px
}

@media (max-width: 800px) {
    .container.p-b-120 {
        padding-bottom: 90px
    }
}

.imgbox {
    width: 100%;
    overflow: hidden;
    position: relative
}

.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .2s
}

.img-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: .2s
}

.img-ab-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: .2s
}

.img-ab-contain {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transition: .2s
}

@media (min-width: 801px) {
    .hide-web {
        display: none !important
    }
}

@media (max-width: 800px) {
    .hide-pad {
        display: none !important
    }
}

@media (max-width: 640px) {
    .hide-mobile {
        display: none !important
    }
}

.input-wrapper.flex {
    display: flex;
    gap: 30px;
    flex-wrap: wrap
}

input[type=checkbox] {
    display: none
}

    input[type=checkbox] ~ label {
        font-size: 18px;
        cursor: pointer
    }

        input[type=checkbox] ~ label::before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 4px;
            margin-right: .625rem;
            margin-bottom: .25rem;
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='24' width='21' viewBox='0 0 448 512' fill='%2328476C'><path d='M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z'/></svg>")
        }

    input[type=checkbox]:checked + label::before {
        content: "";
        display: inline-block;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='24' width='21' fill='%2328476C' viewBox='0 0 448 512'><path d='M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/></svg>")
    }

#cboxContent #cboxClose {
    top: 20px;
    right: 32px
}

.m-t-header {
    margin-top: 52px
}

.m-t-0 {
    margin-top: 0
}

.p-b-footer {
    padding-bottom: 120px
}

@media (max-width: 800px) {
    .p-b-footer {
        padding-bottom: 90px
    }
}

.bg-second {
    background-color: #f6f7f8
}

.page-bg {
    position: relative;
    background: url(../images/posts/posts_bg.svg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 50vw auto
}

.icon-itis::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='18.9356' height='30.297' rx='5' transform='matrix(1 0 -0.258819 0.965926 7.84143 2)' fill='%23FCCF79'/><rect width='12.1327' height='19.4123' rx='2' transform='matrix(1 0 -0.258819 0.965926 27.0243 20)' fill='%239DC2DD'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 12px
}

.icon-itis.filled::before {
    background-image: url("data:image/svg+xml,<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='18.9356' height='30.297' rx='5' transform='matrix(1 0 -0.258819 0.965926 7.84143 2)' fill='%23F5A100'/><rect width='12.1327' height='19.4123' rx='2' transform='matrix(1 0 -0.258819 0.965926 27.0243 20)' fill='%23698FBC'/></svg>")
}

.border-line-btm {
    padding-bottom: .5em;
    border-bottom: 1px solid rgba(40,70,108,.8)
}

abbr.required {
    color: #e61a1a
}

    abbr.required[title] {
        text-decoration: none
    }

.reset-list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.reset-link {
    text-decoration: none;
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#colorbox {
    border-radius: 20px
}

.title-num-skew {
    font-style: oblique;
    font-size: 1.67em;
    font-family: "Microsoft JhengHei",Arial,Helvetica,sans-serif
}

.main-n-side-layout {
    display: flex;
    gap: 8.75%;
    padding-bottom: 120px;
    width: 100%
}

@media (max-width: 1024px) {
    .main-n-side-layout {
        gap: 5%
    }
}

@media (max-width: 800px) {
    .main-n-side-layout {
        flex-direction: column
    }
}

.main-n-side-layout .main-content-wrapper {
    flex: 1
}

@media (max-width: 800px) {
    .main-n-side-layout .main-content-wrapper {
        margin-bottom: 48px
    }
}

.main-n-side-layout .side-bar-wrapper {
    width: 310px
}

@media (max-width: 1024px) {
    .main-n-side-layout .side-bar-wrapper {
        width: 250px
    }
}

@media (max-width: 800px) {
    .main-n-side-layout .side-bar-wrapper {
        width: 100%
    }
}

.right-bar {
    border-left: 1px solid #eaeaea;
    box-sizing: border-box;
    padding-left: 28px
}

@media (max-width: 1024px) {
    .right-bar {
        padding-left: 18px
    }
}

@media (max-width: 800px) {
    .right-bar {
        border-left: 0;
        padding-left: 0
    }
}

.right-bar .right-bar-item:not(:last-child) {
    margin-bottom: 60px
}

@media (max-width: 640px) {
    .right-bar .right-bar-item:not(:last-child) {
        margin-bottom: 48px
    }
}

.right-bar .right-bar-title {
    font-size: 16px;
    font-weight: 600;
    color: #28476c;
    margin-bottom: 24px
}

.right-bar .right-bar-hot-keywords {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 6px
}

.right-bar .hot-keyword {
    background-color: #fff;
    box-sizing: border-box;
    padding: 6px 16px;
    font-size: 14px;
    color: #28476c;
    letter-spacing: .06em;
    border: 1px solid #6c94c4;
    border-radius: 20px;
    transition: all .2s ease
}

@media (max-width: 1024px) {
    .right-bar .hot-keyword {
        padding: 4px 8px
    }
}

@media (max-width: 800px) {
    .right-bar .hot-keyword {
        padding: 6px 16px
    }
}

.right-bar .hot-keyword:hover {
    background-color: #6c94c4;
    color: #fff
}

.right-bar .right-bar-hot-link {
    display: flex
}

    .right-bar .right-bar-hot-link:not(:last-child) {
        margin-bottom: 20px
    }

.right-bar .right-bar-hot-num {
    font-size: 36px;
    font-style: italic;
    color: #28476c;
    opacity: .7;
    min-width: 37px;
    text-align: center;
    margin-right: 8px;
    transition: all .3s ease
}

.right-bar .right-bar-hot-text {
    color: #1b1b1b;
    font-family: "Microsoft JhengHei",Arial,Helvetica,sans-serif;
    transition: all .3s ease
}

    .right-bar .right-bar-hot-text .word-zh {
        font-size: 18px
    }

@media (max-width: 1024px) {
    .right-bar .right-bar-hot-text .word-zh {
        font-size: 17px
    }
}

.right-bar .right-bar-hot-text .word-en {
    font-size: 14px;
    font-weight: 200
}

@media (max-width: 1024px) {
    .right-bar .right-bar-hot-text .word-en {
        font-size: 13px
    }
}

.right-bar .right-bar-hot-link:hover .right-bar-hot-num {
    color: #f5a200;
    opacity: 1
}

.right-bar .right-bar-hot-link:hover .right-bar-hot-text {
    color: #28476c
}

[class*=flex-col-] {
    width: calc(100% + 1rem);
    margin-left: -.5rem
}

@media (min-width: 1281px) {
    [class*=flex-col-] {
        width: calc(100% + 3rem);
        margin-left: -1.5rem
    }
}

[class*=flex-col-] [class*=col-] {
    padding: 0 .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 1281px) {
    [class*=flex-col-] [class*=col-] {
        padding: 0 1rem
    }
}

.flex-col, .flex-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .flex-col.flex-wrap, .flex-wrap.flex-vertical {
        flex-wrap: wrap
    }

.flex-vertical {
    flex-direction: column
}

.flex-col-web {
    display: block;
    width: calc(100% + 1rem);
    margin-left: -.5rem
}

@media (min-width: 1281px) {
    .flex-col-web {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: calc(100% + 3rem);
        margin-left: -1.5rem
    }
}

.flex-col-web [class*=col-] {
    padding: 0 .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 1281px) {
    .flex-col-web [class*=col-] {
        padding: 0 1rem
    }
}

.flex-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-align-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.flex-align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

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

.flex-justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex-justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex-justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.col-100 {
    width: 100%
}

@media (min-width: 641px) {
    .col-sm-100 {
        width: 100%
    }
}

@media (min-width: 801px) {
    .col-md-100 {
        width: 100%
    }
}

@media (min-width: 1281px) {
    .col-lg-100 {
        width: 100%
    }
}

.col-90 {
    width: 90%
}

@media (min-width: 641px) {
    .col-sm-90 {
        width: 90%
    }
}

@media (min-width: 801px) {
    .col-md-90 {
        width: 90%
    }
}

@media (min-width: 1281px) {
    .col-lg-90 {
        width: 90%
    }
}

.col-80 {
    width: 80%
}

@media (min-width: 641px) {
    .col-sm-80 {
        width: 80%
    }
}

@media (min-width: 801px) {
    .col-md-80 {
        width: 80%
    }
}

@media (min-width: 1281px) {
    .col-lg-80 {
        width: 80%
    }
}

.col-75 {
    width: 75%
}

@media (min-width: 641px) {
    .col-sm-75 {
        width: 75%
    }
}

@media (min-width: 801px) {
    .col-md-75 {
        width: 75%
    }
}

@media (min-width: 1281px) {
    .col-lg-75 {
        width: 75%
    }
}

.col-70 {
    width: 70%
}

@media (min-width: 641px) {
    .col-sm-70 {
        width: 70%
    }
}

@media (min-width: 801px) {
    .col-md-70 {
        width: 70%
    }
}

@media (min-width: 1281px) {
    .col-lg-70 {
        width: 70%
    }
}

.col-65 {
    width: 65%
}

@media (min-width: 641px) {
    .col-sm-65 {
        width: 65%
    }
}

@media (min-width: 801px) {
    .col-md-65 {
        width: 65%
    }
}

@media (min-width: 1281px) {
    .col-lg-65 {
        width: 65%
    }
}

.col-60 {
    width: 60%
}

@media (min-width: 641px) {
    .col-sm-60 {
        width: 60%
    }
}

@media (min-width: 801px) {
    .col-md-60 {
        width: 60%
    }
}

@media (min-width: 1281px) {
    .col-lg-60 {
        width: 60%
    }
}

.col-55 {
    width: 55%
}

@media (min-width: 641px) {
    .col-sm-55 {
        width: 55%
    }
}

@media (min-width: 801px) {
    .col-md-55 {
        width: 55%
    }
}

@media (min-width: 1281px) {
    .col-lg-55 {
        width: 55%
    }
}

.col-50 {
    width: 50%
}

@media (min-width: 641px) {
    .col-sm-50 {
        width: 50%
    }
}

@media (min-width: 801px) {
    .col-md-50 {
        width: 50%
    }
}

@media (min-width: 1281px) {
    .col-lg-50 {
        width: 50%
    }
}

.col-45 {
    width: 45%
}

@media (min-width: 641px) {
    .col-sm-45 {
        width: 45%
    }
}

@media (min-width: 801px) {
    .col-md-45 {
        width: 45%
    }
}

@media (min-width: 1281px) {
    .col-lg-45 {
        width: 45%
    }
}

.col-40 {
    width: 40%
}

@media (min-width: 641px) {
    .col-sm-40 {
        width: 40%
    }
}

@media (min-width: 801px) {
    .col-md-40 {
        width: 40%
    }
}

@media (min-width: 1281px) {
    .col-lg-40 {
        width: 40%
    }
}

.col-35 {
    width: 35%
}

@media (min-width: 641px) {
    .col-sm-35 {
        width: 35%
    }
}

@media (min-width: 801px) {
    .col-md-35 {
        width: 35%
    }
}

@media (min-width: 1281px) {
    .col-lg-35 {
        width: 35%
    }
}

.col-33 {
    width: 33.33%
}

@media (min-width: 641px) {
    .col-sm-33 {
        width: 33.33%
    }
}

@media (min-width: 801px) {
    .col-md-33 {
        width: 33.33%
    }
}

@media (min-width: 1281px) {
    .col-lg-33 {
        width: 33.33%
    }
}

.col-30 {
    width: 30%
}

@media (min-width: 641px) {
    .col-sm-30 {
        width: 30%
    }
}

@media (min-width: 801px) {
    .col-md-30 {
        width: 30%
    }
}

@media (min-width: 1281px) {
    .col-lg-30 {
        width: 30%
    }
}

.col-25 {
    width: 25%
}

@media (min-width: 641px) {
    .col-sm-25 {
        width: 25%
    }
}

@media (min-width: 801px) {
    .col-md-25 {
        width: 25%
    }
}

@media (min-width: 1281px) {
    .col-lg-25 {
        width: 25%
    }
}

.col-20 {
    width: 20%
}

@media (min-width: 641px) {
    .col-sm-20 {
        width: 20%
    }
}

@media (min-width: 801px) {
    .col-md-20 {
        width: 20%
    }
}

@media (min-width: 1281px) {
    .col-lg-20 {
        width: 20%
    }
}

.col-15 {
    width: 15%
}

@media (min-width: 641px) {
    .col-sm-15 {
        width: 15%
    }
}

@media (min-width: 801px) {
    .col-md-15 {
        width: 15%
    }
}

@media (min-width: 1281px) {
    .col-lg-15 {
        width: 15%
    }
}

.col-10 {
    width: 10%
}

@media (min-width: 641px) {
    .col-sm-10 {
        width: 10%
    }
}

@media (min-width: 801px) {
    .col-md-10 {
        width: 10%
    }
}

@media (min-width: 1281px) {
    .col-lg-10 {
        width: 10%
    }
}

.annual-banner .main-title-wrapper .price::before, .title-lg {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3
}

@media (max-width: 1280px) {
    .annual-banner .main-title-wrapper .price::before, .title-lg {
        font-size: 30px
    }
}

@media (max-width: 800px) {
    .annual-banner .main-title-wrapper .price::before, .title-lg {
        font-size: 28px
    }
}

.title-md {
    font-size: 20px;
    line-height: 1.3
}

.title-sm {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: .35em;
    font-weight: 700
}

@media (max-width: 640px) {
    .title-sm {
        font-size: 16px
    }
}

.title-main {
    font-weight: 700;
    color: #1b1b1b;
    margin: 0
}

.title-primary {
    font-weight: 700;
    color: #28476c
}

.title-item {
    display: flex;
    align-items: center;
    margin-right: 6px
}

    .title-item::before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px
    }

    .title-item.light-blue::before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8' y='8' width='8' height='8' fill='%236C94C4'/%3E%3C/svg%3E%0A")
    }

.text-sm {
    font-size: 14px
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-caution {
    color: #914343
}

.t-primary {
    color: #28476c
}

.t-accent {
    color: #f5a200
}

.t-note {
    color: #838383
}

.notice-red-color, .t-red {
    color: #e61a1a
}

.bold {
    font-weight: 700
}

.title-cube {
    font-weight: 700;
    box-sizing: border-box;
    line-height: 1.7
}

    .title-cube::before {
        content: "";
        display: inline-block;
        width: 1em;
        height: 1em;
        min-width: 1em;
        vertical-align: middle;
        margin-right: .2em
    }

    .title-cube.primary-cube::before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8' y='8' width='8' height='8' fill='%2328476C'/%3E%3C/svg%3E%0A")
    }

    .title-cube.light-blue-cube::before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8' y='8' width='8' height='8' fill='%236C94C4'/%3E%3C/svg%3E%0A")
    }

    .title-cube.aqua-cube::before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8' y='8' width='8' height='8' fill='%233DA8B2'/%3E%3C/svg%3E%0A")
    }

    .title-cube.sky-blue-cube::before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8' y='8' width='8' height='8' fill='%234E9CDB'/%3E%3C/svg%3E%0A")
    }

.btn, .btn-accent, .btn-outerline, .btn-primary, .btn-second, .btn-sm {
    display: inline-block;
    font-size: 1rem;
    padding: .8em 1.3em .75em;
    box-sizing: border-box;
    border: none;
    outline: 0;
    border-radius: 2em;
    transition: .3s;
    text-decoration: none;
    cursor: pointer
}

    .btn-accent:focus, .btn-outerline:focus, .btn-primary:focus, .btn-second:focus, .btn-sm:focus, .btn:focus {
        outline: 0
    }

.btn-block {
    text-align: center;
    display: block
}

.btn-primary {
    color: #fff;
    background-color: #28476c;
    border: 1px solid #28476c
}

    .btn-primary:hover {
        background-color: #f5a200;
        border: 1px solid #f5a200
    }

.btn-second {
    color: #28476c;
    background-color: #dae2ec;
    border: 1px solid #dae2ec
}

    .btn-second:hover {
        color: #fff;
        background-color: #28476c;
        border: 1px solid #28476c
    }

.btn-accent {
    background-color: #f5a200;
    border: 1px solid #f5a200;
    color: #fff
}

    .btn-accent:hover {
        background-color: rgb(255,191.1408163265,66.5);
        border: 1px solid rgb(255,191.1408163265,66.5)
    }

.btn-outerline {
    color: #28476c;
    border: 1px solid #28476c
}

    .btn-outerline:hover {
        color: #fff;
        background-color: #28476c
    }

    .btn-outerline.white {
        border-color: #fff;
        color: #fff
    }

        .btn-outerline.white:hover {
            border-color: #fff;
            opacity: .8
        }

    .btn-outerline.aqua {
        border-color: #3da8b2;
        color: #3da8b2
    }

        .btn-outerline.aqua:hover {
            color: #fff;
            background-color: #3da8b2
        }

.btn-next {
    position: relative;
    padding-right: 2.8em
}

    .btn-next:hover:after {
        transform: translateX(20%)
    }

    .btn-next:hover.btn-outerline:not(.white):after {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L10 8.5L2 15.5" stroke="%23ffffff" stroke-width="2"/></svg>')
    }

    .btn-next:after {
        content: "";
        position: absolute;
        display: block;
        top: calc(50% - .4em);
        right: .85em;
        width: .5em;
        height: .8em;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L10 8.5L2 15.5" stroke="%23ffffff" stroke-width="2"/></svg>');
        transition: .3s
    }

    .btn-next.btn-outerline:not(.white):after {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L10 8.5L2 15.5" stroke="%2328476C" stroke-width="2"/></svg>')
    }

.btn-arrow-next, .btn-arrow-prev {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.4em;
    height: 1.4em;
    border-radius: 100%;
    background-color: #eef1f5;
    border: none;
    outline: 0;
    transition: .3s;
    cursor: pointer
}

    .btn-arrow-next:focus, .btn-arrow-prev:focus {
        outline: 0
    }

    .btn-arrow-next:hover, .btn-arrow-prev:hover {
        background-color: #28476c
    }

        .btn-arrow-next:hover:after, .btn-arrow-prev:hover:after {
            transform: translateX(10%);
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L10 8.5L2 15.5" stroke="%23ffffff" stroke-width="2"/></svg>')
        }

    .btn-arrow-next:after, .btn-arrow-prev:after {
        content: "";
        display: block;
        width: .5em;
        height: 1em;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L10 8.5L2 15.5" stroke="%2328476C" stroke-width="2"/></svg>');
        transition: .3s
    }

    .btn-arrow-next.white-bg, .white-bg.btn-arrow-prev {
        background-color: #fff
    }

        .btn-arrow-next.white-bg:hover, .white-bg.btn-arrow-prev:hover {
            background-color: #28476c
        }

    .btn-arrow-next.primary-bg, .primary-bg.btn-arrow-prev {
        background-color: #28476c
    }

        .btn-arrow-next.primary-bg:hover, .primary-bg.btn-arrow-prev:hover {
            background-color: #f5a200
        }

        .btn-arrow-next.primary-bg:after, .primary-bg.btn-arrow-prev:after {
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L10 8.5L2 15.5" stroke="%23ffffff" stroke-width="2"/></svg>')
        }

    .btn-arrow-next.size-lg, .size-lg.btn-arrow-prev {
        width: 3em;
        height: 3em
    }

        .btn-arrow-next.size-lg:after, .size-lg.btn-arrow-prev:after {
            width: .8em
        }

    .btn-arrow-prev:focus {
        outline: 0
    }

    .btn-arrow-prev:hover {
        background-color: #28476c
    }

        .btn-arrow-prev:hover:after {
            transform: translateX(10%);
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.14453 1.45966L1.86874 6.49578L8.14453 11.9193" stroke="%23ffffff" stroke-width="2"/></svg>')
        }

    .btn-arrow-prev:after {
        content: "";
        display: block;
        width: .5em;
        height: 1em;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.14453 1.45966L1.86874 6.49578L8.14453 11.9193" stroke="%2328476C" stroke-width="2"/></svg>');
        transition: .3s
    }

.hover-inner-btn:hover .btn-arrow-next, .hover-inner-btn:hover .btn-arrow-prev {
    background-color: #28476c
}

    .hover-inner-btn:hover .btn-arrow-next:after, .hover-inner-btn:hover .btn-arrow-prev:after {
        transform: translateX(10%);
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L10 8.5L2 15.5" stroke="%23ffffff" stroke-width="2"/></svg>')
    }

    .hover-inner-btn:hover .btn-arrow-next.primary-bg, .hover-inner-btn:hover .primary-bg.btn-arrow-prev {
        background-color: #f5a200
    }

.btn-sm {
    padding: .6em .8em .62em;
    color: #28476c;
    background-color: #eaedf1
}

    .btn-sm:hover {
        background-color: #28476c;
        color: #fff
    }

.btn-back {
    position: relative;
    padding: .5em 0;
    display: inline-flex;
    align-items: center;
    color: #28476c;
    transition: .2s
}

    .btn-back:before {
        content: "";
        display: inline-block;
        margin-right: 4px;
        margin-top: 1px;
        width: .8em;
        height: .8em;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.14453 1.45966L1.86874 6.49578L8.14453 11.9193" stroke="%2328476C" stroke-width="2"/></svg>')
    }

    .btn-back:hover {
        color: #f5a200
    }

        .btn-back:hover:before {
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.14453 1.45966L1.86874 6.49578L8.14453 11.9193" stroke="%23F5A200" stroke-width="2"/></svg>')
        }

.btn-post-icon {
    position: relative;
    padding-right: 5em
}

    .btn-post-icon:after {
        content: "";
        position: absolute;
        display: block;
        top: 50%;
        right: .85em;
        transform: translateY(-50%);
        width: 1.2em;
        height: 1.2em;
        transition: .3s
    }

    .btn-post-icon[data-icon=cart]:after {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.8032 15.146H11.0771C10.6622 15.146 10.3255 14.8383 10.3255 14.4592C10.3255 14.08 10.6622 13.7723 11.0771 13.7723H18.8032C20.2883 13.7723 21.4969 12.6679 21.4969 11.3107V6.56605H6.34218C5.92731 6.56605 5.59061 6.25835 5.59061 5.87922C5.59061 5.50008 5.92731 5.19238 6.34218 5.19238H22.2484C22.6633 5.19238 23 5.50008 23 5.87922V11.3107C23 13.4262 21.1181 15.146 18.8032 15.146Z" fill="%23ffffff"/><path d="M21.2864 19.0967H10.6502C7.86034 19.0967 5.5906 17.0225 5.5906 14.473V5.88202C5.5906 3.9479 3.868 2.37367 1.75157 2.37367C1.3367 2.37367 1 2.06597 1 1.68684C1 1.3077 1.3367 1 1.75157 1C4.69773 1 7.09374 3.18963 7.09374 5.88202V14.473C7.09374 16.2642 8.69008 17.7231 10.6502 17.7231H21.2864C21.7013 17.7231 22.038 18.0308 22.038 18.4099C22.038 18.789 21.7013 19.0967 21.2864 19.0967Z" fill="%23ffffff"/><path d="M9.7603 23.8003C8.58484 23.8003 7.62885 22.9266 7.62885 21.8524C7.62885 20.7782 8.58484 19.9045 9.7603 19.9045C10.9358 19.9045 11.8918 20.7782 11.8918 21.8524C11.8918 22.9266 10.9358 23.8003 9.7603 23.8003ZM9.7603 21.2782C9.41458 21.2782 9.13199 21.5365 9.13199 21.8524C9.13199 22.1684 9.41458 22.4266 9.7603 22.4266C10.106 22.4266 10.3886 22.1684 10.3886 21.8524C10.3886 21.5365 10.106 21.2782 9.7603 21.2782Z" fill="%23ffffff"/><path d="M18.7341 23.8003C17.5586 23.8003 16.6026 22.9266 16.6026 21.8524C16.6026 20.7782 17.5586 19.9045 18.7341 19.9045C19.9095 19.9045 20.8655 20.7782 20.8655 21.8524C20.8655 22.9266 19.9095 23.8003 18.7341 23.8003ZM18.7341 21.2782C18.3884 21.2782 18.1058 21.5365 18.1058 21.8524C18.1058 22.1684 18.3884 22.4266 18.7341 22.4266C19.0798 22.4266 19.3624 22.1684 19.3624 21.8524C19.3624 21.5365 19.0798 21.2782 18.7341 21.2782Z" fill="%23ffffff"/></svg>')
    }

    .btn-post-icon[data-icon=download]:after {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 17.2134V2.5" stroke="%23ffffff" stroke-width="1.2" stroke-miterlimit="10"/><path d="M6.0639 10.707L11.2628 16.3786C11.6592 16.8109 12.3408 16.8109 12.7371 16.3786L17.936 10.707" stroke="%23ffffff" stroke-width="1.2" stroke-miterlimit="10"/><path d="M21.1739 18.2622V20.5001C21.1739 21.0523 20.7262 21.5001 20.1739 21.5001H3.82605C3.27376 21.5001 2.82605 21.0523 2.82605 20.5001V18.2622" stroke="%23ffffff" stroke-width="1.2" stroke-miterlimit="10"/></svg>')
    }

    .btn-post-icon[data-icon=heart]:after {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 19.77C12 19.77 2.5 17.183 2.5 9.413C2.50673 8.30296 2.86976 7.22441 3.53563 6.33612C4.20151 5.44784 5.13505 4.79675 6.19884 4.4787C7.26262 4.16066 8.40043 4.19247 9.44477 4.56944C10.4891 4.94642 11.3848 5.64865 12 6.57275C12.4696 5.85605 13.1096 5.26692 13.8628 4.85808C14.6159 4.44924 15.4587 4.23344 16.3157 4.22999C16.9969 4.2288 17.6715 4.36205 18.3011 4.62209C18.9306 4.88214 19.5026 5.26388 19.9842 5.7454C20.4659 6.22693 20.8477 6.79877 21.1078 7.42814C21.3679 8.05751 21.5012 8.73202 21.5 9.413C21.5 13.5351 18.8263 16.1985 16.3157 17.7907" stroke="%2328476C" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"/></svg>')
    }

    .btn-post-icon[data-icon=read-sample]:after {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat
    }

    .btn-post-icon:hover[data-icon=heart]:after {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 19.77C12 19.77 2.5 17.183 2.5 9.413C2.50673 8.30296 2.86976 7.22441 3.53563 6.33612C4.20151 5.44784 5.13505 4.79675 6.19884 4.4787C7.26262 4.16066 8.40043 4.19247 9.44477 4.56944C10.4891 4.94642 11.3848 5.64865 12 6.57275C12.4696 5.85605 13.1096 5.26692 13.8628 4.85808C14.6159 4.44924 15.4587 4.23344 16.3157 4.22999C16.9969 4.2288 17.6715 4.36205 18.3011 4.62209C18.9306 4.88214 19.5026 5.26388 19.9842 5.7454C20.4659 6.22693 20.8477 6.79877 21.1078 7.42814C21.3679 8.05751 21.5012 8.73202 21.5 9.413C21.5 13.5351 18.8263 16.1985 16.3157 17.7907" stroke="%23ffffff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"/></svg>')
    }

    .btn-post-icon:hover[data-icon=read-sample]:after {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat
    }

@media (max-width: 640px) {
    .btn-post-icon {
        padding-right: 3em
    }
}

.btn-arrow-next, .btn-arrow-prev, .swiper-btn {
    min-width: unset;
    padding: unset;
    border: unset;
    font-size: unset
}

.btns-center {
    display: flex;
    justify-content: center;
    gap: 18px;
    padding-top: 48px
}

    .btns-center .btn, .btns-center .btn-accent, .btns-center .btn-outerline, .btns-center .btn-primary, .btns-center .btn-second, .btns-center .btn-sm {
        text-align: center
    }

@media (max-width: 640px) {
    .btns-center {
        flex-direction: column;
        gap: 8px;
        padding-top: 24px
    }
}

.btn-icon-search::before {
    width: 16px;
    height: 16px;
    content: "";
    display: inline-block;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.4286 2.25C6.19605 2.25 2.75 5.69589 2.75 9.92832C2.75 14.1607 6.19605 17.6066 10.4286 17.6066C11.9542 17.6066 13.378 17.1587 14.5747 16.3878L19.4591 21.272L19.4608 21.2737C19.7693 21.5764 20.1777 21.7498 20.6157 21.7498C21.0517 21.7498 21.4616 21.5827 21.7722 21.272L21.7739 21.2704C22.0766 20.9619 22.25 20.5535 22.25 20.1155C22.25 19.6795 22.0828 19.2697 21.7722 18.959L16.8879 14.075C17.6592 12.8781 18.1073 11.4541 18.1073 9.92832C18.1073 5.69589 14.6612 2.25 10.4286 2.25ZM3.8788 9.92832C3.8788 6.31812 6.81826 3.37877 10.4286 3.37877C14.039 3.37877 16.9785 6.31812 16.9785 9.92832C16.9785 13.5385 14.039 16.4779 10.4286 16.4779C6.81826 16.4779 3.8788 13.5385 3.8788 9.92832ZM10.4277 4.80874C7.60385 4.80874 5.30816 7.10431 5.30816 9.92809C5.30816 10.2342 5.55404 10.49 5.87013 10.49C6.17624 10.49 6.43209 10.2442 6.43209 9.92809C6.43209 7.72655 8.22605 5.93264 10.4277 5.93264C10.7364 5.93264 10.9897 5.67937 10.9897 5.37069C10.9897 5.06457 10.7438 4.80874 10.4277 4.80874ZM20.2611 20.4749L15.5732 15.7872L16.2921 15.0684L20.9783 19.7545C21.0754 19.8556 21.1261 19.9787 21.1261 20.1155C21.1261 20.2554 21.0734 20.3815 20.98 20.4749C20.79 20.6649 20.4511 20.6649 20.2611 20.4749Z" fill="%23ffffff"/></svg>')
}

.pwd-show-toggle-btn {
    width: 24px;
    height: 24px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2.09561 6.06152C2.582 5.88355 3.11753 6.10724 3.33878 6.56347L3.37882 6.65722L3.55167 7.09668C4.43251 9.17239 6.00174 10.7689 7.89054 11.7168C7.92787 11.7207 7.96532 11.727 8.00284 11.7353C8.18386 11.7755 8.34239 11.8623 8.46866 11.9805C9.52765 12.4237 10.6692 12.6694 11.8368 12.6914C11.9215 12.6692 12.0107 12.6581 12.1025 12.6592C12.1806 12.6601 12.2562 12.6706 12.329 12.6885C13.2698 12.6552 14.2214 12.4776 15.1532 12.1367C17.6988 11.2048 19.7007 9.20275 20.6327 6.65722C20.8226 6.13867 21.3974 5.87181 21.9159 6.06152C22.4344 6.25149 22.7005 6.82619 22.5107 7.34472C22.1637 8.29238 21.6944 9.1778 21.122 9.98339C21.1403 9.99873 21.1593 10.0144 21.1767 10.0312L21.247 10.1064L22.9013 12.0674C23.257 12.4894 23.204 13.1205 22.7821 13.4766C22.3603 13.8324 21.7292 13.7789 21.373 13.3574L19.8144 11.5107C19.0629 12.2441 18.2084 12.8718 17.2724 13.3721L18.4394 14.9736L18.495 15.0596C18.7503 15.4972 18.6379 16.0662 18.2196 16.3711C17.7734 16.6961 17.1474 16.5975 16.8222 16.1514L15.3788 14.1699C14.6167 14.4122 13.8468 14.5679 13.079 14.6426L13.0526 16.8564C13.0458 17.4083 12.5928 17.8511 12.0409 17.8447C11.4889 17.8381 11.0464 17.3849 11.0526 16.833L11.078 14.6572C10.1947 14.5829 9.32816 14.4041 8.49601 14.1279L8.07413 16.0371L8.04679 16.1357C7.88775 16.6168 7.38712 16.9086 6.88175 16.7969C6.34265 16.6774 6.00168 16.1436 6.12101 15.6045L6.62882 13.3125C5.77274 12.8428 4.97794 12.2597 4.26554 11.5771L2.76456 13.3574C2.40857 13.7792 1.77743 13.832 1.35538 13.4766C0.933429 13.1205 0.879416 12.4895 1.23526 12.0674L2.89054 10.1064C2.90628 10.0878 2.92259 10.0699 2.93936 10.0527C2.45963 9.38772 2.04408 8.66267 1.71183 7.87988L1.49991 7.34472L1.46964 7.24707C1.34439 6.75601 1.60957 6.2396 2.09561 6.06152Z' fill='%2328476C'/></svg>")
}

    .pwd-show-toggle-btn.active {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.0009 4.00062C14.3278 4.00071 16.6024 4.69176 18.5361 5.98597C20.3489 7.1993 21.7859 8.89155 22.6894 10.8707L22.8632 11.2711L22.8759 11.3043C23.0425 11.7533 23.0425 12.247 22.8759 12.6959C22.8718 12.707 22.8677 12.7182 22.8632 12.7291C21.976 14.8803 20.4699 16.72 18.5361 18.0143C16.6024 19.3085 14.3278 19.9995 12.0009 19.9996C9.67392 19.9996 7.39863 19.3086 5.46479 18.0143C3.53099 16.72 2.02483 14.8803 1.13764 12.7291C1.13313 12.7182 1.12906 12.707 1.12494 12.6959C0.958324 12.247 0.95838 11.7533 1.12494 11.3043L1.13764 11.2711C2.02482 9.11997 3.53105 7.28026 5.46479 5.98597C7.39863 4.69168 9.67392 4.00062 12.0009 4.00062ZM12.0009 6.00062C10.07 6.00062 8.18177 6.57409 6.57709 7.64808C4.98265 8.7153 3.73885 10.2292 3.00092 11.9996C3.73884 13.7704 4.98241 15.2848 6.57709 16.3522C8.18177 17.4262 10.07 17.9996 12.0009 17.9996C13.9317 17.9995 15.8192 17.4261 17.4238 16.3522C19.0184 15.2849 20.261 13.7703 20.999 11.9996C20.261 10.2293 19.0181 8.71523 17.4238 7.64808C15.8192 6.57418 13.9317 6.00071 12.0009 6.00062Z' fill='%2328476C'/><path d='M14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14C13.1046 14 14 13.1046 14 12ZM16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z' fill='%2328476C'/></svg>")
    }

.dropdown {
    position: relative;
    display: inline-flex;
    font-size: 1rem;
    transition: .3s;
    box-sizing: border-box
}

@media (max-width: 640px) {
    .dropdown {
        width: 100%
    }
}

.dropdown.dropdown-block {
    width: 100%
}

    .dropdown.dropdown-block .dropdown-btn {
        width: 100%
    }

.dropdown-btn {
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 1.3rem;
    border: 1px solid #eaeaea;
    background-color: #fff;
    padding: 3px 0;
    cursor: pointer
}

@media (max-width: 640px) {
    .dropdown-btn {
        width: 100%
    }
}

.dropdown-btn:hover .dropdown-option {
    color: #222
}

    .dropdown-btn:hover .dropdown-option:after {
        opacity: 1
    }

@media (min-width: 641px) {
    .dropdown-btn.is-active {
        border-radius: 1.3rem 1.3rem 0 0
    }

    [data-dropdown=top] .dropdown-btn.is-active {
        border-radius: 0 0 1.3rem 1.3rem
    }

        [data-dropdown=top] .dropdown-btn.is-active .dropdown-option:after {
            transform: scaleY(-1)
        }
}

.dropdown-btn.is-active .dropdown-option:after {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%23F5A200" stroke-width="2"/></svg>')
}

.dropdown-title {
    font-size: 16px;
    padding: .5rem .75rem;
    box-sizing: border-box;
    font-weight: 400;
    position: relative;
    border-right: 1px solid #eaeaea;
    transition: .3s
}

.dropdown-option {
    width: 100%;
    position: relative;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    color: rgba(34,34,34,.6);
    padding: .45rem 1.5rem .45rem 1.1rem;
    box-sizing: border-box;
    text-align: left;
    cursor: pointer
}

@media (max-width: 640px) {
    .dropdown-option.no-title {
        width: 100%
    }
}

.dropdown-option:after {
    content: "";
    position: absolute;
    top: .2rem;
    right: .5rem;
    width: 1rem;
    height: calc(100% - .2rem);
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%238B8B8B" stroke-width="2"/></svg>');
    opacity: .7;
    transition: .3s
}

.option-group {
    display: inline-block
}

    .option-group + .option-group {
        margin-left: 1rem;
        padding-left: 1rem;
        border-left: 1px solid #eaeaea;
        box-sizing: border-box
    }

.dropdown-list {
    display: none;
    width: 100%
}

    .dropdown-list ol, .dropdown-list ul {
        padding-left: 0
    }

        .dropdown-list ol li, .dropdown-list ul li {
            list-style: none
        }

@media (min-width: 641px) {
    .dropdown-list {
        position: absolute;
        bottom: 1px;
        right: 0;
        border: 1px solid #eaeaea;
        box-sizing: border-box;
        border-radius: 0 0 3px 3px;
        max-height: calc(80vh - 90px);
        box-shadow: 0 3px 6px rgba(0,0,0,.16);
        border-radius: 1.3rem;
        transform: translateY(100%);
        border-radius: 0 0 1.3rem 1.3rem;
        z-index: 10;
        overflow: hidden
    }

        .dropdown-list.is-active {
            display: block
        }

    [data-dropdown=top] .dropdown-list {
        top: 1px;
        bottom: initial;
        transform: translateY(-100%);
        box-shadow: 0 -3px 6px rgba(0,0,0,.16);
        border-radius: 1.3rem 1.3rem 0 0
    }
}

@media (max-width: 640px) {
    .dropdown-list {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        padding: 10vw 5vw;
        overflow: hidden;
        background-color: rgba(0,0,0,.6);
        z-index: 1009
    }

        .dropdown-list.is-active {
            display: flex
        }
}

.dropdown-list-items {
    box-sizing: border-box;
    background-color: #fff;
    width: 100%;
    max-height: calc(70vh - 3rem);
    margin-bottom: 0;
    overflow-y: auto;
    overflow-x: hidden
}

    .dropdown-list-items::-webkit-scrollbar {
        width: 5px
    }

    .dropdown-list-items::-webkit-scrollbar-track {
        background: rgba(238,241,245,.5)
    }

    .dropdown-list-items::-webkit-scrollbar-thumb {
        background: rgba(40,71,108,.5)
    }

        .dropdown-list-items::-webkit-scrollbar-thumb:hover {
            background: #28476c
        }

.dropdown-list-item {
    font-size: 1rem;
    font-weight: 400;
    position: relative;
    text-align: left;
    color: #1b1b1b;
    border-top: 1px solid #eaeaea;
    transition: .3s
}

    .dropdown-list-item:first-child {
        border-top: none
    }

    .dropdown-list-item.active .item-opt {
        color: #28476c;
        font-weight: 700
    }

        .dropdown-list-item.active .item-opt:after {
            opacity: 1
        }

    .dropdown-list-item:hover {
        background: #dae2ec
    }

    .dropdown-list-item .item-opt {
        position: relative;
        display: block;
        font-weight: inherit;
        color: inherit;
        box-sizing: border;
        padding: .5rem 1.5rem .5em 1rem;
        cursor: pointer
    }

.group-opts .dropdown-list-item .item-opt {
    padding: .5rem 1rem
}

.select-dropdown-set {
    position: relative
}

    .select-dropdown-set .select-dropdown-btn {
        cursor: pointer
    }

    .select-dropdown-set .select-dropdown-list {
        width: 100%;
        display: none;
        position: absolute
    }

    .select-dropdown-set.active .select-dropdown-list {
        display: block
    }

.accordion-items {
    margin-top: 8px
}

.accordion-item {
    margin: 8px 0
}

    .accordion-item .accordion-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        background: #fff;
        padding: 16px 20px 16px 12px;
        border-radius: 6px
    }

@media (max-width: 640px) {
    .accordion-item .accordion-title {
        padding: 12px 16px 12px 8px
    }
}

.accordion-item .accordion-title.active {
    background: #dae2ec
}

    .accordion-item .accordion-title.active .accordion-icon:before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%23F5A200" stroke-width="2"/></svg>');
        transform: rotate(-180deg)
    }

.accordion-item .title-md {
    max-width: calc(100% - 22px)
}

.accordion-item .accordion-icon:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    transition: .2s;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%2328476C" stroke-width="2"/></svg>')
}

.accordion-item .accordion-content {
    display: none;
    padding: 8px 12px
}

.sidemenu-nav li, .sidemenu-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .sidemenu-nav li a, .sidemenu-nav ul a {
        text-decoration: none
    }

.sidemenu-nav .side-accordion {
    margin-bottom: 12px
}

@media (max-width: 800px) {
    .sidemenu-nav .side-accordion {
        margin-bottom: 8px
    }
}

.sidemenu-nav .side-accordion-btn, .sidemenu-nav .side-accordion-tab {
    position: relative;
    cursor: pointer;
    background-color: #fff;
    padding: 18px 36px 18px 18px;
    border-radius: 6px;
    color: #222;
    font-size: 20px;
    letter-spacing: .5px;
    font-weight: 600
}

@media (max-width: 800px) {
    .sidemenu-nav .side-accordion-btn, .sidemenu-nav .side-accordion-tab {
        padding: 8px 20px 8px 10px;
        font-size: 16px
    }
}

.sidemenu-nav .side-accordion-btn::after, .sidemenu-nav .side-accordion-tab::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%) rotate(0);
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%2328476C" stroke-width="2"/></svg>');
    transform-origin: center;
    width: 18px;
    height: 18px;
    transition: all .3s ease
}

@media (max-width: 800px) {
    .sidemenu-nav .side-accordion-btn::after, .sidemenu-nav .side-accordion-tab::after {
        right: 10px
    }
}

.sidemenu-nav .side-accordion-tab {
    display: block;
    text-decoration: none;
    transition: all .3s ease
}

    .sidemenu-nav .side-accordion-tab:hover {
        background-color: #dae2ec
    }

    .sidemenu-nav .side-accordion-tab::after {
        display: none
    }

.sidemenu-nav .list-container {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
    background-color: #eef1f5
}

.sidemenu-nav .side-accordion-list {
    padding: 12px 14px
}

.sidemenu-nav .side-accordion-item a {
    color: #222;
    display: block;
    box-sizing: border-box;
    padding: 4px 0 4px 16px;
    position: relative;
    font-size: 18px;
    font-weight: 600
}

@media (max-width: 640px) {
    .sidemenu-nav .side-accordion-item a {
        font-size: 16px
    }
}

.sidemenu-nav .side-accordion-item a.active::before, .sidemenu-nav .side-accordion-item a:hover::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 90%;
    border-radius: 3px;
    background-color: #28476c;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.side-accordion.active .list-container {
    max-height: 500px;
    min-height: 0
}

.side-accordion.active .side-accordion-btn, .side-accordion.active .sidemenu-nav .side-accordion-tab, .sidemenu-nav .side-accordion.active .side-accordion-tab {
    background-color: #dae2ec
}

    .side-accordion.active .side-accordion-btn::after, .side-accordion.active .sidemenu-nav .side-accordion-tab::after, .sidemenu-nav .side-accordion.active .side-accordion-tab::after {
        transform: translateY(-50%) rotate(-180deg);
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%23F5A200" stroke-width="2"/></svg>')
    }

[data-tooltip] {
    position: relative
}

@media (max-width: 800px) {
    [data-tooltip]:after, [data-tooltip]:before {
        display: none !important
    }
}

[data-tooltip]:after, [data-tooltip]:before {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease-in-out
}

[data-tooltip]:hover:after, [data-tooltip]:hover:before {
    opacity: 1;
    visibility: visible
}

[data-tooltip]:before {
    content: attr(data-tooltip-text);
    display: inline-block;
    max-width: 210px;
    min-width: 3em;
    min-height: 1em;
    color: #fff;
    font-size: 13px !important;
    text-align: center;
    background: #28476c;
    text-transform: capitalize;
    white-space: nowrap;
    border-radius: 5px;
    padding: 4px 5px 3px;
    line-height: 1.3;
    z-index: 2
}

[data-tooltip]:after {
    content: "";
    width: 0;
    height: 0
}

[data-tooltip=top]:after, [data-tooltip=top]:before {
    bottom: 100%;
    left: 50%;
    transform: translate(-50%);
    margin-bottom: 13px
}

[data-tooltip=top]:after {
    margin-bottom: 6px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #28476c
}

[data-tooltip=bottom]:after, [data-tooltip=bottom]:before {
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    margin-top: 13px
}

[data-tooltip=bottom]:after {
    margin-top: 8px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #28476c
}

[data-tooltip=right]:after, [data-tooltip=right]:before {
    top: 50%;
    left: 100%;
    transform: translate(0,-50%);
    margin-left: 13px
}

[data-tooltip=right]:after {
    margin-left: 9px;
    border-top: 5px solid transparent;
    border-right: 7px solid #28476c;
    border-bottom: 5px solid transparent
}

[data-tooltip=left]:after, [data-tooltip=left]:before {
    top: 50%;
    right: 100%;
    transform: translate(0,-50%);
    margin-right: 13px
}

[data-tooltip=left]:after {
    margin-right: 9px;
    border-top: 5px solid transparent;
    border-left: 7px solid #28476c;
    border-bottom: 5px solid transparent
}

.tabs {
    display: flex;
    flex-wrap: wrap
}

    .tabs .tab {
        cursor: pointer
    }

.tabs-type-title .tab {
    padding-right: .5em;
    margin-right: .5em;
    margin-bottom: .35rem
}

    .tabs-type-title .tab:not(.tabs-type-title.tab:last-child) {
        border-right: 1px solid #eaeaea
    }

@media (min-width: 1281px) {
    .tabs-type-title .tab {
        padding-right: 1em;
        margin-right: 1em
    }
}

.annual-banner .main-title-wrapper .tabs-type-title .tab:not(.tabs-type-title.tab.is-active) .price::before, .tabs-type-title .tab:not(.tabs-type-title.tab.is-active) .annual-banner .main-title-wrapper .price::before, .tabs-type-title .tab:not(.tabs-type-title.tab.is-active) .title-lg {
    color: rgba(27,27,27,.6)
}

.annual-banner .main-title-wrapper .tabs-type-title .tab:hover:not(.is-active) .price::before, .tabs-type-title .tab:hover:not(.is-active) .annual-banner .main-title-wrapper .price::before, .tabs-type-title .tab:hover:not(.is-active) .title-lg {
    color: #28476c !important
}

.annual-banner .main-title-wrapper .tabs-type-title .tab .price::before, .tabs-type-title .tab .annual-banner .main-title-wrapper .price::before, .tabs-type-title .tab .title-lg {
    margin-bottom: 0;
    padding-bottom: 0
}

.tabs-type-line {
    font-size: 1rem;
    margin-top: .3rem;
    margin-bottom: .4rem
}

@media (max-width: 640px) {
    .tabs-type-line {
        width: calc(100% + 25px);
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        padding-right: 25px;
        box-sizing: border-box
    }

        .tabs-type-line::-webkit-scrollbar {
            height: 0
        }
}

.tabs-type-line .tab {
    position: relative;
    color: rgb(123.25,123.25,123.25);
    transition: .3s;
    padding: .5rem 0;
    line-height: 1.3;
    border: none;
    outline: 0;
    padding-right: 1.3em;
    background: 0 0
}

@media (min-width: 1281px) {
    .tabs-type-line .tab {
        padding-right: 2em
    }

        .tabs-type-line .tab:hover {
            color: #28476c;
            opacity: 1
        }
}

@media (max-width: 640px) {
    .tabs-type-line .tab:last-child {
        padding-right: 0
    }
}

.tabs-type-line .tab:focus {
    outline: 0
}

.tabs-type-line .tab.is-active {
    font-weight: 700;
    color: #28476c
}

    .tabs-type-line .tab.is-active:after {
        opacity: 1;
        transform: scaleX(1)
    }

@media (max-width: 640px) {
    .tabs-type-line .tab:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #dae2ec
    }
}

.tabs-type-line .tab:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 2em);
    height: 3px;
    background-color: #28476c;
    opacity: 0;
    transform: scaleX(0);
    transition: .3s
}

@media (max-width: 640px) {
    .tabs-type-line .tab:after {
        width: calc(100% - 1.3em)
    }
}

.tab-pane {
    display: none
}

    .tab-pane.is-active {
        display: block
    }

.tab-slide-wrapper {
    width: 100%;
    overflow-x: hidden;
    position: relative;
    padding: 0 0;
    box-sizing: border-box
}

.tabs-slide-box {
    display: flex;
    align-items: center;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none
}

    .tabs-slide-box::-webkit-scrollbar {
        display: none
    }

.tab-slide {
    white-space: nowrap;
    min-width: 110px;
    user-select: none
}

.linear-boundary {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 100%
}

    .linear-boundary:first-child {
        left: 0;
        background-image: linear-gradient(to right,#f6f7f8 0,rgba(246,247,248,0) 100%)
    }

    .linear-boundary:last-child {
        right: 0;
        background-image: linear-gradient(to left,#f6f7f8 0,rgba(246,247,248,0) 100%)
    }

.swiper-grid-column > .swiper-wrapper {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-auto-flow: column
}

.swiper-pagination:not(.pagination-vertical) .swiper-pagination-bullet {
    width: 6px;
    height: 4px;
    border-radius: 0;
    background-color: #c7d0db;
    margin: 0 2px 0 0 !important
}

    .swiper-pagination:not(.pagination-vertical) .swiper-pagination-bullet:hover {
        background-color: rgba(245,162,0,.5)
    }

    .swiper-pagination:not(.pagination-vertical) .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
        opacity: .65
    }

    .swiper-pagination:not(.pagination-vertical) .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 17px;
        background-color: #f5a200
    }

.swiper-pagination.pagination-vertical {
    position: absolute;
    left: 1.5rem;
    bottom: 50%;
    width: 6px;
    bottom: 50%;
    display: inline-flex;
    flex-direction: column;
    transform: translateY(50%);
    z-index: 50
}

    .swiper-pagination.pagination-vertical .swiper-pagination-bullet {
        width: 4px;
        height: 6px;
        border-radius: 0;
        background-color: #c7d0db;
        margin: 0 0 2px !important
    }

        .swiper-pagination.pagination-vertical .swiper-pagination-bullet:hover {
            background-color: rgba(245,162,0,.5)
        }

        .swiper-pagination.pagination-vertical .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
            opacity: .65
        }

        .swiper-pagination.pagination-vertical .swiper-pagination-bullet.swiper-pagination-bullet-active {
            height: 17px;
            background-color: #f5a200
        }

.swiper-btn {
    position: absolute;
    top: calc(50% - 1rem);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background-color: #eef1f5;
    border-radius: 50%;
    z-index: 10;
    cursor: pointer;
    transition: .3s
}

    .swiper-btn:hover {
        background-color: #28476c
    }

@media (max-width: 1280px) {
    .swiper-btn {
        display: none
    }
}

.swiper-btn .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    transition: .3s
}

.swiper-btn.swiper-button-disabled {
    opacity: 0
}

.swiper-btn-prev {
    left: -.5rem
}

    .swiper-btn-prev .icon {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.14453 1.45966L1.86874 6.49578L8.14453 11.9193" stroke="%2328476C" stroke-width="2"/></svg>')
    }

    .swiper-btn-prev:hover .icon {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.14453 1.45966L1.86874 6.49578L8.14453 11.9193" stroke="%23ffffff" stroke-width="2"/></svg>')
    }

.swiper-btn-next {
    right: 0
}

    .swiper-btn-next .icon {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L10 8.5L2 15.5" stroke="%2328476C" stroke-width="2"/></svg>')
    }

    .swiper-btn-next:hover .icon {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L10 8.5L2 15.5" stroke="%23ffffff" stroke-width="2"/></svg>')
    }

.report-item {
    display: block;
    border-bottom: 1px solid #eaeaea
}

.report-item-link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eaeaea;
    padding: 15px 0
}

@media (max-width: 640px) {
    .report-item-link {
        align-items: flex-start
    }
}

.report-item-link:hover h3 {
    color: #28476c
}

.report-item-link:hover .report-item-icon {
    opacity: .7
}

.report-item-icon {
    width: 38px;
    height: 38px;
    padding: 5px;
    box-sizing: border-box;
    transition: .3s
}

@media (max-width: 640px) {
    .report-item-icon {
        padding-left: 0;
        width: 30px;
        width: 30px
    }
}

.report-item-icon img {
    width: 100%
}

.report-item-content {
    width: calc(100% - 38px);
    box-sizing: border-box;
    padding-left: .7rem
}

@media (max-width: 640px) {
    .report-item-content {
        width: calc(100% - 30px);
        padding-left: .5rem
    }
}

.report-item-content .item-title {
    font-size: 18px;
    line-height: 1.4;
    color: #1b1b1b;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -white-space: normal;
    overflow: hidden
}

@media (max-width: 640px) {
    .report-item-content .item-title {
        font-size: 16px;
        margin-bottom: .35em
    }
}

@media (min-width: 641px) {
    .report-item-content .item-title {
        -webkit-line-clamp: 1;
        height: 1.5em;
        white-space: normal;
        margin-bottom: .2em
    }
}

.report-item-content .note {
    font-size: 15px;
    color: #838383
}

@media (max-width: 640px) {
    .report-item-content .note {
        font-size: 14px
    }
}

.report-item-content .note span {
    display: inline-block;
    padding-right: .7em;
    border-right: 1px solid rgba(131,131,131,.3);
    margin-bottom: .2em;
    margin-right: .7em
}

    .report-item-content .note span:last-child {
        border-right: none;
        margin-right: 0
    }

.event-item {
    display: block;
    border-bottom: 1px solid #eaeaea
}

    .event-item:last-child {
        border-bottom: none
    }

.event-item-link {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
    color: #1b1b1b
}

    .event-item-link:hover .item-cate {
        color: #28476c
    }

    .event-item-link:hover .item-dates {
        color: #fff;
        background-color: #28476c
    }

    .event-item-link .item-img {
        width: 100%;
        font-size: 14px;
        border-radius: 6px;
        margin-top: 2px;
        margin-bottom: .5rem;
        overflow: hidden
    }

        .event-item-link .item-img img {
            width: 100%
        }

    .event-item-link .item-content {
        width: calc(100% - 130px)
    }

    .event-item-link .item-cate {
        color: #838383;
        margin-bottom: .35rem;
        transition: .3s
    }

    .event-item-link h3 {
        display: block;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 2.5em;
        line-height: 1.4;
        text-overflow: hidden;
        overflow: hidden
    }

@media (min-width: 641px) {
    .event-item-link h3 {
        -webkit-line-clamp: 1;
        height: 1.3em;
        overflow: hidden;
        margin-bottom: 0
    }
}

.event-item-link .item-dates {
    width: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1b1b1b;
    background-color: #fff;
    padding: .5rem;
    border-radius: 6px;
    box-sizing: border-box;
    transition: .3s
}

    .event-item-link .item-dates .year {
        font-size: 12px
    }

.event-item-link .date-end {
    position: relative;
    margin-left: 1.4em
}

    .event-item-link .date-end:before {
        content: "~";
        position: absolute;
        top: calc(50% - .5em);
        left: -1em;
        color: #838383
    }

.base-pagination {
    text-align: center;
    padding: 3.5rem 0
}

.pagination {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 0
}

@media (max-width: 640px) {
    .pagination {
        justify-content: center
    }
}

.pagination .page-input {
    font-size: 16px;
    color: #838383;
    display: inline-flex;
    align-items: center
}

@media (max-width: 640px) {
    .pagination .page-input {
        margin: 16px auto 0;
        width: 100%;
        justify-content: center
    }

        .pagination .page-input::before {
            display: none
        }
}

.pagination .page-input:before {
    content: "";
    width: 1px;
    height: 22px;
    margin: 0 16px;
    background: #ddd
}

.pagination .page-input input[type=text] {
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 0 5px;
    border-radius: 4px;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    color: #838383;
    background-color: #fff
}

    .pagination .page-input input[type=text]:focus {
        color: #222;
        border: 1px solid #f5a200;
        outline: 0
    }

.pagination .page-input .total-page {
    margin-left: 4px
}

.pagination .page-item {
    position: relative;
    font-size: 16px;
    text-align: center;
    padding: 0;
    color: #838383;
    transition: .3s;
    margin: 0 3px;
    overflow: hidden;
    z-index: 1
}

@media (max-width: 640px) {
    .pagination .page-item {
        margin: 0 1px
    }
}

.pagination .page-item:before {
    content: "";
    width: 95%;
    aspect-ratio: 1/1;
    background: #28476c;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    opacity: 0
}

.pagination .page-item:hover {
    color: #28476c
}

    .pagination .page-item:hover:before {
        opacity: .1
    }

.pagination .page-item.active {
    color: #fff;
    position: relative
}

    .pagination .page-item.active:before {
        opacity: 1
    }

.pagination .page-item a.page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    min-width: 30px;
    line-height: 30px;
    text-decoration: none;
    color: inherit
}

.pagination .page-item.next a, .pagination .page-item.prev a {
    position: relative;
    color: hsla(0,0%,100%,0)
}

    .pagination .page-item.next a:before, .pagination .page-item.prev a:before {
        content: "";
        width: 5px;
        height: 100%;
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform-origin: center;
        transform: translate(-50%,-50%)
    }

.pagination .page-item.disabled {
    opacity: .5
}

    .pagination .page-item.disabled:active:before, .pagination .page-item.disabled:hover:before {
        opacity: .5;
        background: 0 0
    }

    .pagination .page-item.disabled a {
        cursor: unset
    }

.pagination .page-item.next a:before, .pagination .page-item.prev a:before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: center;
    transform: translate(-50%,-50%)
}

.pagination .page-item.prev a:before {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.14453 1.45966L1.86874 6.49578L8.14453 11.9193" stroke="%23BDBDBD" stroke-width="2"/></svg>')
}

.pagination .page-item.next a:before {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L10 8.5L2 15.5" stroke="%23BDBDBD" stroke-width="2"/></svg>')
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-color: rgba(255,255,255,0);
    z-index: 999;
    transition: .3s
}

@media (min-width: 801px) {
    .header {
        padding: 20px 0 10px
    }
}

.header.min-header {
    background-color: #fff;
    padding: 0
}

.header a {
    text-decoration: none;
    color: inherit
}

    .header a:focus {
        outline: 0
    }

.header li, .header ol, .header ul {
    list-style: none
}

    .header ol ol, .header ol ul, .header ul ol, .header ul ul {
        margin-bottom: 0
    }

.header dl, .header ol, .header ul {
    margin-top: 0;
    margin-bottom: 1rem
}

.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    box-sizing: border-box;
    transition: .3s
}

@media (min-width: 801px) {
    .header-inner {
        padding: 5px 20px
    }
}

@media (min-width: 1281px) {
    .header-inner {
        padding: 5px 45px
    }
}

@media (min-width: 801px) {
    .min-header .header-inner {
        padding: 2px 20px
    }
}

.header-left {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 2px 10px;
    border-radius: 2rem
}

@media (min-width: 801px) {
    .header-left {
        padding: 3px .5rem 3px 1.2rem
    }
}

@media (max-width: 1024px) {
    .header-left {
        padding: 0 15px 0 5px
    }
}

@media (max-width: 480px) {
    .header-left {
        padding: 0 7px 0 4px
    }
}

.header-logo {
    display: inline-block;
    width: 90px
}

@media (min-width: 1281px) {
    .header-logo {
        width: 106px
    }
}

@media (max-width: 480px) {
    .header-logo {
        width: 90px
    }
}

.header-logo img {
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    outline: 0
}

.header-mobile-menu {
    display: none;
    height: 44px;
    width: 44px;
    box-sizing: border-box;
    padding: 10px;
    cursor: pointer
}

@media (max-width: 1024px) {
    .header-mobile-menu {
        display: block
    }
}

.header-mobile-menu .menu-icon-group {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    justify-content: space-around
}

.header-mobile-menu .menu-icon {
    width: 100%;
    height: 2px;
    background-color: #28476c
}

@media (max-width: 1024px) {
    .header-menu {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        z-index: 10
    }

        .header-menu.is-active {
            display: block
        }
}

.header-menu-mask {
    display: none
}

@media (max-width: 1024px) {
    .header-menu-mask {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.65);
        z-index: -1
    }
}

.header-menu-inner {
    position: relative
}

@media (max-width: 1024px) {
    .header-menu-inner {
        height: 100%;
        width: 80%;
        max-width: 400px;
        padding-top: 50px;
        box-sizing: border-box;
        background-color: #fff;
        overflow-x: hidden;
        overflow-y: auto;
        transform: translateX(-100%);
        transition: .3s
    }

    .is-active .header-menu-inner {
        animation: menu_show .4s ease-in forwards
    }

    .header-menu-inner:before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 80%;
        max-width: 400px;
        height: 50px;
        background-color: #fff;
        z-index: 1
    }
}

@keyframes menu_show {
    100% {
        transform: translateX(0)
    }
}

.header-menu-close {
    position: absolute;
    top: 8px;
    left: 1rem;
    width: 36px;
    height: 36px;
    cursor: pointer;
    transition: .3s;
    z-index: 5
}

@media (min-width: 1025px) {
    .header-menu-close {
        display: none
    }
}

.header-menu-close:hover {
    opacity: 1
}

.header-menu-close:after, .header-menu-close:before {
    content: "";
    position: absolute;
    display: block;
    top: calc(50% - 1px);
    left: 10%;
    width: 80%;
    height: 2px;
    background-color: #28476c;
    opacity: .7;
    transition: .3s
}

.header-menu-close:before {
    transform: rotate(45deg)
}

.header-menu-close:after {
    transform: rotate(-45deg)
}

.header .header-menu-items {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.4;
    padding-left: 0
}

@media (min-width: 1025px) {
    .header .header-menu-items {
        display: flex;
        align-items: center;
        margin-left: .5rem
    }
}

@media (max-width: 1024px) {
    .header .header-menu-items {
        width: 100%
    }
}

.header-menu-item {
    position: relative;
    padding: .6rem .4rem;
    box-sizing: border-box
}

@media (max-width: 1024px) {
    .header-menu-item {
        padding: .625rem;
        border-top: 1px solid #eaeaea
    }
}

@media (min-width: 1025px) {
    .header-menu-item:hover .header-menu-link {
        color: #28476c
    }

    .header-menu-item:hover .header-menu-dropdown {
        display: block
    }
}

@media (min-width: 1281px) {
    .header-menu-item {
        padding: .6rem .75rem
    }
}

.header-menu-item.link-active .header-menu-link {
    color: #28476c
}

.header-menu-item.link-active::after {
    content: "";
    width: 1.2rem;
    height: auto;
    display: inline-block;
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 2px solid #28476c;
    opacity: .4
}

@media (max-width: 1024px) {
    .header-menu-item.link-active::after {
        display: none
    }
}

.header-menu-link {
    font-weight: 700;
    color: #1b1b1b;
    cursor: pointer
}

@media (max-width: 1024px) {
    .header-menu-link {
        display: block;
        position: relative
    }

        .header-menu-link.is-active:after {
            opacity: 1;
            transform: rotate(90deg)
        }

        .header-menu-link:after {
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L10 8.5L2 15.5" stroke="%2328476C" stroke-width="2"/></svg>');
            content: "";
            position: absolute;
            display: block;
            top: calc(50% - .4rem);
            right: -.25rem;
            width: .5rem;
            height: .8rem;
            opacity: .5;
            transition: .3s
        }
}

.header-menu-dropdown {
    display: none;
    min-width: 100%
}

@media (max-width: 1024px) {
    .header-menu-dropdown.is-active {
        display: block
    }
}

@media (min-width: 1025px) {
    .header-menu-dropdown {
        position: absolute;
        padding: 15px;
        bottom: 0;
        left: 50%;
        transform: translate(-50%,100%)
    }

        .header-menu-dropdown:after {
            content: "";
            position: absolute;
            top: 8px;
            left: calc(50% - 4px);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 5px 8px 5px;
            border-color: transparent transparent #fff transparent
        }
}

.menu-dropdown-items {
    padding: .5rem 0;
    background-color: #fff;
    border-radius: 6px;
    box-sizing: border-box
}

@media (min-width: 1025px) {
    .menu-dropdown-items {
        max-height: calc(80vh - 90px);
        text-align: center;
        box-shadow: 0 0 3px 0 rgba(0,0,0,.2)
    }
}

.menu-dropdown-multi-level {
    position: relative
}

.menu-dropdown-item {
    display: block;
    padding: .5rem 1rem;
    box-sizing: border-box
}

    .menu-dropdown-item:hover {
        color: #28476c;
        background-color: #eef1f5
    }

    .menu-dropdown-item.multi-level {
        cursor: pointer;
        position: relative
    }

        .menu-dropdown-item.multi-level::after {
            content: "";
            display: inline-block;
            width: 1rem;
            height: 1rem;
            vertical-align: middle;
            margin-bottom: 5px;
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L10 8.5L2 15.5" stroke="%23CBCBCB" stroke-width="2"/></svg>')
        }

        .menu-dropdown-item.multi-level:hover::after {
            content: "";
            display: inline-block;
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L10 8.5L2 15.5" stroke="%2328476C" stroke-width="2"/></svg>')
        }

@media (min-width: 801px) {
    .menu-dropdown-item {
        white-space: nowrap;
        min-width: 156px;
        padding: .35rem 1rem
    }
}

.header-right {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px
}

.min-header .header-right {
    color: #28476c
}

.header-right .note {
    padding: 0 1rem;
    border-right: 1px solid rgba(255,255,255,.2);
    margin-right: .6rem
}

    .header-right .note:hover {
        color: #f5a200
    }

.min-header .header-right .note {
    border-color: #eaeaea
}

@media (max-width: 1440px) {
    .header-right .note {
        font-size: .75rem;
        padding: 0 .3rem;
        margin-right: .4rem
    }
}

@media (max-width: 1024px) {
    .header-right .note {
        padding: 0 .75rem;
        margin-right: .6rem
    }
}

@media (max-width: 480px) {
    .header-right .note {
        padding: 0 .4rem;
        margin-right: 0;
        border-right: 0
    }
}

@media (max-width: 1024px) {
    .menu-dropdown-multi-level .menu-dropdown-item.multi-level::after {
        content: "";
        display: inline-block;
        width: .5rem;
        height: .8rem;
        vertical-align: middle;
        margin-bottom: 5px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L10 8.5L2 15.5" stroke="%23CBCBCB" stroke-width="2"/></svg>');
        position: absolute;
        top: calc(50% - .4rem);
        right: .875rem;
        transform: rotate(0);
        transition: all ease .3s
    }

    .menu-dropdown-multi-level .menu-dropdown-item.multi-level.is-active {
        background-color: #eef1f5
    }

        .menu-dropdown-multi-level .menu-dropdown-item.multi-level.is-active::after {
            transform: rotate(90deg);
            transition: all ease .3s
        }
}

.header-submenu-dropdown {
    position: absolute;
    display: none;
    left: calc(100% - 6px);
    top: 0;
    padding: 0 12px
}

@media (max-width: 1024px) {
    .header-submenu-dropdown {
        padding: 0
    }

        .header-submenu-dropdown.is-active {
            display: block;
            position: static;
            background-color: #e4eaf2
        }
}

@media (min-width: 1025px) {
    .menu-dropdown-multi-level:hover .header-submenu-dropdown {
        display: block
    }
}

.header-submenu-items {
    background-color: #fff;
    box-sizing: border-box;
    padding: .5rem 0;
    border-radius: 6px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.2)
}

@media (max-width: 1024px) {
    .header-submenu-items {
        background-color: unset;
        box-shadow: unset
    }

        .header-submenu-items .header-submenu-item {
            padding-left: 2rem
        }

            .header-submenu-items .header-submenu-item:hover {
                background-color: #dae2ec
            }
}

.header-user {
    display: flex;
    align-items: center
}

.header-user-btn {
    display: inline-flex;
    align-items: center;
    border-radius: 20px;
    cursor: pointer
}

    .header-user-btn:hover {
        background-color: #28476c;
        color: #f5a200
    }

        .header-user-btn:hover[data-header-user=bookshelf] .header-user-link-icon {
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.0089 19.4211L19.8622 12.7467L16.9177 6.49577L15.3356 3.12394C15.2126 2.8622 14.9753 2.65435 14.6764 2.54657C14.3776 2.4388 14.0436 2.4388 13.7447 2.54657L11.0376 3.52425V3.07005C11.0376 2.47729 10.4926 2 9.81585 2H6.49342C6.32642 2 6.15942 2.03079 6.01879 2.08468C5.86937 2.03079 5.71116 2 5.54416 2H2.22174C1.54495 2 1 2.47729 1 3.07005V20.699C1 21.2918 1.54495 21.7691 2.22174 21.7691H5.54416C5.71116 21.7691 5.87816 21.7383 6.01879 21.6844C6.16821 21.7383 6.32642 21.7691 6.49342 21.7691H9.81585C10.4838 21.7691 11.0376 21.2918 11.0376 20.699V7.2117L12.9537 11.2764L16.1091 17.9738L17.6912 21.3456C17.8143 21.6074 18.0516 21.8152 18.3504 21.923C18.4998 21.9769 18.6581 22.0077 18.8163 22.0077C18.9745 22.0077 19.1327 21.9769 19.2821 21.923L22.3496 20.8145C22.6485 20.7067 22.8858 20.4988 23.0089 20.2371C23.1319 19.9754 23.1319 19.6828 23.0089 19.4211ZM19.7655 15.9415L17.1902 16.873L13.2613 8.5204L15.8366 7.58891L16.2937 8.55889L19.7655 15.9415ZM9.54337 6.06466H6.75711V3.301H9.54337V6.06466ZM9.54337 16.3957H6.75711V7.36567H9.54337V16.4034V16.3957ZM2.48542 7.36567H5.27169V16.4034H2.48542V7.36567ZM5.27169 3.301V6.06466H2.48542V3.301H5.27169ZM2.48542 17.6967H5.27169V20.4604H2.48542V17.6967ZM6.75711 20.4604V17.6967H9.54337V20.4604H6.75711ZM14.0612 3.83218L15.2653 6.38799L12.69 7.31948L11.4858 4.76366L14.0612 3.83218ZM18.9569 20.6297L17.7527 18.0739L20.3281 17.1424L21.5322 19.6982L18.9569 20.6297Z" fill="%23F5A200"/></svg>')
        }

        .header-user-btn:hover[data-header-user=shopping_cart] .header-user-link-icon {
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.8032 15.146H11.0771C10.6622 15.146 10.3255 14.8383 10.3255 14.4592C10.3255 14.08 10.6622 13.7723 11.0771 13.7723H18.8032C20.2883 13.7723 21.4969 12.6679 21.4969 11.3107V6.56605H6.34218C5.92731 6.56605 5.59061 6.25835 5.59061 5.87922C5.59061 5.50008 5.92731 5.19238 6.34218 5.19238H22.2484C22.6633 5.19238 23 5.50008 23 5.87922V11.3107C23 13.4262 21.1181 15.146 18.8032 15.146Z" fill="%23F5A200"/><path d="M21.2864 19.0967H10.6502C7.86034 19.0967 5.5906 17.0225 5.5906 14.473V5.88202C5.5906 3.9479 3.868 2.37367 1.75157 2.37367C1.3367 2.37367 1 2.06597 1 1.68684C1 1.3077 1.3367 1 1.75157 1C4.69773 1 7.09374 3.18963 7.09374 5.88202V14.473C7.09374 16.2642 8.69008 17.7231 10.6502 17.7231H21.2864C21.7013 17.7231 22.038 18.0308 22.038 18.4099C22.038 18.789 21.7013 19.0967 21.2864 19.0967Z" fill="%23F5A200"/><path d="M9.7603 23.8003C8.58484 23.8003 7.62885 22.9266 7.62885 21.8524C7.62885 20.7782 8.58484 19.9045 9.7603 19.9045C10.9358 19.9045 11.8918 20.7782 11.8918 21.8524C11.8918 22.9266 10.9358 23.8003 9.7603 23.8003ZM9.7603 21.2782C9.41458 21.2782 9.13199 21.5365 9.13199 21.8524C9.13199 22.1684 9.41458 22.4266 9.7603 22.4266C10.106 22.4266 10.3886 22.1684 10.3886 21.8524C10.3886 21.5365 10.106 21.2782 9.7603 21.2782Z" fill="%23F5A200"/><path d="M18.7341 23.8003C17.5586 23.8003 16.6026 22.9266 16.6026 21.8524C16.6026 20.7782 17.5586 19.9045 18.7341 19.9045C19.9095 19.9045 20.8655 20.7782 20.8655 21.8524C20.8655 22.9266 19.9095 23.8003 18.7341 23.8003ZM18.7341 21.2782C18.3884 21.2782 18.1058 21.5365 18.1058 21.8524C18.1058 22.1684 18.3884 22.4266 18.7341 22.4266C19.0798 22.4266 19.3624 22.1684 19.3624 21.8524C19.3624 21.5365 19.0798 21.2782 18.7341 21.2782Z" fill="%23F5A200"/></svg>')
        }

            .header-user-btn:hover[data-header-user=shopping_cart] .header-user-link-icon .number {
                background-color: #f5a200
            }

        .header-user-btn:hover[data-header-user=user] .header-user-link-icon {
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.1239 21.9997H5.18121C4.52049 21.9997 3.90299 21.739 3.48618 21.2857C3.06628 20.8242 2.90573 20.227 3.05393 19.646C3.93695 16.1304 7.5524 13.5786 11.6526 13.5786C15.7527 13.5786 19.3682 16.1304 20.2512 19.646C20.3963 20.227 20.2389 20.8242 19.819 21.2857C19.4052 21.739 18.7877 21.9997 18.1239 21.9997ZM11.6526 14.936C8.27178 14.936 5.28927 17.0399 4.56062 19.9392C4.5174 20.1156 4.56062 20.2975 4.6903 20.436C4.76131 20.512 4.91877 20.6423 5.18121 20.6423H18.1239C18.3864 20.6423 18.5438 20.512 18.6148 20.436C18.7414 20.2975 18.7877 20.1156 18.7445 19.9392C18.0159 17.0399 15.0334 14.936 11.6526 14.936Z" fill="%23F5A200"/><path d="M11.6517 12.5234C8.7893 12.5234 6.46045 10.1623 6.46045 7.26029C6.46045 4.35826 8.7893 2 11.6517 2C14.5141 2 16.8429 4.36112 16.8429 7.26315C16.8429 10.1652 14.5141 12.5263 11.6517 12.5263V12.5234ZM11.6517 3.43098C9.56841 3.43098 7.87188 5.14816 7.87188 7.26315C7.87188 9.37815 9.56559 11.0953 11.6517 11.0953C13.7378 11.0953 15.4315 9.37815 15.4315 7.26315C15.4315 5.14816 13.7378 3.43098 11.6517 3.43098Z" fill="%23F5A200"/></svg>')
        }

@media (max-width: 800px) {
    .header-user-btn[data-header-user=bookshelf] {
        display: none
    }
}

.header-user-btn[data-header-user=user] {
    margin-left: .35rem;
    margin-right: 5px
}

    .header-user-btn[data-header-user=user]:not(.is-login) a {
        display: flex;
        align-items: center
    }

.header-user-link-icon {
    position: relative;
    width: 40px;
    height: 40px;
    background-size: 24px !important;
    border-radius: 50%
}

[data-header-user=bookshelf] .header-user-link-icon {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.0089 19.4211L19.8622 12.7467L16.9177 6.49577L15.3356 3.12394C15.2126 2.8622 14.9753 2.65435 14.6764 2.54657C14.3776 2.4388 14.0436 2.4388 13.7447 2.54657L11.0376 3.52425V3.07005C11.0376 2.47729 10.4926 2 9.81585 2H6.49342C6.32642 2 6.15942 2.03079 6.01879 2.08468C5.86937 2.03079 5.71116 2 5.54416 2H2.22174C1.54495 2 1 2.47729 1 3.07005V20.699C1 21.2918 1.54495 21.7691 2.22174 21.7691H5.54416C5.71116 21.7691 5.87816 21.7383 6.01879 21.6844C6.16821 21.7383 6.32642 21.7691 6.49342 21.7691H9.81585C10.4838 21.7691 11.0376 21.2918 11.0376 20.699V7.2117L12.9537 11.2764L16.1091 17.9738L17.6912 21.3456C17.8143 21.6074 18.0516 21.8152 18.3504 21.923C18.4998 21.9769 18.6581 22.0077 18.8163 22.0077C18.9745 22.0077 19.1327 21.9769 19.2821 21.923L22.3496 20.8145C22.6485 20.7067 22.8858 20.4988 23.0089 20.2371C23.1319 19.9754 23.1319 19.6828 23.0089 19.4211ZM19.7655 15.9415L17.1902 16.873L13.2613 8.5204L15.8366 7.58891L16.2937 8.55889L19.7655 15.9415ZM9.54337 6.06466H6.75711V3.301H9.54337V6.06466ZM9.54337 16.3957H6.75711V7.36567H9.54337V16.4034V16.3957ZM2.48542 7.36567H5.27169V16.4034H2.48542V7.36567ZM5.27169 3.301V6.06466H2.48542V3.301H5.27169ZM2.48542 17.6967H5.27169V20.4604H2.48542V17.6967ZM6.75711 20.4604V17.6967H9.54337V20.4604H6.75711ZM14.0612 3.83218L15.2653 6.38799L12.69 7.31948L11.4858 4.76366L14.0612 3.83218ZM18.9569 20.6297L17.7527 18.0739L20.3281 17.1424L21.5322 19.6982L18.9569 20.6297Z" fill="%23ffffff"/></svg>')
}

.min-header [data-header-user=bookshelf] .header-user-link-icon {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.0089 19.4211L19.8622 12.7467L16.9177 6.49577L15.3356 3.12394C15.2126 2.8622 14.9753 2.65435 14.6764 2.54657C14.3776 2.4388 14.0436 2.4388 13.7447 2.54657L11.0376 3.52425V3.07005C11.0376 2.47729 10.4926 2 9.81585 2H6.49342C6.32642 2 6.15942 2.03079 6.01879 2.08468C5.86937 2.03079 5.71116 2 5.54416 2H2.22174C1.54495 2 1 2.47729 1 3.07005V20.699C1 21.2918 1.54495 21.7691 2.22174 21.7691H5.54416C5.71116 21.7691 5.87816 21.7383 6.01879 21.6844C6.16821 21.7383 6.32642 21.7691 6.49342 21.7691H9.81585C10.4838 21.7691 11.0376 21.2918 11.0376 20.699V7.2117L12.9537 11.2764L16.1091 17.9738L17.6912 21.3456C17.8143 21.6074 18.0516 21.8152 18.3504 21.923C18.4998 21.9769 18.6581 22.0077 18.8163 22.0077C18.9745 22.0077 19.1327 21.9769 19.2821 21.923L22.3496 20.8145C22.6485 20.7067 22.8858 20.4988 23.0089 20.2371C23.1319 19.9754 23.1319 19.6828 23.0089 19.4211ZM19.7655 15.9415L17.1902 16.873L13.2613 8.5204L15.8366 7.58891L16.2937 8.55889L19.7655 15.9415ZM9.54337 6.06466H6.75711V3.301H9.54337V6.06466ZM9.54337 16.3957H6.75711V7.36567H9.54337V16.4034V16.3957ZM2.48542 7.36567H5.27169V16.4034H2.48542V7.36567ZM5.27169 3.301V6.06466H2.48542V3.301H5.27169ZM2.48542 17.6967H5.27169V20.4604H2.48542V17.6967ZM6.75711 20.4604V17.6967H9.54337V20.4604H6.75711ZM14.0612 3.83218L15.2653 6.38799L12.69 7.31948L11.4858 4.76366L14.0612 3.83218ZM18.9569 20.6297L17.7527 18.0739L20.3281 17.1424L21.5322 19.6982L18.9569 20.6297Z" fill="%2328476C"/></svg>')
}

[data-header-user=shopping_cart] .header-user-link-icon {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.8032 15.146H11.0771C10.6622 15.146 10.3255 14.8383 10.3255 14.4592C10.3255 14.08 10.6622 13.7723 11.0771 13.7723H18.8032C20.2883 13.7723 21.4969 12.6679 21.4969 11.3107V6.56605H6.34218C5.92731 6.56605 5.59061 6.25835 5.59061 5.87922C5.59061 5.50008 5.92731 5.19238 6.34218 5.19238H22.2484C22.6633 5.19238 23 5.50008 23 5.87922V11.3107C23 13.4262 21.1181 15.146 18.8032 15.146Z" fill="%23ffffff"/><path d="M21.2864 19.0967H10.6502C7.86034 19.0967 5.5906 17.0225 5.5906 14.473V5.88202C5.5906 3.9479 3.868 2.37367 1.75157 2.37367C1.3367 2.37367 1 2.06597 1 1.68684C1 1.3077 1.3367 1 1.75157 1C4.69773 1 7.09374 3.18963 7.09374 5.88202V14.473C7.09374 16.2642 8.69008 17.7231 10.6502 17.7231H21.2864C21.7013 17.7231 22.038 18.0308 22.038 18.4099C22.038 18.789 21.7013 19.0967 21.2864 19.0967Z" fill="%23ffffff"/><path d="M9.7603 23.8003C8.58484 23.8003 7.62885 22.9266 7.62885 21.8524C7.62885 20.7782 8.58484 19.9045 9.7603 19.9045C10.9358 19.9045 11.8918 20.7782 11.8918 21.8524C11.8918 22.9266 10.9358 23.8003 9.7603 23.8003ZM9.7603 21.2782C9.41458 21.2782 9.13199 21.5365 9.13199 21.8524C9.13199 22.1684 9.41458 22.4266 9.7603 22.4266C10.106 22.4266 10.3886 22.1684 10.3886 21.8524C10.3886 21.5365 10.106 21.2782 9.7603 21.2782Z" fill="%23ffffff"/><path d="M18.7341 23.8003C17.5586 23.8003 16.6026 22.9266 16.6026 21.8524C16.6026 20.7782 17.5586 19.9045 18.7341 19.9045C19.9095 19.9045 20.8655 20.7782 20.8655 21.8524C20.8655 22.9266 19.9095 23.8003 18.7341 23.8003ZM18.7341 21.2782C18.3884 21.2782 18.1058 21.5365 18.1058 21.8524C18.1058 22.1684 18.3884 22.4266 18.7341 22.4266C19.0798 22.4266 19.3624 22.1684 19.3624 21.8524C19.3624 21.5365 19.0798 21.2782 18.7341 21.2782Z" fill="%23ffffff"/></svg>')
}

.min-header [data-header-user=shopping_cart] .header-user-link-icon {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.8032 15.146H11.0771C10.6622 15.146 10.3255 14.8383 10.3255 14.4592C10.3255 14.08 10.6622 13.7723 11.0771 13.7723H18.8032C20.2883 13.7723 21.4969 12.6679 21.4969 11.3107V6.56605H6.34218C5.92731 6.56605 5.59061 6.25835 5.59061 5.87922C5.59061 5.50008 5.92731 5.19238 6.34218 5.19238H22.2484C22.6633 5.19238 23 5.50008 23 5.87922V11.3107C23 13.4262 21.1181 15.146 18.8032 15.146Z" fill="%2328476C"/><path d="M21.2864 19.0967H10.6502C7.86034 19.0967 5.5906 17.0225 5.5906 14.473V5.88202C5.5906 3.9479 3.868 2.37367 1.75157 2.37367C1.3367 2.37367 1 2.06597 1 1.68684C1 1.3077 1.3367 1 1.75157 1C4.69773 1 7.09374 3.18963 7.09374 5.88202V14.473C7.09374 16.2642 8.69008 17.7231 10.6502 17.7231H21.2864C21.7013 17.7231 22.038 18.0308 22.038 18.4099C22.038 18.789 21.7013 19.0967 21.2864 19.0967Z" fill="%2328476C"/><path d="M9.7603 23.8003C8.58484 23.8003 7.62885 22.9266 7.62885 21.8524C7.62885 20.7782 8.58484 19.9045 9.7603 19.9045C10.9358 19.9045 11.8918 20.7782 11.8918 21.8524C11.8918 22.9266 10.9358 23.8003 9.7603 23.8003ZM9.7603 21.2782C9.41458 21.2782 9.13199 21.5365 9.13199 21.8524C9.13199 22.1684 9.41458 22.4266 9.7603 22.4266C10.106 22.4266 10.3886 22.1684 10.3886 21.8524C10.3886 21.5365 10.106 21.2782 9.7603 21.2782Z" fill="%2328476C"/><path d="M18.7341 23.8003C17.5586 23.8003 16.6026 22.9266 16.6026 21.8524C16.6026 20.7782 17.5586 19.9045 18.7341 19.9045C19.9095 19.9045 20.8655 20.7782 20.8655 21.8524C20.8655 22.9266 19.9095 23.8003 18.7341 23.8003ZM18.7341 21.2782C18.3884 21.2782 18.1058 21.5365 18.1058 21.8524C18.1058 22.1684 18.3884 22.4266 18.7341 22.4266C19.0798 22.4266 19.3624 22.1684 19.3624 21.8524C19.3624 21.5365 19.0798 21.2782 18.7341 21.2782Z" fill="%2328476C"/></svg>')
}

[data-header-user=shopping_cart] .header-user-link-icon:hover {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.8032 15.146H11.0771C10.6622 15.146 10.3255 14.8383 10.3255 14.4592C10.3255 14.08 10.6622 13.7723 11.0771 13.7723H18.8032C20.2883 13.7723 21.4969 12.6679 21.4969 11.3107V6.56605H6.34218C5.92731 6.56605 5.59061 6.25835 5.59061 5.87922C5.59061 5.50008 5.92731 5.19238 6.34218 5.19238H22.2484C22.6633 5.19238 23 5.50008 23 5.87922V11.3107C23 13.4262 21.1181 15.146 18.8032 15.146Z" fill="%23F5A200"/><path d="M21.2864 19.0967H10.6502C7.86034 19.0967 5.5906 17.0225 5.5906 14.473V5.88202C5.5906 3.9479 3.868 2.37367 1.75157 2.37367C1.3367 2.37367 1 2.06597 1 1.68684C1 1.3077 1.3367 1 1.75157 1C4.69773 1 7.09374 3.18963 7.09374 5.88202V14.473C7.09374 16.2642 8.69008 17.7231 10.6502 17.7231H21.2864C21.7013 17.7231 22.038 18.0308 22.038 18.4099C22.038 18.789 21.7013 19.0967 21.2864 19.0967Z" fill="%23F5A200"/><path d="M9.7603 23.8003C8.58484 23.8003 7.62885 22.9266 7.62885 21.8524C7.62885 20.7782 8.58484 19.9045 9.7603 19.9045C10.9358 19.9045 11.8918 20.7782 11.8918 21.8524C11.8918 22.9266 10.9358 23.8003 9.7603 23.8003ZM9.7603 21.2782C9.41458 21.2782 9.13199 21.5365 9.13199 21.8524C9.13199 22.1684 9.41458 22.4266 9.7603 22.4266C10.106 22.4266 10.3886 22.1684 10.3886 21.8524C10.3886 21.5365 10.106 21.2782 9.7603 21.2782Z" fill="%23F5A200"/><path d="M18.7341 23.8003C17.5586 23.8003 16.6026 22.9266 16.6026 21.8524C16.6026 20.7782 17.5586 19.9045 18.7341 19.9045C19.9095 19.9045 20.8655 20.7782 20.8655 21.8524C20.8655 22.9266 19.9095 23.8003 18.7341 23.8003ZM18.7341 21.2782C18.3884 21.2782 18.1058 21.5365 18.1058 21.8524C18.1058 22.1684 18.3884 22.4266 18.7341 22.4266C19.0798 22.4266 19.3624 22.1684 19.3624 21.8524C19.3624 21.5365 19.0798 21.2782 18.7341 21.2782Z" fill="%23F5A200"/></svg>')
}

[data-header-user=user] .header-user-link-icon {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.1239 21.9997H5.18121C4.52049 21.9997 3.90299 21.739 3.48618 21.2857C3.06628 20.8242 2.90573 20.227 3.05393 19.646C3.93695 16.1304 7.5524 13.5786 11.6526 13.5786C15.7527 13.5786 19.3682 16.1304 20.2512 19.646C20.3963 20.227 20.2389 20.8242 19.819 21.2857C19.4052 21.739 18.7877 21.9997 18.1239 21.9997ZM11.6526 14.936C8.27178 14.936 5.28927 17.0399 4.56062 19.9392C4.5174 20.1156 4.56062 20.2975 4.6903 20.436C4.76131 20.512 4.91877 20.6423 5.18121 20.6423H18.1239C18.3864 20.6423 18.5438 20.512 18.6148 20.436C18.7414 20.2975 18.7877 20.1156 18.7445 19.9392C18.0159 17.0399 15.0334 14.936 11.6526 14.936Z" fill="%23ffffff"/><path d="M11.6517 12.5234C8.7893 12.5234 6.46045 10.1623 6.46045 7.26029C6.46045 4.35826 8.7893 2 11.6517 2C14.5141 2 16.8429 4.36112 16.8429 7.26315C16.8429 10.1652 14.5141 12.5263 11.6517 12.5263V12.5234ZM11.6517 3.43098C9.56841 3.43098 7.87188 5.14816 7.87188 7.26315C7.87188 9.37815 9.56559 11.0953 11.6517 11.0953C13.7378 11.0953 15.4315 9.37815 15.4315 7.26315C15.4315 5.14816 13.7378 3.43098 11.6517 3.43098Z" fill="%23ffffff"/></svg>')
}

.min-header [data-header-user=user] .header-user-link-icon {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.1239 21.9997H5.18121C4.52049 21.9997 3.90299 21.739 3.48618 21.2857C3.06628 20.8242 2.90573 20.227 3.05393 19.646C3.93695 16.1304 7.5524 13.5786 11.6526 13.5786C15.7527 13.5786 19.3682 16.1304 20.2512 19.646C20.3963 20.227 20.2389 20.8242 19.819 21.2857C19.4052 21.739 18.7877 21.9997 18.1239 21.9997ZM11.6526 14.936C8.27178 14.936 5.28927 17.0399 4.56062 19.9392C4.5174 20.1156 4.56062 20.2975 4.6903 20.436C4.76131 20.512 4.91877 20.6423 5.18121 20.6423H18.1239C18.3864 20.6423 18.5438 20.512 18.6148 20.436C18.7414 20.2975 18.7877 20.1156 18.7445 19.9392C18.0159 17.0399 15.0334 14.936 11.6526 14.936Z" fill="%2328476C"/><path d="M11.6517 12.5234C8.7893 12.5234 6.46045 10.1623 6.46045 7.26029C6.46045 4.35826 8.7893 2 11.6517 2C14.5141 2 16.8429 4.36112 16.8429 7.26315C16.8429 10.1652 14.5141 12.5263 11.6517 12.5263V12.5234ZM11.6517 3.43098C9.56841 3.43098 7.87188 5.14816 7.87188 7.26315C7.87188 9.37815 9.56559 11.0953 11.6517 11.0953C13.7378 11.0953 15.4315 9.37815 15.4315 7.26315C15.4315 5.14816 13.7378 3.43098 11.6517 3.43098Z" fill="%2328476C"/></svg>')
}

.is-login .header-user-link-icon {
    background-color: #28476c;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.1239 21.9997H5.18121C4.52049 21.9997 3.90299 21.739 3.48618 21.2857C3.06628 20.8242 2.90573 20.227 3.05393 19.646C3.93695 16.1304 7.5524 13.5786 11.6526 13.5786C15.7527 13.5786 19.3682 16.1304 20.2512 19.646C20.3963 20.227 20.2389 20.8242 19.819 21.2857C19.4052 21.739 18.7877 21.9997 18.1239 21.9997ZM11.6526 14.936C8.27178 14.936 5.28927 17.0399 4.56062 19.9392C4.5174 20.1156 4.56062 20.2975 4.6903 20.436C4.76131 20.512 4.91877 20.6423 5.18121 20.6423H18.1239C18.3864 20.6423 18.5438 20.512 18.6148 20.436C18.7414 20.2975 18.7877 20.1156 18.7445 19.9392C18.0159 17.0399 15.0334 14.936 11.6526 14.936Z" fill="%23F5A200"/><path d="M11.6517 12.5234C8.7893 12.5234 6.46045 10.1623 6.46045 7.26029C6.46045 4.35826 8.7893 2 11.6517 2C14.5141 2 16.8429 4.36112 16.8429 7.26315C16.8429 10.1652 14.5141 12.5263 11.6517 12.5263V12.5234ZM11.6517 3.43098C9.56841 3.43098 7.87188 5.14816 7.87188 7.26315C7.87188 9.37815 9.56559 11.0953 11.6517 11.0953C13.7378 11.0953 15.4315 9.37815 15.4315 7.26315C15.4315 5.14816 13.7378 3.43098 11.6517 3.43098Z" fill="%23F5A200"/></svg>')
}

.min-header .is-login .header-user-link-icon {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.1239 21.9997H5.18121C4.52049 21.9997 3.90299 21.739 3.48618 21.2857C3.06628 20.8242 2.90573 20.227 3.05393 19.646C3.93695 16.1304 7.5524 13.5786 11.6526 13.5786C15.7527 13.5786 19.3682 16.1304 20.2512 19.646C20.3963 20.227 20.2389 20.8242 19.819 21.2857C19.4052 21.739 18.7877 21.9997 18.1239 21.9997ZM11.6526 14.936C8.27178 14.936 5.28927 17.0399 4.56062 19.9392C4.5174 20.1156 4.56062 20.2975 4.6903 20.436C4.76131 20.512 4.91877 20.6423 5.18121 20.6423H18.1239C18.3864 20.6423 18.5438 20.512 18.6148 20.436C18.7414 20.2975 18.7877 20.1156 18.7445 19.9392C18.0159 17.0399 15.0334 14.936 11.6526 14.936Z" fill="%23F5A200"/><path d="M11.6517 12.5234C8.7893 12.5234 6.46045 10.1623 6.46045 7.26029C6.46045 4.35826 8.7893 2 11.6517 2C14.5141 2 16.8429 4.36112 16.8429 7.26315C16.8429 10.1652 14.5141 12.5263 11.6517 12.5263V12.5234ZM11.6517 3.43098C9.56841 3.43098 7.87188 5.14816 7.87188 7.26315C7.87188 9.37815 9.56559 11.0953 11.6517 11.0953C13.7378 11.0953 15.4315 9.37815 15.4315 7.26315C15.4315 5.14816 13.7378 3.43098 11.6517 3.43098Z" fill="%23F5A200"/></svg>')
}

.header-user-link-icon .number {
    position: absolute;
    top: 0;
    right: 0;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .6rem;
    color: #fff;
    background-color: #28476c;
    border-radius: 50%;
    transition: .3s
}

@media (max-width: 640px) {
    .header-user-link-icon {
        width: 36px;
        min-width: 36px;
        height: 36px;
        background-size: 60% !important
    }
}

.header-user-link-text {
    padding-right: 1em
}

@media (max-width: 1280px) {
    .header-user-link-text {
        display: none
    }
}

.header-user-btn {
    position: relative
}

    .header-user-btn:hover .header-other-menu {
        display: block
    }

@media (min-width: 1025px) {
    .header-user-btn:hover .header-other-menu, .header-user-btn:hover .header-user-menu {
        display: block
    }
}

.header-other-menu {
    display: none;
    color: #222;
    font-size: 1rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 160px;
    transform: translate(calc(-50% - 2rem),100%);
    padding: 15px
}

@media (min-width: 1281px) {
    .header-other-menu {
        transform: translate(-50%,100%)
    }

    .min-header .header-other-menu {
        transform: translate(calc(-50% - 2rem),100%)
    }
}

.min-header .header-other-menu {
    transform: translate(calc(-50% - rem),100%)
}

.header-other-menu:after {
    content: "";
    position: absolute;
    display: block;
    top: 8px;
    left: calc(50% - 4px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 8px 5px;
    border-color: transparent transparent #eef1f5 transparent;
    transform: translateX(2rem)
}

@media (min-width: 1281px) {
    .header-other-menu:after {
        transform: translateX(0)
    }
}

.min-header .header-other-menu:after {
    transform: translateX(2rem)
}

.header-other-menu-inner {
    background-color: #eef1f5;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0 3px 6px rgba(0,0,0,.2);
    border-radius: 6px
}

.other-menu-items {
    width: 100%;
    background-color: #eef1f5
}

.other-menu-item {
    display: flex;
    justify-content: space-between;
    padding: .6em 1rem;
    box-sizing: border-box;
    border-bottom: 1px solid #eaeaea;
    transition: .3s
}

@media (min-width: 1025px) {
    .other-menu-item {
        padding: .4rem .8rem
    }
}

.other-menu-item:hover {
    background-color: #fff
}

    .other-menu-item:hover .number {
        background-color: #f5a200
    }

.other-menu-item:last-child {
    border-bottom: none
}

.other-menu-item .number {
    width: 1.3rem;
    height: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .7rem;
    color: #fff;
    background-color: #28476c;
    border-radius: 50%
}

.header-user-menu {
    display: none;
    color: #222;
    font-size: 1rem
}

@media (min-width: 1025px) {
    .header-user-menu {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 200px;
        transform: translate(calc(-50% - 2rem),100%);
        padding: 15px
    }

        .header-user-menu.size-sm {
            width: 160px
        }
}

@media (min-width: 1025px) and (min-width: 1281px) {
    .header-user-menu {
        transform: translate(-50%,100%)
    }

    .min-header .header-user-menu {
        transform: translate(calc(-50% - 2rem),100%)
    }
}

@media (min-width: 1025px) {
    .min-header .header-user-menu {
        transform: translate(calc(-50% - rem),100%)
    }

    .header-user-menu:after {
        content: "";
        position: absolute;
        display: block;
        top: 8px;
        left: calc(50% - 4px);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 5px 8px 5px;
        border-color: transparent transparent #eef1f5 transparent;
        transform: translateX(2rem)
    }
}

@media (min-width: 1025px) and (min-width: 1281px) {
    .header-user-menu:after {
        transform: translateX(0)
    }
}

@media (min-width: 1025px) {
    .min-header .header-user-menu:after {
        transform: translateX(2rem)
    }
}

@media (max-width: 1024px) {
    .header-user-menu {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100vh;
        justify-content: flex-end;
        z-index: 50
    }
}

.header-user-menu.is-active {
    display: flex
}

@media (max-width: 1024px) {
    .header-user-menu-mask {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.65);
        z-index: -1
    }
}

.header-user-menu-inner {
    background-color: #eef1f5;
    overflow-x: hidden;
    overflow-y: auto
}

@media (max-width: 1024px) {
    .header-user-menu-inner {
        width: 80%;
        height: 100%;
        transform: translateX(100%);
        transition: .3s
    }

    .is-active .header-user-menu-inner {
        animation: user_show .3s ease-in forwards
    }
}

@media (min-width: 1025px) {
    .header-user-menu-inner {
        box-shadow: 0 3px 6px rgba(0,0,0,.2);
        border-radius: 6px
    }
}

@keyframes user_show {
    100% {
        transform: translateX(0)
    }
}

.header-user-menu-inner .user-main {
    width: 100%;
    min-height: 5.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: .8rem;
    box-sizing: border-box;
    border-radius: 6px;
    background-color: #eef1f5
}

@media (max-width: 1024px) {
    .header-user-menu-inner .user-main {
        padding: .8rem 1rem;
        padding-top: 50px;
        min-height: calc(5.5rem + 50px)
    }
}

.header-user-menu-inner .user-point {
    display: flex;
    justify-content: space-between;
    color: #838383
}

    .header-user-menu-inner .user-point .accent {
        color: #28476c;
        font-weight: 700;
        font-size: 1.2em
    }

.header-user-member-close {
    position: absolute;
    top: 8px;
    right: .6rem;
    width: 36px;
    height: 36px;
    cursor: pointer;
    transition: .3s
}

@media (min-width: 1025px) {
    .header-user-member-close {
        display: none
    }
}

.header-user-member-close:hover {
    opacity: 1
}

.header-user-member-close:after, .header-user-member-close:before {
    content: "";
    position: absolute;
    display: block;
    top: calc(50% - 1px);
    left: 10%;
    width: 80%;
    height: 2px;
    background-color: #28476c;
    opacity: .7;
    transition: .3s
}

.header-user-member-close:before {
    transform: rotate(45deg)
}

.header-user-member-close:after {
    transform: rotate(-45deg)
}

.user-menu-items {
    width: 100%;
    background-color: #fff
}

.size-sm .user-menu-items {
    background-color: #eef1f5
}

.user-menu-item {
    display: flex;
    justify-content: space-between;
    padding: .7em 1rem;
    box-sizing: border-box;
    border-bottom: 1px solid #eaeaea;
    transition: .3s
}

@media (min-width: 1025px) {
    .user-menu-item {
        padding: .4rem .8rem
    }
}

.user-menu-item:hover {
    color: #28476c;
    background-color: #eef1f5
}

.size-sm .user-menu-item:hover {
    background-color: #fff
}

.user-menu-item:last-child {
    border-bottom: none
}

.header-search-btn {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.4286 2.25C6.19605 2.25 2.75 5.69589 2.75 9.92832C2.75 14.1607 6.19605 17.6066 10.4286 17.6066C11.9542 17.6066 13.378 17.1587 14.5747 16.3878L19.4591 21.272L19.4608 21.2737C19.7693 21.5764 20.1777 21.7498 20.6157 21.7498C21.0517 21.7498 21.4616 21.5827 21.7722 21.272L21.7739 21.2704C22.0766 20.9619 22.25 20.5535 22.25 20.1155C22.25 19.6795 22.0828 19.2697 21.7722 18.959L16.8879 14.075C17.6592 12.8781 18.1073 11.4541 18.1073 9.92832C18.1073 5.69589 14.6612 2.25 10.4286 2.25ZM3.8788 9.92832C3.8788 6.31812 6.81826 3.37877 10.4286 3.37877C14.039 3.37877 16.9785 6.31812 16.9785 9.92832C16.9785 13.5385 14.039 16.4779 10.4286 16.4779C6.81826 16.4779 3.8788 13.5385 3.8788 9.92832ZM10.4277 4.80874C7.60385 4.80874 5.30816 7.10431 5.30816 9.92809C5.30816 10.2342 5.55404 10.49 5.87013 10.49C6.17624 10.49 6.43209 10.2442 6.43209 9.92809C6.43209 7.72655 8.22605 5.93264 10.4277 5.93264C10.7364 5.93264 10.9897 5.67937 10.9897 5.37069C10.9897 5.06457 10.7438 4.80874 10.4277 4.80874ZM20.2611 20.4749L15.5732 15.7872L16.2921 15.0684L20.9783 19.7545C21.0754 19.8556 21.1261 19.9787 21.1261 20.1155C21.1261 20.2554 21.0734 20.3815 20.98 20.4749C20.79 20.6649 20.4511 20.6649 20.2611 20.4749Z" fill="%23ffffff"/></svg>');
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    background-size: 24px !important;
    background-color: #f5a200;
    border: none;
    outline: 0;
    margin-left: .3rem;
    transition: .3s;
    cursor: pointer
}

    .header-search-btn:focus {
        border: none;
        outline: 0
    }

    .header-search-btn:hover {
        background-color: #f58f00
    }

.header-search {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 50
}

    .header-search.is-active {
        display: block
    }

.header-search-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: #28476c;
    padding: 1rem .5rem;
    box-sizing: border-box;
    color: #fff
}

@media (min-width: 801px) {
    .header-search-inner {
        padding: 1.3rem .5rem
    }
}

.header-search-inner .header-search-icon {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.4286 2.25C6.19605 2.25 2.75 5.69589 2.75 9.92832C2.75 14.1607 6.19605 17.6066 10.4286 17.6066C11.9542 17.6066 13.378 17.1587 14.5747 16.3878L19.4591 21.272L19.4608 21.2737C19.7693 21.5764 20.1777 21.7498 20.6157 21.7498C21.0517 21.7498 21.4616 21.5827 21.7722 21.272L21.7739 21.2704C22.0766 20.9619 22.25 20.5535 22.25 20.1155C22.25 19.6795 22.0828 19.2697 21.7722 18.959L16.8879 14.075C17.6592 12.8781 18.1073 11.4541 18.1073 9.92832C18.1073 5.69589 14.6612 2.25 10.4286 2.25ZM3.8788 9.92832C3.8788 6.31812 6.81826 3.37877 10.4286 3.37877C14.039 3.37877 16.9785 6.31812 16.9785 9.92832C16.9785 13.5385 14.039 16.4779 10.4286 16.4779C6.81826 16.4779 3.8788 13.5385 3.8788 9.92832ZM10.4277 4.80874C7.60385 4.80874 5.30816 7.10431 5.30816 9.92809C5.30816 10.2342 5.55404 10.49 5.87013 10.49C6.17624 10.49 6.43209 10.2442 6.43209 9.92809C6.43209 7.72655 8.22605 5.93264 10.4277 5.93264C10.7364 5.93264 10.9897 5.67937 10.9897 5.37069C10.9897 5.06457 10.7438 4.80874 10.4277 4.80874ZM20.2611 20.4749L15.5732 15.7872L16.2921 15.0684L20.9783 19.7545C21.0754 19.8556 21.1261 19.9787 21.1261 20.1155C21.1261 20.2554 21.0734 20.3815 20.98 20.4749C20.79 20.6649 20.4511 20.6649 20.2611 20.4749Z" fill="%23ffffff"/></svg>');
    width: 1.8em;
    height: 1.8em;
    margin-left: 0
}

@media (min-width: 801px) {
    .header-search-inner .header-search-icon {
        margin-left: 1rem;
        margin-right: .8rem
    }
}

@media (max-width: 640px) {
    .header-search-inner .header-search-icon {
        display: none
    }
}

.header-search-inner .header-search-bar {
    position: relative;
    width: calc(100% - 7.5rem)
}

@media (min-width: 801px) {
    .header-search-inner .header-search-bar {
        width: calc(100% - 13.5rem)
    }
}

.header-search-inner .search-btn {
    height: 40px;
    line-height: 40px;
    outline: 0;
    border: none;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    background: 0 0;
    color: #28476c;
    font-weight: 700;
    padding: 0 .6rem
}

@media (min-width: 801px) {
    .header-search-inner .search-btn {
        padding: 0 1.2rem
    }
}

.header-search-inner .search-btn:hover {
    color: #f5a200
}

.header-search-inner input {
    height: 40px;
    line-height: 40px;
    outline: 0;
    border: none
}

    .header-search-inner input:not([type=submit]) {
        padding: .35rem 3rem .35rem 1rem;
        width: 100%;
        border-radius: 20px;
        box-sizing: border-box
    }

.header-search-inner .other-link {
    padding: .2rem .5rem
}

@media (min-width: 801px) {
    .header-search-inner .other-link {
        padding: .2rem 1rem
    }
}

.header-search-close {
    position: relative;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    transform: scale(.8);
    transition: .3s
}

@media (min-width: 800px) {
    .header-search-close {
        margin-right: 1rem;
        margin-left: auto
    }
}

.header-search-close:hover {
    transform: scale(1)
}

.header-search-close:after, .header-search-close:before {
    content: "";
    position: absolute;
    display: block;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: .3s
}

.header-search-close:before {
    transform: rotate(45deg)
}

.header-search-close:after {
    transform: rotate(-45deg)
}

.footer {
    background-color: #fff
}

footer a {
    text-decoration: none;
    color: inherit
}

    footer a:focus {
        outline: 0
    }

footer input {
    font-size: 100%
}

footer li, footer ol, footer ul {
    list-style: none
}

    footer ol ol, footer ol ul, footer ul ol, footer ul ul {
        margin-bottom: 0
    }

footer dl, footer ol, footer ul {
    margin-top: 0;
    margin-bottom: 1rem
}

footer p {
    line-height: 1.6;
    padding: 0 0 .3em 0;
    margin: 0
}

.footer-main {
    position: relative;
    color: #dbe0e4;
    padding: 2.5rem 0 12vw;
    background: linear-gradient(to bottom,#28476c,#28476c 10%,#3b5f89)
}

@media (min-width: 801px) {
    .footer-main {
        padding: 5rem 0 9vw
    }
}

.footer-main:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 9vw;
    background-image: url(../images/footer_line.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover
}

.footer-main .footer-group {
    width: 100%;
    margin-bottom: 3rem
}

@media (max-width: 1280px) {
    .footer-main .footer-group {
        columns: 9em;
        column-gap: 5px
    }
}

@media (max-width: 1280px) and (min-width: 801px) {
    .footer-main .footer-group {
        columns: 5
    }
}

@media (min-width: 1281px) {
    .footer-main .footer-group {
        display: flex;
        justify-content: space-between
    }
}

.footer-main .footer-links {
    margin-bottom: 2rem
}

@media (max-width: 1280px) {
    .footer-main .footer-links {
        break-inside: avoid-column
    }
}

@media (min-width: 1281px) {
    .footer-main .footer-links {
        display: inline-block
    }
}

.footer-main .footer-link {
    display: block;
    padding: .35rem 0
}

    .footer-main .footer-link:hover {
        color: #f5a200
    }

.footer-main .link-title {
    font-weight: 600;
    font-size: 1.15rem;
    color: #fff
}

.footer-subscribe-edm {
    display: flex;
    justify-content: flex-end
}

    .footer-subscribe-edm .subscribe-edm-form {
        position: relative;
        width: 526px;
        max-width: 100%
    }

        .footer-subscribe-edm .subscribe-edm-form .submit-btn {
            width: 5rem;
            height: 50px;
            position: absolute;
            top: 2px;
            right: 2px;
            text-align: center
        }

@media (min-width: 801px) {
    .footer-subscribe-edm .subscribe-edm-form .submit-btn {
        width: 7rem
    }
}

.footer-subscribe-edm .subscribe-edm-form .submit-btn:hover {
    background-color: #f5a200
}

.footer-subscribe-edm .subscribe-edm-form input {
    width: 100%;
    height: 54px;
    line-height: 54px;
    border: none;
    outline: 0;
    padding: .3rem 1rem;
    border-radius: 27px;
    box-sizing: border-box;
    transition: .3s
}

    .footer-subscribe-edm .subscribe-edm-form input::placeholder {
        color: #838383
    }

    .footer-subscribe-edm .subscribe-edm-form input:not([type=submit]) {
        background-color: rgba(255,255,255,.85);
        color: #222
    }

        .footer-subscribe-edm .subscribe-edm-form input:not([type=submit]):focus {
            background-color: #fff
        }

.footer-logo .container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.footer-logo .footer-logo-link {
    padding: 1rem 3% 2rem
}

@media (max-width: 800px) {
    .footer-logo .footer-logo-link {
        padding: 1rem 3%
    }
}

.footer-contact .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid #eaeaea;
    padding-top: 1.5rem;
    padding-bottom: 2rem
}

.footer-contact .footer-contact-logo {
    margin-right: 5%;
    padding: 1rem .5rem 1rem 0;
    box-sizing: border-box
}

.footer-contact .footer-contact-content {
    margin-left: auto
}

@media (max-width: 800px) {
    .footer-contact .footer-contact-content {
        width: 100%;
        padding: 1rem 0;
        margin-top: .5rem;
        border-top: 1px solid #eaeaea
    }
}

@media (max-width: 640px) {
    .footer-contact .copyright {
        width: 100%;
        letter-spacing: -.2px
    }
}

@media (min-width: 801px) and (max-width: 930px) {
    .footer-contact .copyright {
        max-width: 320px
    }
}

.back-to-top {
    position: fixed;
    bottom: 90px;
    right: 30px;
    font-size: 54px;
    z-index: 998;
    background-color: rgba(40,71,108,.7);
    border-radius: 50%;
    opacity: 0;
    transform: scale(0);
    transition: .45s;
    cursor: pointer
}

@media (max-width: 800px) {
    .back-to-top {
        bottom: 55px;
        right: 7px;
        font-size: 44px
    }
}

@media (min-width: 801px) {
    .back-to-top:hover {
        background-color: #28476c
    }
}

.back-to-top.is-active {
    opacity: 1;
    transform: scale(1)
}

.back-to-top .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em
}

    .back-to-top .icon:before {
        content: "";
        width: .35em;
        height: .35em;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 8L8.30952 2L2 8" stroke="%23ffffff" stroke-width="2" /></svg>')
    }

.float-message {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 998
}

@media (max-width: 800px) {
    .float-message {
        bottom: 7px;
        right: 7px
    }
}

.float-message-btn {
    font-size: 54px;
    width: 1em;
    height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background-color: #28476c;
    border: none;
    outline: 0;
    border-radius: 50%;
    transition: .3s;
    cursor: pointer
}

@media (max-width: 800px) {
    .float-message-btn {
        font-size: 44px
    }
}

.float-message-btn:focus {
    border: none;
    outline: 0
}

.float-message-btn:hover {
    background-color: #f5a200
}

.float-message-btn:before {
    content: "";
    width: .4em;
    height: .58em;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 21 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.20279 25.705C6.20279 28.0731 8.13887 30 10.5183 30V29.996C12.8977 29.996 14.8338 28.0691 14.8338 25.701V24.3287C14.8338 24.1456 14.84 23.9631 14.8522 23.7814C14.8695 23.7076 14.8786 23.6306 14.8786 23.5516C14.8786 23.5315 14.878 23.5117 14.8768 23.4919C15.0907 21.4173 16.0932 19.4776 17.6973 18.0704C17.7583 18.0178 17.8112 17.9571 17.8559 17.8923C19.8855 15.9088 21 13.2735 21 10.448C21 4.68763 16.294 0 10.502 0C4.71005 0 0 4.68763 0 10.448C0 13.3666 1.24869 16.176 3.42882 18.1595C5.01862 19.5943 5.9729 21.4827 6.16621 23.5466L6.1662 23.5516C6.1662 23.6103 6.17124 23.6679 6.18092 23.724C6.19546 23.9254 6.20279 24.1284 6.20279 24.3327V25.705ZM12.9582 22.5396C13.3539 20.3177 14.4789 18.2617 16.1842 16.7022C16.2167 16.6577 16.2574 16.6131 16.2981 16.5727C18.0186 14.9575 18.9663 12.7837 18.9663 10.448C18.9663 5.80084 15.1673 2.02402 10.502 2.02402C5.83266 2.02402 2.0337 5.80488 2.0337 10.448C2.0337 12.7958 3.03835 15.0627 4.79547 16.6577C6.52623 18.2198 7.6747 20.2979 8.07694 22.5396H9.50549V13.0966C8.15057 12.6671 7.16675 11.4028 7.16675 9.91362C7.16675 9.35499 7.6223 8.90161 8.1836 8.90161C8.7449 8.90161 9.20045 9.35499 9.20045 9.91362C9.20045 10.6382 9.79429 11.2292 10.5224 11.2292C11.2504 11.2292 11.8443 10.6382 11.8443 9.91362C11.8443 9.35499 12.2998 8.90161 12.8611 8.90161C13.4224 8.90161 13.878 9.35499 13.878 9.91362C13.878 11.4028 12.8941 12.6671 11.5392 13.0966V22.5396H12.9582ZM12.8001 24.5636H8.23649V25.701C8.23649 26.9559 9.26148 27.9719 10.5183 27.9719C11.7751 27.9719 12.8001 26.9518 12.8001 25.701V24.5636Z" fill="%23ffffff"/></svg>')
}

.float-message-body {
    display: none;
    position: fixed;
    bottom: 0;
    right: 20px;
    color: #fff;
    width: 268px;
    max-width: 90%;
    font-size: 15px
}

    .float-message-body.is-active {
        display: block
    }

@media (max-width: 640px) {
    .float-message-body {
        right: 5px
    }
}

.float-message-close {
    position: absolute;
    top: -30px;
    right: 0;
    width: 36px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #23395a;
    border-radius: 6px 6px 0 0;
    cursor: pointer
}

    .float-message-close:hover {
        background-color: #f5a200
    }

        .float-message-close:hover:after {
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%23ffffff" stroke-width="2"/></svg>')
        }

    .float-message-close:after {
        content: "";
        width: 1rem;
        height: 1rem;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%236986B2" stroke-width="2"/></svg>');
        transition: .3s
    }

.float-message-body-inner {
    display: block;
    width: 100%
}

.is-active .float-message-body-inner {
    animation: msg_show .45s ease-in-out
}

.is-active.is-hide .float-message-body-inner {
    animation: msg_hide .4s ease-in-out
}

@keyframes msg_show {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes msg_hide {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(100%)
    }
}

.float-message-content {
    background-color: #28476c;
    box-shadow: 0 -2px 6px rgba(0,0,0,.16);
    border-radius: 10px 0 0 0;
    line-height: 1.5
}

    .float-message-content h2 {
        margin: .5rem 0 .7rem
    }

    .float-message-content .notice-link {
        display: block;
        line-height: 1.8;
        text-decoration: none;
        color: inherit
    }

        .float-message-content .notice-link:hover {
            color: #f5a200
        }

.float-message-notice {
    padding: 1rem;
    box-sizing: border-box;
    border-bottom: 1px solid #6680a9
}

.float-message-qa {
    padding: 1.2rem 1rem;
    box-sizing: border-box
}

    .float-message-qa .mail-accent {
        color: #f5a200;
        display: block;
        margin: 1rem 0 .5rem
    }

.grid-wrapper {
    display: grid
}

.grid-row-1-2 {
    grid-row: 1/2
}

.grid-col-1-2 {
    grid-column: 1/2
}

.grid-row-1-3 {
    grid-row: 1/3
}

.grid-col-1-3 {
    grid-column: 1/3
}

.grid-row-1-4 {
    grid-row: 1/4
}

.grid-col-1-4 {
    grid-column: 1/4
}

.grid-row-1-5 {
    grid-row: 1/5
}

.grid-col-1-5 {
    grid-column: 1/5
}

.grid-row-1-6 {
    grid-row: 1/6
}

.grid-col-1-6 {
    grid-column: 1/6
}

.grid-row-1-7 {
    grid-row: 1/7
}

.grid-col-1-7 {
    grid-column: 1/7
}

.grid-row-1-8 {
    grid-row: 1/8
}

.grid-col-1-8 {
    grid-column: 1/8
}

.grid-row-1-9 {
    grid-row: 1/9
}

.grid-col-1-9 {
    grid-column: 1/9
}

.grid-row-1-10 {
    grid-row: 1/10
}

.grid-col-1-10 {
    grid-column: 1/10
}

.grid-row-1-11 {
    grid-row: 1/11
}

.grid-col-1-11 {
    grid-column: 1/11
}

.grid-row-1-12 {
    grid-row: 1/12
}

.grid-col-1-12 {
    grid-column: 1/12
}

.grid-row-2-3 {
    grid-row: 2/3
}

.grid-col-2-3 {
    grid-column: 2/3
}

.grid-row-2-4 {
    grid-row: 2/4
}

.grid-col-2-4 {
    grid-column: 2/4
}

.grid-row-2-5 {
    grid-row: 2/5
}

.grid-col-2-5 {
    grid-column: 2/5
}

.grid-row-2-6 {
    grid-row: 2/6
}

.grid-col-2-6 {
    grid-column: 2/6
}

.grid-row-2-7 {
    grid-row: 2/7
}

.grid-col-2-7 {
    grid-column: 2/7
}

.grid-row-2-8 {
    grid-row: 2/8
}

.grid-col-2-8 {
    grid-column: 2/8
}

.grid-row-2-9 {
    grid-row: 2/9
}

.grid-col-2-9 {
    grid-column: 2/9
}

.grid-row-2-10 {
    grid-row: 2/10
}

.grid-col-2-10 {
    grid-column: 2/10
}

.grid-row-2-11 {
    grid-row: 2/11
}

.grid-col-2-11 {
    grid-column: 2/11
}

.grid-row-2-12 {
    grid-row: 2/12
}

.grid-col-2-12 {
    grid-column: 2/12
}

.grid-row-3-4 {
    grid-row: 3/4
}

.grid-col-3-4 {
    grid-column: 3/4
}

.grid-row-3-5 {
    grid-row: 3/5
}

.grid-col-3-5 {
    grid-column: 3/5
}

.grid-row-3-6 {
    grid-row: 3/6
}

.grid-col-3-6 {
    grid-column: 3/6
}

.grid-row-3-7 {
    grid-row: 3/7
}

.grid-col-3-7 {
    grid-column: 3/7
}

.grid-row-3-8 {
    grid-row: 3/8
}

.grid-col-3-8 {
    grid-column: 3/8
}

.grid-row-3-9 {
    grid-row: 3/9
}

.grid-col-3-9 {
    grid-column: 3/9
}

.grid-row-3-10 {
    grid-row: 3/10
}

.grid-col-3-10 {
    grid-column: 3/10
}

.grid-row-3-11 {
    grid-row: 3/11
}

.grid-col-3-11 {
    grid-column: 3/11
}

.grid-row-3-12 {
    grid-row: 3/12
}

.grid-col-3-12 {
    grid-column: 3/12
}

.grid-row-4-5 {
    grid-row: 4/5
}

.grid-col-4-5 {
    grid-column: 4/5
}

.grid-row-4-6 {
    grid-row: 4/6
}

.grid-col-4-6 {
    grid-column: 4/6
}

.grid-row-4-7 {
    grid-row: 4/7
}

.grid-col-4-7 {
    grid-column: 4/7
}

.grid-row-4-8 {
    grid-row: 4/8
}

.grid-col-4-8 {
    grid-column: 4/8
}

.grid-row-4-9 {
    grid-row: 4/9
}

.grid-col-4-9 {
    grid-column: 4/9
}

.grid-row-4-10 {
    grid-row: 4/10
}

.grid-col-4-10 {
    grid-column: 4/10
}

.grid-row-4-11 {
    grid-row: 4/11
}

.grid-col-4-11 {
    grid-column: 4/11
}

.grid-row-4-12 {
    grid-row: 4/12
}

.grid-col-4-12 {
    grid-column: 4/12
}

.grid-row-5-6 {
    grid-row: 5/6
}

.grid-col-5-6 {
    grid-column: 5/6
}

.grid-row-5-7 {
    grid-row: 5/7
}

.grid-col-5-7 {
    grid-column: 5/7
}

.grid-row-5-8 {
    grid-row: 5/8
}

.grid-col-5-8 {
    grid-column: 5/8
}

.grid-row-5-9 {
    grid-row: 5/9
}

.grid-col-5-9 {
    grid-column: 5/9
}

.grid-row-5-10 {
    grid-row: 5/10
}

.grid-col-5-10 {
    grid-column: 5/10
}

.grid-row-5-11 {
    grid-row: 5/11
}

.grid-col-5-11 {
    grid-column: 5/11
}

.grid-row-5-12 {
    grid-row: 5/12
}

.grid-col-5-12 {
    grid-column: 5/12
}

.grid-row-6-7 {
    grid-row: 6/7
}

.grid-col-6-7 {
    grid-column: 6/7
}

.grid-row-6-8 {
    grid-row: 6/8
}

.grid-col-6-8 {
    grid-column: 6/8
}

.grid-row-6-9 {
    grid-row: 6/9
}

.grid-col-6-9 {
    grid-column: 6/9
}

.grid-row-6-10 {
    grid-row: 6/10
}

.grid-col-6-10 {
    grid-column: 6/10
}

.grid-row-6-11 {
    grid-row: 6/11
}

.grid-col-6-11 {
    grid-column: 6/11
}

.grid-row-6-12 {
    grid-row: 6/12
}

.grid-col-6-12 {
    grid-column: 6/12
}

.grid-row-7-8 {
    grid-row: 7/8
}

.grid-col-7-8 {
    grid-column: 7/8
}

.grid-row-7-9 {
    grid-row: 7/9
}

.grid-col-7-9 {
    grid-column: 7/9
}

.grid-row-7-10 {
    grid-row: 7/10
}

.grid-col-7-10 {
    grid-column: 7/10
}

.grid-row-7-11 {
    grid-row: 7/11
}

.grid-col-7-11 {
    grid-column: 7/11
}

.grid-row-7-12 {
    grid-row: 7/12
}

.grid-col-7-12 {
    grid-column: 7/12
}

.grid-row-8-9 {
    grid-row: 8/9
}

.grid-col-8-9 {
    grid-column: 8/9
}

.grid-row-8-10 {
    grid-row: 8/10
}

.grid-col-8-10 {
    grid-column: 8/10
}

.grid-row-8-11 {
    grid-row: 8/11
}

.grid-col-8-11 {
    grid-column: 8/11
}

.grid-row-8-12 {
    grid-row: 8/12
}

.grid-col-8-12 {
    grid-column: 8/12
}

.grid-row-9-10 {
    grid-row: 9/10
}

.grid-col-9-10 {
    grid-column: 9/10
}

.grid-row-9-11 {
    grid-row: 9/11
}

.grid-col-9-11 {
    grid-column: 9/11
}

.grid-row-9-12 {
    grid-row: 9/12
}

.grid-col-9-12 {
    grid-column: 9/12
}

.grid-row-10-11 {
    grid-row: 10/11
}

.grid-col-10-11 {
    grid-column: 10/11
}

.grid-row-10-12 {
    grid-row: 10/12
}

.grid-col-10-12 {
    grid-column: 10/12
}

.grid-row-11-12 {
    grid-row: 11/12
}

.grid-col-11-12 {
    grid-column: 11/12
}

.breadcrumb {
    display: block;
    font-size: 16px
}

.breadcrumb-items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0
}

.breadcrumb-item {
    display: inline-block;
    box-sizing: border-box;
    color: #28476c;
    line-height: 1.6;
    white-space: wrap;
    word-break: break-all;
    transition: color ease .3s;
    text-decoration: none
}

    .breadcrumb-item:hover {
        color: #f5a200;
        transition: color ease .3s
    }

    .breadcrumb-item:first-child::before {
        content: "";
        width: 14px;
        height: 14px;
        margin: 0 4px;
        display: inline-block;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml, <svg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.66536 16.3333V10.8333H11.332V16.3333H15.9154V9H18.6654L9.4987 0.75L0.332031 9H3.08203V16.3333H7.66536Z' fill='%2328476C'/></svg>");
        transition: all ease .3s
    }

    .breadcrumb-item:first-child:hover::before {
        content: "";
        display: inline-block;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml, <svg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.66536 16.3333V10.8333H11.332V16.3333H15.9154V9H18.6654L9.4987 0.75L0.332031 9H3.08203V16.3333H7.66536Z' fill='%23F5A200'/></svg>");
        transition: all ease .3s
    }

    .breadcrumb-item:last-child {
        cursor: auto;
        color: #838383
    }

    .breadcrumb-item:not(:last-child)::after {
        content: "";
        width: 14px;
        height: 14px;
        margin: 0 4px;
        display: inline-block;
        transition: all ease .3s;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L10 8.5L2 15.5" stroke="%2328476C" stroke-width="2"/></svg>')
    }

    .breadcrumb-item:not(:last-child):hover::after {
        content: "";
        display: inline-block;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L10 8.5L2 15.5" stroke="%23F5A200" stroke-width="2"/></svg>')
    }

.breadcrumb-container {
    padding: 66px 0 36px
}

.post-inner-container .custom-editor {
    box-sizing: border-box;
    padding: .5em 0;
    margin: 8px 0
}

    .post-inner-container .custom-editor a, .post-inner-container .custom-editor abbr, .post-inner-container .custom-editor acronym, .post-inner-container .custom-editor address, .post-inner-container .custom-editor applet, .post-inner-container .custom-editor article, .post-inner-container .custom-editor aside, .post-inner-container .custom-editor audio, .post-inner-container .custom-editor b, .post-inner-container .custom-editor big, .post-inner-container .custom-editor blockquote, .post-inner-container .custom-editor body, .post-inner-container .custom-editor canvas, .post-inner-container .custom-editor caption, .post-inner-container .custom-editor center, .post-inner-container .custom-editor cite, .post-inner-container .custom-editor code, .post-inner-container .custom-editor dd, .post-inner-container .custom-editor del, .post-inner-container .custom-editor details, .post-inner-container .custom-editor dfn, .post-inner-container .custom-editor div, .post-inner-container .custom-editor dl, .post-inner-container .custom-editor dt, .post-inner-container .custom-editor em, .post-inner-container .custom-editor embed, .post-inner-container .custom-editor fieldset, .post-inner-container .custom-editor figcaption, .post-inner-container .custom-editor figure, .post-inner-container .custom-editor footer, .post-inner-container .custom-editor form, .post-inner-container .custom-editor h1, .post-inner-container .custom-editor h2, .post-inner-container .custom-editor h3, .post-inner-container .custom-editor h4, .post-inner-container .custom-editor h5, .post-inner-container .custom-editor h6, .post-inner-container .custom-editor header, .post-inner-container .custom-editor hgroup, .post-inner-container .custom-editor html, .post-inner-container .custom-editor i, .post-inner-container .custom-editor iframe, .post-inner-container .custom-editor img, .post-inner-container .custom-editor ins, .post-inner-container .custom-editor kbd, .post-inner-container .custom-editor label, .post-inner-container .custom-editor legend, .post-inner-container .custom-editor li, .post-inner-container .custom-editor mark, .post-inner-container .custom-editor menu, .post-inner-container .custom-editor nav, .post-inner-container .custom-editor object, .post-inner-container .custom-editor ol, .post-inner-container .custom-editor output, .post-inner-container .custom-editor p, .post-inner-container .custom-editor pre, .post-inner-container .custom-editor q, .post-inner-container .custom-editor ruby, .post-inner-container .custom-editor s, .post-inner-container .custom-editor samp, .post-inner-container .custom-editor section, .post-inner-container .custom-editor small, .post-inner-container .custom-editor span, .post-inner-container .custom-editor strike, .post-inner-container .custom-editor strong, .post-inner-container .custom-editor sub, .post-inner-container .custom-editor summary, .post-inner-container .custom-editor sup, .post-inner-container .custom-editor table, .post-inner-container .custom-editor tbody, .post-inner-container .custom-editor td, .post-inner-container .custom-editor tfoot, .post-inner-container .custom-editor th, .post-inner-container .custom-editor thead, .post-inner-container .custom-editor time, .post-inner-container .custom-editor tr, .post-inner-container .custom-editor tt, .post-inner-container .custom-editor u, .post-inner-container .custom-editor ul, .post-inner-container .custom-editor var, .post-inner-container .custom-editor video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline
    }

    .post-inner-container .custom-editor article, .post-inner-container .custom-editor aside, .post-inner-container .custom-editor details, .post-inner-container .custom-editor figcaption, .post-inner-container .custom-editor figure, .post-inner-container .custom-editor footer, .post-inner-container .custom-editor header, .post-inner-container .custom-editor hgroup, .post-inner-container .custom-editor menu, .post-inner-container .custom-editor nav, .post-inner-container .custom-editor section {
        display: block
    }

    .post-inner-container .custom-editor li, .post-inner-container .custom-editor ol, .post-inner-container .custom-editor ul {
        list-style: none
    }

        .post-inner-container .custom-editor ol ol, .post-inner-container .custom-editor ol ul, .post-inner-container .custom-editor ul ol, .post-inner-container .custom-editor ul ul {
            margin-bottom: 0
        }

    .post-inner-container .custom-editor dl, .post-inner-container .custom-editor ol, .post-inner-container .custom-editor ul {
        margin-top: 0;
        margin-bottom: 1rem
    }

    .post-inner-container .custom-editor dd {
        margin-bottom: .5rem;
        margin-left: 0
    }

    .post-inner-container .custom-editor small {
        font-size: 80%
    }

    .post-inner-container .custom-editor blockquote, .post-inner-container .custom-editor q {
        quotes: none
    }

        .post-inner-container .custom-editor blockquote:after, .post-inner-container .custom-editor blockquote:before, .post-inner-container .custom-editor q:after, .post-inner-container .custom-editor q:before {
            content: "";
            content: none
        }

    .post-inner-container .custom-editor a, .post-inner-container .custom-editor button {
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .post-inner-container .custom-editor table {
        border-collapse: collapse;
        border-spacing: 0
    }

    .post-inner-container .custom-editor input[type=search]::-webkit-search-cancel-button, .post-inner-container .custom-editor input[type=search]::-webkit-search-decoration, .post-inner-container .custom-editor input[type=search]::-webkit-search-results-button, .post-inner-container .custom-editor input[type=search]::-webkit-search-results-decoration {
        -webkit-appearance: none;
        -moz-appearance: none
    }

    .post-inner-container .custom-editor input[type=search] {
        -webkit-appearance: none;
        -moz-appearance: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .post-inner-container .custom-editor textarea {
        overflow: auto;
        vertical-align: top;
        resize: vertical
    }

    .post-inner-container .custom-editor audio, .post-inner-container .custom-editor canvas, .post-inner-container .custom-editor video {
        display: inline-block;
        max-width: 100%
    }

        .post-inner-container .custom-editor audio:not([controls]) {
            display: none;
            height: 0
        }

    .post-inner-container .custom-editor [hidden] {
        display: none
    }

    .post-inner-container .custom-editor html {
        font-size: 100%;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%
    }

    .post-inner-container .custom-editor a:focus {
        outline: thin dotted
    }

    .post-inner-container .custom-editor a:active, .post-inner-container .custom-editor a:hover {
        outline: 0
    }

    .post-inner-container .custom-editor img {
        border: 0;
        -ms-interpolation-mode: bicubic
    }

    .post-inner-container .custom-editor figure {
        margin: 0
    }

    .post-inner-container .custom-editor form {
        margin: 0
    }

    .post-inner-container .custom-editor fieldset {
        border: 1px solid silver;
        margin: 0 2px;
        padding: .35em .625em .75em
    }

    .post-inner-container .custom-editor legend {
        border: 0;
        padding: 0;
        white-space: normal
    }

    .post-inner-container .custom-editor button, .post-inner-container .custom-editor input, .post-inner-container .custom-editor select, .post-inner-container .custom-editor textarea {
        font-size: 100%;
        margin: 0;
        vertical-align: baseline
    }

    .post-inner-container .custom-editor label {
        display: inline-block;
        margin-bottom: .5rem
    }

    .post-inner-container .custom-editor button {
        border-radius: 0
    }

        .post-inner-container .custom-editor button:focus {
            outline: 1px dotted;
            outline: 5px auto -webkit-focus-ring-color
        }

    .post-inner-container .custom-editor button, .post-inner-container .custom-editor input {
        line-height: normal;
        overflow: visible
    }

    .post-inner-container .custom-editor button, .post-inner-container .custom-editor select {
        text-transform: none
    }

    .post-inner-container .custom-editor button, .post-inner-container .custom-editor html input[type=button], .post-inner-container .custom-editor input[type=reset], .post-inner-container .custom-editor input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer
    }

        .post-inner-container .custom-editor button[disabled], .post-inner-container .custom-editor html input[disabled] {
            cursor: default
        }

    .post-inner-container .custom-editor input[type=checkbox], .post-inner-container .custom-editor input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    .post-inner-container .custom-editor input[type=search] {
        -webkit-appearance: textfield;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .post-inner-container .custom-editor input[type=search]::-webkit-search-cancel-button, .post-inner-container .custom-editor input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

    .post-inner-container .custom-editor button::-moz-focus-inner, .post-inner-container .custom-editor input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    .post-inner-container .custom-editor textarea {
        overflow: auto;
        vertical-align: top
    }

    .post-inner-container .custom-editor table {
        border-collapse: collapse;
        border-spacing: 0
    }

    .post-inner-container .custom-editor button, .post-inner-container .custom-editor html, .post-inner-container .custom-editor input, .post-inner-container .custom-editor select, .post-inner-container .custom-editor textarea {
        color: #222
    }

    .post-inner-container .custom-editor ::-moz-selection {
        background: #b3d4fc;
        text-shadow: none
    }

    .post-inner-container .custom-editor ::selection {
        background: #b3d4fc;
        text-shadow: none
    }

    .post-inner-container .custom-editor img {
        vertical-align: middle
    }

    .post-inner-container .custom-editor fieldset {
        border: 0;
        margin: 0;
        padding: 0
    }

    .post-inner-container .custom-editor textarea {
        resize: vertical
    }

.stepper {
    display: flex;
    margin: 90px auto;
    width: 100%;
    justify-content: center
}

@media (max-width: 640px) {
    .stepper {
        box-sizing: border-box;
        padding: 0 18px;
        margin: 66px auto
    }
}

.stepper .step {
    position: relative
}

    .stepper .step .step-num {
        width: 20px;
        height: 20px;
        font-size: 18px;
        text-align: center;
        border-radius: 50%;
        padding: 4px;
        margin: 0 auto
    }

    .stepper .step .step-texts {
        position: absolute;
        text-align: center;
        top: 40px;
        left: -75%;
        min-width: 164px;
        transform: translateX(-25%)
    }

        .stepper .step .step-texts .step-count {
            font-size: 28px;
            line-height: 200%;
            margin-bottom: 4px;
            font-weight: 600
        }

        .stepper .step .step-texts .step-title {
            font-size: 22px;
            letter-spacing: 1px
        }

@media (max-width: 640px) {
    .stepper .step .step-texts {
        min-width: 90px;
        left: 50%;
        transform: translateX(-50%)
    }

        .stepper .step .step-texts .step-count {
            font-size: 19px
        }

        .stepper .step .step-texts .step-title {
            font-size: 16px;
            letter-spacing: 0
        }
}

.stepper .step[data-progress-type=in-progress] .step-num {
    background-color: #28476c;
    color: #fff;
    border: 2.8px solid #28476c
}

.stepper .step[data-progress-type=in-progress] .step-texts {
    color: #28476c
}

.stepper .step[data-progress-type=not-progress] .step-num {
    background-color: #eef1f5;
    color: #909399;
    border: 2.8px solid #909399
}

.stepper .step[data-progress-type=not-progress] .step-texts {
    color: #909399
}

.stepper .progress-line {
    width: 13vw;
    height: 15px;
    border-bottom: solid 2px #909399;
    margin: 0 22px
}

@media (max-width: 640px) {
    .stepper .progress-line {
        width: 32px
    }
}

.form-fieldset {
    background-color: #fff;
    box-sizing: border-box;
    padding: 24px 48px 36px;
    border-radius: 6px;
    margin-bottom: 18px
}

@media (max-width: 800px) {
    .form-fieldset {
        padding: 20px 32px 28px
    }
}

@media (max-width: 640px) {
    .form-fieldset {
        padding: 20px
    }
}

.form-fieldset .input-group-row {
    display: flex;
    gap: 24px;
    margin-bottom: 24px
}

.form-fieldset .input-group {
    display: flex;
    flex-direction: column;
    flex: 1
}

    .form-fieldset .input-group label {
        margin-bottom: 8px;
        color: #535353
    }

    .form-fieldset .input-group input, .form-fieldset .input-group select {
        padding: 10px 16px;
        box-sizing: border-box;
        border: 1px solid #dae2ec;
        color: #838383;
        font-size: 16px;
        min-width: 0;
        max-width: 100%
    }

        .form-fieldset .input-group input::placeholder, .form-fieldset .input-group select::placeholder {
            color: #838383
        }

    .form-fieldset .input-group select {
        cursor: pointer
    }

    .form-fieldset .input-group.alert {
        position: relative
    }

        .form-fieldset .input-group.alert input, .form-fieldset .input-group.alert select, .form-fieldset .input-group.alert textarea {
            border-color: #e61a1a
        }

        .form-fieldset .input-group.alert::after {
            content: "未填寫";
            font-size: 14px;
            display: inline-block;
            position: absolute;
            top: 100%;
            right: 0;
            color: #e61a1a
        }

.input-radio-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 18px
}

    .input-radio-group .input-title {
        width: 100%
    }

.custom-radio-option input[type=radio] {
    display: none
}

    .custom-radio-option input[type=radio] + label {
        cursor: pointer
    }

        .custom-radio-option input[type=radio] + label > span {
            vertical-align: middle
        }

        .custom-radio-option input[type=radio] + label .custom-radio-dot {
            position: relative;
            display: inline-block;
            border: 2px solid #dae2ec;
            background-color: #fff;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            vertical-align: middle;
            margin-right: 8px
        }

    .custom-radio-option input[type=radio]:checked + label .custom-radio-dot {
        border: 2px solid #28476c
    }

        .custom-radio-option input[type=radio]:checked + label .custom-radio-dot::after {
            content: "";
            width: 14px;
            height: 14px;
            background-color: #28476c;
            display: inline-block;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%)
        }

.custom-radio-option select, .custom-radio-option > input {
    padding: 10px 16px;
    box-sizing: border-box;
    border: 1px solid #dae2ec;
    color: #838383;
    font-size: 16px;
    min-width: 0;
    max-width: 100%;
    margin-left: 14px
}

@media (max-width: 640px) {
    .custom-radio-option select, .custom-radio-option > input {
        margin-left: 0;
        margin-top: 12px
    }
}

.custom-radio-option select::placeholder, .custom-radio-option > input::placeholder {
    color: #838383
}

input[type=checkbox].custom-checkbox {
    display: none
}

    input[type=checkbox].custom-checkbox:checked + .custom-checkbox-icon {
        border: 2px solid #28476c;
        box-sizing: border-box
    }

        input[type=checkbox].custom-checkbox:checked + .custom-checkbox-icon::after {
            content: "";
            width: 22px;
            height: 22px;
            display: inline-block;
            position: absolute;
            top: 8px;
            left: 8px;
            transform: translate(-50%,-50%);
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='24' width='21' fill='%2328476C' viewBox='0 0 448 512'><path d='M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/></svg>");
            background-repeat: no-repeat;
            background-size: fill
        }

.custom-checkbox-icon {
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    border: 2px solid #dae2ec;
    border-radius: 3px;
    box-sizing: border-box;
    background-color: #fff;
    vertical-align: middle;
    cursor: pointer
}

.checkbox-group {
    cursor: pointer;
    user-select: none
}

.custom-select {
    font-size: 16px;
    box-sizing: border-box;
    padding: 9px 18px;
    border-radius: 6px;
    border: 2px solid #dae2ec;
    min-width: 140px;
    cursor: pointer
}

    .custom-select option {
        font-size: 16px;
        text-align: left
    }

.table-container {
    overflow-x: scroll
}

    .table-container::-webkit-scrollbar {
        height: 6px
    }

    .table-container::-webkit-scrollbar-thumb {
        background: #838383;
        border-radius: 2px
    }

.book-list-table {
    width: 100%
}

    .book-list-table td, .book-list-table th {
        padding: 16px 12px;
        box-sizing: border-box;
        text-align: center;
        min-width: 100px
    }

        .book-list-table td.cell-lg, .book-list-table th.cell-lg {
            min-width: 200px
        }

        .book-list-table td.cell-md, .book-list-table th.cell-md {
            min-width: 150px
        }

        .book-list-table td.cell-sm, .book-list-table th.cell-sm {
            min-width: 75px
        }

    .book-list-table thead th {
        background-color: #28476c;
        color: #fff;
        font-weight: 700;
        font-size: 18px
    }

    .book-list-table tbody td {
        border: 1px solid #dae2ec;
        vertical-align: middle
    }

        .book-list-table tbody td.text-align-left {
            text-align: left
        }

    .book-list-table tbody tr:nth-child(even) td {
        background-color: rgba(218,226,236,.5)
    }

    .book-list-table tbody tr:nth-child(odd) td {
        background-color: #eef1f5
    }

    .book-list-table.custom-table {
        border-collapse: collapse
    }

        .book-list-table.custom-table thead.thead-radius th:first-child {
            border-radius: 6px 0 0 0
        }

        .book-list-table.custom-table thead.thead-radius th:last-child {
            border-radius: 0 6px 0 0
        }

        .book-list-table.custom-table tbody tr td {
            background-color: #fff
        }

    .book-list-table .icon {
        width: 28px;
        height: 28px;
        display: inline-block;
        vertical-align: middle;
        opacity: 1;
        transition: all .3s ease
    }

        .book-list-table .icon.add {
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15.1523 4.5202C15.2321 4.5312 15.3075 4.56339 15.3701 4.61395C15.4376 4.6697 15.4916 4.74059 15.5283 4.82001C15.565 4.8994 15.5832 4.98647 15.582 5.07392V6.30145L14.5996 5.88153L8.01074 8.73407C7.96876 8.75106 7.93186 8.76693 7.90137 8.78192C8.01143 8.85932 8.12987 8.92511 8.25391 8.97724C8.66115 9.15573 9.24582 9.2871 9.81055 9.28485C10.2155 9.28485 10.6098 9.21896 10.9248 9.08173L18.1699 5.94501C18.2444 5.91353 18.3261 5.9028 18.4062 5.91376C18.4863 5.92473 18.5617 5.95722 18.625 6.00751C18.6924 6.06323 18.7465 6.13322 18.7832 6.21259C18.8199 6.292 18.8391 6.37902 18.8379 6.46649V13.2018C18.4153 13.0704 17.9659 12.9997 17.5 12.9997C15.0148 12.9997 13.0001 15.0145 13 17.4997C13 18.4682 13.3066 19.3651 13.8271 20.0993L11.2734 21.2058C10.8086 21.4051 10.3064 21.4801 9.81152 21.4802C8.7661 21.4652 7.78326 21.1768 7.19824 20.6608C7.01226 20.4868 6.81777 20.2404 6.80273 19.8542H6.80078V19.8425L6.79883 19.8347L6.7998 19.82V8.77216C6.7998 8.77216 6.79795 8.75949 6.79785 8.75263C6.80021 8.4892 6.90641 8.23666 7.09375 8.05145C7.25574 7.89021 7.44839 7.77915 7.67188 7.68915L14.916 4.55243C14.9901 4.52043 15.0724 4.50923 15.1523 4.5202Z' fill='%2328476C'/><path d='M18.123 16.8776H20.5V18.1227H18.123V20.4997H16.877V18.1227H14.5V16.8776H16.877V14.4997H18.123V16.8776Z' fill='%23F5A200'/><path d='M10.3535 2.0036C10.4334 2.01455 10.5091 2.04726 10.5723 2.09735C10.6398 2.153 10.6946 2.22307 10.7314 2.30243C10.7683 2.38182 10.7863 2.46883 10.7852 2.55634V3.7829L9.80273 3.36298L3.21289 6.21552C3.17091 6.23251 3.13401 6.24837 3.10352 6.26337C3.21356 6.34019 3.33218 6.4051 3.45605 6.45673C3.86329 6.63596 4.44798 6.76779 5.0127 6.7663C5.41675 6.7663 5.81203 6.70051 6.12695 6.56415L13.3721 3.42841C13.4465 3.39694 13.5283 3.38524 13.6084 3.39618C13.6884 3.40712 13.7639 3.43977 13.8271 3.48993C13.9486 3.58439 14.0175 3.74204 14.0303 3.90692L7.32227 6.81317C6.98975 6.93964 6.68641 7.13228 6.43066 7.37958C6.0617 7.74257 5.8509 8.24719 5.8584 8.77216V18.8737C5.58066 18.9327 5.29759 18.9627 5.01367 18.9645C3.96746 18.9495 2.98442 18.6621 2.39941 18.1462C2.21345 17.9722 2.01894 17.7257 2.00391 17.3395H2.00195V6.25653C2.00155 6.2543 2.00003 6.24397 2 6.23602C2.00216 5.9727 2.10882 5.72116 2.2959 5.53583C2.45862 5.37386 2.6496 5.26351 2.87305 5.17352L10.1182 2.03485C10.1924 2.00364 10.2737 1.99274 10.3535 2.0036Z' fill='%2328476C'/></svg>")
        }

        .book-list-table .icon.download {
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 17.2134V2.5" stroke="%2328476C" stroke-width="1.2" stroke-miterlimit="10"/><path d="M6.0639 10.707L11.2628 16.3786C11.6592 16.8109 12.3408 16.8109 12.7371 16.3786L17.936 10.707" stroke="%2328476C" stroke-width="1.2" stroke-miterlimit="10"/><path d="M21.1739 18.2622V20.5001C21.1739 21.0523 20.7262 21.5001 20.1739 21.5001H3.82605C3.27376 21.5001 2.82605 21.0523 2.82605 20.5001V18.2622" stroke="%2328476C" stroke-width="1.2" stroke-miterlimit="10"/></svg>')
        }

        .book-list-table .icon.delete {
            width: 24px;
            height: 20px;
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml, <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.77778 18C10.0724 18 10.3551 17.8946 10.5634 17.7071C10.7718 17.5196 10.8889 17.2652 10.8889 17V11C10.8889 10.7348 10.7718 10.4804 10.5634 10.2929C10.3551 10.1054 10.0724 10 9.77778 10C9.48309 10 9.20048 10.1054 8.9921 10.2929C8.78373 10.4804 8.66667 10.7348 8.66667 11V17C8.66667 17.2652 8.78373 17.5196 8.9921 17.7071C9.20048 17.8946 9.48309 18 9.77778 18ZM20.8889 6H16.4444V5C16.4444 4.20435 16.0932 3.44129 15.4681 2.87868C14.843 2.31607 13.9951 2 13.1111 2H10.8889C10.0049 2 9.15699 2.31607 8.53187 2.87868C7.90674 3.44129 7.55556 4.20435 7.55556 5V6H3.11111C2.81642 6 2.53381 6.10536 2.32543 6.29289C2.11707 6.48043 2 6.73478 2 7C2 7.26522 2.11707 7.51957 2.32543 7.70711C2.53381 7.89464 2.81642 8 3.11111 8H4.22222V19C4.22222 19.7956 4.57341 20.5587 5.19853 21.1213C5.82366 21.6839 6.6715 22 7.55556 22H16.4444C17.3284 22 18.1763 21.6839 18.8014 21.1213C19.4266 20.5587 19.7778 19.7956 19.7778 19V8H20.8889C21.1836 8 21.4662 7.89464 21.6746 7.70711C21.8829 7.51957 22 7.26522 22 7C22 6.73478 21.8829 6.48043 21.6746 6.29289C21.4662 6.10536 21.1836 6 20.8889 6ZM9.77778 5C9.77778 4.73478 9.89489 4.48043 10.1032 4.29289C10.3116 4.10536 10.5942 4 10.8889 4H13.1111C13.4058 4 13.6884 4.10536 13.8968 4.29289C14.1051 4.48043 14.2222 4.73478 14.2222 5V6H9.77778V5ZM17.5556 19C17.5556 19.2652 17.4384 19.5196 17.2301 19.7071C17.0218 19.8946 16.7391 20 16.4444 20H7.55556C7.26087 20 6.97826 19.8946 6.76988 19.7071C6.56151 19.5196 6.44444 19.2652 6.44444 19V8H17.5556V19ZM14.2222 18C14.5169 18 14.7996 17.8946 15.0079 17.7071C15.2162 17.5196 15.3333 17.2652 15.3333 17V11C15.3333 10.7348 15.2162 10.4804 15.0079 10.2929C14.7996 10.1054 14.5169 10 14.2222 10C13.9276 10 13.6449 10.1054 13.4366 10.2929C13.2282 10.4804 13.1111 10.7348 13.1111 11V17C13.1111 17.2652 13.2282 17.5196 13.4366 17.7071C13.6449 17.8946 13.9276 18 14.2222 18Z' fill='%23914343'/></svg>")
        }

        .book-list-table .icon:hover {
            opacity: .75;
            transition: all .3s ease
        }

@media only screen and (max-width: 640px) {
    .login .left-side .suggestion-form {
        margin: unset
    }
}

.activity-banner {
    width: 100%;
    height: 400px;
    background-image: linear-gradient(45deg,#fff 40%,rgba(255,255,255,0) 60%),url(/images/banner/banner-activity.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

@media (max-width: 800px) {
    .activity-banner {
        height: 80vw;
        background-image: linear-gradient(45deg,rgba(255,255,255,.9) 45%,rgba(255,255,255,.05) 75%),url(/images/banner/banner-activity.jpg)
    }
}

@media (max-width: 640px) {
    .activity-banner {
        height: 120vw;
        background-image: linear-gradient(to bottom,rgba(255,255,255,.9) 25%,rgba(255,255,255,.1) 75%),url(/images/banner/banner-activity.jpg)
    }
}

.activity-banner .banner-layer-ab {
    position: absolute;
    width: 100%;
    height: 100%
}

.activity-banner .banner-contents-ab-center {
    position: absolute;
    left: 50%;
    top: 36px;
    transform: translate(-50%,0)
}

    .activity-banner .banner-contents-ab-center .breadcrumb {
        margin-bottom: 100px
    }

@media (max-width: 480px) {
    .activity-banner .banner-contents-ab-center .breadcrumb {
        margin-bottom: 32px
    }
}

.activity-banner .deco-linear-bg {
    position: absolute;
    width: 52%;
    height: 100%;
    opacity: .5
}

@media (max-width: 800px) {
    .activity-banner .deco-linear-bg {
        width: 100%;
        height: 100vw;
        bottom: 0
    }
}

.activity-banner .banner-title p {
    margin-top: 6px
}

.activity-banner .deco-svg {
    width: 100%;
    height: 100%;
    min-width: 600px
}

@media (max-width: 800px) {
    .activity-banner .deco-svg {
        display: none
    }
}

.activity-banner .deco-svg-mb {
    display: none
}

@media (max-width: 800px) {
    .activity-banner .deco-svg-mb {
        display: inline
    }
}

.act-search-section {
    min-height: 115px;
    position: relative;
    z-index: 4
}

.act-search-bg {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px 0 30px;
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translateX(-50%);
    filter: drop-shadow(-30px 0 0 #fff)
}

@media (max-width: 800px) {
    .act-search-bg {
        top: unset;
        bottom: 60%;
        padding: 0 16px;
        filter: drop-shadow(-18px 0 0 #fff)
    }
}

@media (max-width: 640px) {
    .act-search-bg {
        bottom: 30%
    }
}

.act-search-bg .act-search-svg {
    width: 100%;
    height: 115px
}

@media (max-width: 800px) {
    .act-search-bg .act-search-svg {
        display: none
    }
}

.act-search-bg .act-search-svg-mb {
    width: 100%;
    height: 260px;
    display: none
}

@media (max-width: 800px) {
    .act-search-bg .act-search-svg-mb {
        display: inline
    }
}

@media (max-width: 640px) {
    .act-search-bg .act-search-svg-mb {
        height: 280px
    }
}

.search-bar-container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media (max-width: 800px) {
    .search-bar-container {
        top: -50%
    }
}

.act-search-bar {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 8px 12px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    align-items: center
}

@media (max-width: 640px) {
    .act-search-bar {
        justify-content: center
    }
}

.act-search-bar .select-dropdown-btn {
    padding: 11px 14px;
    font-size: 15px;
    color: #222;
    border-radius: 5px
}

@media (max-width: 640px) {
    .act-search-bar .select-dropdown-btn {
        padding: 8px 12px
    }
}

.act-search-bar .select-dropdown-btn:hover {
    background-color: #eef1f5
}

.act-search-bar .select-dropdown-btn::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 6px
}

.act-search-bar .select-dropdown-set {
    border-right: 1px solid #dae2ec;
    box-sizing: border-box;
    padding: 0 4px
}

@media (max-width: 640px) {
    .act-search-bar .select-dropdown-set {
        width: 50%;
        margin-bottom: 8px
    }

        .act-search-bar .select-dropdown-set:nth-child(even) {
            border-right: 0
        }
}

.act-search-bar .select-dropdown-set[data-filter-icon=location] .select-dropdown-btn::before {
    background-image: url(../images/icons/icon_location.png)
}

.act-search-bar .select-dropdown-set[data-filter-icon=activity] .select-dropdown-btn::before {
    background-image: url(../images/icons/icon_act-type.png)
}

.act-search-bar .select-dropdown-set[data-filter-icon=status] .select-dropdown-btn::before {
    background-image: url(../images/icons/icon_status.png)
}

.act-search-bar .select-dropdown-set[data-filter-icon=fee] .select-dropdown-btn::before {
    background-image: url(../images/icons/icon_price.png)
}

.act-search-bar .select-dropdown-set.active[data-filter-icon=location] .select-dropdown-btn::before {
    background-image: url(../images/icons/icon_location_02.png)
}

.act-search-bar .select-dropdown-set.active[data-filter-icon=activity] .select-dropdown-btn::before {
    background-image: url(../images/icons/icon_act-type_02.png)
}

.act-search-bar .select-dropdown-set.active[data-filter-icon=status] .select-dropdown-btn::before {
    background-image: url(../images/icons/icon_status_02.png)
}

.act-search-bar .select-dropdown-set.active[data-filter-icon=fee] .select-dropdown-btn::before {
    background-image: url(../images/icons/icon_price_02.png)
}

.act-search-bar .select-dropdown-set.active .select-dropdown-btn {
    background-color: #eef1f5;
    color: #28476c
}

.act-search-bar .select-dropdown-list {
    background-color: #fff;
    padding: 12px 8px;
    box-sizing: border-box;
    max-height: 210px;
    overflow-y: auto;
    border-radius: 5px;
    top: 100%;
    left: 50%;
    transform: translate(-50%,6px);
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
    z-index: 2
}

    .act-search-bar .select-dropdown-list::-webkit-scrollbar {
        width: 6px
    }

    .act-search-bar .select-dropdown-list::-webkit-scrollbar-track {
        -webkit-border-radius: 5px;
        border-radius: 5px
    }

    .act-search-bar .select-dropdown-list::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: #dae2ec
    }

    .act-search-bar .select-dropdown-list .select-dropdown-item {
        font-size: 15px;
        color: #222;
        box-sizing: border-box;
        padding: 8px 0 8px;
        cursor: pointer;
        text-align: center;
        transition: all .3s ease
    }

        .act-search-bar .select-dropdown-list .select-dropdown-item:hover {
            color: #f5a200;
            transition: all .3s ease
        }

.act-search-bar .search-input-set {
    position: relative;
    flex-grow: 1;
    display: flex;
    box-sizing: border-box;
    padding: 6px 14px
}

@media (max-width: 800px) {
    .act-search-bar .search-input-set {
        flex-direction: column
    }
}

.act-search-bar .search-input {
    width: 100%;
    height: 100%;
    margin-right: 24px;
    position: relative;
    min-height: 33px;
    align-self: center
}

@media (max-width: 800px) {
    .act-search-bar .search-input {
        margin-right: 0;
        margin-bottom: 12px
    }
}

.act-search-bar .search-input::before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.4286 2.25C6.19605 2.25 2.75 5.69589 2.75 9.92832C2.75 14.1607 6.19605 17.6066 10.4286 17.6066C11.9542 17.6066 13.378 17.1587 14.5747 16.3878L19.4591 21.272L19.4608 21.2737C19.7693 21.5764 20.1777 21.7498 20.6157 21.7498C21.0517 21.7498 21.4616 21.5827 21.7722 21.272L21.7739 21.2704C22.0766 20.9619 22.25 20.5535 22.25 20.1155C22.25 19.6795 22.0828 19.2697 21.7722 18.959L16.8879 14.075C17.6592 12.8781 18.1073 11.4541 18.1073 9.92832C18.1073 5.69589 14.6612 2.25 10.4286 2.25ZM3.8788 9.92832C3.8788 6.31812 6.81826 3.37877 10.4286 3.37877C14.039 3.37877 16.9785 6.31812 16.9785 9.92832C16.9785 13.5385 14.039 16.4779 10.4286 16.4779C6.81826 16.4779 3.8788 13.5385 3.8788 9.92832ZM10.4277 4.80874C7.60385 4.80874 5.30816 7.10431 5.30816 9.92809C5.30816 10.2342 5.55404 10.49 5.87013 10.49C6.17624 10.49 6.43209 10.2442 6.43209 9.92809C6.43209 7.72655 8.22605 5.93264 10.4277 5.93264C10.7364 5.93264 10.9897 5.67937 10.9897 5.37069C10.9897 5.06457 10.7438 4.80874 10.4277 4.80874ZM20.2611 20.4749L15.5732 15.7872L16.2921 15.0684L20.9783 19.7545C21.0754 19.8556 21.1261 19.9787 21.1261 20.1155C21.1261 20.2554 21.0734 20.3815 20.98 20.4749C20.79 20.6649 20.4511 20.6649 20.2611 20.4749Z" fill="%23838383"/></svg>');
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%)
}

.act-search-bar .search-input input[type=text] {
    width: 100%;
    height: 100%;
    border-width: 0 0 1px;
    border-color: #eef1f5;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box;
    padding: 11px 18px 11px 28px;
    font-size: 15px;
    color: #222;
    line-height: 1.8
}

    .act-search-bar .search-input input[type=text]::placeholder {
        color: #838383
    }

    .act-search-bar .search-input input[type=text]:focus, .act-search-bar .search-input input[type=text]:focus-visible {
        border-color: #838383;
        outline: 0;
        background-color: #f6f7f8
    }

#actSearchBtn {
    min-width: 72px;
    padding: 10px 18px;
    text-align: center;
    text-decoration: none
}

.search-input-set.active .search-recommend-list {
    display: block
}

.search-recommend-list {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,6px);
    background-image: linear-gradient(#fff 50%,#f0f4fa 95%);
    box-sizing: border-box;
    padding: 18px 16px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
    display: none
}

@media (min-width: 641px) {
    .search-recommend-list .recommend-group:not(:last-of-type) {
        margin-bottom: 32px
    }
}

.search-recommend-list .recommend-group .group-title {
    font-weight: 700;
    color: #1b1b1b;
    margin-bottom: 12px
}

@media (max-width: 640px) {
    .search-recommend-list .recommend-group.pop-rank {
        display: none
    }
}

.search-recommend-list .act-rank-item, .search-recommend-list .act-rank-list {
    list-style-type: none
}

    .search-recommend-list .act-rank-item a, .search-recommend-list .act-rank-list a {
        text-decoration: none
    }

.search-recommend-list .act-rank-list {
    padding: 15px 0;
    margin: 0
}

.search-recommend-list .act-rank-item {
    padding: 8px 8px 16px;
    border-radius: 5px
}

    .search-recommend-list .act-rank-item a {
        display: flex
    }

    .search-recommend-list .act-rank-item .act-cover {
        aspect-ratio: 16/9;
        border-radius: 5px;
        width: 84px;
        min-width: 84px;
        height: 56px;
        position: relative;
        margin-right: 7px
    }

        .search-recommend-list .act-rank-item .act-cover img {
            transform: scale(1)
        }

    .search-recommend-list .act-rank-item .rank-num {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #f5a200;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        padding: 2px;
        z-index: 2
    }

    .search-recommend-list .act-rank-item .act-info {
        display: flex;
        flex-direction: column
    }

        .search-recommend-list .act-rank-item .act-info .act-type {
            font-size: 14px;
            color: #838383;
            margin-bottom: 7px
        }

        .search-recommend-list .act-rank-item .act-info .act-title {
            color: #1b1b1b;
            line-height: 1.5;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            white-space: normal;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
            max-height: 50px
        }

    .search-recommend-list .act-rank-item:hover {
        background-color: #f6f7f8
    }

        .search-recommend-list .act-rank-item:hover .act-title {
            color: #28476c
        }

        .search-recommend-list .act-rank-item:hover .act-cover img {
            transform: scale(1.05)
        }

.search-recommend-list .keyword-tags {
    display: flex;
    gap: 6px;
    flex-wrap: wrap
}

.search-recommend-list .keyword-tag {
    font-size: 14px;
    background-color: #fff;
    padding: 6px 16px;
    border: 1px solid #6c94c4;
    border-radius: 20px;
    color: #6c94c4;
    cursor: pointer;
    transition: all .2s ease
}

    .search-recommend-list .keyword-tag:hover {
        background-color: #6c94c4;
        color: #fff;
        transition: all .2s ease
    }

.act-result-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eaeaea
}

@media (max-width: 640px) {
    .act-result-header {
        flex-direction: column;
        align-items: flex-start
    }
}

.act-result-header .act-results .num {
    font-size: 24px
}

.act-result-header .show-switch-btns {
    display: flex;
    align-items: center
}

@media (max-width: 640px) {
    .act-result-header .show-switch-btns {
        margin-top: 18px
    }
}

.act-result-header .show-switch-btn {
    background-color: #fff;
    color: #28476c;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    padding: 8px 12px
}

@media (max-width: 640px) {
    .act-result-header .show-switch-btn {
        font-size: 14px;
        padding: 4px 8px;
        min-width: 66px;
        gap: 0
    }
}

.act-result-header .show-switch-btn::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px
}

.act-result-header .show-switch-btn[data-switch-type=calendar] {
    border-radius: 18px 0 0 18px
}

    .act-result-header .show-switch-btn[data-switch-type=calendar]::before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.75 3.20312C7.75 2.81348 7.41563 2.5 7 2.5C6.58437 2.5 6.25 2.81348 6.25 3.20312V4.375H5C3.89688 4.375 3 5.21582 3 6.25V6.71875V8.125V15.625C3 16.6592 3.89688 17.5 5 17.5H15C16.1031 17.5 17 16.6592 17 15.625V8.125V6.71875V6.25C17 5.21582 16.1031 4.375 15 4.375H13.75V3.20312C13.75 2.81348 13.4156 2.5 13 2.5C12.5844 2.5 12.25 2.81348 12.25 3.20312V4.375H7.75V3.20312ZM4.5 8.125H7V9.76562H4.5V8.125ZM4.5 11.1719H7V13.0469H4.5V11.1719ZM8.5 11.1719H11.5V13.0469H8.5V11.1719ZM13 11.1719H15.5V13.0469H13V11.1719ZM15.5 9.76562H13V8.125H15.5V9.76562ZM15.5 14.4531V15.625C15.5 15.8828 15.275 16.0938 15 16.0938H13V14.4531H15.5ZM11.5 14.4531V16.0938H8.5V14.4531H11.5ZM7 14.4531V16.0938H5C4.725 16.0938 4.5 15.8828 4.5 15.625V14.4531H7ZM11.5 9.76562H8.5V8.125H11.5V9.76562Z' fill='%2328476C'/></svg>")
    }

.act-result-header .show-switch-btn[data-switch-type=list] {
    border-radius: 0 18px 18px 0
}

    .act-result-header .show-switch-btn[data-switch-type=list]::before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5 9.6263V5.04297H9.58333V9.6263H5ZM5 15.043V10.4596H9.58333V15.043H5ZM10.4167 9.6263V5.04297H15V9.6263H10.4167ZM10.4167 15.043V10.4596H15V15.043H10.4167ZM4.16667 17.543C3.70833 17.543 3.31611 17.3799 2.99 17.0538C2.66389 16.7277 2.50056 16.3352 2.5 15.8763V4.20964C2.5 3.7513 2.66333 3.35908 2.99 3.03297C3.31667 2.70686 3.70889 2.54352 4.16667 2.54297H15.8333C16.2917 2.54297 16.6842 2.7063 17.0108 3.03297C17.3375 3.35964 17.5006 3.75186 17.5 4.20964V15.8763C17.5 16.3346 17.3369 16.7271 17.0108 17.0538C16.6847 17.3805 16.2922 17.5435 15.8333 17.543H4.16667ZM4.16667 15.8763H15.8333V4.20964H4.16667V15.8763Z' fill='%2328476C'/></svg>")
    }

.act-result-header .show-switch-btn.active, .act-result-header .show-switch-btn:hover {
    color: #fff;
    background-color: #6c94c4
}

    .act-result-header .show-switch-btn.active[data-switch-type=calendar]::before, .act-result-header .show-switch-btn:hover[data-switch-type=calendar]::before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.75 3.20312C7.75 2.81348 7.41563 2.5 7 2.5C6.58437 2.5 6.25 2.81348 6.25 3.20312V4.375H5C3.89688 4.375 3 5.21582 3 6.25V6.71875V8.125V15.625C3 16.6592 3.89688 17.5 5 17.5H15C16.1031 17.5 17 16.6592 17 15.625V8.125V6.71875V6.25C17 5.21582 16.1031 4.375 15 4.375H13.75V3.20312C13.75 2.81348 13.4156 2.5 13 2.5C12.5844 2.5 12.25 2.81348 12.25 3.20312V4.375H7.75V3.20312ZM4.5 8.125H7V9.76562H4.5V8.125ZM4.5 11.1719H7V13.0469H4.5V11.1719ZM8.5 11.1719H11.5V13.0469H8.5V11.1719ZM13 11.1719H15.5V13.0469H13V11.1719ZM15.5 9.76562H13V8.125H15.5V9.76562ZM15.5 14.4531V15.625C15.5 15.8828 15.275 16.0938 15 16.0938H13V14.4531H15.5ZM11.5 14.4531V16.0938H8.5V14.4531H11.5ZM7 14.4531V16.0938H5C4.725 16.0938 4.5 15.8828 4.5 15.625V14.4531H7ZM11.5 9.76562H8.5V8.125H11.5V9.76562Z' fill='%23ffffff'/></svg>")
    }

    .act-result-header .show-switch-btn.active[data-switch-type=list]::before, .act-result-header .show-switch-btn:hover[data-switch-type=list]::before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5 9.6263V5.04297H9.58333V9.6263H5ZM5 15.043V10.4596H9.58333V15.043H5ZM10.4167 9.6263V5.04297H15V9.6263H10.4167ZM10.4167 15.043V10.4596H15V15.043H10.4167ZM4.16667 17.543C3.70833 17.543 3.31611 17.3799 2.99 17.0538C2.66389 16.7277 2.50056 16.3352 2.5 15.8763V4.20964C2.5 3.7513 2.66333 3.35908 2.99 3.03297C3.31667 2.70686 3.70889 2.54352 4.16667 2.54297H15.8333C16.2917 2.54297 16.6842 2.7063 17.0108 3.03297C17.3375 3.35964 17.5006 3.75186 17.5 4.20964V15.8763C17.5 16.3346 17.3369 16.7271 17.0108 17.0538C16.6847 17.3805 16.2922 17.5435 15.8333 17.543H4.16667ZM4.16667 15.8763H15.8333V4.20964H4.16667V15.8763Z' fill='%23ffffff'/></svg>")
    }

.act-result-calendar {
    width: 100%;
    background-color: #fff;
    border-radius: 20px 20px 0 0
}

@media (max-width: 800px) {
    .act-result-calendar {
        overflow-x: scroll
    }
}

@media (max-width: 800px) {
    .act-result-calendar .calendar-container {
        min-width: 800px
    }
}

.act-result-calendar .calendar-head {
    width: 100%;
    position: relative;
    padding: 32px 36px 0;
    box-sizing: border-box
}

    .act-result-calendar .calendar-head .switch-month {
        width: fit-content;
        margin: 0 auto
    }

        .act-result-calendar .calendar-head .switch-month .month {
            font-size: 28px;
            font-weight: 700;
            padding: 0 48px
        }

@media (max-width: 800px) {
    .act-result-calendar .calendar-head .switch-month .month {
        font-size: 22px
    }
}

.act-result-calendar .calendar-head .year-select-group {
    position: absolute;
    top: 32px;
    left: 36px;
    transform: translateY(0)
}

    .act-result-calendar .calendar-head .year-select-group .selected-year {
        font-size: 24px;
        font-weight: 500
    }

        .act-result-calendar .calendar-head .year-select-group .selected-year::after {
            content: "";
            display: inline-block;
            width: 18px;
            height: 18px;
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%2328476C" stroke-width="2"/></svg>');
            margin-left: 14px;
            transform: rotate(0);
            transform-origin: center;
            transition: all .3s ease
        }

    .act-result-calendar .calendar-head .year-select-group .year-dropdown-list {
        width: fit-content;
        background-color: #fff;
        box-shadow: 0 2px 10px rgba(0,0,0,.1);
        left: 0;
        padding: 8px 0;
        max-height: 200px;
        overflow-y: scroll;
        scrollbar-width: thin
    }

    .act-result-calendar .calendar-head .year-select-group .year-dropdown-item {
        text-align: center;
        padding: 8px 18px;
        cursor: pointer
    }

        .act-result-calendar .calendar-head .year-select-group .year-dropdown-item:hover {
            background-color: #28476c;
            color: #fff
        }

    .act-result-calendar .calendar-head .year-select-group.active .selected-year::after {
        content: "";
        display: inline-block;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%23F5A200" stroke-width="2"/></svg>');
        transform: rotate(-180deg);
        transition: all .3s ease
    }

.act-result-calendar .c-date-tags {
    display: flex;
    gap: 18px;
    padding: 12px 0
}

.act-result-calendar .c-date-tag {
    border-radius: 0 5px 5px 0;
    padding: 6px 6px 6px 10px;
    box-sizing: border-box;
    color: #222;
    width: fit-content;
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    display: inline-block;
    margin-bottom: 6px;
    font-size: 14px
}

@media (max-width: 640px) {
    .act-result-calendar .c-date-tag {
        font-size: 13px
    }
}

.act-result-calendar .c-date-tag .date-tag-inner {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis
}

.act-result-calendar .c-date-tag.legend {
    font-size: 12px;
    box-shadow: none;
    margin-bottom: 0
}

.act-result-calendar .c-date-tag[data-date-tag=itis] {
    background-color: #fff7e7;
    border-left: 3px solid #f5a200
}

.act-result-calendar .c-date-tag[data-date-tag=others] {
    background-color: #f8fafd;
    border-left: 3px solid #4a719e
}

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

    .calendar-table td, .calendar-table th {
        border: 1px solid #eaeaea
    }

    .calendar-table .c-days th {
        box-sizing: border-box;
        padding: 10px;
        text-align: center;
        letter-spacing: .8px;
        color: #838383;
        font-weight: 700
    }

    .calendar-table .c-date {
        box-sizing: border-box;
        padding: 6px 8px 12px;
        color: #838383;
        vertical-align: top;
        min-height: 160px
    }

        .calendar-table .c-date.prev-month-date {
            color: silver
        }

        .calendar-table .c-date .c-num {
            width: fit-content;
            margin-bottom: 12px;
            display: inline-block;
            vertical-align: top
        }

.activity-section {
    padding-bottom: 32px
}

    .activity-section .act-section-title {
        font-size: 28px;
        margin-bottom: 16px
    }

@media (max-width: 800px) {
    .activity-section .act-section-title {
        font-size: 22px;
        margin-bottom: 12px
    }

        .activity-section .act-section-title.icon-itis::before {
            width: 24px;
            height: 24px
        }
}

.activity-section .act-section-dec {
    line-height: 1.5;
    color: #838383
}

.activity-card-row {
    position: relative
}

    .activity-card-row .swiper-wrapper {
        align-items: stretch
    }

    .activity-card-row .swiper-nav-btns {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 2;
        pointer-events: none
    }

        .activity-card-row .swiper-nav-btns .swiper-nav-btn {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background-color: #f4f4f4;
            box-shadow: 0 3px 5px rgba(0,0,0,.2);
            pointer-events: auto;
            cursor: pointer;
            position: relative
        }

@media (max-width: 800px) {
    .activity-card-row .swiper-nav-btns .swiper-nav-btn {
        width: 36px;
        height: 36px
    }
}

.activity-card-row .swiper-nav-btns .swiper-nav-btn::after {
    content: "";
    display: inline-block;
    width: 13px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.activity-card-row .swiper-nav-btns .swiper-nav-btn.nav-btn-prev {
    transform: translateX(-50%)
}

    .activity-card-row .swiper-nav-btns .swiper-nav-btn.nav-btn-prev::after {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.14453 1.45966L1.86874 6.49578L8.14453 11.9193" stroke="%2328476C" stroke-width="2"/></svg>')
    }

.activity-card-row .swiper-nav-btns .swiper-nav-btn.nav-btn-next {
    transform: translateX(50%)
}

    .activity-card-row .swiper-nav-btns .swiper-nav-btn.nav-btn-next::after {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L10 8.5L2 15.5" stroke="%2328476C" stroke-width="2"/></svg>')
    }

.activity-card-row .swiper-nav-btns .swiper-nav-btn[aria-disabled=true] {
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease
}

#popActCards {
    padding: 12px 0
}

.activity-list {
    width: 100%
}

.activity-list-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 0
}

@media (min-width: 641px) {
    .activity-list-wrapper {
        gap: 4px
    }
}

@media (min-width: 801px) {
    .activity-list-wrapper {
        gap: 6px
    }
}

@media (min-width: 1024px) {
    .activity-list-wrapper {
        gap: 8px
    }
}

.activity-list-wrapper .act-card-outer {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px
}

@media (min-width: 641px) {
    .activity-list-wrapper .act-card-outer {
        width: calc(50% - 2px)
    }
}

@media (min-width: 801px) {
    .activity-list-wrapper .act-card-outer {
        width: calc(33.333333% - 4px)
    }
}

@media (min-width: 1025px) {
    .activity-list-wrapper .act-card-outer {
        width: calc(25% - 6px)
    }
}

@media (max-width: 640px) {
    .activity-list-wrapper .act-card-outer {
        padding: 0
    }

    .activity-list-wrapper .act-card {
        flex-direction: row
    }

        .activity-list-wrapper .act-card .act-cover {
            width: 80px;
            height: 80px;
            border-radius: 10px 0 10px 0
        }

        .activity-list-wrapper .act-card .act-card-content {
            padding: 18px 8px 16px
        }

            .activity-list-wrapper .act-card .act-card-content .content-main {
                gap: 6px
            }

        .activity-list-wrapper .act-card .act-card-title {
            font-size: 15px;
            max-height: 45px
        }

        .activity-list-wrapper .act-card .act-card-dec {
            font-size: 14px
        }

        .activity-list-wrapper .act-card .act-tags .tag {
            font-size: 13px;
            font-weight: 400;
            margin-top: 12px;
            padding: 2px 6px 2px 4px
        }

        .activity-list-wrapper .act-card .card-badge {
            top: -12px;
            font-size: 13px;
            padding: 2px 6px 2px 2px
        }
}

.act-card-outer {
    box-sizing: border-box;
    padding: 0 9px;
    display: flex;
    flex-direction: column;
    height: auto
}

@media (max-width: 800px) {
    .act-card-outer {
        padding: 0 7px
    }
}

@media (max-width: 640px) {
    .act-card-outer {
        padding: 0 5px
    }
}

.act-card {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 10px;
    transition: all .3s ease;
    text-decoration: none;
    color: #222
}

    .act-card .act-cover {
        aspect-ratio: 16/9;
        border-radius: 10px 10px 0 0
    }

        .act-card .act-cover img {
            transform: scale(1);
            transition: all .3s ease
        }

    .act-card .linear-trans-layer {
        width: 100%;
        height: 100%;
        background-image: linear-gradient(45deg,#6c94c4 0,#3da8b2 100%);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease
    }

    .act-card .act-card-content {
        box-sizing: border-box;
        padding: 18px 12px 24px 12px;
        flex: 1;
        display: flex;
        flex-direction: column
    }

        .act-card .act-card-content .content-main {
            display: flex;
            flex-direction: column;
            gap: 12px
        }

    .act-card .act-card-title {
        font-size: 18px;
        line-height: 1.6;
        font-weight: 700;
        text-decoration: none;
        transition: all .3s ease;
        margin: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        white-space: normal;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 58px
    }

@media (max-width: 800px) {
    .act-card .act-card-title {
        font-size: 16px;
        line-height: 1.5;
        max-height: 50px
    }
}

.act-card .act-card-dec {
    font-size: 15px;
    color: #838383
}

.act-card .act-time {
    font-size: 12px;
    letter-spacing: .6px
}

.act-card .card-badge {
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    top: -6px;
    right: -4px;
    padding: 4px 8px 4px 4px;
    background-color: #f5a200;
    color: #fff;
    border-radius: 14px 9px 0 14px;
    z-index: 3
}

    .act-card .card-badge::before {
        content: "";
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M16 10C16 11.5913 15.3679 13.1174 14.2426 14.2426C13.1174 15.3679 11.5913 16 10 16C8.4087 16 6.88258 15.3679 5.75736 14.2426C4.63214 13.1174 4 11.5913 4 10C4 8.4087 4.63214 6.88258 5.75736 5.75736C6.88258 4.63214 8.4087 4 10 4C11.5913 4 13.1174 4.63214 14.2426 5.75736C15.3679 6.88258 16 8.4087 16 10ZM10.6429 6.78571C10.6429 6.61522 10.5751 6.4517 10.4546 6.33115C10.334 6.21059 10.1705 6.14286 10 6.14286C9.8295 6.14286 9.66599 6.21059 9.54543 6.33115C9.42487 6.4517 9.35714 6.61522 9.35714 6.78571V7.22286C8.97971 7.26347 8.62902 7.437 8.36778 7.71242C8.10654 7.98785 7.95178 8.34721 7.93117 8.72626C7.91056 9.10532 8.02544 9.47934 8.25527 9.78147C8.48511 10.0836 8.81491 10.2941 9.18571 10.3754L10.4491 10.6523C10.5529 10.6744 10.6448 10.7342 10.707 10.8202C10.7692 10.9061 10.7973 11.0121 10.7859 11.1175C10.7744 11.223 10.7243 11.3205 10.6452 11.3911C10.566 11.4618 10.4635 11.5006 10.3574 11.5H9.64257C9.55404 11.4999 9.46769 11.4725 9.3954 11.4214C9.32311 11.3703 9.26843 11.298 9.23886 11.2146C9.18202 11.0537 9.06363 10.9221 8.90972 10.8485C8.7558 10.775 8.57898 10.7656 8.41814 10.8224C8.25731 10.8793 8.12564 10.9977 8.0521 11.1516C7.97855 11.3055 7.96917 11.4823 8.026 11.6431C8.23086 12.2209 8.73743 12.658 9.35714 12.7617V13.2143C9.35714 13.3848 9.42487 13.5483 9.54543 13.6689C9.66599 13.7894 9.8295 13.8571 10 13.8571C10.1705 13.8571 10.334 13.7894 10.4546 13.6689C10.5751 13.5483 10.6429 13.3848 10.6429 13.2143V12.7617C11.0352 12.695 11.3921 12.4939 11.6524 12.1929C11.9128 11.8919 12.0603 11.5098 12.0699 11.1119C12.0794 10.7141 11.9503 10.3253 11.7046 10.0122C11.459 9.69909 11.1121 9.48115 10.7234 9.39571L9.46086 9.11971C9.38576 9.10276 9.31952 9.05877 9.27475 8.99614C9.22998 8.93351 9.2098 8.8566 9.21806 8.78006C9.22632 8.70351 9.26243 8.63268 9.31953 8.58104C9.37663 8.52939 9.45073 8.50055 9.52771 8.5H10.3574C10.446 8.50005 10.5323 8.52752 10.6046 8.57863C10.6769 8.62974 10.7316 8.70198 10.7611 8.78543C10.7893 8.86507 10.8328 8.93838 10.8893 9.00119C10.9458 9.06399 11.0141 9.11506 11.0903 9.15148C11.1665 9.18789 11.2491 9.20894 11.3335 9.21341C11.4178 9.21789 11.5022 9.20571 11.5819 9.17757C11.6615 9.14943 11.7348 9.10588 11.7976 9.04941C11.8604 8.99293 11.9115 8.92464 11.9479 8.84843C11.9843 8.77222 12.0054 8.68958 12.0098 8.60524C12.0143 8.52089 12.0021 8.43649 11.974 8.35686C11.872 8.06865 11.6948 7.81296 11.4608 7.61629C11.2267 7.41961 10.9443 7.2891 10.6429 7.23829V6.78571Z' fill='%23ffffff'/></svg>")
    }

    .act-card .card-badge::after {
        content: "";
        border: 2.4px solid #cb8600;
        position: absolute;
        right: 0;
        top: 100%;
        border-right: 2.4px solid transparent;
        border-bottom: 2.4px solid transparent
    }

.act-card:hover {
    box-shadow: 0 4px 5px rgba(0,0,0,.2);
    transition: all .3s ease
}

    .act-card:hover .linear-trans-layer {
        opacity: .2;
        visibility: visible;
        transition: all .3s ease
    }

    .act-card:hover .act-card-title {
        color: #28476c;
        text-decoration: underline;
        transition: all .3s ease
    }

    .act-card:hover .act-cover img {
        transform: scale(1.05);
        transition: all .3s ease
    }

.act-tags {
    flex: 1;
    display: flex;
    align-items: flex-end;
    gap: 8px
}

    .act-tags .tag {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4px 8px;
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        border-radius: 5px;
        height: fit-content;
        margin-top: 18px
    }

        .act-tags .tag.icon-tag::before {
            content: "";
            display: inline-block;
            width: 16px;
            height: 16px;
            vertical-align: middle;
            margin-right: 2px
        }

        .act-tags .tag.confirmed {
            background-color: #3da8b2
        }

            .act-tags .tag.confirmed::before {
                display: inline-block;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,<svg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8 15C9.5913 15 11.1174 14.3679 12.2426 13.2426C13.3679 12.1174 14 10.5913 14 9C14 7.4087 13.3679 5.88258 12.2426 4.75736C11.1174 3.63214 9.5913 3 8 3C6.4087 3 4.88258 3.63214 3.75736 4.75736C2.63214 5.88258 2 7.4087 2 9C2 10.5913 2.63214 12.1174 3.75736 13.2426C4.88258 14.3679 6.4087 15 8 15ZM10.6484 7.89844L7.64844 10.8984C7.42812 11.1187 7.07188 11.1187 6.85391 10.8984L5.35391 9.39844C5.13359 9.17812 5.13359 8.82188 5.35391 8.60391C5.57422 8.38594 5.93047 8.38359 6.14844 8.60391L7.25 9.70547L9.85156 7.10156C10.0719 6.88125 10.4281 6.88125 10.6461 7.10156C10.8641 7.32188 10.8664 7.67812 10.6461 7.89609L10.6484 7.89844Z' fill='%23ffffff'/></svg>")
            }

        .act-tags .tag.online {
            background-color: #6c94c4
        }

            .act-tags .tag.online::before {
                display: inline-block;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,<svg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.79785 1.64258C10.6513 1.64279 13.0844 3.4397 14.0303 5.96289C14.0319 5.96711 14.0336 5.9713 14.0352 5.97559C14.3045 6.69859 14.4521 7.48102 14.4521 8.29785C14.452 8.55405 14.2445 8.76157 13.9883 8.76172C13.732 8.76169 13.5246 8.55413 13.5244 8.29785C13.5244 7.705 13.4339 7.13254 13.2666 6.59473H10.6123C10.6911 7.12706 10.7383 7.69695 10.7383 8.29785C10.738 8.55383 10.5304 8.76135 10.2744 8.76172C10.0182 8.76169 9.80981 8.55405 9.80957 8.29785C9.80956 7.69369 9.75805 7.12353 9.67285 6.59473H5.92285C5.83765 7.12355 5.78517 7.69367 5.78516 8.29785C5.78518 8.9018 5.8377 9.47135 5.92285 10H7.79785L7.8916 10.0088C8.10277 10.0523 8.26248 10.2399 8.2627 10.4639C8.2627 10.688 8.10285 10.8754 7.8916 10.9189L7.79785 10.9277H6.11523C6.27527 11.5622 6.47555 12.1198 6.67676 12.5859C6.89933 13.1016 7.1215 13.5047 7.28613 13.7764C7.3433 13.8707 7.39388 13.949 7.43457 14.0107C7.4573 14.0122 7.48013 14.0154 7.50293 14.0166L7.79785 14.0244L7.8916 14.0332C8.1029 14.0766 8.26159 14.2642 8.26172 14.4883C8.2616 14.7124 8.1029 14.8999 7.8916 14.9434L7.79785 14.9531L7.45508 14.9434C4.75934 14.8066 2.48782 13.0658 1.57422 10.6562C1.56566 10.6374 1.55777 10.6177 1.55176 10.5977C1.28779 9.88091 1.14261 9.1062 1.14258 8.29785C1.14261 7.48576 1.28936 6.70777 1.55566 5.98828C1.56104 5.97166 1.56708 5.95519 1.57422 5.93945C2.52624 3.42853 4.95318 1.64268 7.79785 1.64258ZM10.0029 9.54688C10.2652 9.36335 10.5985 9.37644 10.8643 9.54004L14.1562 11.5645L14.2627 11.6406C14.4934 11.8311 14.6065 12.112 14.5957 12.377C14.5836 12.6707 14.4006 13.0086 14.0176 13.0908L13.9375 13.1035L12.5986 13.2539L11.999 14.46C11.8029 14.8545 11.3912 14.9263 11.0918 14.8311C10.8391 14.7505 10.6148 14.5474 10.5146 14.2656L10.4785 14.1406L9.70215 10.3545C9.63919 10.0487 9.74058 9.73051 10.0029 9.54688ZM2.70996 10.9277C3.42964 12.3167 4.70196 13.3727 6.23535 13.8066C6.10598 13.5653 5.96386 13.2798 5.82324 12.9541C5.58146 12.3939 5.3395 11.7113 5.1582 10.9277H2.70996ZM11.3369 13.7051L11.8799 12.6152L11.9922 12.3887L13.4541 12.2236L10.6836 10.5186L11.3369 13.7051ZM2.3291 6.59473C2.16184 7.13254 2.07131 7.705 2.07129 8.29785C2.07132 8.89058 2.16288 9.46229 2.33008 10H4.98242C4.90367 9.46786 4.85647 8.89851 4.85645 8.29785C4.85646 7.69697 4.90362 7.12705 4.98242 6.59473H2.3291ZM6.23535 2.78906C4.70272 3.22282 3.43274 4.27804 2.71289 5.66602H5.1582C5.33947 4.88276 5.58155 4.20162 5.82324 3.6416C5.96385 3.31585 6.10605 3.0305 6.23535 2.78906ZM7.43457 2.58398C7.39382 2.64561 7.34328 2.72409 7.28613 2.81836C7.12154 3.08995 6.89925 3.49342 6.67676 4.00879C6.47563 4.47473 6.27525 5.0319 6.11523 5.66602H9.48145C9.32141 5.03174 9.12011 4.47483 8.91895 4.00879C8.6964 3.49326 8.47419 3.08999 8.30957 2.81836C8.25223 2.72376 8.20115 2.64564 8.16016 2.58398C8.04034 2.57649 7.91955 2.5713 7.79785 2.57129C7.67598 2.57129 7.55455 2.57648 7.43457 2.58398ZM9.3584 2.78906C9.48799 3.03061 9.63076 3.31559 9.77148 3.6416C10.0132 4.20163 10.2552 4.88273 10.4365 5.66602H12.8828C12.1627 4.2777 10.8916 3.22269 9.3584 2.78906Z' fill='%23ffffff'/></svg>")
            }

        .act-tags .tag.lecture {
            background-color: #6c94c4
        }

            .act-tags .tag.lecture::before {
                display: inline-block;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,<svg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14.8637 9.72519C14.6483 9.96524 14.3562 10.1001 14.0517 10.1001H8.88421V8.8201H14.0517V3.3801H8.31005C8.31005 2.9321 8.20096 2.4905 8 2.1001H14.0517C14.3562 2.1001 14.6483 2.23495 14.8637 2.475C15.079 2.71505 15.2 3.04062 15.2 3.3801V8.8201C15.2 9.15957 15.079 9.48515 14.8637 9.72519Z' fill='%23ffffff'/><path d='M11.2001 4.8998V6.3398H6.93343V15.6998H5.51121V11.3798H4.08899V15.6998H2.66676V9.93981H1.6001V6.3398C1.6001 5.95789 1.74994 5.59162 2.01666 5.32157C2.28338 5.05152 2.64512 4.8998 3.02232 4.8998H11.2001ZM6.22232 2.7398C6.22232 3.12172 6.07248 3.48799 5.80576 3.75804C5.53904 4.02809 5.17729 4.1798 4.8001 4.1798C4.4229 4.1798 4.06115 4.02809 3.79443 3.75804C3.52772 3.48799 3.37788 3.12172 3.37788 2.7398C3.37788 2.35789 3.52772 1.99162 3.79443 1.72157C4.06115 1.45152 4.4229 1.2998 4.8001 1.2998C5.17729 1.2998 5.53904 1.45152 5.80576 1.72157C6.07248 1.99162 6.22232 2.35789 6.22232 2.7398Z' fill='%23ffffff'/></svg>")
            }

        .act-tags .tag.accepting-signup {
            outline: 1px solid #3da8b2;
            color: #3da8b2;
            background-color: #fff
        }

            .act-tags .tag.accepting-signup::before {
                display: inline-block;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,<svg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='8' cy='9' r='5' fill='%2328CA8C'/></svg>")
            }

        .act-tags .tag.data-locked {
            color: #28476c;
            background-color: #dae2ec;
            margin-top: 0;
            font-size: 16px;
            font-weight: 400
        }

            .act-tags .tag.data-locked::before {
                content: "";
                width: 20px;
                height: 20px;
                display: inline-block;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.3125 3.66797C7.81687 3.71906 8.21094 4.14523 8.21094 4.66309C8.21069 5.18073 7.81674 5.60715 7.3125 5.6582L7.21094 5.66309H4.40332C4.1934 5.66319 4.00001 5.84383 4 6.08105V13.1709L4.00879 13.2568C4.04879 13.4502 4.21973 13.5888 4.40332 13.5889H15.6318C15.8416 13.5887 16.0349 13.4079 16.0352 13.1709C16.0352 12.6186 16.4829 12.1709 17.0352 12.1709C17.5874 12.1709 18.0351 12.6187 18.0352 13.1709C18.0349 14.4931 16.9654 15.5887 15.6318 15.5889H11.0176V16.4248H12.8252L12.9268 16.4297C13.4312 16.4807 13.8252 16.9069 13.8252 17.4248C13.8251 17.9427 13.4312 18.3689 12.9268 18.4199L12.8252 18.4248H7.21094C6.65869 18.4248 6.211 17.977 6.21094 17.4248C6.21094 16.8725 6.65865 16.4248 7.21094 16.4248H9.01758V15.5889H4.40332C3.15308 15.5888 2.13531 14.6258 2.0127 13.416L2 13.1709V6.08105C2.00001 4.75864 3.06955 3.66221 4.40332 3.66211H7.21094L7.3125 3.66797Z' fill='%2328476C'/><path fill-rule='evenodd' clip-rule='evenodd' d='M13.2607 1C15.1092 1 16.585 2.50525 16.585 4.34766V5.22559C17.6251 5.2639 18.4404 6.12374 18.4404 7.16016V10.4453C18.4403 11.5055 17.587 12.3828 16.5127 12.3828H10.0098C8.93553 12.3827 8.08215 11.5055 8.08203 10.4453V7.16016C8.08203 6.12379 8.89746 5.26398 9.9375 5.22559V4.34766C9.9375 2.51544 11.4103 1.00019 13.2607 1ZM10.082 10.3828H16.4404V7.22266H10.082V10.3828ZM13.2607 3C12.5384 3.00019 11.9375 3.59623 11.9375 4.34766V5.22266H14.585V4.34766C14.585 3.59043 13.9854 3 13.2607 3Z' fill='%23F5A200'/></svg>")
            }

.date-picker-set {
    position: relative;
    border-right: 1px solid #dae2ec;
    box-sizing: border-box;
    padding: 0 4px
}

    .date-picker-set .select-dropdown-btn {
        cursor: pointer
    }

    .date-picker-set .select-dropdown-list {
        width: 100%;
        display: none;
        position: absolute
    }

    .date-picker-set[data-filter-icon=dates] .select-dropdown-btn::before {
        background-image: url(../images/icons/icon_date.png)
    }

    .date-picker-set.active .select-dropdown-list {
        display: block
    }

    .date-picker-set.active[data-filter-icon=dates] .select-dropdown-btn::before {
        background-image: url(../images/icons/icon_date_02.png)
    }

    .date-picker-set.active .date-picker {
        display: block
    }

@media (max-width: 800px) {
    .date-picker-set {
        width: 100%;
        border-right: 0
    }
}

.duration-output span {
    vertical-align: middle;
    padding: 3px 0
}

.act-search-bar .datepicker {
    width: fit-content;
    max-height: unset;
    border-radius: 10px;
    padding: 24px 12px;
    display: none
}

@media (max-width: 800px) {
    .act-search-bar .datepicker {
        width: 100%
    }
}

.act-search-bar .datepicker .calendar-group-wrapper {
    display: flex
}

@media (max-width: 800px) {
    .act-search-bar .datepicker .calendar-group-wrapper {
        flex-wrap: wrap;
        justify-content: center
    }
}

.act-search-bar .datepicker .calendar-group {
    padding: 6px 12px;
    width: 100%
}

.act-search-bar .datepicker .group-head {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.8;
    gap: 2px
}

.act-search-bar .datepicker table.calendar {
    border-spacing: 0 6px;
    border: 0;
    border-collapse: separate;
    width: 100%
}

.act-search-bar .datepicker td, .act-search-bar .datepicker th {
    font-size: 14px;
    text-align: center;
    padding: 11px 10px
}

.act-search-bar .datepicker .days th {
    color: #838383
}

.act-search-bar .datepicker .date {
    cursor: pointer
}

    .act-search-bar .datepicker .date.date-from, .act-search-bar .datepicker .date.date-to {
        background-color: #28476c;
        color: #fff
    }

    .act-search-bar .datepicker .date.date-from {
        border-radius: 10px 0 0 10px
    }

    .act-search-bar .datepicker .date.date-to {
        border-radius: 0 10px 10px 0
    }

    .act-search-bar .datepicker .date.date-period {
        background-color: #dae2ec
    }

    .act-search-bar .datepicker .date.disabled {
        cursor: auto
    }

    .act-search-bar .datepicker .date:not(.disabled,.date-from,.date-to,.date-period):hover {
        background-color: #dae2ec;
        border-radius: 10px
    }

.act-search-bar .datepicker .month-switch-btns {
    width: 100%;
    position: absolute;
    top: 44px;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: space-between
}

.act-search-bar .datepicker .switch-btn {
    cursor: pointer;
    position: relative;
    padding: 7px 11px
}

    .act-search-bar .datepicker .switch-btn::after {
        content: "";
        display: inline-block;
        width: 9px;
        height: 12px;
        vertical-align: middle
    }

    .act-search-bar .datepicker .switch-btn.prev::after {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.14453 1.45966L1.86874 6.49578L8.14453 11.9193" stroke="%2328476C" stroke-width="2"/></svg>')
    }

    .act-search-bar .datepicker .switch-btn.next::after {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L10 8.5L2 15.5" stroke="%2328476C" stroke-width="2"/></svg>')
    }

.btn.more-activity, .more-activity.btn-accent, .more-activity.btn-outerline, .more-activity.btn-primary, .more-activity.btn-second, .more-activity.btn-sm {
    font-size: 15px;
    padding: 6px 12px;
    text-decoration: none;
    border-radius: 5px;
    margin-left: auto;
    margin-right: 9px;
    display: block;
    width: fit-content
}

.wrap[data-page=activity-inner] {
    font-family: "Microsoft JhengHei",Arial,Helvetica,sans-serif
}

    .wrap[data-page=activity-inner] .breadcrumb {
        padding-top: 90px;
        margin-bottom: 18px
    }

    .wrap[data-page=activity-inner] .act-signup-main {
        padding-bottom: 120px
    }

    .wrap[data-page=activity-inner] .act-inner-section {
        background-color: #fff;
        border-radius: 0 0 10px 10px;
        box-sizing: border-box;
        padding: 24px 20px 36px
    }

        .wrap[data-page=activity-inner] .act-inner-section .inner-content-group:not(:last-of-type) {
            border-bottom: 1px solid #dae2ec
        }

    .wrap[data-page=activity-inner] .inner-content-group {
        flex-wrap: wrap;
        padding: 18px 0
    }

    .wrap[data-page=activity-inner] .act-tags {
        margin-bottom: 12px
    }

    .wrap[data-page=activity-inner] .accordion-items {
        margin: 0 0 20px
    }

    .wrap[data-page=activity-inner] .accordion-content {
        color: #222;
        background-color: #fff;
        padding: 18px 24px 36px;
        line-height: 1.8
    }

        .wrap[data-page=activity-inner] .accordion-content p {
            margin: 0
        }

    .wrap[data-page=activity-inner] .act-signup-flex {
        width: 100%;
        display: flex;
        gap: 0 5%;
        flex-wrap: wrap
    }

    .wrap[data-page=activity-inner] .aside-content {
        background-color: unset;
        padding: 0;
        border: 0;
        box-shadow: none
    }

@media (max-width: 800px) {
    .wrap[data-page=activity-inner] .aside-content {
        gap: 0;
        max-height: 100vh
    }
}

@media (max-width: 800px) {
    .wrap[data-page=activity-inner] .aside-content .aside-stretch-btn-mb {
        position: absolute;
        top: 4px;
        left: 0
    }
}

.act-inner-info {
    color: #222;
    margin-bottom: 16px
}

    .act-inner-info > span {
        vertical-align: middle
    }

    .act-inner-info[data-act-info]::before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        margin-right: 4px
    }

    .act-inner-info[data-act-info=act-date]::before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.75 3.20312C7.75 2.81348 7.41563 2.5 7 2.5C6.58437 2.5 6.25 2.81348 6.25 3.20312V4.375H5C3.89688 4.375 3 5.21582 3 6.25V6.71875V8.125V15.625C3 16.6592 3.89688 17.5 5 17.5H15C16.1031 17.5 17 16.6592 17 15.625V8.125V6.71875V6.25C17 5.21582 16.1031 4.375 15 4.375H13.75V3.20312C13.75 2.81348 13.4156 2.5 13 2.5C12.5844 2.5 12.25 2.81348 12.25 3.20312V4.375H7.75V3.20312ZM4.5 8.125H7V9.76562H4.5V8.125ZM4.5 11.1719H7V13.0469H4.5V11.1719ZM8.5 11.1719H11.5V13.0469H8.5V11.1719ZM13 11.1719H15.5V13.0469H13V11.1719ZM15.5 9.76562H13V8.125H15.5V9.76562ZM15.5 14.4531V15.625C15.5 15.8828 15.275 16.0938 15 16.0938H13V14.4531H15.5ZM11.5 14.4531V16.0938H8.5V14.4531H11.5ZM7 14.4531V16.0938H5C4.725 16.0938 4.5 15.8828 4.5 15.625V14.4531H7ZM11.5 9.76562H8.5V8.125H11.5V9.76562Z' fill='%23222222'/></svg>")
    }

    .act-inner-info[data-act-info=act-contact]::before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.58119 9.55137C7.34898 9.55137 8.08532 9.24637 8.62823 8.70346C9.17114 8.16055 9.47614 7.42421 9.47614 6.65642C9.47614 5.88864 9.17114 5.15229 8.62823 4.60939C8.08532 4.06648 7.34898 3.76147 6.58119 3.76147C5.8134 3.76147 5.07706 4.06648 4.53415 4.60939C3.99124 5.15229 3.68624 5.88864 3.68624 6.65642C3.68624 7.42421 3.99124 8.16055 4.53415 8.70346C5.07706 9.24637 5.8134 9.55137 6.58119 9.55137ZM13.1606 9.55137C13.719 9.55137 14.2545 9.32955 14.6494 8.93471C15.0442 8.53987 15.266 8.00435 15.266 7.44596C15.266 6.88756 15.0442 6.35204 14.6494 5.9572C14.2545 5.56236 13.719 5.34054 13.1606 5.34054C12.6022 5.34054 12.0667 5.56236 11.6719 5.9572C11.277 6.35204 11.0552 6.88756 11.0552 7.44596C11.0552 8.00435 11.277 8.53987 11.6719 8.93471C12.0667 9.32955 12.6022 9.55137 13.1606 9.55137ZM8.42343 14.2886C8.42343 12.8611 9.05506 11.5815 10.053 10.713C9.86923 10.641 9.67356 10.604 9.47614 10.6041H3.68624C3.26745 10.6041 2.86581 10.7704 2.56967 11.0666C2.27354 11.3627 2.10718 11.7644 2.10718 12.1831V12.2621C2.10718 12.2621 2.10718 15.3413 6.58119 15.3413C7.34019 15.3413 7.97077 15.2528 8.49396 15.1055C8.44689 14.8357 8.42329 14.5624 8.42343 14.2886ZM13.1606 18.2362C14.0235 18.236 14.8625 17.9531 15.5492 17.4307C16.236 16.9084 16.7328 16.1755 16.9635 15.344C17.1942 14.5126 17.1461 13.6285 16.8266 12.827C16.5072 12.0254 15.9339 11.3507 15.1945 10.9059C14.4552 10.4611 13.5905 10.2708 12.7327 10.364C11.8749 10.4573 11.0713 10.8291 10.4449 11.4224C9.81841 12.0158 9.40361 12.798 9.26393 13.6495C9.12425 14.501 9.26738 15.3747 9.67142 16.1371L9.22244 17.9109C9.21128 17.9551 9.21179 18.0015 9.22392 18.0454C9.23606 18.0894 9.2594 18.1294 9.29166 18.1616C9.32393 18.1938 9.364 18.2171 9.40797 18.2292C9.45193 18.2412 9.49828 18.2417 9.54246 18.2304L11.3136 17.7783C11.8828 18.0793 12.5168 18.2365 13.1606 18.2362ZM11.3184 13.6306C11.3184 13.5259 11.36 13.4255 11.434 13.3515C11.508 13.2774 11.6084 13.2359 11.7131 13.2359H14.6081C14.7128 13.2359 14.8132 13.2774 14.8872 13.3515C14.9613 13.4255 15.0029 13.5259 15.0029 13.6306C15.0029 13.7353 14.9613 13.8357 14.8872 13.9098C14.8132 13.9838 14.7128 14.0254 14.6081 14.0254H11.7131C11.6084 14.0254 11.508 13.9838 11.434 13.9098C11.36 13.8357 11.3184 13.7353 11.3184 13.6306ZM11.7131 15.6045C11.6084 15.6045 11.508 15.5629 11.434 15.4888C11.36 15.4148 11.3184 15.3144 11.3184 15.2097C11.3184 15.105 11.36 15.0046 11.434 14.9305C11.508 14.8565 11.6084 14.8149 11.7131 14.8149H13.5554C13.6601 14.8149 13.7605 14.8565 13.8345 14.9305C13.9086 15.0046 13.9502 15.105 13.9502 15.2097C13.9502 15.3144 13.9086 15.4148 13.8345 15.4888C13.7605 15.5629 13.6601 15.6045 13.5554 15.6045H11.7131Z' fill='%23222222'/></svg>")
    }

    .act-inner-info[data-act-info=act-address]::before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 2.16669C8.24342 2.1666 6.55775 2.85982 5.30941 4.09568C4.06107 5.33154 3.35094 7.01015 3.33337 8.76669C3.33337 13.3334 9.20837 18.4167 9.45837 18.6334C9.60932 18.7625 9.80141 18.8334 10 18.8334C10.1987 18.8334 10.3908 18.7625 10.5417 18.6334C10.8334 18.4167 16.6667 13.3334 16.6667 8.76669C16.6491 7.01015 15.939 5.33154 14.6907 4.09568C13.4423 2.85982 11.7567 2.1666 10 2.16669ZM10 16.875C8.60837 15.55 5.00004 11.875 5.00004 8.76669C5.00004 7.4406 5.52682 6.16883 6.46451 5.23115C7.40219 4.29347 8.67396 3.76669 10 3.76669C11.3261 3.76669 12.5979 4.29347 13.5356 5.23115C14.4733 6.16883 15 7.4406 15 8.76669C15 11.85 11.3917 15.55 10 16.875Z' fill='%23222222'/><path d='M10 5.5C9.42318 5.5 8.85927 5.67106 8.37963 5.99155C7.89999 6.31203 7.52615 6.76756 7.30539 7.30051C7.08464 7.83346 7.02688 8.4199 7.13942 8.98568C7.25196 9.55146 7.52974 10.0712 7.93765 10.4791C8.34555 10.887 8.86525 11.1648 9.43103 11.2773C9.99681 11.3898 10.5833 11.3321 11.1162 11.1113C11.6492 10.8906 12.1047 10.5167 12.4252 10.0371C12.7456 9.55744 12.9167 8.99353 12.9167 8.41667C12.9167 7.64312 12.6094 6.90125 12.0624 6.35427C11.5155 5.80729 10.7736 5.5 10 5.5ZM10 9.66667C9.75282 9.66667 9.51114 9.59336 9.30558 9.456C9.10002 9.31865 8.9398 9.12343 8.84519 8.89502C8.75058 8.66661 8.72583 8.41528 8.77406 8.1728C8.82229 7.93033 8.94134 7.7076 9.11616 7.53278C9.29097 7.35797 9.5137 7.23892 9.75618 7.19068C9.99866 7.14245 10.25 7.16721 10.4784 7.26182C10.7068 7.35643 10.902 7.51664 11.0394 7.7222C11.1767 7.92777 11.25 8.16944 11.25 8.41667C11.25 8.74819 11.1183 9.06613 10.8839 9.30055C10.6495 9.53497 10.3316 9.66667 10 9.66667Z' fill='%23222222'/></svg>")
    }

    .act-inner-info[data-act-info=act-tel]::before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M4.1645 2.68608C5.22539 1.63961 6.97231 1.82556 7.86059 3.00348L8.9607 4.45989C9.68423 5.41814 9.61972 6.75693 8.76108 7.60361L8.55361 7.80945C8.53008 7.89585 8.52769 7.98658 8.54664 8.07409C8.60156 8.42695 8.89881 9.17418 10.1436 10.4023C11.3884 11.6303 12.1468 11.9244 12.5077 11.9797C12.5987 11.9979 12.6926 11.9952 12.7823 11.972L13.138 11.6208C13.9016 10.8684 15.0732 10.7274 16.0181 11.2368L17.6831 12.1363C19.1101 12.9043 19.4702 14.8277 18.3021 15.9805L17.0633 17.2017C16.6728 17.5866 16.148 17.9074 15.5082 17.9671C13.9304 18.1133 10.2543 17.9264 6.39 14.1151C2.7837 10.5571 2.09155 7.45399 2.00351 5.92494C1.95992 5.15177 2.32779 4.49794 2.79678 4.03611L4.1645 2.68608ZM6.81453 3.78098C6.37257 3.19548 5.54967 3.14878 5.08591 3.60628L3.71731 4.95544C3.42964 5.23911 3.29191 5.55219 3.30935 5.85143C3.37908 7.06654 3.93698 9.86606 7.31228 13.1957C10.8532 16.688 14.123 16.7926 15.387 16.675C15.6451 16.6517 15.9013 16.5185 16.1411 16.2824L17.3789 15.0603C17.8828 14.5639 17.772 13.6593 17.059 13.2753L15.394 12.3767C14.9337 12.1294 14.395 12.2107 14.0603 12.541L13.6636 12.9328L13.2016 12.4727C13.6636 12.9328 13.6619 12.9337 13.6619 12.9337L13.661 12.9354L13.6584 12.938L13.6523 12.9432L13.6392 12.9553C13.6024 12.9892 13.5628 13.0199 13.5207 13.047C13.4509 13.0928 13.3585 13.1438 13.2426 13.1862C13.0072 13.2736 12.6952 13.3203 12.3099 13.2615C11.5541 13.1464 10.5525 12.6353 9.22135 11.3225C7.8911 10.0096 7.37156 9.02196 7.25475 8.27301C7.1946 7.89074 7.24255 7.58113 7.33146 7.34762C7.3804 7.21622 7.45046 7.09355 7.53893 6.98438L7.56682 6.95411L7.57903 6.94114L7.58862 6.93162L7.83967 6.68428C8.21277 6.31499 8.26507 5.70354 7.91377 5.23739L6.81453 3.78098Z' fill='%23222222'/></svg>")
    }

    .act-inner-info[data-act-info=act-location]::before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.5 2.72736C7.77669 2.72931 6.12453 3.41476 4.90596 4.63332C3.6874 5.85188 3.00195 7.50405 3 9.22736C3 14.7893 8.90909 18.9899 9.16097 19.1657C9.26032 19.2353 9.37869 19.2726 9.5 19.2726C9.62131 19.2726 9.73968 19.2353 9.83903 19.1657C10.0909 18.9899 16 14.7893 16 9.22736C15.998 7.50405 15.3126 5.85188 14.094 4.63332C12.8755 3.41476 11.2233 2.72931 9.5 2.72736ZM9.5 6.86372C9.96748 6.86372 10.4245 7.00235 10.8132 7.26206C11.2019 7.52178 11.5048 7.89093 11.6837 8.32283C11.8626 8.75473 11.9094 9.22998 11.8182 9.68848C11.727 10.147 11.5019 10.5681 11.1713 10.8987C10.8408 11.2293 10.4196 11.4544 9.96112 11.5456C9.50262 11.6368 9.02737 11.59 8.59548 11.4111C8.16358 11.2322 7.79443 10.9292 7.53471 10.5405C7.27499 10.1518 7.13636 9.69484 7.13636 9.22736C7.13636 8.60048 7.38539 7.99928 7.82866 7.55601C8.27192 7.11274 8.87312 6.86372 9.5 6.86372Z' fill='%23222222'/></svg>")
    }

    .act-inner-info[data-act-info=act-mail]::before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15.5 5H3.5C2.675 5 2.0075 5.675 2.0075 6.5L2 15.5C2 16.325 2.675 17 3.5 17H15.5C16.325 17 17 16.325 17 15.5V6.5C17 5.675 16.325 5 15.5 5ZM15.5 8L9.5 11.75L3.5 8V6.5L9.5 10.25L15.5 6.5V8Z' fill='%23222222'/></svg>")
    }

    .act-inner-info[data-act-info=note]::before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM9.29395 7.88281C8.80679 7.88304 8.41211 8.35677 8.41211 8.94141C8.41221 9.52594 8.80685 9.99978 9.29395 10V13.7061H8.82324C8.30364 13.7062 7.88294 14.0851 7.88281 14.5527C7.88281 15.0205 8.30356 15.3993 8.82324 15.3994H11.1768C11.6964 15.3993 12.1172 15.0205 12.1172 14.5527C12.1171 14.0851 11.6963 13.7062 11.1768 13.7061H11.0586V8.94141C11.0586 8.39328 10.7114 7.94205 10.2666 7.8877L10.1768 7.88281H9.29395ZM10 4.70605C9.41525 4.70605 8.94144 5.1799 8.94141 5.76465C8.94141 6.34942 9.41523 6.82324 10 6.82324C10.5848 6.82324 11.0586 6.34942 11.0586 5.76465C11.0586 5.1799 10.5848 4.70605 10 4.70605Z' fill='%23222222'/></svg>")
    }

    .act-inner-info a {
        color: #28476c;
        transition: color .3s ease
    }

        .act-inner-info a:hover {
            color: #f5a200;
            transition: color .3s ease
        }

    .act-inner-info .organizer-title {
        margin-bottom: 4px
    }

    .act-inner-info .organizer {
        color: #838383;
        font-size: 15px;
        line-height: 1.5
    }

.act-inner-banner {
    width: 100%;
    height: 240px;
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    position: relative
}

@media (max-width: 640px) {
    .act-inner-banner {
        height: 180px
    }
}

.act-inner-banner h1 {
    width: 60%;
    position: absolute;
    top: 50%;
    left: 32px;
    line-height: 1.3;
    color: #fff;
    text-shadow: 0 0 4px rgba(0,0,0,.25);
    transform: translate(0,-50%);
    z-index: 2
}

@media (max-width: 640px) {
    .act-inner-banner h1 {
        width: 80%;
        font-size: 24px
    }
}

.act-inner-banner .banner-deco {
    z-index: 1
}

.act-inner-banner .gradient-trans-layer {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right bottom,rgba(126,158,196,0) 0,#7e9ec4 100%);
    opacity: .1
}

.act-rundown-list .rundown-agenda {
    box-sizing: border-box;
    padding: 8px 0 18px;
    display: flex;
    gap: 12px;
    border-bottom: 1px solid #dae2ec
}

@media (max-width: 640px) {
    .act-rundown-list .rundown-agenda {
        flex-direction: column
    }
}

.act-rundown-list .rundown-agenda:not(:last-of-type) {
    margin-bottom: 10px
}

.act-rundown-list .divider {
    width: 22px;
    height: 36px
}

@media (max-width: 640px) {
    .act-rundown-list .divider {
        display: none
    }
}

.act-rundown-list .divider::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #28476c
}

.act-rundown-list .agenda-time {
    display: inline-block;
    height: fit-content;
    text-align: center;
    padding: 6px 10px;
    border-radius: 16px;
    font-size: 13px;
    color: #fff;
    background-color: #28476c
}

@media (max-width: 640px) {
    .act-rundown-list .agenda-time {
        width: fit-content
    }
}

.act-rundown-list .agenda-info-wrapper .agenda-name {
    color: #28476c;
    font-size: 17px;
    letter-spacing: .5px;
    font-weight: 700;
    margin-bottom: 8px
}

.act-rundown-list .agenda-info-wrapper .agenda-host {
    font-size: 15px;
    background-color: #eef1f5;
    padding: 6px 12px;
    width: fit-content;
    margin-bottom: 12px
}

.act-rundown-list .agenda-detail {
    font-size: 15px
}

    .act-rundown-list .agenda-detail ol, .act-rundown-list .agenda-detail ul {
        padding: 0;
        margin: 0;
        list-style-position: inside
    }

.act-rundown-list .rundown-notice {
    padding: 12px 32px;
    box-sizing: border-box;
    text-align: center;
    color: #28476c
}

@media (max-width: 640px) {
    .act-rundown-list .rundown-notice {
        font-size: 14px
    }
}

.act-rundown-list .rundown-notice::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56193 1.80005C4.33831 1.80005 0.900024 4.71737 0.900024 8.30362C0.900024 11.8899 4.33831 14.8072 8.56193 14.8072C9.35214 14.8063 10.1385 14.7 10.8988 14.4913L13.547 16.1265C13.6193 16.1715 13.7027 16.1968 13.7885 16.1998C13.8744 16.2027 13.9595 16.1832 14.0349 16.1433C14.1103 16.1034 14.1732 16.0446 14.2171 15.973C14.261 15.9014 14.2843 15.8196 14.2844 15.7363V12.6099C14.8836 12.0523 15.3617 11.3841 15.6907 10.6445C16.0197 9.90497 16.1928 9.10906 16.1999 8.30362C16.2238 4.71737 12.7856 1.80005 8.56193 1.80005ZM8.04954 4.87996C8.04168 4.78962 8.05323 4.69868 8.08348 4.61289C8.11372 4.52711 8.16199 4.44835 8.22523 4.3816C8.28848 4.31485 8.36531 4.26156 8.45089 4.22511C8.53646 4.18866 8.6289 4.16984 8.72235 4.16984C8.81581 4.16984 8.90825 4.18866 8.99382 4.22511C9.0794 4.26156 9.15623 4.31485 9.21948 4.3816C9.28272 4.44835 9.33099 4.52711 9.36123 4.61289C9.39148 4.69868 9.40303 4.78962 9.39517 4.87996V9.41852C9.40303 9.50886 9.39148 9.5998 9.36123 9.68559C9.33099 9.77137 9.28272 9.85013 9.21948 9.91688C9.15623 9.98363 9.0794 10.0369 8.99382 10.0734C8.90825 10.1098 8.81581 10.1286 8.72235 10.1286C8.6289 10.1286 8.53646 10.1098 8.45089 10.0734C8.36531 10.0369 8.28848 9.98363 8.22523 9.91688C8.16199 9.85013 8.11372 9.77137 8.08348 9.68559C8.05323 9.5998 8.04168 9.50886 8.04954 9.41852V4.87996ZM8.72475 12.9397C8.54764 12.9397 8.37451 12.8888 8.22724 12.7933C8.07998 12.6979 7.96521 12.5622 7.89743 12.4035C7.82965 12.2448 7.81192 12.0701 7.84647 11.9016C7.88102 11.7331 7.96631 11.5783 8.09155 11.4568C8.21678 11.3353 8.37634 11.2526 8.55005 11.2191C8.72376 11.1855 8.90381 11.2027 9.06744 11.2685C9.23106 11.3342 9.37092 11.4456 9.46932 11.5884C9.56772 11.7313 9.62023 11.8992 9.62023 12.0711C9.61897 12.3006 9.52407 12.5204 9.35627 12.6823C9.18847 12.8442 8.96142 12.9351 8.72475 12.9351V12.9397Z' fill='%23F5A200'/></svg>");
    margin-right: 6px;
    vertical-align: middle
}

@media (max-width: 640px) {
    .act-rundown-list .rundown-notice::before {
        width: 16px;
        height: 16px;
        margin-right: 4px
    }
}

.act-aside-price {
    border-radius: 20px;
    overflow: hidden
}

    .act-aside-price .price-board {
        padding: 24px;
        background-color: #fff
    }

        .act-aside-price .price-board .board-title {
            font-weight: 700;
            margin-bottom: 6px
        }

        .act-aside-price .price-board .price-item {
            margin-bottom: 8px
        }

@media (max-width: 800px) {
    .act-aside-price {
        border-radius: 0
    }

        .act-aside-price .price-board {
            padding: 0
        }

            .act-aside-price .price-board.active {
                padding: 24px
            }
}

.act-aside-price.early-bird .price-board {
    background-image: linear-gradient(to right bottom,#4f84c3 40%,#2cb1cc 100%);
    color: #fff;
    padding: 12px 24px 12px 0
}

@media (max-width: 800px) {
    .act-aside-price.early-bird .price-board {
        padding: 0
    }

        .act-aside-price.early-bird .price-board.active {
            padding: 12px 24px 12px 0
        }
}

.act-aside-price.early-bird .board-title {
    width: fit-content;
    padding: 4px 24px;
    color: #fff;
    background-color: #3da8b2
}

.act-aside-price.early-bird .price-item {
    padding-left: 24px
}

.act-aside-price .price-item .num {
    font-size: 20px;
    font-weight: 700;
    padding: 0 4px
}

.price-board-mb {
    display: none
}

@media (max-width: 800px) {
    .price-board-mb {
        background-color: #fff;
        display: flex;
        justify-content: center;
        gap: 12px;
        box-sizing: border-box;
        padding: 24px 16px;
        font-size: 15px
    }

        .price-board-mb .board-title {
            font-weight: 700
        }

        .price-board-mb .price-item .num {
            font-weight: 700
        }

        .price-board-mb.hidden {
            display: none
        }
}

.early-bird-countdown {
    background-image: linear-gradient(to right bottom,#406795 0,#578fa5 100%);
    padding: 12px 18px;
    color: #fff;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px
}

@media (max-width: 800px) {
    .early-bird-countdown {
        padding-top: 32px
    }
}

.early-bird-countdown .countdown-num {
    font-size: 18px;
    font-weight: 700
}

.act-aside-btns {
    display: flex;
    flex-direction: column;
    gap: 12px
}

    .act-aside-btns .btn, .act-aside-btns .btn-accent, .act-aside-btns .btn-outerline, .act-aside-btns .btn-primary, .act-aside-btns .btn-second, .act-aside-btns .btn-sm {
        width: 100%;
        text-align: center
    }

@media (max-width: 800px) {
    .act-aside-btns .btn, .act-aside-btns .btn-accent, .act-aside-btns .btn-outerline, .act-aside-btns .btn-primary, .act-aside-btns .btn-second, .act-aside-btns .btn-sm {
        margin-bottom: 12px
    }
}

.act-due-date {
    color: #838383;
    font-size: 14px;
    margin: 18px 0 24px
}

    .act-due-date::before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        vertical-align: middle;
        margin-right: 6px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13.3265 8.23518C13.261 6.91712 12.7086 5.66652 11.771 4.72893C10.8334 3.79134 9.5828 3.23895 8.26475 3.17346L7.9999 3.16643C6.58541 3.16643 5.229 3.72874 4.22881 4.72893C3.22861 5.72912 2.66631 7.08554 2.66631 8.50002L2.67334 8.76252C2.70343 9.37312 2.83815 9.97463 3.07256 10.5406C3.34058 11.1877 3.73356 11.7759 4.22881 12.2711C4.72405 12.7664 5.31221 13.1593 5.95928 13.4274C6.60626 13.6953 7.29963 13.8336 7.9999 13.8336L8.2624 13.8266C8.873 13.7965 9.47451 13.6618 10.0405 13.4274C10.6876 13.1593 11.2758 12.7664 11.771 12.2711C12.2662 11.7759 12.6592 11.1877 12.9272 10.5406C13.1952 9.89366 13.3335 9.2003 13.3335 8.50002L13.3265 8.23518ZM14.6585 8.82815C14.6209 9.59153 14.4524 10.344 14.1593 11.0516C13.8242 11.8603 13.333 12.5951 12.714 13.2141C12.095 13.8331 11.3602 14.3244 10.5515 14.6594C9.84383 14.9525 9.09141 15.121 8.32803 15.1586L7.9999 15.1664C7.12442 15.1664 6.25718 14.9944 5.44834 14.6594C4.63959 14.3244 3.90484 13.8331 3.28584 13.2141C2.66684 12.5951 2.17556 11.8603 1.84053 11.0516C1.54742 10.344 1.37893 9.59153 1.34131 8.82815L1.3335 8.50002C1.3335 6.73191 2.0356 5.0362 3.28584 3.78596C4.53608 2.53572 6.23179 1.83362 7.9999 1.83362L8.33037 1.84143C9.97816 1.92315 11.5418 2.61383 12.714 3.78596C13.9642 5.0362 14.6663 6.73191 14.6663 8.50002L14.6585 8.82815Z' fill='%23838383'/><path d='M7.3335 5.16671C7.3335 4.79852 7.63171 4.50031 7.9999 4.50031C8.36809 4.50031 8.66631 4.79852 8.66631 5.16671V8.22374L10.471 10.0284L10.5171 10.0792C10.7307 10.3411 10.7151 10.7273 10.471 10.9714C10.2269 11.2154 9.84061 11.2311 9.57881 11.0175L9.52881 10.9714L7.52881 8.9714C7.40385 8.84644 7.33357 8.67702 7.3335 8.50031V5.16671Z' fill='%23838383'/></svg>")
    }

.wrap[data-page=activity-signup] .page-main {
    padding: 78px 0 120px
}

.wrap[data-page=activity-signup] .act-signup-flex {
    width: 100%;
    display: flex;
    gap: 0 5%;
    flex-wrap: wrap
}

.wrap[data-page=activity-signup] .breadcrumb {
    padding-top: 55px
}

.act-signup-main {
    width: 65%
}

@media (max-width: 800px) {
    .act-signup-main {
        width: 100%
    }
}

@media (max-width: 1024px) {
    .act-signup-main .input-group-row {
        flex-wrap: wrap
    }
}

@media (max-width: 640px) {
    .act-signup-main .input-group-row .input-group {
        flex: unset;
        width: 100%
    }
}

.act-signup-form .form-btns {
    display: flex;
    justify-content: center;
    gap: 18px;
    padding-top: 44px
}

@media (max-width: 640px) {
    .act-signup-form .form-btns {
        flex-direction: column;
        gap: 8px;
        padding-top: 24px
    }

        .act-signup-form .form-btns .btn, .act-signup-form .form-btns .btn-accent, .act-signup-form .form-btns .btn-outerline, .act-signup-form .form-btns .btn-primary, .act-signup-form .form-btns .btn-second, .act-signup-form .form-btns .btn-sm {
            width: 100%;
            text-align: center
        }
}

.act-signup-form .act-detail-show {
    color: #222;
    margin-bottom: 24px
}

    .act-signup-form .act-detail-show .detail-title {
        margin-bottom: 14px
    }

    .act-signup-form .act-detail-show .detail-content {
        color: #838383;
        margin-bottom: 12px
    }

        .act-signup-form .act-detail-show .detail-content .num {
            font-size: 18px;
            padding: 0 6px
        }

    .act-signup-form .act-detail-show .input-group.row {
        flex-direction: row;
        align-items: center;
        margin-bottom: 12px
    }

        .act-signup-form .act-detail-show .input-group.row > label {
            margin-right: 14px
        }

.act-signup-form .act-price-list {
    padding-bottom: 18px;
    border-bottom: 1px solid #dae2ec
}

    .act-signup-form .act-price-list .price-list-item {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .act-signup-form .act-price-list + .act-price-total {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #222;
        font-weight: 700;
        padding: 12px 0
    }

.act-signup-form .fieldset-flex {
    gap: 20px
}

@media (max-width: 640px) {
    .act-signup-form .fieldset-flex {
        flex-wrap: wrap;
        gap: 0
    }
}

@media (min-width: 641px) {
    .act-signup-form .form-fieldset {
        height: 100%;
        margin-bottom: 18px
    }
}

.act-signup-form .select-dropdown-set {
    gap: 0;
    min-width: 210px
}

    .act-signup-form .select-dropdown-set .select-dropdown-title {
        margin-bottom: 8px
    }

    .act-signup-form .select-dropdown-set .select-dropdown-btn {
        border: 1px solid #dae2ec;
        padding: 10px 16px;
        color: #838383;
        position: relative
    }

        .act-signup-form .select-dropdown-set .select-dropdown-btn::after {
            content: "";
            display: inline-block;
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%2328476C" stroke-width="2"/></svg>');
            width: 14px;
            height: 8px;
            transform-origin: center;
            transform: translateY(-50%) rotate(0);
            transition: all .3s ease;
            position: absolute;
            top: 50%;
            right: 16px
        }

    .act-signup-form .select-dropdown-set .select-dropdown-list {
        margin-top: 4px;
        top: 100%;
        left: 0;
        background-color: #fff;
        box-shadow: 0 2px 10px rgba(0,0,0,.1);
        max-height: 190px;
        overflow-y: scroll;
        scrollbar-width: thin;
        z-index: 1
    }

    .act-signup-form .select-dropdown-set .select-dropdown-item {
        cursor: pointer;
        padding: 8px 12px;
        box-sizing: border-box;
        color: #222
    }

        .act-signup-form .select-dropdown-set .select-dropdown-item:hover {
            background-color: #dae2ec
        }

    .act-signup-form .select-dropdown-set.active .select-dropdown-btn, .act-signup-form .select-dropdown-set:focus-visible .select-dropdown-btn {
        outline: 2px solid #222;
        border-radius: 2px
    }

        .act-signup-form .select-dropdown-set.active .select-dropdown-btn::after, .act-signup-form .select-dropdown-set:focus-visible .select-dropdown-btn::after {
            content: "";
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%2328476C" stroke-width="2"/></svg>');
            transform: translateY(-50%) rotate(-180deg);
            transition: all .3s ease
        }

.donation-code-btn {
    font-size: 14px;
    padding: 4px 10px;
    background-color: #eef1f5;
    color: #28476c;
    margin-left: 12px
}

@media (max-width: 800px) {
    .donation-code-btn {
        margin-top: 8px
    }
}

.donation-code-btn:hover {
    background-color: #dae2ec
}

.donation-code-btn::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.41928C1 11.0916 4.015 13.0481 6.2215 14.8001C7 15.4178 7.75 16 8.5 16C9.25 16 10 15.4185 10.7785 14.7993C12.9858 13.0489 16 11.0916 16 7.42004C16 3.74852 11.875 1.14251 8.5 4.67357C5.125 1.14251 1 3.74701 1 7.41928Z' fill='%23FF8282'/%3E%3Cpath d='M15.6536 10.7909C15.6284 10.535 15.5663 10.2834 15.4676 10.045C15.3359 9.72729 15.1425 9.439 14.8993 9.19585C14.6561 8.95269 14.3679 8.7592 14.0502 8.62759C13.8118 8.52884 13.5601 8.46678 13.3043 8.44158L13.0476 8.42856C12.7036 8.42856 12.3627 8.49597 12.045 8.62759C11.7273 8.7592 11.439 8.95269 11.1958 9.19585C10.9527 9.439 10.7592 9.72729 10.6276 10.045C10.496 10.3627 10.4286 10.7036 10.4286 11.0476L10.4416 11.3043C10.4668 11.5601 10.5288 11.8118 10.6276 12.0502C10.7592 12.3679 10.9527 12.6561 11.1958 12.8993C11.439 13.1425 11.7273 13.3359 12.045 13.4676C12.3627 13.5992 12.7036 13.6666 13.0476 13.6666C13.3915 13.6666 13.7324 13.5992 14.0502 13.4676C14.3679 13.3359 14.6561 13.1425 14.8993 12.8993C15.1425 12.6561 15.3359 12.3679 15.4676 12.0502C15.5992 11.7324 15.6666 11.3915 15.6666 11.0476L15.6536 10.7909ZM17.0905 11.2466C17.0677 11.71 16.9652 12.1665 16.7873 12.5961C16.6758 12.8653 16.5344 13.1207 16.3688 13.3587L18.7906 15.7806L18.8399 15.8345C19.0688 16.1151 19.0522 16.5291 18.7906 16.7906C18.5291 17.0522 18.1151 17.0688 17.8345 16.8399L17.7806 16.7906L15.3587 14.3688C15.1207 14.5344 14.8653 14.6758 14.5961 14.7873C14.1052 14.9906 13.5789 15.0951 13.0476 15.0951C12.5162 15.0951 11.99 14.9906 11.499 14.7873C11.008 14.5839 10.5617 14.2852 10.1858 13.9093C9.80996 13.5335 9.51126 13.0872 9.30785 12.5961C9.12997 12.1665 9.02746 11.71 9.00465 11.2466L9 11.0476C9 10.5162 9.10456 9.98999 9.30785 9.49904C9.51126 9.00797 9.80996 8.56166 10.1858 8.18581C10.5617 7.80996 11.008 7.51126 11.499 7.30785C11.99 7.10456 12.5162 7 13.0476 7L13.2466 7.00465C13.71 7.02746 14.1665 7.12997 14.5961 7.30785C15.0872 7.51126 15.5335 7.80996 15.9093 8.18581C16.2852 8.56166 16.5839 9.00797 16.7873 9.49904C16.9906 9.98999 17.0951 10.5162 17.0951 11.0476L17.0905 11.2466Z' fill='%2328476C'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 4px
}

.external-link-btn {
    font-size: 14px;
    padding: 4px 10px;
    background-color: #eef1f5;
    color: #28476c;
    margin-left: 12px
}

@media (max-width: 800px) {
    .external-link-btn {
        margin-top: 8px
    }
}

.external-link-btn:hover {
    background-color: #dae2ec
}

.external-link-btn::before {
    display: none
}

.external-link-btn::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-left: 4px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.6667 8.66667V12.6667C12.6667 13.0203 12.5262 13.3594 12.2761 13.6095C12.0261 13.8595 11.687 14 11.3333 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V4.66667C2 4.31304 2.14048 3.97391 2.39052 3.72386C2.64057 3.47381 2.97971 3.33333 3.33333 3.33333H7.33333V4.66667H3.33333V12.6667H11.3333V8.66667H12.6667ZM8.66667 2V3.33333H11.724L6.52867 8.52867L7.47133 9.47133L12.6667 4.276V7.33333H14V2H8.66667Z' fill='%2328476C'/></svg>");
    vertical-align: middle
}

.signup-session-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 18px;
    box-sizing: border-box;
    background-image: linear-gradient(to right,#e9f2fd 0,#eef6ff 70%);
    border-left: 4px solid #6c94c4;
    flex-wrap: wrap
}

@media (max-width: 800px) {
    .signup-session-item {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width: 640px) {
    .signup-session-item {
        padding: 8px 10px
    }
}

.signup-session-item .session-item-header {
    display: flex;
    gap: 20px;
    align-items: center
}

@media (max-width: 800px) {
    .signup-session-item .session-item-header {
        flex-wrap: wrap;
        gap: 12px 20px;
        margin-bottom: 16px
    }
}

.signup-session-item .session-item-inputs {
    margin: 8px 0
}

@media (max-width: 800px) {
    .signup-session-item .session-item-inputs {
        width: 100%
    }
}

.signup-session-item .session-item-inputs .select-dropdown-btn {
    background-color: #fff
}

.signup-session-item .input-group-row {
    margin-bottom: 0;
    gap: 12px;
    flex-wrap: wrap
}

@media (max-width: 800px) {
    .signup-session-item .input-group-row input {
        padding: 6px 12px
    }
}

.signup-session-item .session-num {
    background-color: #d2e2f6;
    color: #28476c;
    font-size: 14px;
    padding: 4px 8px;
    border-radius: 5px
}

.signup-session-item .session-time {
    font-size: 15px;
    color: #838383
}

@media (max-width: 800px) {
    .signup-session-item .session-name {
        display: block;
        width: 100%
    }
}

.signup-session-item .session-selected-wrapper {
    display: flex;
    gap: 36px;
    padding: 6px 12px
}

@media (max-width: 640px) {
    .signup-session-item .session-selected-wrapper {
        flex-direction: column;
        gap: 4px;
        padding: 0
    }
}

.signup-session-item .session-selected-wrapper .session-selected {
    color: #838383
}

@media (max-width: 640px) {
    .signup-session-item .session-selected-wrapper .session-selected {
        font-size: 15px
    }
}

.act-signup-aside {
    font-family: "Microsoft JhengHei",Arial,Helvetica,sans-serif;
    width: 30%;
    border-radius: 6px;
    color: #222;
    position: relative
}

@media (max-width: 800px) {
    .act-signup-aside {
        width: 100%
    }
}

.act-signup-aside .aside-content {
    background-color: #fff;
    box-sizing: border-box;
    padding: 24px;
    border-top: 4px solid;
    border-image: linear-gradient(45deg,#6c94c4 0,#3da8b2 100%) 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: sticky;
    top: 90px;
    box-shadow: 0 4px 10px rgba(0,0,0,.05)
}

@media (max-width: 800px) {
    .act-signup-aside .aside-content {
        position: fixed;
        top: unset;
        bottom: 0;
        width: 100%;
        left: 50%;
        transform: translate(-50%,0);
        z-index: 3;
        max-height: 70vh;
        overflow-y: auto;
        gap: 16px;
        padding: 10px 24px 24px;
        box-shadow: 0 -4px 8px rgba(0,0,0,.05)
    }
}

.act-signup-aside .aside-title {
    margin: 0 0 14px;
    color: #1b1b1b
}

    .act-signup-aside .aside-title::before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        background-image: url(../images/icons/activity-title-icon.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        vertical-align: middle;
        margin-right: 10px
    }

.act-signup-aside .activity-name {
    font-size: 16px;
    line-height: 1.6;
    margin: 0 0 8px
}

.act-signup-aside .activity-duration {
    color: #838383;
    font-size: 15px
}

.act-signup-aside .activity-info-group {
    font-size: 15px
}

    .act-signup-aside .activity-info-group h4 {
        color: #1b1b1b;
        font-size: 16px;
        margin: 0 0 8px;
        font-weight: 700
    }

    .act-signup-aside .activity-info-group ol {
        padding-left: 24px
    }

        .act-signup-aside .activity-info-group ol li {
            line-height: 1.6
        }

    .act-signup-aside .activity-info-group p {
        margin: 0
    }

.act-signup-aside .aside-stretch-btn-mb {
    display: none
}

@media (max-width: 800px) {
    .act-signup-aside .activity-info-group {
        overflow: hidden;
        max-height: 0;
        visibility: hidden;
        opacity: 0;
        transition: max-height .3s ease
    }

        .act-signup-aside .activity-info-group > * {
            display: none
        }

        .act-signup-aside .activity-info-group.active {
            max-height: 70vh;
            visibility: visible;
            opacity: 1;
            transition: max-height .3s ease;
            overflow: visible
        }

            .act-signup-aside .activity-info-group.active > * {
                display: block
            }

    .act-signup-aside .aside-stretch-btn-mb {
        width: 100%;
        min-height: 20px;
        cursor: pointer;
        background-image: url("data:image/svg+xml,%3Csvg width='75' height='20' viewBox='0 0 75 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38.242 5.06152L66.242 12.0615L66.3406 12.0908C66.8171 12.2629 67.0949 12.7713 66.9695 13.2734C66.8439 13.7759 66.359 14.0943 65.8572 14.0215L65.7576 14.001L37.9998 7.06152L10.242 14.001C9.70624 14.1348 9.16397 13.8092 9.03004 13.2734C8.89625 12.7377 9.22187 12.1955 9.75758 12.0615L37.7576 5.06152L37.9998 5L38.242 5.06152Z' fill='%23DAE2EC'/%3E%3C/svg%3E%0A");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        display: block
    }

        .act-signup-aside .aside-stretch-btn-mb.active {
            transform: scale(-1)
        }
}

.account-box {
    width: 100%;
    background-color: #dae2ec;
    border-radius: 6px;
    padding: 32px 36px;
    box-sizing: border-box;
    margin-bottom: 28px
}

@media (max-width: 640px) {
    .account-box {
        padding: 16px 24px
    }
}

.account-box li {
    line-height: 1.7;
    font-size: 18px
}

@media (max-width: 640px) {
    .account-box li {
        font-size: 16px
    }
}

.pay-box ol.payment-direction {
    padding: 0;
    list-style-position: inside;
    margin-bottom: 24px
}

    .pay-box ol.payment-direction li {
        line-height: 1.7
    }

.payment-btns {
    display: flex;
    gap: 0 18px;
    margin-top: 44px;
    justify-content: center
}

    .payment-btns .btn, .payment-btns .btn-accent, .payment-btns .btn-outerline, .payment-btns .btn-primary, .payment-btns .btn-second, .payment-btns .btn-sm {
        text-align: center
    }

@media (max-width: 640px) {
    .payment-btns {
        flex-direction: column;
        gap: 12px 0
    }

        .payment-btns .btn, .payment-btns .btn-accent, .payment-btns .btn-outerline, .payment-btns .btn-primary, .payment-btns .btn-second, .payment-btns .btn-sm {
            width: 100%
        }
}

.wrap[data-page=publication] {
    font-family: "Microsoft JhengHei",Arial,Helvetica,sans-serif
}

.publication-banner {
    height: 460px;
    background-image: url(../images/banner/banner-publication.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

@media (max-width: 640px) {
    .publication-banner {
        height: 560px;
        background-image: url(../images/banner/banner-publication-mb.jpg)
    }
}

.publication-banner .banner-contents-ab-center {
    position: absolute;
    left: 50%;
    top: 40px;
    transform: translate(-50%,0)
}

.publication-banner .banner-layer-ab {
    position: absolute;
    width: 100%;
    bottom: -4px
}

.publication-banner h1 {
    margin: 0 0 10px;
    font-weight: 700
}

.publication-banner .breadcrumb {
    margin-bottom: 42px
}

.publication-search-section {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap
}

@media (max-width: 640px) {
    .publication-search-section {
        gap: 0
    }
}

.publication-search-section .section-inner-wrapper {
    display: flex;
    align-items: center;
    gap: 15px
}

@media (max-width: 640px) {
    .publication-search-section .section-inner-wrapper {
        gap: 0 8px;
        margin-bottom: 12px
    }
}

.publication-search-section .select-dropdown-set {
    width: 110px
}

    .publication-search-section .select-dropdown-set.active .select-dropdown-btn, .publication-search-section .select-dropdown-set:focus-visible .select-dropdown-btn {
        outline: 2px solid #222;
        border-radius: 2px
    }

        .publication-search-section .select-dropdown-set.active .select-dropdown-btn::after, .publication-search-section .select-dropdown-set:focus-visible .select-dropdown-btn::after {
            content: "";
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%2328476C" stroke-width="2"/></svg>');
            transform: translateY(-50%) rotate(-180deg);
            transition: all .3s ease
        }

.publication-search-section .select-dropdown-btn {
    border: 1px solid #dae2ec;
    border-radius: 6px;
    padding: 8px 12px;
    color: #838383;
    position: relative;
    background-color: #fff
}

    .publication-search-section .select-dropdown-btn::after {
        content: "";
        display: inline-block;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%2328476C" stroke-width="2"/></svg>');
        width: 14px;
        height: 8px;
        transform-origin: center;
        transform: translateY(-50%) rotate(0);
        transition: all .3s ease;
        position: absolute;
        top: 50%;
        right: 16px
    }

.publication-search-section .select-dropdown-list {
    margin-top: 4px;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    max-height: 190px;
    overflow-y: scroll;
    scrollbar-width: thin;
    z-index: 1
}

.publication-search-section .select-dropdown-item {
    cursor: pointer;
    padding: 8px 12px;
    box-sizing: border-box;
    color: #222
}

    .publication-search-section .select-dropdown-item:hover {
        background-color: #dae2ec
    }

.publication-search-section .search-icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    padding: 8px;
    box-sizing: border-box;
    background-color: #f5a200;
    position: relative
}

    .publication-search-section .search-icon::after {
        width: 16px;
        height: 16px;
        content: "";
        display: inline-block;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.4286 2.25C6.19605 2.25 2.75 5.69589 2.75 9.92832C2.75 14.1607 6.19605 17.6066 10.4286 17.6066C11.9542 17.6066 13.378 17.1587 14.5747 16.3878L19.4591 21.272L19.4608 21.2737C19.7693 21.5764 20.1777 21.7498 20.6157 21.7498C21.0517 21.7498 21.4616 21.5827 21.7722 21.272L21.7739 21.2704C22.0766 20.9619 22.25 20.5535 22.25 20.1155C22.25 19.6795 22.0828 19.2697 21.7722 18.959L16.8879 14.075C17.6592 12.8781 18.1073 11.4541 18.1073 9.92832C18.1073 5.69589 14.6612 2.25 10.4286 2.25ZM3.8788 9.92832C3.8788 6.31812 6.81826 3.37877 10.4286 3.37877C14.039 3.37877 16.9785 6.31812 16.9785 9.92832C16.9785 13.5385 14.039 16.4779 10.4286 16.4779C6.81826 16.4779 3.8788 13.5385 3.8788 9.92832ZM10.4277 4.80874C7.60385 4.80874 5.30816 7.10431 5.30816 9.92809C5.30816 10.2342 5.55404 10.49 5.87013 10.49C6.17624 10.49 6.43209 10.2442 6.43209 9.92809C6.43209 7.72655 8.22605 5.93264 10.4277 5.93264C10.7364 5.93264 10.9897 5.67937 10.9897 5.37069C10.9897 5.06457 10.7438 4.80874 10.4277 4.80874ZM20.2611 20.4749L15.5732 15.7872L16.2921 15.0684L20.9783 19.7545C21.0754 19.8556 21.1261 19.9787 21.1261 20.1155C21.1261 20.2554 21.0734 20.3815 20.98 20.4749C20.79 20.6649 20.4511 20.6649 20.2611 20.4749Z" fill="%23ffffff"/></svg>');
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

.publication-search-section .search-input {
    position: relative
}

@media (max-width: 640px) {
    .publication-search-section .search-input {
        flex: 1
    }
}

.publication-search-section .search-input > input[type=text] {
    border-radius: 20px;
    border: 1px solid #dae2ec;
    color: #838383;
    width: 260px;
    padding: 8px 32px 8px 18px;
    font-size: 16px;
    box-sizing: border-box
}

@media (max-width: 640px) {
    .publication-search-section .search-input > input[type=text] {
        width: 100%
    }
}

.publication-search-section .search-input .clear-btn {
    position: absolute;
    top: 50%;
    right: 9px;
    width: 24px;
    height: 24px;
    background-color: #dae2ec;
    cursor: pointer;
    transform: translateY(-50%);
    border-radius: 50%;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15.4873 5.07812L10.5654 9.99902L15.4873 14.9209L14.9219 15.4863L9.99902 10.5645L5.07812 15.4863L4.5127 14.9209L9.43359 9.99902L4.5127 5.0791L5.07812 4.5127L10 9.43359L14.9219 4.5127L15.4873 5.07812Z' fill='%2328476C'/></svg>");
    background-size: 80%
}

.publication-search-section .btn-export {
    opacity: .8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 18px
}

    .publication-search-section .btn-export::before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-right: 4px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 3V6.95294C14 8.04 14.9 8.92941 16 8.92941H20' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/><path d='M12 12.3586V18.288' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/><path d='M20 17.7346V20.7882C20 21.8753 19.1 22.7647 18 22.7647H6C4.9 22.7647 4 21.8753 4 20.7882V4.97647C4 3.88941 4.9 3 6 3H15L20 7.94118V14.4339C20 14.9082 19.62 15.2838 19.14 15.2936L15.35 15.3233C15.13 15.3233 14.92 15.2442 14.76 15.0861L12 12.3586L9 15.3233' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/></svg>")
    }

.publication-use-guide {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 32px 0 18px
}

.pub-notify-btn {
    opacity: .8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 18px
}

    .pub-notify-btn::before {
        content: "";
        display: inline-block;
        min-width: 24px;
        min-height: 24px;
        margin-right: 4px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13.2803 19.6836C13.4026 19.4966 13.6528 19.4441 13.8398 19.5664C14.0269 19.6888 14.0793 19.9389 13.957 20.126C13.7522 20.4391 13.4506 20.6847 13.1221 20.8555L13.1162 20.8584C12.0672 21.3842 10.6843 21.0975 10.043 20.1279C9.91992 19.9416 9.97116 19.6907 10.1572 19.5674C10.3435 19.4443 10.5944 19.4955 10.7178 19.6816C11.1053 20.2674 12.0226 20.4991 12.751 20.1357C12.9827 20.0149 13.1673 19.8562 13.2803 19.6836ZM11.9951 2.5C15.2046 2.5001 17.7995 5.15658 17.7998 8.40918C17.7998 10.4317 18.1102 11.7378 18.5459 12.6787C18.8728 13.3845 19.2769 13.903 19.7109 14.3828L20.1543 14.8555L20.1582 14.8594C20.3853 15.1046 20.4989 15.4255 20.499 15.749C20.4989 16.4695 19.9208 17.071 19.1953 17.0713H4.79589C4.47311 17.0713 4.15606 16.9523 3.91503 16.7217V16.7227C3.39513 16.2324 3.3583 15.405 3.83496 14.8662L3.8457 14.8555C4.44395 14.2273 5.01719 13.6199 5.45312 12.6787C5.88883 11.7378 6.19921 10.4318 6.19921 8.40918C6.19948 5.15745 8.78474 2.50007 11.9951 2.5ZM11.9951 3.30957C9.24816 3.30964 7.00905 5.58801 7.00878 8.40918C7.00878 10.5148 6.68541 11.9444 6.18749 13.0195C5.69266 14.0878 5.03716 14.7767 4.4414 15.4023C4.27599 15.5892 4.26849 15.8654 4.40332 16.0576L4.46972 16.1338L4.47265 16.1357C4.55527 16.2153 4.66997 16.2617 4.79589 16.2617H19.1953C19.4592 16.2614 19.6903 16.0372 19.6904 15.749C19.6903 15.6144 19.642 15.495 19.5635 15.4102V15.4092C18.9661 14.7819 18.308 14.0914 17.8115 13.0195C17.3136 11.9444 16.9902 10.5148 16.9902 8.40918C16.99 5.58891 14.7429 3.30967 11.9951 3.30957Z' fill='%23ffffff'/></svg>")
    }

    .pub-notify-btn .count-num {
        background-color: #fff;
        padding: 2px;
        border-radius: 50%;
        text-align: center;
        min-width: 18px;
        min-height: 18px;
        font-size: 12px;
        line-height: 1.6;
        color: #222;
        font-weight: 700;
        margin-left: 4px
    }

@media (max-width: 640px) {
    .publication-table td {
        font-size: 15px
    }
}

.publication-table th input[type=checkbox].custom-checkbox:checked + .custom-checkbox-icon::after {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='24' width='21' fill='%23F5A200' viewBox='0 0 448 512'><path d='M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/></svg>")
}

.publication-table .btn-post-icon {
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px
}

    .publication-table .btn-post-icon:after {
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .publication-table .btn-post-icon[data-icon=cart]:after {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.8032 15.146H11.0771C10.6622 15.146 10.3255 14.8383 10.3255 14.4592C10.3255 14.08 10.6622 13.7723 11.0771 13.7723H18.8032C20.2883 13.7723 21.4969 12.6679 21.4969 11.3107V6.56605H6.34218C5.92731 6.56605 5.59061 6.25835 5.59061 5.87922C5.59061 5.50008 5.92731 5.19238 6.34218 5.19238H22.2484C22.6633 5.19238 23 5.50008 23 5.87922V11.3107C23 13.4262 21.1181 15.146 18.8032 15.146Z" fill="%2328476C"/><path d="M21.2864 19.0967H10.6502C7.86034 19.0967 5.5906 17.0225 5.5906 14.473V5.88202C5.5906 3.9479 3.868 2.37367 1.75157 2.37367C1.3367 2.37367 1 2.06597 1 1.68684C1 1.3077 1.3367 1 1.75157 1C4.69773 1 7.09374 3.18963 7.09374 5.88202V14.473C7.09374 16.2642 8.69008 17.7231 10.6502 17.7231H21.2864C21.7013 17.7231 22.038 18.0308 22.038 18.4099C22.038 18.789 21.7013 19.0967 21.2864 19.0967Z" fill="%2328476C"/><path d="M9.7603 23.8003C8.58484 23.8003 7.62885 22.9266 7.62885 21.8524C7.62885 20.7782 8.58484 19.9045 9.7603 19.9045C10.9358 19.9045 11.8918 20.7782 11.8918 21.8524C11.8918 22.9266 10.9358 23.8003 9.7603 23.8003ZM9.7603 21.2782C9.41458 21.2782 9.13199 21.5365 9.13199 21.8524C9.13199 22.1684 9.41458 22.4266 9.7603 22.4266C10.106 22.4266 10.3886 22.1684 10.3886 21.8524C10.3886 21.5365 10.106 21.2782 9.7603 21.2782Z" fill="%2328476C"/><path d="M18.7341 23.8003C17.5586 23.8003 16.6026 22.9266 16.6026 21.8524C16.6026 20.7782 17.5586 19.9045 18.7341 19.9045C19.9095 19.9045 20.8655 20.7782 20.8655 21.8524C20.8655 22.9266 19.9095 23.8003 18.7341 23.8003ZM18.7341 21.2782C18.3884 21.2782 18.1058 21.5365 18.1058 21.8524C18.1058 22.1684 18.3884 22.4266 18.7341 22.4266C19.0798 22.4266 19.3624 22.1684 19.3624 21.8524C19.3624 21.5365 19.0798 21.2782 18.7341 21.2782Z" fill="%2328476C"/></svg>')
    }

    .publication-table .btn-post-icon:hover[data-icon=cart]:after {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.8032 15.146H11.0771C10.6622 15.146 10.3255 14.8383 10.3255 14.4592C10.3255 14.08 10.6622 13.7723 11.0771 13.7723H18.8032C20.2883 13.7723 21.4969 12.6679 21.4969 11.3107V6.56605H6.34218C5.92731 6.56605 5.59061 6.25835 5.59061 5.87922C5.59061 5.50008 5.92731 5.19238 6.34218 5.19238H22.2484C22.6633 5.19238 23 5.50008 23 5.87922V11.3107C23 13.4262 21.1181 15.146 18.8032 15.146Z" fill="%23F5A200"/><path d="M21.2864 19.0967H10.6502C7.86034 19.0967 5.5906 17.0225 5.5906 14.473V5.88202C5.5906 3.9479 3.868 2.37367 1.75157 2.37367C1.3367 2.37367 1 2.06597 1 1.68684C1 1.3077 1.3367 1 1.75157 1C4.69773 1 7.09374 3.18963 7.09374 5.88202V14.473C7.09374 16.2642 8.69008 17.7231 10.6502 17.7231H21.2864C21.7013 17.7231 22.038 18.0308 22.038 18.4099C22.038 18.789 21.7013 19.0967 21.2864 19.0967Z" fill="%23F5A200"/><path d="M9.7603 23.8003C8.58484 23.8003 7.62885 22.9266 7.62885 21.8524C7.62885 20.7782 8.58484 19.9045 9.7603 19.9045C10.9358 19.9045 11.8918 20.7782 11.8918 21.8524C11.8918 22.9266 10.9358 23.8003 9.7603 23.8003ZM9.7603 21.2782C9.41458 21.2782 9.13199 21.5365 9.13199 21.8524C9.13199 22.1684 9.41458 22.4266 9.7603 22.4266C10.106 22.4266 10.3886 22.1684 10.3886 21.8524C10.3886 21.5365 10.106 21.2782 9.7603 21.2782Z" fill="%23F5A200"/><path d="M18.7341 23.8003C17.5586 23.8003 16.6026 22.9266 16.6026 21.8524C16.6026 20.7782 17.5586 19.9045 18.7341 19.9045C19.9095 19.9045 20.8655 20.7782 20.8655 21.8524C20.8655 22.9266 19.9095 23.8003 18.7341 23.8003ZM18.7341 21.2782C18.3884 21.2782 18.1058 21.5365 18.1058 21.8524C18.1058 22.1684 18.3884 22.4266 18.7341 22.4266C19.0798 22.4266 19.3624 22.1684 19.3624 21.8524C19.3624 21.5365 19.0798 21.2782 18.7341 21.2782Z" fill="%23F5A200"/></svg>')
    }

.colorbox-body[data-colorbox-type=create-issue], .colorbox-body[data-colorbox-type=pre-order], .colorbox-body[data-colorbox-type=publish-notify] {
    width: 100%;
    height: 100%;
    background-image: url(../images/background/deco-bg-wave-lines.png),linear-gradient(#fff 33%,#dae2ec 100%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom
}

    .colorbox-body[data-colorbox-type=create-issue] .colorbox-container, .colorbox-body[data-colorbox-type=pre-order] .colorbox-container, .colorbox-body[data-colorbox-type=publish-notify] .colorbox-container {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-sizing: border-box;
        padding: 12px 18px
    }

    .colorbox-body[data-colorbox-type=create-issue] .colorbox-title-wrapper, .colorbox-body[data-colorbox-type=pre-order] .colorbox-title-wrapper, .colorbox-body[data-colorbox-type=publish-notify] .colorbox-title-wrapper {
        margin-bottom: 24px
    }

        .colorbox-body[data-colorbox-type=create-issue] .colorbox-title-wrapper .title, .colorbox-body[data-colorbox-type=pre-order] .colorbox-title-wrapper .title, .colorbox-body[data-colorbox-type=publish-notify] .colorbox-title-wrapper .title {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0 8px;
            margin: 0;
            margin-bottom: 12px;
            color: #1b1b1b
        }

            .colorbox-body[data-colorbox-type=create-issue] .colorbox-title-wrapper .title::before, .colorbox-body[data-colorbox-type=pre-order] .colorbox-title-wrapper .title::before, .colorbox-body[data-colorbox-type=publish-notify] .colorbox-title-wrapper .title::before {
                content: "";
                display: inline-block;
                display: inline-block;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,<svg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M17 3.25C24.5939 3.25 30.75 9.40608 30.75 17C30.75 24.5939 24.5939 30.75 17 30.75C9.40608 30.75 3.25 24.5939 3.25 17C3.25 9.40608 9.40608 3.25 17 3.25ZM17 21.125C16.2406 21.125 15.625 21.7406 15.625 22.5C15.625 23.2594 16.2406 23.875 17 23.875H17.0146L17.1553 23.8682C17.8484 23.7976 18.3896 23.2118 18.3896 22.5C18.3896 21.7882 17.8484 21.2024 17.1553 21.1318L17.0146 21.125H17ZM17 10.125C16.2406 10.125 15.625 10.7406 15.625 11.5V17C15.625 17.7594 16.2406 18.375 17 18.375C17.7594 18.375 18.375 17.7594 18.375 17V11.5C18.375 10.7406 17.7594 10.125 17 10.125Z' fill='%2328476C'/></svg>");
                width: 32px;
                height: 32px
            }

        .colorbox-body[data-colorbox-type=create-issue] .colorbox-title-wrapper .sub-info, .colorbox-body[data-colorbox-type=pre-order] .colorbox-title-wrapper .sub-info, .colorbox-body[data-colorbox-type=publish-notify] .colorbox-title-wrapper .sub-info {
            text-align: center;
            padding: 0;
            margin: 0
        }

@media (max-width: 640px) {
    .colorbox-body[data-colorbox-type=create-issue] .colorbox-title-wrapper .sub-info, .colorbox-body[data-colorbox-type=pre-order] .colorbox-title-wrapper .sub-info, .colorbox-body[data-colorbox-type=publish-notify] .colorbox-title-wrapper .sub-info {
        font-size: 14px
    }
}

.colorbox-body[data-colorbox-type=create-issue] .btns-center, .colorbox-body[data-colorbox-type=pre-order] .btns-center, .colorbox-body[data-colorbox-type=publish-notify] .btns-center {
    padding-top: 32px
}

.colorbox-body[data-colorbox-type=create-issue] #btn_Save, .colorbox-body[data-colorbox-type=pre-order] #btn_Save, .colorbox-body[data-colorbox-type=publish-notify] #btn_Save {
    min-width: 120px
}

@media (max-width: 640px) {
    .colorbox-body[data-colorbox-type=create-issue] #btn_Save, .colorbox-body[data-colorbox-type=pre-order] #btn_Save, .colorbox-body[data-colorbox-type=publish-notify] #btn_Save {
        width: 100%
    }
}

.colorbox-body[data-colorbox-type=pre-order] .pre-order-options {
    display: flex;
    gap: 12px;
    justify-content: center;
    width: 332px;
    margin: 0 auto
}

@media (max-width: 640px) {
    .colorbox-body[data-colorbox-type=pre-order] .pre-order-options {
        width: 100%
    }
}

.colorbox-body[data-colorbox-type=pre-order] .book-option {
    border: 2px solid #dae2ec;
    border-radius: 6px;
    flex: 1;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    padding: 12px 8px 16px;
    box-sizing: border-box;
    opacity: .8;
    background-color: #f8fbff;
    transition: all .2s ease
}

    .colorbox-body[data-colorbox-type=pre-order] .book-option .qty-input {
        width: 60px;
        border: 1px solid #dae2ec;
        padding: 6px 8px;
        box-sizing: border-box;
        margin-left: 8px;
        color: #222
    }

@media (max-width: 640px) {
    .colorbox-body[data-colorbox-type=pre-order] .book-option .qty-input {
        margin: 8px 0 0
    }
}

.colorbox-body[data-colorbox-type=pre-order] .book-option .book-title {
    text-align: center;
    margin-bottom: 16px
}

@media (max-width: 640px) {
    .colorbox-body[data-colorbox-type=pre-order] .book-option .book-title {
        margin-bottom: 8px
    }
}

.colorbox-body[data-colorbox-type=pre-order] .book-option .book-sub {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 640px) {
    .colorbox-body[data-colorbox-type=pre-order] .book-option .book-sub {
        flex-direction: column
    }
}

.colorbox-body[data-colorbox-type=pre-order] .book-option .book-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 4px;
    background-repeat: no-repeat;
    background-position: center
}

.colorbox-body[data-colorbox-type=pre-order] .book-option[data-book-option=hardCopy] .book-icon {
    background-image: url("data:image/svg+xml,<svg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M46.2705 42.4355L40.7549 43.661L40.6611 43.2421L46.1777 42.0165L46.2705 42.4355Z' fill='%2328476C'/><path d='M38.3037 42.4355L34.626 43.0478L34.5557 42.6249L38.2334 42.0116L38.3037 42.4355Z' fill='%2328476C'/><path d='M51.7871 27.7255L34.626 32.6288L34.5078 32.2167L51.6689 27.3134L51.7871 27.7255Z' fill='%2328476C'/><path d='M43.207 21.5966L35.2393 23.4355L35.1426 23.0175L43.1104 21.1786L43.207 21.5966Z' fill='%2328476C'/><path fill-rule='evenodd' clip-rule='evenodd' d='M31.7803 7.50773L54.5586 13.7011C54.7464 13.7522 54.7786 14.0117 54.6113 14.1112C54.0045 14.4721 52.9523 15.1481 52.3291 15.8359C52.2992 15.8689 52.2809 15.9107 52.2764 15.955L52.0684 18.039V20.8056C52.0684 20.8897 52.1178 20.9669 52.1943 21.0019L55.2773 22.411C55.4619 22.4955 55.4378 22.7653 55.2412 22.8153L52.1562 23.5946L53.416 23.8398C53.4491 23.8462 53.4792 23.8599 53.5049 23.8817C53.778 24.1144 55.4033 25.6184 55.4033 28.4765C55.4032 31.3431 53.7613 33.6869 53.2119 34.3915L56.2803 35.2255C56.4681 35.2766 56.5003 35.5371 56.333 35.6366C55.7261 35.9975 54.6739 36.6735 54.0508 37.3612C54.0208 37.3943 54.0025 37.436 53.998 37.4804L53.79 39.5644V42.331C53.7901 42.4151 53.8395 42.4922 53.916 42.5273L56.999 43.9364C57.1837 44.021 57.1596 44.2907 56.9629 44.3407L27.3799 51.8153C27.3413 51.8251 27.3007 51.8243 27.2627 51.8124L6.28906 45.1776C6.25174 45.1658 6.21947 45.1452 6.19434 45.1151C5.89222 44.7541 3.86431 42.2128 3.86426 39.0263C3.86429 36.5852 5.05035 35.1322 5.56641 34.6151L2.30469 33.7909C2.10799 33.7409 2.08395 33.4712 2.26855 33.3866L5.35156 31.9765C5.42808 31.9415 5.47748 31.8653 5.47754 31.7812V29.0146L5.26953 26.9306C5.26507 26.8861 5.24676 26.8445 5.2168 26.8114C4.59359 26.1236 3.54144 25.4467 2.93457 25.0858C2.7675 24.9863 2.7996 24.7268 2.9873 24.6757L5.57617 23.9716L4.56641 23.6523C4.52944 23.6405 4.49764 23.6204 4.47266 23.5907C4.17085 23.2301 2.14263 20.6878 2.14258 17.5009C2.14269 14.6424 3.76834 13.1384 4.04102 12.9062C4.0667 12.8843 4.09679 12.8706 4.12988 12.8642L31.6826 7.50382C31.7149 7.49754 31.7485 7.49912 31.7803 7.50773ZM7.09863 35.8339C7.0279 35.8118 6.9509 35.8275 6.89746 35.8788C6.57623 36.1876 5.47858 37.3573 5.47852 38.9189C5.47855 41.7304 6.79005 42.6672 6.96582 42.7802C6.97868 42.7884 6.99227 42.7942 7.00684 42.7987L27.041 49.0536C27.1795 49.0968 27.3203 48.9927 27.3203 48.8476V42.3046C27.3202 42.2107 27.2595 42.1276 27.1699 42.0995L7.09863 35.8339ZM28.3965 42.4696V48.7099L52.499 43.1151L52.8252 38.623L44.5225 40.4032L44.4326 39.9833L52.8574 38.1776L52.9297 37.1972L28.3965 42.4696ZM52.1689 25.2841L32.0977 31.5497C32.0081 31.5779 31.9473 31.6608 31.9473 31.7548V38.2978C31.9473 38.4428 32.0881 38.547 32.2266 38.5038L52.2607 32.2489C52.2755 32.2443 52.2897 32.2387 52.3027 32.2304C52.4487 32.1365 53.3661 31.4789 53.6807 29.6659L45.0273 32.2314L44.9053 31.8212L53.7441 29.2001C53.7706 28.9432 53.7891 28.6668 53.7891 28.3691C53.789 26.8068 52.6908 25.6362 52.3701 25.328C52.3167 25.2767 52.2397 25.262 52.1689 25.2841ZM6.76855 32.5653L30.8711 38.1601V31.9198L6.33887 26.6474L6.76855 32.5653ZM5.37695 14.3085C5.3062 14.2864 5.22923 14.3021 5.17578 14.3534C4.85477 14.662 3.75691 15.8317 3.75684 17.3935C3.75682 20.203 5.0658 21.1407 5.24316 21.2548C5.25619 21.2632 5.27038 21.2697 5.28516 21.2743L25.3193 27.5282C25.4578 27.5714 25.5986 27.4673 25.5986 27.3222V20.7802C25.5986 20.6861 25.5379 20.6023 25.4482 20.5741L5.37695 14.3085ZM26.6748 20.9442V27.1855L50.7773 21.5898L51.0312 18.0839L37.6914 20.9843L37.5996 20.5644L51.0635 17.6366L51.207 15.6718L26.6748 20.9442Z' fill='%2328476C'/><path d='M31.4423 15.0363L30.4887 16.4389C30.4499 16.5024 30.3709 16.5512 30.2517 16.5852C30.1325 16.6192 30.0004 16.6363 29.8554 16.6363C29.7104 16.6363 29.5683 16.6229 29.4291 16.596C29.2899 16.5691 29.176 16.5243 29.0876 16.4616L27.1713 15.0955L23.4496 15.0186C23.2776 15.0136 23.1289 14.9916 23.0036 14.9525C22.8783 14.9134 22.7851 14.8652 22.7239 14.8079C22.6628 14.7506 22.6379 14.6948 22.6491 14.6406C22.6603 14.5863 22.7214 14.533 22.8323 14.4807L25.2797 13.4526L23.9377 12.0061C23.8768 11.9413 23.868 11.8799 23.9113 11.822C23.9546 11.7641 24.0266 11.7178 24.1274 11.683C24.2281 11.6482 24.3535 11.6263 24.5036 11.6174C24.6536 11.6084 24.8051 11.6205 24.9578 11.6536L28.3677 12.3856L31.2691 11.5655C31.4155 11.5292 31.5567 11.5126 31.6925 11.5158C31.8283 11.5189 31.9635 11.5366 32.0982 11.5687C32.2328 11.6009 32.34 11.6444 32.4197 11.6993C32.4995 11.7542 32.533 11.8158 32.5205 11.8843L32.1893 13.3616L35.3187 14.3086C35.4619 14.3521 35.5574 14.4032 35.6051 14.462C35.6527 14.5208 35.6662 14.5787 35.6454 14.6357C35.6246 14.6926 35.5637 14.7423 35.4627 14.7846C35.3616 14.827 35.2293 14.8513 35.0655 14.8575L31.4423 15.0363Z' fill='%23F5A200'/></svg>")
}

.colorbox-body[data-colorbox-type=pre-order] .book-option[data-book-option=ebook] .book-icon {
    background-image: url("data:image/svg+xml,<svg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M29.3779 28.5273C23.8579 32.0169 22.0317 39.2736 25.3262 44.9805C28.621 50.6874 35.8194 52.7351 41.6016 49.6992L42.1006 50.5645C35.8404 53.8755 28.0326 51.6649 24.4619 45.4805C20.8912 39.2958 22.8802 31.4272 28.8779 27.6611L29.3779 28.5273Z' fill='%2328476C'/><path d='M42.4766 7.5C43.8053 7.5 44.8809 8.57864 44.8809 9.90723V26.6836C43.7552 25.8541 42.5103 25.1772 41.1768 24.6826L41.1758 11.9277C41.1756 11.6622 40.9604 11.4473 40.6963 11.4473H14.9014C14.6359 11.4475 14.4211 11.6623 14.4209 11.9277V46.5713C14.4217 46.6982 14.4727 46.8195 14.5625 46.9092C14.6524 46.9988 14.7744 47.0503 14.9014 47.0508H23.2012C24.244 48.6678 25.5862 50.0735 27.1504 51.1885H13.1201C11.7898 51.1885 10.7139 50.1128 10.7139 48.7842V9.90527C10.7139 8.57823 11.7914 7.5 13.1201 7.5H42.4766Z' fill='%2328476C'/><path fill-rule='evenodd' clip-rule='evenodd' d='M35.9229 28.124C38.7105 28.1241 41.3844 29.2107 43.3848 31.1455C43.5836 31.0745 43.7973 31.0342 44.0205 31.0342C45.0645 31.0342 45.9111 31.8808 45.9111 32.9248C45.9111 33.354 45.7654 33.7481 45.5244 34.0654C46.2614 35.5413 46.6591 37.1797 46.6592 38.8604C46.6592 40.27 46.3812 41.6663 45.8418 42.9688C45.3023 44.2712 44.5114 45.4553 43.5146 46.4521C42.5178 47.4489 41.3336 48.2398 40.0312 48.7793C38.8891 49.2524 37.6746 49.5242 36.4424 49.584C36.1087 50.12 35.5167 50.4785 34.8389 50.4785C34.01 50.4785 33.3068 49.9444 33.0518 49.2021C32.6322 49.0857 32.2184 48.9466 31.8145 48.7793C30.5119 48.2397 29.328 47.4491 28.3311 46.4521C27.3341 45.4552 26.5435 44.2713 26.0039 42.9688C25.4644 41.6663 25.1865 40.2701 25.1865 38.8604C25.1866 36.0131 26.3177 33.2819 28.3311 31.2686C30.3445 29.2554 33.0756 28.124 35.9229 28.124ZM39.8213 43.7393C39.3676 45.7029 38.6382 47.2716 37.7148 48.1602C39.5601 47.8045 41.2731 46.9066 42.6211 45.5586C42.7889 45.3908 42.9479 45.2148 43.1016 45.0361C43.0132 44.9808 42.9222 44.9266 42.8291 44.873C41.9696 44.3813 40.946 43.9963 39.8213 43.7393ZM32.084 44.0059C30.9994 44.3459 30.0439 44.8114 29.2881 45.3779C29.2419 45.412 29.1968 45.4476 29.1523 45.4824C29.1768 45.5074 29.1999 45.5339 29.2246 45.5586C30.3131 46.6471 31.6392 47.4416 33.0811 47.8945C33.1654 47.6808 33.2876 47.4867 33.4395 47.3193C32.8762 46.4719 32.4146 45.3366 32.084 44.0059ZM36.4443 43.3691C35.353 43.3691 34.295 43.4797 33.3125 43.6855C33.6283 44.969 34.0596 46.0184 34.5439 46.7227C34.6401 46.7076 34.7384 46.6973 34.8389 46.6973C35.507 46.6973 36.0925 47.0452 36.4287 47.5684C37.2796 47.127 38.0781 45.6176 38.5713 43.5127C37.8848 43.4189 37.1716 43.3692 36.4443 43.3691ZM26.4736 39.4922C26.5957 41.3182 27.242 43.0646 28.3301 44.5234C28.3953 44.4708 28.4619 44.4175 28.5303 44.3662C29.4305 43.6919 30.5562 43.15 31.8223 42.7656C31.7108 42.1254 31.6309 41.452 31.5771 40.7539C30.7621 40.745 30.0728 40.2217 29.8164 39.4922H26.4736ZM40.333 39.4922C40.3065 40.5456 40.2137 41.5572 40.0625 42.501C41.3218 42.7853 42.4767 43.2162 43.457 43.7764C43.5948 43.8544 43.7294 43.9378 43.8623 44.0234C44.7405 42.6728 45.2637 41.1141 45.3721 39.4922H40.333ZM33.3799 39.4922C33.266 39.8162 33.0677 40.0995 32.8096 40.3154C32.8577 41.063 32.9427 41.7779 33.0566 42.4482C34.1262 42.2244 35.2698 42.1064 36.4443 42.1064C37.2534 42.1065 38.0481 42.1631 38.8145 42.2715C38.9529 41.4076 39.0422 40.4727 39.0693 39.4922H33.3799ZM28.3232 33.2041C27.2387 34.6613 26.5955 36.4058 26.4736 38.2285H29.8203C30.0796 37.5053 30.7651 36.9862 31.5752 36.9766C31.6286 36.2794 31.7093 35.6063 31.8203 34.9668C30.5549 34.5822 29.4301 34.0419 28.5303 33.3672C28.46 33.3144 28.3917 33.2591 28.3232 33.2041ZM33.0547 35.2842C32.9413 35.9539 32.8574 36.6685 32.8096 37.415C33.0651 37.6286 33.2614 37.9089 33.376 38.2285H39.0693C39.0424 37.2528 38.9537 36.3223 38.8164 35.4619C38.0495 35.5705 37.2541 35.6279 36.4443 35.6279C35.2689 35.6279 34.125 35.5085 33.0547 35.2842ZM42.751 34.3232C41.9383 34.7076 41.0326 35.0135 40.0645 35.2324C40.2144 36.1726 40.3066 37.1798 40.333 38.2285H45.3721C45.2911 37.0171 44.9786 35.8412 44.46 34.7607C44.3187 34.7944 44.1721 34.8154 44.0205 34.8154C43.5313 34.8154 43.0866 34.6281 42.751 34.3232ZM35.9209 30.0186C34.9104 30.0189 33.9056 31.6164 33.3096 34.0469C34.2931 34.2531 35.3517 34.3652 36.4443 34.3652C37.1727 34.3652 37.8868 34.314 38.5742 34.2197C37.9841 31.6924 36.9552 30.019 35.9209 30.0186ZM37.7139 29.5586C38.6398 30.4485 39.3704 32.0222 39.8242 33.9922C40.6662 33.7994 41.4512 33.5354 42.1533 33.209C42.1393 33.1162 42.1299 33.0215 42.1299 32.9248C42.1299 32.5684 42.2299 32.2357 42.4014 31.9512C41.0887 30.7203 39.4613 29.8951 37.7139 29.5586ZM34.1279 29.5586C32.2838 29.9145 30.572 30.8141 29.2246 32.1611C29.1977 32.1881 29.1711 32.2169 29.1445 32.2441C29.1917 32.2815 29.239 32.3197 29.2881 32.3564C30.0432 32.9225 30.9977 33.3856 32.0811 33.7256C32.5381 31.8806 33.2443 30.4081 34.1279 29.5586Z' fill='%2328476C'/><path d='M43.418 49.7695C43.2021 49.9175 42.9808 50.0605 42.7539 50.1973L42.2539 49.332C42.4587 49.2083 42.6588 49.0798 42.8535 48.9463L43.418 49.7695Z' fill='%2328476C'/><path d='M46.4219 46.9209C46.0038 47.4662 45.5408 47.9829 45.0332 48.4639L44.9102 48.334L44.6904 48.1025L44.3467 47.7393C44.8158 47.2948 45.2445 46.8175 45.6309 46.3135L46.4219 46.9209Z' fill='%2328476C'/><path d='M48.3955 43.2803C48.1649 43.9324 47.8828 44.5677 47.5518 45.1787L46.6748 44.7041C46.9808 44.1392 47.2418 43.5514 47.4551 42.9482L48.3955 43.2803Z' fill='%2328476C'/><path d='M49.1514 39.21C49.1325 39.9044 49.0589 40.5946 48.9326 41.2744L47.9521 41.0928C48.069 40.4639 48.1369 39.8248 48.1543 39.1826L49.1514 39.21Z' fill='%2328476C'/><path d='M48.6123 35.1055C48.8114 35.7758 48.9545 36.4545 49.0439 37.1357L48.0557 37.2656C47.973 36.6362 47.8402 36.0089 47.6562 35.3896L48.6123 35.1055Z' fill='%2328476C'/><path d='M46.8271 31.3672C47.0217 31.6508 47.207 31.9442 47.3818 32.2471C47.5566 32.5498 47.7179 32.8569 47.8662 33.167L46.9668 33.5977C46.8295 33.3106 46.6795 33.0266 46.5176 32.7461C46.3556 32.4656 46.1839 32.194 46.0039 31.9316L46.8271 31.3672Z' fill='%2328476C'/><path d='M43.9795 28.3623C44.5248 28.7804 45.0405 29.2444 45.5215 29.752L45.1602 30.0957L45.1592 30.0947L44.7979 30.4385C44.3534 29.9694 43.8761 29.5407 43.3721 29.1543L43.9795 28.3623Z' fill='%2328476C'/><path d='M30.6562 27.8193C30.4433 27.9212 30.232 28.03 30.0225 28.1455L29.5225 27.2803C29.7544 27.152 29.9885 27.0309 30.2246 26.918L30.6562 27.8193Z' fill='%2328476C'/><path d='M40.3389 26.3896C40.9908 26.6202 41.6254 26.9015 42.2363 27.2324L41.7617 28.1104C41.197 27.8044 40.6098 27.5433 40.0068 27.3301L40.3389 26.3896Z' fill='%2328476C'/><path d='M34.3242 26.7305C33.6946 26.8131 33.0667 26.9449 32.4473 27.1289L32.292 26.6055L32.1631 26.1729C32.8335 25.9737 33.513 25.8297 34.1943 25.7402L34.3242 26.7305Z' fill='%2328476C'/><path d='M36.2676 25.6328C36.9622 25.6516 37.653 25.7262 38.333 25.8525L38.1514 26.833C37.5225 26.7162 36.8833 26.6483 36.2412 26.6309L36.2676 25.6328Z' fill='%2328476C'/><path d='M24.7168 23.7432V25.7031H16.875V23.7432H24.7168Z' fill='%2328476C'/><path d='M28.6377 21.0703H16.875V19.1094H28.6377V21.0703Z' fill='%2328476C'/><path d='M32.5586 16.4619H16.875V14.501H32.5586V16.4619Z' fill='%2328476C'/><path d='M35.0791 16.3957V7.5L38.1597 7.50002L41.2403 7.5V16.3957L38.1597 14.8143L35.0791 16.3957Z' fill='%23F5A200'/></svg>")
}

.colorbox-body[data-colorbox-type=pre-order] .book-option:has(input[type=radio]:checked) {
    border: 2px solid #28476c;
    opacity: 1
}

.colorbox-body[data-colorbox-type=publish-notify] .email-input-group {
    width: 100%
}

    .colorbox-body[data-colorbox-type=publish-notify] .email-input-group .email-input {
        width: 326px;
        max-width: 100%;
        margin: 0 auto;
        display: block
    }

    .colorbox-body[data-colorbox-type=publish-notify] .email-input-group input[type=email] {
        width: 100%;
        box-sizing: border-box;
        padding: 10px 16px;
        border: 1px solid #dae2ec
    }

.wrap[data-page=member-center] {
    color: #222
}

    .wrap[data-page=member-center] h1 {
        font-size: 28px;
        margin-bottom: 42px
    }

@media (max-width: 640px) {
    .wrap[data-page=member-center] h1 {
        font-size: 24px;
        margin-bottom: 28px
    }

        .wrap[data-page=member-center] h1.icon-itis::before {
            width: 32px;
            height: 32px;
            margin-right: 8px
        }
}

.wrap[data-page=member-center] .btns-center {
    padding-top: 18px
}

.member-inner-container {
    padding-top: 42px;
    padding-bottom: 120px
}

.member-index-banner {
    background-color: #edf4fc;
    height: 420px;
    position: relative
}

@media (max-width: 640px) {
    .member-index-banner {
        height: 560px
    }
}

.member-index-banner .breadcrumb {
    margin-bottom: 55px
}

@media (max-width: 640px) {
    .member-index-banner .breadcrumb {
        margin-bottom: 130px
    }
}

.member-index-banner .banner-layer-ab {
    position: absolute;
    width: 51%;
    aspect-ratio: 8/5;
    top: 0;
    right: 0;
    max-height: 462px
}

@media (max-width: 640px) {
    .member-index-banner .banner-layer-ab {
        width: 65%;
        aspect-ratio: 1.16/1;
        max-height: 310px
    }
}

.member-index-banner .banner-layer-ab .banner-deco {
    width: 100%;
    height: 100%;
    background-image: url(../images/banner/member-banner-deco.png);
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat
}

@media (max-width: 640px) {
    .member-index-banner .banner-layer-ab .banner-deco {
        background-image: url(../images/banner/member-banner-deco-mb.png)
    }
}

.member-index-banner .banner-contents-ab-center {
    position: absolute;
    left: 50%;
    top: 40px;
    transform: translate(-50%,0)
}

.member-profile-board {
    width: 460px;
    max-width: 100%
}

    .member-profile-board .welcome {
        width: 100%;
        font-family: "Microsoft JhengHei",Arial,Helvetica,sans-serif;
        font-size: 22px;
        padding-bottom: 20px;
        font-weight: 700
    }

@media (max-width: 640px) {
    .member-profile-board .welcome {
        font-size: 16px;
        padding-bottom: 12px
    }
}

.member-profile-board .member-name {
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 1.3
}

@media (max-width: 640px) {
    .member-profile-board .member-name {
        font-size: 22px
    }
}

.member-data-table {
    font-family: "Microsoft JhengHei",Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 1.8;
    border-top: 1px solid #eaeaea;
    padding-top: 16px
}

@media (max-width: 640px) {
    .member-data-table {
        font-size: 16px
    }
}

@media (max-width: 640px) {
    .member-data-table tr {
        display: flex;
        flex-direction: column;
        padding-bottom: 12px
    }
}

.member-data-table td, .member-data-table th {
    color: #28476c
}

.member-data-table th {
    font-weight: 700;
    padding-right: 16px
}

@media (max-width: 640px) {
    .member-data-table td {
        font-size: 15px;
        opacity: .8;
        line-height: 1.2
    }
}

.member-data-table .data-item-title {
    font-weight: 700
}

.member-center-sitemap {
    background-image: url(../images/background/member-footer-bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 55%
}

@media (max-width: 640px) {
    .member-center-sitemap {
        background-size: 100%
    }
}

.member-center-sitemap > .container {
    padding-top: 66px;
    padding-bottom: 72px
}

.sitemap-section {
    padding-bottom: 48px
}

    .sitemap-section .title-main {
        margin-bottom: 32px
    }

@media (max-width: 800px) {
    .sitemap-section .title-main {
        margin-bottom: 12px
    }
}

.sitemap-section .member-cate-block {
    box-sizing: border-box;
    padding: 16px 20px;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 6px 32px 6px 6px;
    margin-bottom: 24px;
    height: 100%
}

@media (min-width: 1025px) {
    .sitemap-section .member-cate-block {
        padding: 20px 22px
    }
}

@media (min-width: 801px) {
    .sitemap-section .member-cate-block {
        margin-bottom: 24px
    }
}

.sitemap-section .member-cate-block h3 {
    margin-bottom: 12px
}

.sitemap-section .member-cate-link, .sitemap-section .member-cate-links {
    list-style-type: none
}

.sitemap-section .member-cate-links {
    padding: 0;
    margin: 0
}

.sitemap-section .member-cate-link:not(:last-of-type) {
    margin-bottom: 12px
}

.sitemap-section .member-cate-link > a {
    text-decoration: none;
    color: #222;
    font-size: 16px;
    transition: all .3s ease;
    display: block
}

@media (min-width: 801px) {
    .sitemap-section .member-cate-link > a {
        font-size: 18px
    }
}

.sitemap-section .member-cate-link > a::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.33301 6.25H9.33301V1.25L18.6663 10L9.33301 18.75V13.75H1.33301V6.25Z' fill='%235E5E5E'/></svg>");
    margin-right: 6px;
    transition: all .3s ease
}

.sitemap-section .member-cate-link > a:hover {
    color: #f5a200;
    transition: all .3s ease
}

    .sitemap-section .member-cate-link > a:hover::before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.33301 6.25H9.33301V1.25L18.6663 10L9.33301 18.75V13.75H1.33301V6.25Z' fill='%23F5A200'/></svg>");
        transition: all .3s ease
    }

.sitemap-section .member-cate-icon {
    width: 60px;
    height: 60px;
    box-shadow: 0 4px 4px rgba(0,0,0,.2);
    border-radius: 50%;
    position: relative
}

@media (max-width: 800px) {
    .sitemap-section .member-cate-icon {
        width: 48px;
        height: 48px
    }
}

.sitemap-section .member-cate-icon.red {
    background-color: #b82b2b
}

.sitemap-section .member-cate-icon.aqua {
    background-color: #3da8b2
}

.sitemap-section .member-cate-icon.lightblue {
    background-color: #6c94c4
}

.sitemap-section .member-cate-icon.navy {
    background-color: #28476c
}

.sitemap-section .member-cate-icon.yellow {
    background-color: #f5a200
}

.sitemap-section .member-cate-icon::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.member-cate-row {
    width: 100%;
    margin: 0 -8px;
    flex-wrap: wrap
}

@media (min-width: 801px) {
    .member-cate-row {
        margin: 0 -12px
    }
}

@media (min-width: 1025px) {
    .member-cate-row {
        margin: 0 -14px
    }
}

.member-cate-row .col-md-25 {
    box-sizing: border-box;
    padding: 0 8px 16px
}

@media (min-width: 801px) {
    .member-cate-row .col-md-25 {
        padding: 0 12px;
        margin-bottom: 24px
    }
}

@media (min-width: 1025px) {
    .member-cate-row .col-md-25 {
        padding: 0 14px
    }
}

.member-cate-row .flex-vertical {
    height: 100%
}

    .member-cate-row .flex-vertical .member-cate-block {
        flex: 1
    }

        .member-cate-row .flex-vertical .member-cate-block:last-of-type {
            margin-bottom: 0
        }

.sitemap-section .member-cate-icon[data-member-icon=maintenance]::after {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M36.0224 27.3563C36.5424 27.3563 36.9639 27.7704 36.9639 28.2813V37.1579C36.9636 37.6685 36.5422 38.0829 36.0224 38.0829C35.5025 38.0829 35.0811 37.6685 35.0808 37.1579V28.2813C35.0808 27.7704 35.5023 27.3563 36.0224 27.3563Z' fill='%23fff'/><path d='M23.9767 27.3563C24.4967 27.3563 24.9183 27.7704 24.9183 28.2813V34.1993C24.9179 34.7098 24.4965 35.1244 23.9767 35.1244C23.457 35.1244 23.0356 34.7098 23.0351 34.1993V28.2813C23.0351 27.7704 23.4567 27.3563 23.9767 27.3563Z' fill='%23fff'/><path d='M29.9995 27.3554C30.5194 27.3554 30.9409 27.7697 30.9411 28.2804V31.239C30.9411 31.7499 30.5196 32.164 29.9995 32.164C29.4795 32.164 29.058 31.7499 29.058 31.239V28.2804C29.0582 27.7697 29.4797 27.3554 29.9995 27.3554Z' fill='%23fff'/><path fill-rule='evenodd' clip-rule='evenodd' d='M24.1192 17.009C24.6859 17.0462 25.2385 17.203 25.7394 17.4698C26.3069 17.772 26.79 18.2064 27.1472 18.7345L28.383 20.5096C28.3861 20.514 28.3893 20.5187 28.3922 20.5232C28.5797 20.8028 28.8346 21.0329 29.1343 21.1926C29.4339 21.3521 29.7691 21.4365 30.1099 21.4383H42.047C43.0954 21.4384 44.101 21.8473 44.8423 22.5756C45.5836 23.3039 45.9999 24.2919 46 25.3219V40.1164C45.9999 41.1464 45.5836 42.1344 44.8423 42.8627C44.101 43.5909 43.0954 43.9999 42.047 44H17.953C15.7768 43.9999 14.0001 42.2544 14 40.1164V20.8836C14.0001 19.8536 14.4164 18.8656 15.1577 18.1373C15.899 17.409 16.9046 17.0001 17.953 17H23.8765L24.1192 17.009ZM17.953 18.8501C17.4041 18.8502 16.8773 19.0641 16.4891 19.4454C16.101 19.8268 15.8832 20.3443 15.8832 20.8836V40.1164C15.8833 41.2326 16.8168 42.1497 17.953 42.1499H42.047C42.5959 42.1498 43.1227 41.9359 43.5109 41.5546C43.899 41.1732 44.1168 40.6557 44.1168 40.1164V25.3219C44.1168 24.7826 43.899 24.265 43.5109 23.8837C43.1227 23.5024 42.5959 23.2885 42.047 23.2884H30.1007C29.4496 23.2851 28.8093 23.1235 28.2368 22.8186C27.6689 22.5161 27.1854 22.0815 26.8281 21.553L25.5932 19.7788C25.5902 19.7745 25.5879 19.7696 25.585 19.7652C25.3974 19.4855 25.1417 19.2555 24.842 19.0958C24.5799 18.9563 24.2907 18.8742 23.9942 18.8546L23.8664 18.8501H17.953Z' fill='%23fff'/></svg>")
}

.sitemap-section .member-cate-icon[data-member-icon=reports]::after {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M44.1971 19.9782C44.6153 19.9782 45.0189 20.1235 45.3396 20.3862L45.4715 20.5057L45.592 20.6386C45.8545 20.9591 45.9999 21.3622 46 21.7801V44.1972C46 44.6751 45.8095 45.1335 45.4715 45.4715C45.1335 45.8095 44.6751 46 44.1971 46H28.5046C27.4323 45.9999 26.404 45.5735 25.6457 44.8153C24.8873 44.0569 24.461 43.0279 24.461 41.9554V24.0218C24.4611 22.9494 24.8874 21.9213 25.6457 21.163C26.404 20.4047 27.4322 19.9783 28.5046 19.9782H44.1971ZM28.5046 40.0218C27.9918 40.0219 27.5001 40.2258 27.1375 40.5884C26.7749 40.951 26.571 41.4426 26.5709 41.9554C26.5709 42.4684 26.7748 42.9608 27.1375 43.3235C27.5001 43.6861 27.9919 43.8901 28.5046 43.8902H43.8901V40.0218H28.5046ZM28.5046 22.0881C27.9918 22.0882 27.5001 22.2921 27.1375 22.6547C26.7749 23.0173 26.571 23.509 26.5709 24.0218V38.4044C27.159 38.0841 27.8229 37.912 28.5046 37.9119H43.8901V22.0881H28.5046Z' fill='%23fff'/><path d='M34.5912 14.0052C35.1234 14.059 35.539 14.5086 35.539 15.0549C35.539 15.6013 35.1234 16.0509 34.5912 16.1047L34.4841 16.1098H18.0437C17.5308 16.1099 17.0392 16.3138 16.6765 16.6765C16.3139 17.0391 16.11 17.5307 16.1099 18.0435V32.4271C16.698 32.1067 17.3618 31.9337 18.0437 31.9337H19.5385L19.6467 31.9388C20.1785 31.993 20.5935 32.4425 20.5935 32.9886C20.5935 33.5347 20.1785 33.9842 19.6467 34.0384L19.5385 34.0435H18.0437C17.5308 34.0436 17.0392 34.2475 16.6765 34.6101C16.3139 34.9728 16.11 35.4644 16.1099 35.9772C16.1099 36.4901 16.3138 36.9826 16.6765 37.3453C17.0392 37.7078 17.5309 37.9118 18.0437 37.9119H19.5385L19.6467 37.9171C20.1785 37.9712 20.5935 38.4207 20.5935 38.9668C20.5933 39.5128 20.1784 39.9614 19.6467 40.0156L19.5385 40.0218H18.0437C16.9713 40.0217 15.9431 39.5952 15.1848 38.837C14.4264 38.0787 14 37.0497 14 35.9772V18.0435C14.0001 16.9711 14.4264 15.943 15.1848 15.1847C15.9431 14.4264 16.9712 14.0001 18.0437 14H34.4841L34.5912 14.0052Z' fill='%23fff'/></svg>")
}

.sitemap-section .member-cate-icon[data-member-icon=publications]::after {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M39.4473 14C41.6333 14 43.3661 15.8084 43.3662 17.9893V22.4727C43.3664 22.4795 43.3672 22.4863 43.3672 22.4932C43.3672 22.4996 43.3663 22.5063 43.3662 22.5127V29.9795C43.3664 29.9863 43.3672 29.9931 43.3672 30C43.3672 30.0065 43.3663 30.013 43.3662 30.0195V37.4863C43.3663 37.4931 43.3672 37.5 43.3672 37.5068C43.3672 37.5134 43.3663 37.5199 43.3662 37.5264V42.0107C43.3661 44.1916 41.6333 46 39.4473 46H21.8506C19.6646 45.9998 17.9318 44.1915 17.9316 42.0107V39.9941H15.9863C15.4417 39.9941 15.0001 39.5524 15 39.0078C15 38.4632 15.4417 38.0215 15.9863 38.0215H17.9316V33.9883H15.9863C15.4417 33.9883 15 33.5466 15 33.002C15.0002 32.4575 15.4418 32.0166 15.9863 32.0166H17.9316V27.9834H15.9863C15.4417 27.9834 15 27.5417 15 26.9971C15 26.4524 15.4417 26.0107 15.9863 26.0107H17.9316V21.9785H15.9863C15.4418 21.9785 15.0002 21.5367 15 20.9922C15 20.4475 15.4417 20.0059 15.9863 20.0059H17.9316V17.9893C17.9318 15.8085 19.6646 14.0002 21.8506 14H39.4473ZM21.8506 15.9727C20.7974 15.9728 19.9044 16.8538 19.9043 17.9893V20.0059H21.8525L21.9521 20.0107C22.4496 20.0611 22.8389 20.4815 22.8389 20.9922C22.8387 21.5028 22.4495 21.9233 21.9521 21.9736L21.8525 21.9785H19.9043V26.0107H21.8525L21.9521 26.0156C22.4496 26.066 22.8388 26.4864 22.8389 26.9971C22.8389 27.5078 22.4496 27.9281 21.9521 27.9785L21.8525 27.9834H19.9043V32.0166H21.8525L21.9521 32.0215C22.4494 32.0718 22.8387 32.4914 22.8389 33.002C22.8389 33.5127 22.4496 33.933 21.9521 33.9834L21.8525 33.9883H19.9043V38.0215H21.8525L21.9521 38.0264C22.4496 38.0767 22.8389 38.4971 22.8389 39.0078C22.8388 39.5184 22.4495 39.9389 21.9521 39.9893L21.8525 39.9941H19.9043V42.0107C19.9044 43.1462 20.7974 44.0272 21.8506 44.0273H34.0635V15.9727H21.8506ZM36.0352 38.4932V44.0273H39.4473C40.5005 44.0273 41.3934 43.1463 41.3936 42.0107V38.4932H36.0352ZM36.0352 36.5205H41.3936V30.9863H36.0352V36.5205ZM36.0352 29.0137H41.3936V23.4795H36.0352V29.0137ZM36.0352 21.5068H41.3936V17.9893C41.3934 16.8537 40.5005 15.9727 39.4473 15.9727H36.0352V21.5068Z' fill='%23fff'/></svg>")
}

.sitemap-section .member-cate-icon[data-member-icon=activities]::after {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M29.5754 28.0662C29.7459 27.7093 30.2541 27.7094 30.4246 28.0662L31.7877 30.9228C31.8563 31.0664 31.9929 31.1658 32.1507 31.1866L35.2877 31.6002C35.6801 31.6519 35.8376 32.1356 35.5506 32.4081L33.2555 34.5864C33.14 34.6961 33.0877 34.8572 33.1167 35.0138L33.693 38.125C33.7651 38.5142 33.3534 38.8129 33.0055 38.6241L30.2243 37.1149C30.0843 37.039 29.9157 37.039 29.7757 37.1149L26.9945 38.6241C26.6466 38.8129 26.235 38.5142 26.307 38.125L26.8833 35.0138C26.9123 34.8572 26.86 34.6961 26.7445 34.5864L24.4494 32.4081C24.1624 32.1356 24.3199 31.6519 24.7123 31.6002L27.8493 31.1866C28.0071 31.1658 28.1437 31.0664 28.2123 30.9228L29.5754 28.0662Z' fill='%23fff'/><path fill-rule='evenodd' clip-rule='evenodd' d='M37.5294 14C38.0492 14 38.4706 14.4214 38.4706 14.9412V15.739C38.5892 15.7461 38.705 15.7532 38.818 15.7619C39.9882 15.8523 40.9465 16.0391 41.8125 16.4559L42.0781 16.5892C43.3028 17.2369 44.3198 18.1956 45.0138 19.3631L45.1572 19.6167L45.1581 19.6186C45.6083 20.4551 45.8087 21.3795 45.9053 22.4963C46.0008 23.6006 46 24.9759 46 26.7289V34.9476C46 36.7005 46.0008 38.0754 45.9053 39.1792C45.8087 40.2958 45.608 41.2207 45.1572 42.0561L45.1553 42.0607C44.4006 43.4403 43.2293 44.5466 41.8088 45.2215L41.8079 45.2206C40.943 45.6351 39.9864 45.8209 38.818 45.9108C37.6575 46.0002 36.2095 46 34.3502 46H25.6498C23.7906 46 22.3426 46.0004 21.182 45.9108C20.0119 45.8205 19.0534 45.6346 18.1875 45.2178C16.7693 44.5433 15.5999 43.4382 14.8456 42.0607L14.8419 42.0551C14.3916 41.2185 14.1913 40.2935 14.0947 39.1765C13.9992 38.0722 14 36.6969 14 34.9439V26.727C14 24.9741 13.9992 23.5992 14.0947 22.4954C14.1913 21.3789 14.3921 20.4549 14.8428 19.6195L14.8447 19.6149C15.5523 18.3213 16.6264 17.2681 17.9283 16.5855L18.1912 16.454C19.0562 16.0385 20.0135 15.8522 21.182 15.7619C21.295 15.7532 21.4108 15.7461 21.5294 15.739V14.9412C21.5294 14.4214 21.9508 14 22.4706 14C22.9904 14 23.4118 14.4214 23.4118 14.9412V15.6811C24.0843 15.6734 24.8268 15.6728 25.6498 15.6728H34.3502C35.1732 15.6728 35.9157 15.6734 36.5882 15.6811V14.9412C36.5882 14.4214 37.0096 14 37.5294 14ZM15.898 24.2482C15.8842 24.9519 15.8824 25.7662 15.8824 26.727V34.9439C15.8824 36.7295 15.8828 38.0095 15.9697 39.0138C16.0551 40.0014 16.2192 40.6387 16.4963 41.1563L16.6057 41.3474C17.1335 42.2273 17.8936 42.9447 18.8024 43.421L18.9991 43.5193L19.0037 43.5211C19.5698 43.7936 20.2647 43.952 21.3263 44.034C22.3977 44.1167 23.7611 44.1176 25.6498 44.1176H34.3502C36.2388 44.1176 37.6022 44.1165 38.6737 44.034C39.7356 43.9522 40.4308 43.7949 40.9972 43.523L41.1976 43.4228C42.1698 42.9131 42.9716 42.1271 43.5009 41.1618C43.7796 40.6453 43.9446 40.0086 44.0303 39.0175C44.1172 38.0135 44.1176 36.7335 44.1176 34.9476V26.7289C44.1176 25.7672 44.1158 24.9523 44.102 24.2482H15.898ZM23.4118 17.5634V18.2877C23.4117 18.8074 22.9904 19.2289 22.4706 19.2289C21.9508 19.2289 21.5295 18.8074 21.5294 18.2877V17.625C21.4607 17.6295 21.3927 17.6337 21.3263 17.6388C20.2647 17.7208 19.5698 17.8792 19.0037 18.1517L18.9991 18.1535C17.9385 18.6574 17.0628 19.4825 16.4982 20.5119L16.4991 20.5129C16.2487 20.9768 16.0908 21.5381 15.9991 22.3658H44.0009C43.9092 21.5385 43.7514 20.9766 43.5009 20.511C42.9556 19.5038 42.0825 18.6738 40.9963 18.1517C40.4302 17.8792 39.7353 17.7208 38.6737 17.6388C38.6073 17.6337 38.5393 17.6295 38.4706 17.625V18.2877C38.4705 18.8074 38.0492 19.2289 37.5294 19.2289C37.0096 19.2289 36.5883 18.8074 36.5882 18.2877V17.5634C35.9333 17.5559 35.1942 17.5551 34.3502 17.5551H25.6498C24.8058 17.5551 24.0667 17.5559 23.4118 17.5634Z' fill='%23fff'/></svg>")
}

.sitemap-section .member-cate-icon[data-member-icon=knowledge]::after {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M43.6882 30.659C43.6798 30.6289 43.6676 30.5996 43.6512 30.5727C43.6348 30.546 43.6144 30.5222 43.5917 30.5012L43.5153 30.4478L40.0594 28.6996V43.6751H41.8806C42.3633 43.6751 42.8259 43.481 43.1673 43.1359C43.5086 42.7908 43.7005 42.323 43.7006 41.835V30.7509L43.6882 30.659ZM31.8194 38.8312C31.8193 38.3433 31.6273 37.8754 31.2861 37.5303C30.9447 37.1851 30.4811 36.9911 29.9983 36.9911C29.5157 36.9912 29.0529 37.1852 28.7116 37.5303C28.3703 37.8754 28.1784 38.3432 28.1783 38.8312V43.6751H31.8194V38.8312ZM31.8194 25.3179C31.8192 24.3016 31.0036 23.4777 29.9983 23.4777C28.9932 23.4779 28.1785 24.3017 28.1783 25.3179C28.1783 26.3343 28.9931 27.159 29.9983 27.1592C31.0037 27.1592 31.8194 26.3344 31.8194 25.3179ZM34.1189 43.6751H37.76V20.0302L30.8123 16.519C30.5597 16.3914 30.2808 16.3249 29.9983 16.3249C29.7161 16.3249 29.4379 16.3915 29.1854 16.519L22.2389 20.0302V43.6751H25.8789V38.8312C25.879 37.7266 26.3133 36.6676 27.0859 35.8866C27.8584 35.1055 28.9058 34.6663 29.9983 34.6662C31.091 34.6662 32.1393 35.1054 32.9119 35.8866C33.6843 36.6676 34.1188 37.7267 34.1189 38.8312V43.6751ZM16.2994 41.835C16.2995 42.323 16.4914 42.7908 16.8327 43.1359C17.174 43.481 17.6368 43.675 18.1194 43.6751H19.9394V28.7008L16.4847 30.4478C16.4292 30.4759 16.3827 30.5194 16.35 30.5727C16.3173 30.6261 16.2995 30.6881 16.2994 30.7509V41.835ZM46 41.835C45.9999 42.9394 45.5664 43.9986 44.7941 44.7797C44.0215 45.5608 42.9732 46 41.8806 46H18.1194C17.0269 45.9999 15.9795 45.5607 15.207 44.7797C14.4344 43.9986 14.0001 42.9396 14 41.835V30.7498L14.0067 30.5648C14.0366 30.135 14.169 29.718 14.3941 29.3501C14.6513 28.9296 15.0189 28.5892 15.4562 28.3682L19.9394 26.1012V21.1926L18.6325 21.8533C18.0646 22.1404 17.3738 21.9076 17.0899 21.3334C16.8062 20.7593 17.0365 20.0619 17.6041 19.7747L28.157 14.4393L28.3737 14.3372C28.8862 14.1148 29.439 14.0001 29.9983 14C30.6376 14 31.2689 14.1504 31.8408 14.4393L39.4576 18.2899C39.4587 18.2905 39.46 18.2905 39.461 18.291L42.3937 19.7747C42.961 20.0619 43.1914 20.7594 42.9079 21.3334C42.6239 21.9075 41.9331 22.1403 41.3652 21.8533L40.0594 21.1926V26.1L44.5438 28.3682C44.9812 28.5892 45.3486 28.9296 45.6059 29.3501C45.8632 29.7707 45.9997 30.2553 46 30.7498V41.835ZM34.1189 25.3179C34.1189 27.6184 32.2736 29.4841 29.9983 29.4841C27.7232 29.4838 25.8789 27.6183 25.8789 25.3179C25.8791 23.0177 27.7233 21.1531 29.9983 21.1529C32.2735 21.1529 34.1187 23.0176 34.1189 25.3179Z' fill='%23fff'/></svg>")
}

.sitemap-section .member-cate-icon[data-member-icon=speech]::after {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M39.0554 29.5938C39.5555 29.5938 39.961 29.9995 39.961 30.5C39.961 31.0005 39.5555 31.4062 39.0554 31.4062H36.0368C35.5366 31.4062 35.1311 31.0005 35.1311 30.5C35.1311 29.9995 35.5366 29.5938 36.0368 29.5938H39.0554Z' fill='%23fff'/><path d='M39.0554 23.5527C39.5555 23.5527 39.961 23.9584 39.961 24.4589C39.9608 24.9592 39.5554 25.3652 39.0554 25.3652H36.0368C35.5367 25.3652 35.1313 24.9592 35.1311 24.4589C35.1311 23.9584 35.5366 23.5527 36.0368 23.5527H39.0554Z' fill='%23fff'/><path d='M23.9615 29.5938C24.4617 29.5938 24.8671 29.9995 24.8671 30.5C24.8671 31.0005 24.4617 31.4062 23.9615 31.4062H20.9429C20.4427 31.4062 20.0372 31.0005 20.0372 30.5C20.0372 29.9995 20.4427 29.5938 20.9429 29.5938H23.9615Z' fill='%23fff'/><path d='M23.9615 23.5518C24.4616 23.5518 24.867 23.9577 24.8671 24.458C24.8671 24.9585 24.4617 25.3643 23.9615 25.3643H20.9429C20.4427 25.3643 20.0372 24.9585 20.0372 24.458C20.0374 23.9577 20.4428 23.5518 20.9429 23.5518H23.9615Z' fill='%23fff'/><path fill-rule='evenodd' clip-rule='evenodd' d='M23.9624 16C25.8037 16 27.5698 16.7318 28.8719 18.0346C29.3173 18.4803 29.6941 18.9818 29.9996 19.5206C30.305 18.9816 30.6826 18.4805 31.1281 18.0346C32.4302 16.7318 34.1963 16.0001 36.0376 16H43.5855C44.2259 16.0001 44.8405 16.2549 45.2933 16.708C45.7461 17.1612 46 17.7762 46 18.417V38.0518C46 38.6926 45.7461 39.3076 45.2933 39.7607C44.8405 40.2139 44.2259 40.4687 43.5855 40.4688H34.5288C33.568 40.4688 32.6459 40.8509 31.9666 41.5308C31.2874 42.2106 30.9061 43.1325 30.9061 44.0938L30.9008 44.1867C30.8918 44.275 30.8687 44.359 30.8362 44.438C30.8319 44.4485 30.8268 44.4587 30.8221 44.469C30.7786 44.5643 30.72 44.6506 30.6479 44.7248C30.642 44.7307 30.6362 44.7366 30.6302 44.7425C30.614 44.7582 30.5971 44.7731 30.5798 44.7876C30.5764 44.7904 30.5734 44.7937 30.57 44.7964C30.554 44.8095 30.5374 44.8217 30.5205 44.8336C30.5115 44.84 30.5023 44.8462 30.4931 44.8522C30.4758 44.8635 30.4581 44.874 30.44 44.8841C30.4359 44.8864 30.4318 44.8889 30.4276 44.8911C30.4051 44.9033 30.3822 44.9146 30.3586 44.9248C30.3554 44.9262 30.3522 44.9278 30.3489 44.9292C30.3316 44.9365 30.3137 44.9425 30.2958 44.9487C30.2832 44.9531 30.2707 44.9581 30.2578 44.9619C30.1762 44.9862 30.0899 45 30.0004 45C29.9978 45 29.9943 44.9991 29.9916 44.9991C29.9632 44.9988 29.9353 44.9975 29.9076 44.9947C29.9052 44.9945 29.9029 44.9941 29.9005 44.9938C29.873 44.9908 29.8458 44.9868 29.8191 44.9814C29.7731 44.9721 29.7288 44.9585 29.6856 44.9425C29.677 44.9393 29.6684 44.9362 29.6599 44.9327C29.6477 44.9278 29.6357 44.9223 29.6237 44.9168C29.6079 44.9096 29.592 44.9028 29.5768 44.8947C29.5651 44.8885 29.5537 44.8819 29.5423 44.8752C29.5321 44.8692 29.5221 44.863 29.5122 44.8566C29.4975 44.8472 29.483 44.8376 29.4689 44.8274C29.4583 44.8198 29.4481 44.8116 29.4379 44.8035C29.4277 44.7954 29.4177 44.7873 29.4079 44.7787C29.3973 44.7696 29.3871 44.7601 29.3769 44.7504C29.3651 44.7392 29.3536 44.7277 29.3424 44.7159C29.3352 44.7083 29.3281 44.7007 29.3212 44.6929C29.3102 44.6805 29.2996 44.6678 29.2894 44.6548C29.2816 44.6451 29.2746 44.6348 29.2672 44.6248C29.2579 44.6119 29.2485 44.5992 29.2398 44.5858C29.2342 44.5772 29.2292 44.5681 29.2239 44.5593C29.1421 44.4231 29.0939 44.2642 29.0939 44.0938V44.0575L29.0904 43.9141C29.046 43.0182 28.6703 42.1681 28.0334 41.5308C27.3541 40.851 26.4328 40.4688 25.4721 40.4688H16.4154C15.7749 40.4688 15.1605 40.214 14.7076 39.7607C14.2546 39.3075 14 38.6927 14 38.0518V18.417C14 17.776 14.2546 17.1612 14.7076 16.708C15.1605 16.2548 15.7749 16 16.4154 16H23.9624ZM36.0376 17.8125C34.6766 17.8126 33.3712 18.354 32.4088 19.317C31.5066 20.2199 30.9752 21.4242 30.9123 22.6933L30.9061 22.9482L30.9052 22.9633V40.0422C31.8989 39.1524 33.1884 38.6563 34.5288 38.6562H43.5855C43.7454 38.6562 43.8986 38.5924 44.0118 38.4792C44.125 38.3659 44.1887 38.212 44.1887 38.0518V18.417C44.1887 18.2567 44.125 18.1028 44.0118 17.9895C43.8986 17.8764 43.7454 17.8126 43.5855 17.8125H36.0376ZM16.4154 17.8125C16.2553 17.8125 16.1015 17.8762 15.9882 17.9895C15.875 18.1028 15.8113 18.2567 15.8113 18.417V38.0518C15.8113 38.212 15.875 38.3659 15.9882 38.4792C16.1015 38.5925 16.2553 38.6562 16.4154 38.6562H25.4721C26.812 38.6563 28.1005 39.1521 29.0939 40.0413V22.9358C29.0906 21.5784 28.5507 20.2772 27.5912 19.317C26.6288 18.3539 25.3235 17.8125 23.9624 17.8125H16.4154Z' fill='%23fff'/></svg>")
}

.sitemap-section .member-cate-icon[data-member-icon=user]::after {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M41.5627 29.6783C42.7391 29.6783 43.868 30.1457 44.6999 30.9774C45.5318 31.8093 45.9997 32.9385 46 34.115C46 35.2916 45.5317 36.4205 44.6999 37.2526L38.4082 43.5375C37.9043 44.0417 37.2823 44.4119 36.5981 44.6118L32.0981 45.9239C31.7728 46.0188 31.4279 46.0253 31.0996 45.9412C30.7713 45.8571 30.4714 45.6859 30.2318 45.4462C29.9923 45.2066 29.822 44.9065 29.7379 44.5783C29.654 44.2501 29.6593 43.9049 29.7541 43.5797L31.0661 39.0792C31.266 38.395 31.6352 37.7716 32.1392 37.2677L38.4255 30.9774C39.2574 30.1456 40.3864 29.6784 41.5627 29.6783ZM41.5627 31.8918C40.9734 31.8919 40.4083 32.1268 39.9914 32.5435L39.9903 32.5424L33.7051 38.8338C33.4641 39.0747 33.2863 39.3735 33.1907 39.7006L32.043 43.6337L35.9778 42.487L36.2166 42.4005C36.4498 42.2992 36.6626 42.1544 36.8434 41.9736L43.1351 35.6876C43.5518 35.2706 43.7868 34.7046 43.7868 34.115C43.7865 33.5256 43.5518 32.9603 43.1351 32.5435C42.7182 32.1266 42.1523 31.8918 41.5627 31.8918Z' fill='%23fff'/><path d='M28.5449 32.8202C29.1031 32.8767 29.5391 33.3483 29.5391 33.9215C29.5391 34.4947 29.1031 34.9664 28.5449 35.0229L28.4325 35.0283H21.3778C20.0082 35.0283 18.6947 35.5728 17.7262 36.5414C16.7577 37.51 16.2132 38.8237 16.2132 40.1935V43.3289C16.2132 43.9402 15.7178 44.4357 15.1066 44.4357C14.4954 44.4357 14 43.9402 14 43.3289V40.1935C14 38.2366 14.7767 36.359 16.1603 34.9753C17.5438 33.5916 19.4212 32.8148 21.3778 32.8148H28.4325L28.5449 32.8202Z' fill='%23fff'/><path fill-rule='evenodd' clip-rule='evenodd' d='M26.0809 14C30.1552 14.0002 33.4576 17.3039 33.4576 21.3787C33.4574 25.4534 30.1551 28.7561 26.0809 28.7563C22.0066 28.7563 18.7033 25.4535 18.7031 21.3787C18.7031 17.3038 22.0065 14 26.0809 14ZM26.0809 16.2135C23.2288 16.2135 20.9163 18.5262 20.9163 21.3787C20.9165 24.231 23.2289 26.5428 26.0809 26.5428C28.9327 26.5426 31.2442 24.2309 31.2444 21.3787C31.2444 18.5264 28.9329 16.2137 26.0809 16.2135Z' fill='%23fff'/></svg>")
}

.sitemap-section .member-cate-icon[data-member-icon=transaction]::after {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M44.9639 41.791C45.5361 41.7911 46 42.2549 46 42.8271C45.9998 43.3992 45.536 43.8632 44.9639 43.8633H25.5986C25.0265 43.8633 24.5627 43.3993 24.5625 42.8271C24.5625 42.2549 25.0264 41.791 25.5986 41.791H44.9639ZM14.6123 32.6113C15.7346 32.0571 16.957 32.0125 17.9502 32.5029C18.9691 33.0064 19.6279 34.0218 19.6279 35.2793C19.6278 36.0561 19.2408 36.7166 18.8662 37.21C18.4828 37.7149 17.9849 38.2039 17.5586 38.625C17.2515 38.9283 16.9782 39.2025 16.7471 39.46H18.5918L18.6973 39.4658C19.2197 39.5188 19.6277 39.9597 19.6279 40.4961C19.6278 41.0326 19.2198 41.4744 18.6973 41.5273L18.5918 41.5322H15.0703C14.4983 41.532 14.0343 41.0681 14.0342 40.4961C14.0343 39.7196 14.4205 39.0587 14.7949 38.5654C15.1783 38.0605 15.6762 37.5715 16.1025 37.1504C16.5564 36.7021 16.9391 36.3206 17.2158 35.9561C17.5009 35.5805 17.5555 35.3721 17.5557 35.2793C17.5556 34.7983 17.3341 34.5092 17.0332 34.3604C16.7062 34.1989 16.1672 34.1538 15.5293 34.4688C15.0164 34.7219 14.3951 34.5117 14.1416 33.999C13.8884 33.486 14.0994 32.8647 14.6123 32.6113ZM44.9639 33.1992C45.536 33.1993 45.9999 33.6632 46 34.2354C46 34.8076 45.5361 35.2714 44.9639 35.2715H25.5986C25.0264 35.2715 24.5625 34.8076 24.5625 34.2354C24.5626 33.6632 25.0264 33.1992 25.5986 33.1992H44.9639ZM44.9639 24.5918C45.5361 24.5918 46 25.0557 46 25.6279C45.9999 26.2001 45.536 26.664 44.9639 26.6641H25.5986C25.0264 26.6641 24.5626 26.2001 24.5625 25.6279C24.5625 25.0557 25.0264 24.5918 25.5986 24.5918H44.9639ZM16.7969 16C17.3689 16.0001 17.8328 16.4641 17.833 17.0361V22.957H18.5576L18.6631 22.9619C19.1856 23.0149 19.5938 23.4566 19.5938 23.9932C19.5935 24.5295 19.1855 24.9704 18.6631 25.0234L18.5576 25.0293H15.0361C14.464 25.0293 14.0002 24.5652 14 23.9932C14 23.4209 14.4639 22.9571 15.0361 22.957H15.7607V18.0723H15.0361C14.4639 18.0722 14 17.6084 14 17.0361C14.0002 16.4641 14.464 16 15.0361 16H16.7969ZM44.9639 16C45.536 16 45.9998 16.464 46 17.0361C46 17.6084 45.5361 18.0722 44.9639 18.0723H25.5986C25.0264 18.0723 24.5625 17.6084 24.5625 17.0361C24.5627 16.464 25.0265 16 25.5986 16H44.9639Z' fill='%23fff'/></svg>")
}

.sitemap-section .member-cate-icon[data-member-icon=newsletter]::after {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M41.1816 14.001C43.3339 14.001 45.0908 15.7579 45.0908 17.9102V41.1826C45.0906 43.3347 43.3338 45.0918 41.1816 45.0918H17.9092C15.7571 45.0918 14.0003 43.3347 14 41.1826V28.0918C14 27.5396 14.4477 27.0918 15 27.0918C15.5523 27.0918 16 27.5396 16 28.0918V41.1826C16.0003 42.2301 16.8616 43.0918 17.9092 43.0918C18.9567 43.0917 19.8181 42.2301 19.8184 41.1826V17.9102C19.8184 15.7579 21.5753 14.001 23.7275 14.001H41.1816ZM23.7275 16.001C22.6798 16.001 21.8184 16.8624 21.8184 17.9102V41.1826C21.8183 41.8751 21.6349 42.5266 21.3164 43.0918H41.1816C42.2292 43.0918 43.0906 42.2301 43.0908 41.1826V17.9102C43.0908 16.8624 42.2294 16.001 41.1816 16.001H23.7275ZM33.9092 37.2734C34.4615 37.2734 34.9092 37.7212 34.9092 38.2734C34.9089 38.8255 34.4613 39.2734 33.9092 39.2734H26.6367C26.0846 39.2734 25.637 38.8255 25.6367 38.2734C25.6367 37.7212 26.0844 37.2734 26.6367 37.2734H33.9092ZM38.375 31.46C38.8794 31.511 39.2734 31.9372 39.2734 32.4551C39.2734 32.973 38.8794 33.3991 38.375 33.4502L38.2734 33.4551H26.6367C26.0844 33.4551 25.6367 33.0074 25.6367 32.4551C25.6367 31.9028 26.0844 31.4551 26.6367 31.4551H38.2734L38.375 31.46ZM36.8184 19.8193C38.1738 19.8193 39.2732 20.918 39.2734 22.2734V25.1826C39.2732 26.538 38.1738 27.6377 36.8184 27.6377H28.0908C26.8202 27.6375 25.7752 26.6711 25.6494 25.4336L25.6367 25.1826V22.2734C25.637 20.9182 26.7356 19.8196 28.0908 19.8193H36.8184ZM28.0908 21.8193C27.8401 21.8196 27.637 22.0228 27.6367 22.2734V25.1826L27.6455 25.2744C27.688 25.4813 27.8714 25.6375 28.0908 25.6377H36.8184C37.0692 25.6377 37.2732 25.4334 37.2734 25.1826V22.2734C37.2732 22.0226 37.0693 21.8193 36.8184 21.8193H28.0908Z' fill='%23fff'/></svg>")
}

.sitemap-section .member-cate-icon[data-member-icon=myfav]::after {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M35.4704 27.3011C37.8424 25.1268 41.4832 25.112 43.8832 27.2477L44.1184 27.4683L44.1244 27.4734L44.1536 27.5036C46.6489 29.9967 46.6696 34.0601 43.7244 37.0369L43.7154 37.0459L43.7144 37.0449L35.9609 44.7036C35.5608 45.0986 34.9184 45.0987 34.5175 44.7046L26.7329 37.047C26.6765 36.9915 26.6278 36.9293 26.5861 36.8636C23.7935 33.9273 23.8705 29.9167 26.3127 27.5127C28.7587 25.0749 32.7123 25.0703 35.1648 27.4976L35.2171 27.5459L35.4704 27.3011ZM42.5173 28.791C40.8463 27.3042 38.2874 27.3689 36.7036 28.9743L36.6986 28.9793L35.9649 29.7127C35.5717 30.1053 34.9383 30.1146 34.5336 29.7338L33.7556 29.0005C33.7483 28.9936 33.7407 28.9865 33.7335 28.9793C32.0843 27.3317 29.4104 27.3319 27.7611 28.9793L27.7561 28.9854C26.1716 30.5455 25.9675 33.3395 28.1953 35.5652C28.2426 35.6125 28.2841 35.6646 28.3209 35.7193L35.2362 42.5207L42.262 35.5843C44.496 33.3265 44.3075 30.5692 42.7012 28.9642C42.6938 28.9568 42.6857 28.9497 42.6801 28.9441C42.6787 28.9427 42.6772 28.9412 42.6761 28.94L42.5173 28.791Z' fill='%23fff'/><path d='M24.1135 16.0081C25.3616 16.0837 26.5351 16.7204 27.2435 17.7991L28.4566 19.5941L28.4627 19.6022L28.6104 19.7986C28.9819 20.231 29.5299 20.4866 30.105 20.4866H41.9765C44.1887 20.4866 46 22.2919 46 24.5098C46 25.0795 45.5392 25.5413 44.9708 25.5413C44.4024 25.5413 43.9415 25.0795 43.9415 24.5098C43.9415 23.4373 43.0579 22.5496 41.9765 22.5496H30.105C28.7563 22.5496 27.4912 21.8677 26.7469 20.7425L25.5398 18.9555C25.5364 18.9505 25.533 18.9454 25.5297 18.9404C25.2204 18.4643 24.7037 18.1494 24.1175 18.0781L23.8622 18.063H18.0235C16.9421 18.063 16.0585 18.9507 16.0585 20.0232V39.4665C16.0585 40.5391 16.9421 41.4268 18.0235 41.4268H25.5237L25.6292 41.4318C26.1481 41.4848 26.5529 41.9243 26.5529 42.4583C26.5527 42.9921 26.148 43.4308 25.6292 43.4837L25.5237 43.4898H18.0235C15.8113 43.4898 14 41.6845 14 39.4665V20.0232C14 17.8053 15.8113 16 18.0235 16H23.8622L24.1135 16.0081Z' fill='%23fff'/></svg>")
}

.sitemap-section .member-cate-icon[data-member-icon=group]::after {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15.2308 36.9748C15.9105 36.9748 16.4615 37.5258 16.4615 38.2055V41.488C16.462 42.613 17.3881 43.5385 18.5132 43.5385H21.7945C22.4741 43.5385 23.025 44.0897 23.0252 44.7692C23.025 45.4488 22.4741 46 21.7945 46H18.5132C16.0286 46 14.0004 43.9725 14 41.488V38.2055C14 37.5258 14.551 36.9748 15.2308 36.9748Z' fill='%23fff'/><path d='M44.7692 36.9748C45.449 36.9748 46 37.5258 46 38.2055V41.488C45.9996 43.9723 43.9724 45.9998 41.488 46H38.2055C37.5259 46 36.975 45.4488 36.9748 44.7692C36.975 44.0897 37.5259 43.5385 38.2055 43.5385H41.488C42.6129 43.5382 43.538 42.6129 43.5385 41.488V38.2055C43.5385 37.5259 44.0897 36.975 44.7692 36.9748Z' fill='%23fff'/><path fill-rule='evenodd' clip-rule='evenodd' d='M31.9339 20.5781C33.3819 20.725 34.5116 21.9484 34.512 23.4351V28.3582C34.512 28.4978 34.4988 28.635 34.4796 28.7692H36.5637L36.857 28.7837C38.3052 28.9305 39.4349 30.1538 39.4351 31.6406V36.5637C39.4351 38.1498 38.1498 39.4363 36.5637 39.4363H28.3582C26.7723 39.4361 25.4868 38.1496 25.4868 36.5637V31.6406C25.4868 31.5013 25.5 31.3648 25.5192 31.2308H23.4351C21.8492 31.2306 20.5637 29.9441 20.5637 28.3582V23.4351C20.5641 21.8495 21.8495 20.5639 23.4351 20.5637H31.6406L31.9339 20.5781ZM28.3582 31.2308C28.1319 31.231 27.9485 31.4144 27.9483 31.6406V36.5637C27.9483 36.7901 28.1318 36.9745 28.3582 36.9748H36.5637C36.7903 36.9748 36.9736 36.7903 36.9736 36.5637V31.6406C36.9734 31.4426 36.8333 31.2775 36.6466 31.2392L36.5637 31.2308H28.3582ZM23.4351 23.0252C23.209 23.0255 23.0257 23.209 23.0252 23.4351V28.3582C23.0252 28.5846 23.2087 28.769 23.4351 28.7692H31.6406C31.8672 28.7692 32.0505 28.5848 32.0505 28.3582V23.4351C32.0501 23.2373 31.9101 23.072 31.7236 23.0337L31.6406 23.0252H23.4351Z' fill='%23fff'/><path d='M21.7945 14C22.4742 14 23.0252 14.551 23.0252 15.2308C23.0252 15.9105 22.4742 16.4615 21.7945 16.4615H18.5132C17.3878 16.4615 16.4615 17.3878 16.4615 18.5132V21.7945C16.4615 22.4742 15.9105 23.0252 15.2308 23.0252C14.551 23.0252 14 22.4742 14 21.7945V18.5132C14 16.0284 16.0284 14 18.5132 14H21.7945Z' fill='%23fff'/><path d='M41.488 14C43.9727 14.0002 46 16.0285 46 18.5132V21.7945C46 22.4742 45.449 23.0252 44.7692 23.0252C44.0897 23.025 43.5385 22.4741 43.5385 21.7945V18.5132C43.5385 17.388 42.6132 16.4618 41.488 16.4615H38.2055C37.5258 16.4615 36.9748 15.9105 36.9748 15.2308C36.9748 14.551 37.5258 14 38.2055 14H41.488Z' fill='%23fff'/></svg>")
}

.member-inner-wrapper {
    flex-wrap: wrap;
    gap: 5%
}

.member-inner-banner {
    background-color: #edf4fc;
    height: 93px;
    position: relative
}

    .member-inner-banner .breadcrumb {
        margin-bottom: 55px
    }

@media (max-width: 640px) {
    .member-inner-banner .breadcrumb {
        margin-bottom: 130px
    }
}

.member-inner-banner .banner-layer-ab {
    position: absolute;
    width: 376px;
    height: 130px;
    top: 0;
    right: 0
}

@media (max-width: 800px) {
    .member-inner-banner .banner-layer-ab {
        width: 200px;
        height: 70px
    }
}

.member-inner-banner .banner-layer-ab .banner-deco {
    width: 100%;
    height: 100%;
    background-image: url(../images/banner/member-inner-banner-deco.png);
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat
}

.member-inner-banner .banner-contents-ab-center {
    position: absolute;
    left: 50%;
    top: 40px;
    transform: translate(-50%,0)
}

.member-inner-main li, .member-inner-main ol, .member-inner-main ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.member-inner-main .description {
    margin-bottom: 32px
}

    .member-inner-main .description p {
        margin: 0;
        line-height: 2
    }

    .member-inner-main .description .list-diamond li::before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.36396 2.29289C9.75449 1.90237 10.3877 1.90237 10.7782 2.29289L17.8492 9.36396C18.2398 9.75449 18.2398 10.3877 17.8492 10.7782L10.7782 17.8492C10.3877 18.2398 9.75449 18.2398 9.36396 17.8492L2.29289 10.7782C1.90237 10.3877 1.90237 9.75449 2.29289 9.36396L9.36396 2.29289Z' fill='%23222'/></svg>");
        vertical-align: middle;
        margin-bottom: 4px
    }

.member-inner-main .form-fieldset {
    padding: 0;
    background-color: unset;
    margin-bottom: 48px
}

    .member-inner-main .form-fieldset .btn-icon-search {
        padding: 6px 12px
    }

.member-inner-main .group-row-caution {
    color: #914343;
    background-color: #f6e7e7;
    padding: 12px 18px;
    box-sizing: border-box;
    margin: 24px 0
}

    .member-inner-main .group-row-caution.member-identity-warn {
        margin: -16px 0 60px;
        position: relative
    }

        .member-inner-main .group-row-caution.member-identity-warn::before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-bottom: 20px solid #f6e7e7;
            position: absolute;
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%)
        }

        .member-inner-main .group-row-caution.member-identity-warn .warn-title {
            display: flex;
            align-items: center;
            margin-bottom: 10px
        }

            .member-inner-main .group-row-caution.member-identity-warn .warn-title::before {
                content: "";
                display: inline-block;
                width: 20px;
                height: 20px;
                margin-right: 4px;
                display: inline-block;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM9.29395 7.88281C8.80679 7.88304 8.41211 8.35677 8.41211 8.94141C8.41221 9.52594 8.80685 9.99978 9.29395 10V13.7061H8.82324C8.30364 13.7062 7.88294 14.0851 7.88281 14.5527C7.88281 15.0205 8.30356 15.3993 8.82324 15.3994H11.1768C11.6964 15.3993 12.1172 15.0205 12.1172 14.5527C12.1171 14.0851 11.6963 13.7062 11.1768 13.7061H11.0586V8.94141C11.0586 8.39328 10.7114 7.94205 10.2666 7.8877L10.1768 7.88281H9.29395ZM10 4.70605C9.41525 4.70605 8.94144 5.1799 8.94141 5.76465C8.94141 6.34942 9.41523 6.82324 10 6.82324C10.5848 6.82324 11.0586 6.34942 11.0586 5.76465C11.0586 5.1799 10.5848 4.70605 10 4.70605Z' fill='%23914343'/></svg>")
            }

        .member-inner-main .group-row-caution.member-identity-warn li, .member-inner-main .group-row-caution.member-identity-warn > ol {
            list-style-type: decimal;
            list-style-position: inside;
            line-height: 1.7
        }

@media (max-width: 800px) {
    .member-inner-main .group-row-caution.member-identity-warn li, .member-inner-main .group-row-caution.member-identity-warn > ol {
        font-size: 15px
    }
}

.member-inner-main .fieldset-title {
    background-color: #28476c;
    color: #fff;
    font-weight: 400;
    padding: 12px 10px;
    border-radius: 6px 6px 0 0;
    line-height: 1.6;
    margin: 0
}

    .member-inner-main .fieldset-title::before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_3701_14747)'><path fill-rule='evenodd' clip-rule='evenodd' d='M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM4.90625 12.6611C4.35397 12.6611 3.90625 13.1088 3.90625 13.6611C3.90651 14.2132 4.35413 14.6611 4.90625 14.6611H12.8379C13.39 14.6611 13.8376 14.2132 13.8379 13.6611C13.8379 13.1088 13.3902 12.6611 12.8379 12.6611H4.90625ZM15.8887 12.6611C15.3364 12.6611 14.8887 13.1088 14.8887 13.6611C14.8889 14.2132 15.3365 14.6611 15.8887 14.6611H15.8975C16.4496 14.6611 16.8972 14.2132 16.8975 13.6611C16.8975 13.1088 16.4497 12.6611 15.8975 12.6611H15.8887ZM4.90625 9C4.35397 9 3.90625 9.44772 3.90625 10C3.90625 10.5523 4.35397 11 4.90625 11H12.8379C13.3902 11 13.8379 10.5523 13.8379 10C13.8379 9.44772 13.3902 9 12.8379 9H4.90625ZM15.8887 9C15.3364 9 14.8887 9.44772 14.8887 10C14.8887 10.5523 15.3364 11 15.8887 11H15.8975C16.4497 11 16.8975 10.5523 16.8975 10C16.8975 9.44772 16.4497 9 15.8975 9H15.8887ZM4.90625 5.33887C4.35397 5.33887 3.90625 5.78658 3.90625 6.33887C3.90625 6.89115 4.35397 7.33887 4.90625 7.33887H12.8379C13.3902 7.33887 13.8379 6.89115 13.8379 6.33887C13.8379 5.78658 13.3902 5.33887 12.8379 5.33887H4.90625ZM15.8887 5.33887C15.3364 5.33887 14.8887 5.78658 14.8887 6.33887C14.8887 6.89115 15.3364 7.33887 15.8887 7.33887H15.8975C16.4497 7.33887 16.8975 6.89115 16.8975 6.33887C16.8975 5.78658 16.4497 5.33887 15.8975 5.33887H15.8887Z' fill='%23fff'/></g><defs><clipPath id='clip0_3701_14747'><rect width='20' height='20' fill='white'/></clipPath></defs></svg>");
        vertical-align: middle;
        margin-right: 8px;
        margin-bottom: 4px
    }

.member-inner-main .input-group-row {
    margin-bottom: 0
}

    .member-inner-main .input-group-row:not(:last-of-type):not(:only-of-type) {
        border-bottom: 1px solid #dae2ec
    }

.member-inner-main .input-group {
    flex-direction: row;
    align-items: center
}

    .member-inner-main .input-group .input-left {
        width: 25%;
        height: 100%;
        background-color: #e9eff6;
        padding: 16px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-end;
        font-size: 18px;
        margin-bottom: 0;
        min-height: 35px;
        color: #1b1b1b;
        text-align: right
    }

@media (max-width: 800px) {
    .member-inner-main .input-group .input-left {
        font-size: 16px
    }
}

@media (max-width: 640px) {
    .member-inner-main .input-group .input-left {
        font-size: 15px;
        width: 30%;
        padding: 12px 8px;
        justify-content: center;
        text-align: center
    }
}

.member-inner-main .input-group .input-right {
    background-color: #fff;
    padding: 10px 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    flex-wrap: wrap;
    height: 100%
}

@media (max-width: 800px) {
    .member-inner-main .input-group .input-right {
        font-size: 16px
    }
}

.member-inner-main .input-group .input-right input[type=email], .member-inner-main .input-group .input-right input[type=password], .member-inner-main .input-group .input-right input[type=tel], .member-inner-main .input-group .input-right input[type=text] {
    width: 50%;
    padding: 10px 16px;
    height: 36px;
    border-radius: 6px
}

@media (max-width: 800px) {
    .member-inner-main .input-group .input-right input[type=email], .member-inner-main .input-group .input-right input[type=password], .member-inner-main .input-group .input-right input[type=tel], .member-inner-main .input-group .input-right input[type=text] {
        width: 100%
    }
}

.member-inner-main .input-group .input-right ol, .member-inner-main .input-group .input-right ol li {
    list-style-type: decimal;
    line-height: 1.6;
    list-style-position: inside
}

.member-inner-main .input-group .input-right .inner-flex-row {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px
}

    .member-inner-main .input-group .input-right .inner-flex-row .select-dropdown-set, .member-inner-main .input-group .input-right .inner-flex-row input[type=email], .member-inner-main .input-group .input-right .inner-flex-row input[type=tel], .member-inner-main .input-group .input-right .inner-flex-row input[type=text] {
        flex: 1
    }

@media (max-width: 640px) {
    .member-inner-main .input-group .input-right .inner-flex-row .select-dropdown-set, .member-inner-main .input-group .input-right .inner-flex-row input[type=email], .member-inner-main .input-group .input-right .inner-flex-row input[type=tel], .member-inner-main .input-group .input-right .inner-flex-row input[type=text] {
        flex: unset;
        width: 100%
    }
}

.member-inner-main .input-group .input-right .custom-radio-option label {
    margin-bottom: 0;
    font-size: 16px
}

@media (max-width: 640px) {
    .member-inner-main .tag.data-locked {
        font-size: 15px
    }
}

@media (max-width: 800px) {
    .member-inner-main .password-input input[type=password], .member-inner-main .password-input input[type=text] {
        max-width: 60%
    }
}

@media (max-width: 640px) {
    .member-inner-main .password-input input[type=password], .member-inner-main .password-input input[type=text] {
        max-width: 150px
    }
}

.member-inner-main .password-input input[type=password]::-ms-reveal {
    display: none
}

.member-inner-main .input-title {
    font-size: 18px
}

@media (max-width: 800px) {
    .member-inner-main .input-title {
        font-size: 16px
    }
}

@media (max-width: 640px) {
    .member-inner-main .input-title {
        font-size: 15px
    }
}

.member-inner-main .act-tags .tag.confirmed {
    background-color: #e3f8e1;
    color: #4eb442;
    margin-top: 0
}

    .member-inner-main .act-tags .tag.confirmed::before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8 15C9.5913 15 11.1174 14.3679 12.2426 13.2426C13.3679 12.1174 14 10.5913 14 9C14 7.4087 13.3679 5.88258 12.2426 4.75736C11.1174 3.63214 9.5913 3 8 3C6.4087 3 4.88258 3.63214 3.75736 4.75736C2.63214 5.88258 2 7.4087 2 9C2 10.5913 2.63214 12.1174 3.75736 13.2426C4.88258 14.3679 6.4087 15 8 15ZM10.6484 7.89844L7.64844 10.8984C7.42812 11.1187 7.07188 11.1187 6.85391 10.8984L5.35391 9.39844C5.13359 9.17812 5.13359 8.82188 5.35391 8.60391C5.57422 8.38594 5.93047 8.38359 6.14844 8.60391L7.25 9.70547L9.85156 7.10156C10.0719 6.88125 10.4281 6.88125 10.6461 7.10156C10.8641 7.32188 10.8664 7.67812 10.6461 7.89609L10.6484 7.89844Z' fill='%234EB442'/></svg>")
    }

.member-inner-main abbr.required {
    margin-left: 4px
}

.member-inner-main .select-dropdown-set {
    gap: 0;
    width: 50%
}

@media (max-width: 800px) {
    .member-inner-main .select-dropdown-set {
        width: 100%
    }
}

.member-inner-main .select-dropdown-set .select-dropdown-title {
    margin-bottom: 8px
}

.member-inner-main .select-dropdown-set .select-dropdown-btn {
    border: 1px solid #dae2ec;
    padding: 7px 16px;
    color: #838383;
    position: relative;
    border-radius: 6px
}

    .member-inner-main .select-dropdown-set .select-dropdown-btn::after {
        content: "";
        display: inline-block;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%2328476C" stroke-width="2"/></svg>');
        width: 14px;
        height: 8px;
        transform-origin: center;
        transform: translateY(-50%) rotate(0);
        transition: all .3s ease;
        position: absolute;
        top: 50%;
        right: 8px
    }

.member-inner-main .select-dropdown-set .select-dropdown-list {
    margin-top: 4px;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    max-height: 190px;
    overflow-y: scroll;
    scrollbar-width: thin;
    z-index: 1
}

.member-inner-main .select-dropdown-set .select-dropdown-item {
    cursor: pointer;
    padding: 8px 12px;
    box-sizing: border-box;
    color: #222
}

    .member-inner-main .select-dropdown-set .select-dropdown-item:hover {
        background-color: #dae2ec
    }

.member-inner-main .select-dropdown-set.active .select-dropdown-btn, .member-inner-main .select-dropdown-set:focus-visible .select-dropdown-btn {
    outline: 2px solid #222;
    border-radius: 2px
}

    .member-inner-main .select-dropdown-set.active .select-dropdown-btn::after, .member-inner-main .select-dropdown-set:focus-visible .select-dropdown-btn::after {
        content: "";
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%2328476C" stroke-width="2"/></svg>');
        transform: translateY(-50%) rotate(-180deg);
        transition: all .3s ease
    }

.member-inner-main .group-account-dashboard {
    width: 33%;
    min-width: 280px;
    background-image: url(../images/background/bg-rounds.png),linear-gradient(45deg,#6c94c4 0,#3da8b2 100%);
    background-repeat: no-repeat;
    background-position: right bottom;
    color: #fff;
    padding: 16px 16px;
    box-sizing: border-box;
    border-radius: 6px;
    margin-bottom: 32px
}

@media (max-width: 800px) {
    .member-inner-main .group-account-dashboard {
        width: 50%;
        margin-top: 24px
    }
}

@media (max-width: 640px) {
    .member-inner-main .group-account-dashboard {
        width: 100%
    }
}

.member-inner-main .group-account-dashboard .group-name {
    font-weight: 700;
    margin-bottom: 8px
}

.member-inner-main .group-account-dashboard .group-point {
    font-weight: 500
}

    .member-inner-main .group-account-dashboard .group-point .point-slot {
        font-size: 20px;
        line-height: 1.8
    }

.member-inner-main .tool-bar {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 24px 0 16px
}

.member-inner-main .add-member-btn {
    opacity: .8;
    padding: 8px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px
}

    .member-inner-main .add-member-btn::before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.4436 11.5549C10.9959 11.5549 11.4436 12.0026 11.4436 12.5549C11.4435 13.1071 10.9958 13.5549 10.4436 13.5549H6.44458C5.03256 13.5549 3.88892 14.6986 3.88892 16.1106V17.8879C3.88876 18.4401 3.4411 18.8879 2.88892 18.8879C2.33673 18.8879 1.88907 18.4401 1.88892 17.8879V16.1106C1.88892 13.594 3.92799 11.5549 6.44458 11.5549H10.4436ZM13.9993 10.5774C14.5516 10.5774 14.9993 11.0251 14.9993 11.5774V13.7327H17.1008C17.6531 13.7327 18.1008 14.1804 18.1008 14.7327C18.1007 15.2848 17.653 15.7327 17.1008 15.7327H14.9993V17.8879C14.9991 18.4401 14.5515 18.8879 13.9993 18.8879C13.4471 18.8879 12.9994 18.4401 12.9993 17.8879V15.7327H10.8879C10.3358 15.7325 9.88807 15.2848 9.88794 14.7327C9.88794 14.1805 10.3358 13.7328 10.8879 13.7327H12.9993V11.5774C12.9993 11.0251 13.447 10.5774 13.9993 10.5774ZM9.11157 0.888916C11.627 0.889372 13.6663 2.92903 13.6663 5.44458C13.6661 7.95996 11.6269 9.99881 9.11157 9.99927C6.59586 9.99927 4.5561 7.96024 4.55591 5.44458C4.55591 2.92875 6.59574 0.888916 9.11157 0.888916ZM9.11157 2.88892C7.70031 2.88892 6.55591 4.03332 6.55591 5.44458C6.5561 6.85567 7.70043 7.99927 9.11157 7.99927C10.5223 7.99881 11.6661 6.85539 11.6663 5.44458C11.6663 4.0336 10.5224 2.88937 9.11157 2.88892Z' fill='%23ffffff'/></svg>")
    }

.member-inner-main .add-member-title {
    font-size: 24px;
    margin: 0 0 24px
}

.member-search-section {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap
}

@media (max-width: 640px) {
    .member-search-section {
        gap: 0
    }
}

.member-search-section .section-inner-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid #eaeaea;
    width: 100%;
    padding-bottom: 24px
}

@media (max-width: 640px) {
    .member-search-section .section-inner-wrapper {
        flex-wrap: wrap;
        gap: 0 8px;
        margin-bottom: 12px
    }
}

.member-search-section .search-input {
    position: relative
}

@media (max-width: 640px) {
    .member-search-section .search-input {
        flex: 1
    }
}

.member-search-section .search-input > input[type=text] {
    border-radius: 20px;
    border: 1px solid #dae2ec;
    color: #838383;
    width: 260px;
    padding: 8px 32px 8px 18px;
    font-size: 16px;
    box-sizing: border-box
}

@media (max-width: 640px) {
    .member-search-section .search-input > input[type=text] {
        width: 100%
    }
}

.member-search-section .btn-icon-search {
    opacity: .8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 20px;
    gap: 4px
}

    .member-search-section .btn-icon-search::before {
        width: 20px;
        height: 20px
    }

.member-search-section .input-title {
    font-size: 16px
}

@media (max-width: 640px) {
    .member-search-section .input-title {
        width: 100%;
        margin-bottom: 8px
    }
}

.my-favorites .tabs {
    gap: 3px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 18px
}

@media (max-width: 800px) {
    .my-favorites .tabs {
        margin-top: 32px
    }
}

.my-favorites .icon-cell, .my-favorites .icon-tab {
    padding: 8px 16px;
    box-sizing: border-box;
    text-decoration: none;
    color: #1b1b1b;
    display: flex;
    align-items: center;
    border-radius: 4px 4px 0 0;
    border: 1px solid #ddd;
    border-bottom: 0;
    box-shadow: 0 1px 0 #ddd;
    background-color: #f8f8f8;
    margin: 0
}

    .my-favorites .icon-cell::before, .my-favorites .icon-tab::before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-right: 4px
    }

    .my-favorites .icon-cell[data-tab=all]::before, .my-favorites .icon-tab[data-tab=all]::before {
        background-color: #222;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.1087 11.1194C12.3663 11.1194 12.5751 11.3283 12.5751 11.5859C12.5751 11.8434 12.3663 12.0523 12.1087 12.0523H10.0007C9.74311 12.0523 9.53429 11.8434 9.53429 11.5859C9.53429 11.3283 9.74311 11.1194 10.0007 11.1194H12.1087Z' fill='%23fff'/><path d='M12.1087 8.48034C12.3663 8.48034 12.5751 8.68917 12.5751 8.94676C12.5749 9.20415 12.3661 9.41318 12.1087 9.41318H10.0007C9.74326 9.41318 9.53453 9.20415 9.53429 8.94676C9.53429 8.68917 9.74311 8.48034 10.0007 8.48034H12.1087Z' fill='%23fff'/><path fill-rule='evenodd' clip-rule='evenodd' d='M11.5776 3.73145C12.1288 3.73154 12.5751 4.17868 12.5751 4.72987V4.78544H13.1618C13.9977 4.78544 14.6821 5.46995 14.6822 6.30585V13.6938C14.6822 14.5298 13.9977 15.2143 13.1618 15.2143H6.82779C5.99188 15.2142 5.30737 14.5298 5.30737 13.6938V6.30585C5.30743 5.46999 5.99192 4.7855 6.82779 4.78544H7.4263V4.72987C7.4263 4.17862 7.87347 3.73145 8.42472 3.73145H11.5776ZM6.82779 5.71828C6.50711 5.71834 6.24027 5.98518 6.24021 6.30585V13.6938C6.24021 14.0146 6.50707 14.2814 6.82779 14.2814H13.1618C13.4825 14.2814 13.7494 14.0146 13.7494 13.6938V6.30585C13.7493 5.98514 13.4825 5.71828 13.1618 5.71828H12.5751V5.77476C12.5749 6.32577 12.1286 6.77217 11.5776 6.77227H8.42472C7.8736 6.77227 7.42651 6.32583 7.4263 5.77476V5.71828H6.82779ZM8.42472 4.66428C8.38866 4.66428 8.35913 4.69381 8.35913 4.72987V5.77476C8.35935 5.81064 8.38879 5.83944 8.42472 5.83944H11.5776C11.6134 5.83934 11.6421 5.81057 11.6423 5.77476V5.26097C11.6422 5.25793 11.6414 5.25491 11.6414 5.25186C11.6414 5.2485 11.6422 5.24518 11.6423 5.24184V4.72987C11.6423 4.69387 11.6136 4.66438 11.5776 4.66428H8.42472Z' fill='%23fff'/></svg>")
    }

    .my-favorites .icon-cell[data-tab=analysis]::before, .my-favorites .icon-tab[data-tab=analysis]::before {
        background-color: #3da8b2;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.25255 4.7854C5.51015 4.7854 5.71897 4.99422 5.71897 5.25182V13.6938C5.71897 14.0145 5.98583 14.2813 6.30655 14.2814H14.7485C15.006 14.2814 15.2148 14.4903 15.2149 14.7478C15.2149 15.0054 15.0061 15.2142 14.7485 15.2142H6.30655C5.47064 15.2142 4.78613 14.5297 4.78613 13.6938V5.25182C4.78613 4.99422 4.99496 4.7854 5.25255 4.7854Z' fill='%23fff'/><path d='M7.87251 10.8962C8.1301 10.8962 8.33893 11.105 8.33893 11.3626V12.6407C8.33862 12.8981 8.12991 13.1071 7.87251 13.1071C7.6151 13.1071 7.40639 12.8981 7.40609 12.6407V11.3626C7.40609 11.105 7.61491 10.8962 7.87251 10.8962Z' fill='%23fff'/><path d='M9.57056 9.18904C9.82816 9.18904 10.037 9.39786 10.037 9.65546V12.6407C10.0366 12.898 9.82794 13.1071 9.57056 13.1071C9.31328 13.107 9.10449 12.8979 9.10414 12.6407V9.65546C9.10414 9.39794 9.31307 9.18916 9.57056 9.18904Z' fill='%23fff'/><path d='M11.2777 10.0472C11.5353 10.0472 11.7441 10.256 11.7441 10.5136V12.6407L11.735 12.7345C11.6913 12.9468 11.5029 13.1071 11.2777 13.1071C11.0526 13.107 10.864 12.9468 10.8204 12.7345L10.8113 12.6407V10.5136C10.8113 10.2561 11.0202 10.0473 11.2777 10.0472Z' fill='%23fff'/><path d='M13.5779 5.62167C13.76 5.43964 14.0553 5.43978 14.2375 5.62167C14.4196 5.80381 14.4196 6.09907 14.2375 6.28122L11.2622 9.25736C11.0149 9.50457 10.6078 9.50437 10.3604 9.25736L9.42936 8.32635L7.34323 10.4052C7.1607 10.5868 6.8654 10.5858 6.68369 10.4034C6.50227 10.2208 6.50311 9.92548 6.68551 9.74382L8.97934 7.4591C9.22669 7.21191 9.63377 7.21204 9.8812 7.4591L10.8104 8.3883L13.5779 5.62167Z' fill='%23fff'/></svg>")
    }

    .my-favorites .icon-cell[data-tab=slides]::before, .my-favorites .icon-tab[data-tab=slides]::before {
        background-color: #6c94c4;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M15.2705 5.2981C15.5281 5.2981 15.737 5.50783 15.737 5.76542C15.7367 6.02281 15.528 6.23184 15.2705 6.23184H15.215V11.5674C15.2147 12.4032 14.5304 13.0878 13.6946 13.0878H11.1265L12.9703 14.9316L13.0295 15.0045C13.1491 15.1855 13.1297 15.4318 12.9703 15.5912C12.8111 15.7503 12.5646 15.7705 12.3837 15.6513L12.3108 15.5912L10.0006 13.2809L7.69034 15.5912C7.50827 15.773 7.21289 15.773 7.03079 15.5912C6.84873 15.4091 6.84888 15.1138 7.03079 14.9316L8.8746 13.0878H6.30657C5.47082 13.0878 4.78641 12.4031 4.78616 11.5674V6.23184H4.72057C4.46312 6.23184 4.2544 6.02281 4.25415 5.76542C4.25415 5.50783 4.46297 5.2981 4.72057 5.2981H15.2705ZM5.71899 11.5674C5.71925 11.8879 5.98601 12.1549 6.30657 12.155H13.6946C14.0152 12.155 14.2819 11.888 14.2821 11.5674V6.23184H5.71899V11.5674Z' fill='%23fff'/></svg>")
    }

    .my-favorites .icon-cell[data-tab=report]::before, .my-favorites .icon-tab[data-tab=report]::before {
        background-color: #f5a200;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.1086 9.83218C12.3662 9.83218 12.575 10.041 12.575 10.2986C12.575 10.5562 12.3662 10.765 12.1086 10.765H7.89264C7.63504 10.765 7.42622 10.5562 7.42622 10.2986C7.42622 10.041 7.63504 9.83218 7.89264 9.83218H12.1086Z' fill='%23fff'/><path fill-rule='evenodd' clip-rule='evenodd' d='M11.5775 5.60709C12.1287 5.60719 12.575 6.05432 12.575 6.60552V7.6504C12.5746 8.2012 12.1284 8.64782 11.5775 8.64792H8.42464C7.87367 8.64792 7.42668 8.20126 7.42622 7.6504V6.60552C7.42622 6.05426 7.87339 5.60709 8.42464 5.60709H11.5775ZM8.42464 6.53993C8.38858 6.53993 8.35905 6.56945 8.35905 6.60552V7.6504C8.35952 7.68607 8.38887 7.71508 8.42464 7.71508H11.5775C11.6132 7.71498 11.6417 7.68601 11.6422 7.6504V6.60552C11.6422 6.56951 11.6135 6.54002 11.5775 6.53993H8.42464Z' fill='%23fff'/><path fill-rule='evenodd' clip-rule='evenodd' d='M13.6937 3.91724C14.2349 3.91747 14.6912 4.35531 14.6912 4.91657V14.4125C14.691 14.9536 14.2548 15.4107 13.6937 15.411H7.09827C6.11326 15.411 5.31673 14.614 5.31641 13.6291C5.31641 13.6251 5.31723 13.6204 5.31732 13.6164C5.31729 13.6145 5.31652 13.6119 5.31641 13.61V5.70001C5.31641 4.7148 6.11306 3.91724 7.09827 3.91724H13.6937ZM7.09827 12.7801C6.62825 12.7801 6.24924 13.1591 6.24924 13.6291C6.24957 14.0989 6.62845 14.4781 7.09827 14.4781H13.6937C13.729 14.4779 13.7581 14.4491 13.7584 14.4125V12.7801H7.09827ZM7.09827 4.85098C6.62825 4.85098 6.24924 5.22999 6.24924 5.70001V12.0613C6.50148 11.9247 6.7908 11.8473 7.09827 11.8473H13.7584V4.91657C13.7584 4.88112 13.7304 4.85122 13.6937 4.85098H7.09827Z' fill='%23fff'/></svg>")
    }

    .my-favorites .icon-cell[data-tab=video]::before, .my-favorites .icon-tab[data-tab=video]::before {
        background-color: #b82b2b;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.32835 16.2207C9.58595 16.2207 9.79477 16.4446 9.79477 16.7207C9.79452 16.9966 9.58579 17.2207 9.32835 17.2207H8.39552C8.13807 17.2207 7.92934 16.9966 7.9291 16.7207C7.9291 16.4446 8.13792 16.2207 8.39552 16.2207H9.32835Z' fill='%23fff'/><path d='M12.1269 16.2207C12.3845 16.2207 12.5933 16.4446 12.5933 16.7207C12.593 16.9966 12.3843 17.2207 12.1269 17.2207H11.194C10.9366 17.2207 10.7279 16.9966 10.7276 16.7207C10.7276 16.4446 10.9364 16.2207 11.194 16.2207H12.1269Z' fill='%23fff'/><path fill-rule='evenodd' clip-rule='evenodd' d='M14.6147 4.05371C15.559 4.05389 16.3245 4.87445 16.3246 5.88672V12.5537C16.3245 13.566 15.559 14.3865 14.6147 14.3867H5.90765C4.96335 14.3865 4.19788 13.566 4.19775 12.5537V5.88672C4.19792 4.87445 4.96337 4.05389 5.90765 4.05371H14.6147ZM5.90765 5.05371C5.47856 5.05389 5.13075 5.42674 5.13059 5.88672V12.5537C5.13071 13.0137 5.47854 13.3865 5.90765 13.3867H14.6147C15.0438 13.3865 15.3917 13.0137 15.3918 12.5537V5.88672C15.3916 5.42674 15.0438 5.05389 14.6147 5.05371H5.90765Z' fill='%23fff'/></svg>")
    }

    .my-favorites .icon-cell[data-tab=other]::before, .my-favorites .icon-tab[data-tab=other]::before {
        background-color: #28476c;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.85831 11.5018C6.56412 11.5018 7.13629 10.9296 7.13629 10.2238C7.13629 9.51797 6.56412 8.9458 5.85831 8.9458C5.1525 8.9458 4.58032 9.51797 4.58032 10.2238C4.58032 10.9296 5.1525 11.5018 5.85831 11.5018Z' fill='%23fff'/><path d='M9.99942 11.5018C10.7052 11.5018 11.2774 10.9296 11.2774 10.2238C11.2774 9.51797 10.7052 8.9458 9.99942 8.9458C9.29361 8.9458 8.72144 9.51797 8.72144 10.2238C8.72144 10.9296 9.29361 11.5018 9.99942 11.5018Z' fill='%23fff'/><path d='M14.1425 11.5018C14.8483 11.5018 15.4205 10.9296 15.4205 10.2238C15.4205 9.51797 14.8483 8.9458 14.1425 8.9458C13.4367 8.9458 12.8645 9.51797 12.8645 10.2238C12.8645 10.9296 13.4367 11.5018 14.1425 11.5018Z' fill='%23fff'/></svg>")
    }

    .my-favorites .icon-tab.active, .my-favorites .icon-tab:hover {
        background-color: #fff
    }

.my-favorites .myfav-head {
    display: flex;
    background-color: #28476c;
    color: #fff;
    border-radius: 6px 6px 0 0;
    font-size: 18px;
    font-weight: 700
}

@media (max-width: 800px) {
    .my-favorites .myfav-head {
        font-size: 16px
    }
}

.my-favorites .myfav-head .head-cell-icon, .my-favorites .myfav-head .head-cell-title {
    padding: 10px 24px
}

.my-favorites .myfav-item {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #ddd
}

    .my-favorites .myfav-item .icon-cell {
        padding: 10px 24px;
        box-sizing: border-box;
        border: 0;
        background-color: unset;
        box-shadow: none;
        justify-content: center
    }

        .my-favorites .myfav-item .icon-cell::before {
            width: 30px;
            height: 30px;
            margin-right: 0
        }

    .my-favorites .myfav-item .item-info {
        width: 100%;
        padding: 10px 24px;
        box-sizing: border-box;
        border-left: 1px solid #ddd
    }

        .my-favorites .myfav-item .item-info .date, .my-favorites .myfav-item .item-info .names {
            font-size: 15px;
            color: #222;
            opacity: .8
        }

            .my-favorites .myfav-item .item-info .date::after {
                content: " | "
            }

    .my-favorites .myfav-item .item-link {
        width: fit-content;
        display: block;
        text-decoration: none;
        color: #1b1b1b;
        padding: 4px 0 2px;
        transition: all .3s ease
    }

        .my-favorites .myfav-item .item-link:hover {
            color: #28476c;
            text-decoration: underline
        }

.accordion-item.dailynews-accd-item {
    margin-top: 0;
    margin-bottom: 16px
}

    .accordion-item.dailynews-accd-item .dailynews-accd-title {
        justify-content: flex-start;
        background-color: #fff;
        color: #28476c;
        padding: 10px 18px
    }

        .accordion-item.dailynews-accd-item .dailynews-accd-title::before {
            content: "";
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_3701_14747)'><path fill-rule='evenodd' clip-rule='evenodd' d='M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM4.90625 12.6611C4.35397 12.6611 3.90625 13.1088 3.90625 13.6611C3.90651 14.2132 4.35413 14.6611 4.90625 14.6611H12.8379C13.39 14.6611 13.8376 14.2132 13.8379 13.6611C13.8379 13.1088 13.3902 12.6611 12.8379 12.6611H4.90625ZM15.8887 12.6611C15.3364 12.6611 14.8887 13.1088 14.8887 13.6611C14.8889 14.2132 15.3365 14.6611 15.8887 14.6611H15.8975C16.4496 14.6611 16.8972 14.2132 16.8975 13.6611C16.8975 13.1088 16.4497 12.6611 15.8975 12.6611H15.8887ZM4.90625 9C4.35397 9 3.90625 9.44772 3.90625 10C3.90625 10.5523 4.35397 11 4.90625 11H12.8379C13.3902 11 13.8379 10.5523 13.8379 10C13.8379 9.44772 13.3902 9 12.8379 9H4.90625ZM15.8887 9C15.3364 9 14.8887 9.44772 14.8887 10C14.8887 10.5523 15.3364 11 15.8887 11H15.8975C16.4497 11 16.8975 10.5523 16.8975 10C16.8975 9.44772 16.4497 9 15.8975 9H15.8887ZM4.90625 5.33887C4.35397 5.33887 3.90625 5.78658 3.90625 6.33887C3.90625 6.89115 4.35397 7.33887 4.90625 7.33887H12.8379C13.3902 7.33887 13.8379 6.89115 13.8379 6.33887C13.8379 5.78658 13.3902 5.33887 12.8379 5.33887H4.90625ZM15.8887 5.33887C15.3364 5.33887 14.8887 5.78658 14.8887 6.33887C14.8887 6.89115 15.3364 7.33887 15.8887 7.33887H15.8975C16.4497 7.33887 16.8975 6.89115 16.8975 6.33887C16.8975 5.78658 16.4497 5.33887 15.8975 5.33887H15.8887Z' fill='%2328476c'/></g><defs><clipPath id='clip0_3701_14747'><rect width='20' height='20' fill='white'/></clipPath></defs></svg>")
        }

        .accordion-item.dailynews-accd-item .dailynews-accd-title .accordion-icon {
            margin-left: auto
        }

            .accordion-item.dailynews-accd-item .dailynews-accd-title .accordion-icon:before {
                margin-bottom: 0;
                transform: rotate(0)
            }

        .accordion-item.dailynews-accd-item .dailynews-accd-title.active {
            background-color: #28476c;
            color: #fff
        }

            .accordion-item.dailynews-accd-item .dailynews-accd-title.active::before {
                content: "";
                display: inline-block;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_3701_14747)'><path fill-rule='evenodd' clip-rule='evenodd' d='M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM4.90625 12.6611C4.35397 12.6611 3.90625 13.1088 3.90625 13.6611C3.90651 14.2132 4.35413 14.6611 4.90625 14.6611H12.8379C13.39 14.6611 13.8376 14.2132 13.8379 13.6611C13.8379 13.1088 13.3902 12.6611 12.8379 12.6611H4.90625ZM15.8887 12.6611C15.3364 12.6611 14.8887 13.1088 14.8887 13.6611C14.8889 14.2132 15.3365 14.6611 15.8887 14.6611H15.8975C16.4496 14.6611 16.8972 14.2132 16.8975 13.6611C16.8975 13.1088 16.4497 12.6611 15.8975 12.6611H15.8887ZM4.90625 9C4.35397 9 3.90625 9.44772 3.90625 10C3.90625 10.5523 4.35397 11 4.90625 11H12.8379C13.3902 11 13.8379 10.5523 13.8379 10C13.8379 9.44772 13.3902 9 12.8379 9H4.90625ZM15.8887 9C15.3364 9 14.8887 9.44772 14.8887 10C14.8887 10.5523 15.3364 11 15.8887 11H15.8975C16.4497 11 16.8975 10.5523 16.8975 10C16.8975 9.44772 16.4497 9 15.8975 9H15.8887ZM4.90625 5.33887C4.35397 5.33887 3.90625 5.78658 3.90625 6.33887C3.90625 6.89115 4.35397 7.33887 4.90625 7.33887H12.8379C13.3902 7.33887 13.8379 6.89115 13.8379 6.33887C13.8379 5.78658 13.3902 5.33887 12.8379 5.33887H4.90625ZM15.8887 5.33887C15.3364 5.33887 14.8887 5.78658 14.8887 6.33887C14.8887 6.89115 15.3364 7.33887 15.8887 7.33887H15.8975C16.4497 7.33887 16.8975 6.89115 16.8975 6.33887C16.8975 5.78658 16.4497 5.33887 15.8975 5.33887H15.8887Z' fill='%23ffffff'/></g><defs><clipPath id='clip0_3701_14747'><rect width='20' height='20' fill='white'/></clipPath></defs></svg>")
            }

            .accordion-item.dailynews-accd-item .dailynews-accd-title.active .accordion-icon:before {
                display: inline-block;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%23ffffff" stroke-width="2"/></svg>');
                transform: rotate(-180deg)
            }

    .accordion-item.dailynews-accd-item .dailynews-accd-content {
        padding: 0
    }

        .accordion-item.dailynews-accd-item .dailynews-accd-content .input-right {
            padding: 20px 28px 36px;
            border-radius: 0 0 6px 6px
        }

ul.dailynews-link-list {
    list-style-position: outside;
    box-sizing: border-box;
    padding-left: 16px
}

    ul.dailynews-link-list .dailynews-link-item {
        list-style-type: disc;
        line-height: 1.6;
        margin-bottom: 8px
    }

        ul.dailynews-link-list .dailynews-link-item > a {
            text-decoration: none;
            color: #222;
            transition: all .3s ease
        }

            ul.dailynews-link-list .dailynews-link-item > a:hover {
                color: #28476c;
                text-decoration: underline
            }

        ul.dailynews-link-list .dailynews-link-item .link-source {
            font-size: 14px
        }

@media (max-width: 800px) {
    .date-tab-wrapper .linear-boundary {
        display: none
    }
}

.date-tab-row {
    display: flex;
    align-items: center;
    margin-bottom: 36px
}

@media (max-width: 800px) {
    .date-tab-row {
        margin-top: 36px;
        flex-direction: column;
        align-items: flex-start
    }
}

.tab-row-title {
    font-size: 18px;
    line-height: 1.6;
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-right: 14px
}

    .tab-row-title::before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 22px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_3715_14747)'><path d='M14.5293 12.5098C15.049 12.5098 15.4488 12.6099 15.7188 12.7998C15.9888 12.9898 16.159 13.3005 16.209 13.7305L15.0186 13.7998C14.9886 13.6202 14.919 13.4804 14.8193 13.4004C14.7193 13.3204 14.5784 13.2803 14.3984 13.2803C14.2488 13.2803 14.1393 13.3103 14.0693 13.3701C13.9994 13.43 13.9591 13.5098 13.959 13.5996C13.959 13.6596 13.9888 13.7203 14.0488 13.7803C14.1089 13.8302 14.249 13.8797 14.4688 13.9297C15.0185 14.0496 15.4184 14.1701 15.6484 14.29C15.8884 14.41 16.0589 14.5602 16.1689 14.7402C16.2788 14.9201 16.3291 15.12 16.3291 15.3398C16.3291 15.5996 16.2591 15.8397 16.1094 16.0596C15.9694 16.2795 15.7589 16.4496 15.499 16.5596C15.239 16.6696 14.9086 16.7305 14.5186 16.7305C13.8289 16.7304 13.3491 16.5999 13.0791 16.3301C12.8091 16.0601 12.6589 15.7196 12.6289 15.3096H12.6387L13.8389 15.2305C13.8689 15.4202 13.9192 15.5698 13.999 15.6797C14.129 15.8496 14.3187 15.9296 14.5586 15.9297C14.7385 15.9297 14.8785 15.8897 14.9785 15.7998C15.0785 15.7198 15.1289 15.6198 15.1289 15.5098C15.1288 15.4 15.0789 15.3103 14.9893 15.2305C14.8993 15.1505 14.6789 15.0702 14.3389 14.9902C13.7891 14.8703 13.3892 14.7001 13.1592 14.4902C12.9192 14.2803 12.7989 14.0201 12.7988 13.7002C12.7988 13.4904 12.8587 13.2902 12.9785 13.1104C13.0985 12.9204 13.2793 12.7799 13.5293 12.6699C13.7693 12.56 14.1095 12.5098 14.5293 12.5098Z' fill='%2328476C'/><path d='M5.61133 16.6602H4.35156V12.5801H5.61133V16.6602Z' fill='%2328476C'/><path d='M10.0586 13.5898H8.76855V16.6602H7.50879V13.5898H6.21875V12.5801H10.0586V13.5898Z' fill='%2328476C'/><path d='M11.9512 16.6602H10.6914V12.5801H11.9512V16.6602Z' fill='%2328476C'/><path fill-rule='evenodd' clip-rule='evenodd' d='M14 0C14.5523 0 15 0.447715 15 1V2H17C18.6569 2 20 3.34315 20 5V19C20 20.6569 18.6569 22 17 22H3C1.34315 22 0 20.6569 0 19V5C0 3.34315 1.34315 2 3 2H5V1C5 0.447715 5.44772 0 6 0C6.55228 0 7 0.447715 7 1V2H13V1C13 0.447715 13.4477 0 14 0ZM2 19C2 19.5523 2.44772 20 3 20H17C17.5523 20 18 19.5523 18 19V10H2V19ZM3 4C2.44772 4 2 4.44772 2 5V8H18V5C18 4.44772 17.5523 4 17 4H15V5C15 5.55228 14.5523 6 14 6C13.4477 6 13 5.55228 13 5V4H7V5C7 5.55228 6.55228 6 6 6C5.44772 6 5 5.55228 5 5V4H3Z' fill='%2328476C'/></g><defs><clipPath id='clip0_3715_14747'><rect width='20' height='22' fill='white'/></clipPath></defs></svg>");
        margin-right: 16px
    }

@media (max-width: 800px) {
    .tab-row-title::before {
        width: 18px;
        height: 16px;
        margin-right: 4px
    }
}

@media (max-width: 800px) {
    .tab-row-title {
        margin-right: 0;
        margin-bottom: 12px;
        font-size: 16px
    }
}

.tabs-slide-box.date-tabs-box {
    padding: 0 14px
}

@media (max-width: 800px) {
    .tabs-slide-box.date-tabs-box {
        padding: 0;
        gap: 8px
    }
}

.tab-slide.date-tab {
    background-color: #dae2ec;
    padding: 14px 15px 12px;
    border-radius: 40px;
    text-align: center;
    color: #28476c;
    transition: all .2s ease;
    line-height: 1.4;
    cursor: pointer;
    list-style-type: none
}

    .tab-slide.date-tab.active, .tab-slide.date-tab:hover {
        background-color: #f5a200;
        color: #fff
    }

@media (max-width: 800px) {
    .tab-slide.date-tab {
        padding: 8px;
        font-size: 14px;
        min-width: 80px
    }
}

.wrap[data-page=dictionary] .breadcrumb {
    padding-top: 56px
}

.wrap[data-page=dictionary] h1 {
    margin: 48px 0
}

@media (max-width: 800px) {
    .wrap[data-page=dictionary] h1 {
        margin: 40px 0 24px
    }
}

.word-search-bar-group {
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 12px;
    box-sizing: border-box;
    padding: 8px 18px;
    gap: 8px
}

@media (max-width: 640px) {
    .word-search-bar-group {
        flex-wrap: wrap;
        padding: 12px 18px
    }
}

.word-search-bar-group .input-keyword {
    flex: 1;
    border: 0;
    font-size: 16px;
    box-sizing: border-box;
    padding: 8px 12px
}

    .word-search-bar-group .input-keyword:focus, .word-search-bar-group .input-keyword:focus-visible {
        outline: 0;
        border-bottom: 1px solid #28476c
    }

    .word-search-bar-group .input-keyword::placeholder {
        color: #838383
    }

.word-search-bar-group .search-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.4286 2.25C6.19605 2.25 2.75 5.69589 2.75 9.92832C2.75 14.1607 6.19605 17.6066 10.4286 17.6066C11.9542 17.6066 13.378 17.1587 14.5747 16.3878L19.4591 21.272L19.4608 21.2737C19.7693 21.5764 20.1777 21.7498 20.6157 21.7498C21.0517 21.7498 21.4616 21.5827 21.7722 21.272L21.7739 21.2704C22.0766 20.9619 22.25 20.5535 22.25 20.1155C22.25 19.6795 22.0828 19.2697 21.7722 18.959L16.8879 14.075C17.6592 12.8781 18.1073 11.4541 18.1073 9.92832C18.1073 5.69589 14.6612 2.25 10.4286 2.25ZM3.8788 9.92832C3.8788 6.31812 6.81826 3.37877 10.4286 3.37877C14.039 3.37877 16.9785 6.31812 16.9785 9.92832C16.9785 13.5385 14.039 16.4779 10.4286 16.4779C6.81826 16.4779 3.8788 13.5385 3.8788 9.92832ZM10.4277 4.80874C7.60385 4.80874 5.30816 7.10431 5.30816 9.92809C5.30816 10.2342 5.55404 10.49 5.87013 10.49C6.17624 10.49 6.43209 10.2442 6.43209 9.92809C6.43209 7.72655 8.22605 5.93264 10.4277 5.93264C10.7364 5.93264 10.9897 5.67937 10.9897 5.37069C10.9897 5.06457 10.7438 4.80874 10.4277 4.80874ZM20.2611 20.4749L15.5732 15.7872L16.2921 15.0684L20.9783 19.7545C21.0754 19.8556 21.1261 19.9787 21.1261 20.1155C21.1261 20.2554 21.0734 20.3815 20.98 20.4749C20.79 20.6649 20.4511 20.6649 20.2611 20.4749Z" fill="%23838383"/></svg>')
}

@media (max-width: 640px) {
    .word-search-bar-group .search-icon {
        display: none
    }
}

.word-search-bar-group .clear-btn {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15.4873 5.07812L10.5654 9.99902L15.4873 14.9209L14.9219 15.4863L9.99902 10.5645L5.07812 15.4863L4.5127 14.9209L9.43359 9.99902L4.5127 5.0791L5.07812 4.5127L10 9.43359L14.9219 4.5127L15.4873 5.07812Z' fill='%23838383'/></svg>");
    cursor: pointer;
    opacity: .75;
    transition: all .3s ease
}

    .word-search-bar-group .clear-btn:hover {
        opacity: 1
    }

#wordSearchSubmit {
    min-width: 76px
}

@media (max-width: 640px) {
    #wordSearchSubmit {
        width: 100%;
        text-align: center;
        padding: 6px 12px
    }
}

.word-sort-tabs {
    gap: 8px;
    padding: 8px 0 16px;
    margin-bottom: 18px;
    border-bottom: 1px solid #eaeaea
}

.word-sort-tab {
    background-color: #dae2ec;
    box-sizing: border-box;
    padding: 8px 14px;
    border-radius: 12px;
    border: 1px solid #6c94c4;
    color: #28476c;
    display: flex;
    align-items: center;
    min-width: 130px
}

@media (max-width: 800px) {
    .word-sort-tab {
        padding: 4px 8px;
        border-radius: 8px
    }
}

.word-sort-tab .icon {
    width: 32px;
    height: 32px;
    margin-right: 6px;
    border: 1px solid #28476c;
    border-radius: 50%;
    display: inline-block;
    position: relative
}

@media (max-width: 800px) {
    .word-sort-tab .icon {
        width: 24px;
        height: 24px
    }
}

.word-sort-tab .icon::after {
    content: "";
    width: 2px;
    height: 2px;
    background-color: #28476c;
    border-radius: 50%;
    position: absolute;
    top: 5%;
    right: 5%;
    border: 2px solid #dae2ec
}

.word-sort-tab .icon::before {
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media (max-width: 800px) {
    .word-sort-tab .icon::before {
        width: 16px;
        height: 16px
    }
}

.word-sort-tab .icon[data-tab-icon=new-word]::before {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.1677 15.3453H21.3358L21.7495 13.5738L22.422 10.3799L23.9995 10.5738L23.0556 13.7807L22.2668 16.8065L20.1461 17.0005L19.4349 13.8583L19.3703 13.6514L18.5039 16.8065L16.4479 17.0005L15.6979 13.8583L14.8057 10.7161L16.4996 10.3928L17.0298 13.2376L17.4953 15.3453H17.6634L18.7754 11.66L18.5039 10.7161L20.172 10.3928L20.7151 13.2376L21.1677 15.3453Z' fill='%2328476C'/%3E%3Cpath d='M11.9601 15.6422C12.2101 15.6422 12.473 15.5776 12.7489 15.4482C13.0247 15.3189 13.2403 15.1896 13.3954 15.0603L13.6282 14.8664L14.223 15.5905C14.1368 15.737 14.0032 15.9051 13.8221 16.0948C13.6411 16.2844 13.4558 16.4482 13.2661 16.5862C13.0851 16.7155 12.8394 16.8362 12.5291 16.9482C12.2273 17.0517 11.9127 17.1034 11.5851 17.1034C10.8868 17.1034 10.3179 16.8405 9.87822 16.3146C9.43857 15.7801 9.21875 15.0948 9.21875 14.2586C9.21875 13.2069 9.52478 12.2845 10.1368 11.4914C10.7489 10.6983 11.4644 10.3018 12.2834 10.3018C12.9127 10.3018 13.3997 10.4785 13.7446 10.8319C14.098 11.1854 14.2747 11.6811 14.2747 12.319C14.2747 12.6983 14.2101 13.1293 14.0808 13.6121L13.8221 13.8836L10.5894 14.181C10.736 15.1551 11.1929 15.6422 11.9601 15.6422ZM11.9601 11.6336C11.5808 11.6336 11.2618 11.7888 11.0032 12.0991C10.7446 12.4009 10.5937 12.7888 10.5506 13.2629L12.7489 12.9914C12.7747 12.7931 12.7877 12.6293 12.7877 12.5C12.7877 11.9224 12.5118 11.6336 11.9601 11.6336Z' fill='%2328476C'/%3E%3Cpath d='M7.84044 8.01293L7.67233 13.5991L7.81457 16.6766L6.28873 16.9999L2.43533 10.7672V13.5991L2.61636 16.9611H1L1.15517 13.8189L1 8.07759L2.55171 8L6.39218 14.3232L6.26287 8.20689L7.84044 8.01293Z' fill='%2328476C'/%3E%3C/svg%3E%0A")
}

.word-sort-tab .icon[data-tab-icon=view-count]::before {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4003 8.19727C15.8469 5.09736 12.7714 3 9.25 3C5.72856 3 2.65228 5.09883 1.09967 8.19756C1.03414 8.33013 1 8.4766 1 8.62515C1 8.7737 1.03414 8.92016 1.09967 9.05273C2.65314 12.1526 5.72856 14.25 9.25 14.25C12.7714 14.25 15.8477 12.1512 17.4003 9.05244C17.4659 8.91987 17.5 8.7734 17.5 8.62485C17.5 8.4763 17.4659 8.32984 17.4003 8.19727ZM9.25 12.8438C8.43415 12.8438 7.63662 12.5963 6.95827 12.1328C6.27991 11.6692 5.7512 11.0103 5.43899 10.2394C5.12678 9.46857 5.04509 8.62032 5.20425 7.80196C5.36342 6.98361 5.75629 6.2319 6.33318 5.64189C6.91007 5.05189 7.64508 4.65009 8.44525 4.48731C9.24542 4.32453 10.0748 4.40808 10.8286 4.72738C11.5823 5.04669 12.2266 5.58742 12.6798 6.28119C13.1331 6.97496 13.375 7.79061 13.375 8.625C13.3753 9.17909 13.2688 9.7278 13.0615 10.2398C12.8543 10.7517 12.5505 11.2169 12.1674 11.6087C11.7843 12.0005 11.3295 12.3112 10.8289 12.5232C10.3283 12.7351 9.79178 12.844 9.25 12.8438ZM9.25 5.8125C9.00454 5.816 8.76067 5.85335 8.52497 5.92353C8.71925 6.19356 8.81249 6.52585 8.78776 6.86014C8.76303 7.19443 8.62198 7.5086 8.39019 7.74565C8.1584 7.98271 7.85122 8.12696 7.52436 8.15225C7.19749 8.17754 6.87258 8.08219 6.60856 7.8835C6.45822 8.44998 6.48536 9.05041 6.68616 9.60029C6.88696 10.1502 7.25131 10.6218 7.72793 10.9488C8.20455 11.2758 8.76944 11.4417 9.34309 11.4232C9.91674 11.4047 10.4703 11.2026 10.9257 10.8455C11.3812 10.4884 11.7158 9.99416 11.8822 9.43242C12.0487 8.87067 12.0387 8.26968 11.8537 7.71404C11.6687 7.15839 11.318 6.67607 10.8509 6.33495C10.3838 5.99384 9.82393 5.81112 9.25 5.8125Z' fill='%2328476C'/%3E%3C/svg%3E")
}

.word-sort-tab .icon[data-tab-icon=node]::before {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4C13.5986 4 14.8944 5.29595 14.8945 6.89453C14.8945 7.27289 14.8195 7.63356 14.6875 7.96484L19.0781 13.4541C19.3976 13.3327 19.7433 13.2637 20.1055 13.2637C21.7041 13.2638 23 14.5596 23 16.1582C22.9999 17.7568 21.704 19.0526 20.1055 19.0527C18.5068 19.0527 17.211 17.7568 17.2109 16.1582C17.2109 15.341 17.5501 14.6035 18.0947 14.0771L14.0107 8.97363C13.4898 9.47759 12.782 9.79004 12 9.79004C11.2172 9.79004 10.5084 9.47747 9.9873 8.97266L5.88867 14.0635C6.44238 14.5908 6.78906 15.3332 6.78906 16.1582C6.78895 17.7568 5.49318 19.0527 3.89453 19.0527C2.29598 19.0526 1.00011 17.7568 1 16.1582C1 14.5596 2.29591 13.2638 3.89453 13.2637C4.24858 13.2637 4.58682 13.33 4.90039 13.4463L9.31152 7.96484C9.17959 7.63365 9.10547 7.27276 9.10547 6.89453C9.10564 5.29595 10.4014 4 12 4ZM3.89453 14.4209C2.93539 14.421 2.1582 15.199 2.1582 16.1582C2.15831 17.1173 2.93546 17.8944 3.89453 17.8945C4.85369 17.8945 5.63172 17.1173 5.63184 16.1582C5.63184 15.199 4.85376 14.4209 3.89453 14.4209ZM20.1055 14.4209C19.1462 14.4209 18.3682 15.199 18.3682 16.1582C18.3683 17.1173 19.1463 17.8945 20.1055 17.8945C21.0645 17.8944 21.8417 17.1173 21.8418 16.1582C21.8418 15.199 21.0646 14.421 20.1055 14.4209ZM12 5.1582C11.0409 5.1582 10.2629 5.93544 10.2627 6.89453C10.2627 7.85376 11.0408 8.63184 12 8.63184C12.9592 8.63184 13.7373 7.85376 13.7373 6.89453C13.7371 5.93544 12.9591 5.1582 12 5.1582Z' fill='%2328476C'/%3E%3C/svg%3E%0A")
}

.word-sort-tab .icon[data-tab-icon=alphabet-asc]::before {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.507 18.4112V2.86523H8.007V18.4097L10.5 16.1237L11.514 17.2292L7.257 21.1337L3 17.2292L4.014 16.1237L6.507 18.4112ZM15.942 3.00023H18.558L20.0295 7.90673L20.0595 7.98323C20.2118 8.37853 20.3568 8.7766 20.4945 9.17723C20.6145 9.52523 20.736 9.90773 20.829 10.2572C20.916 10.5812 21 10.9547 21 11.2502H19.5C19.5 11.1707 19.467 10.9697 19.38 10.6442C19.2887 10.3136 19.1872 9.98599 19.0755 9.66173C18.9884 9.40753 18.8979 9.15451 18.804 8.90273H15.696C15.6165 9.11573 15.5205 9.38123 15.4245 9.66173C15.3105 9.99473 15.1995 10.3412 15.12 10.6442C15.033 10.9697 15 11.1707 15 11.2502H13.5C13.5 10.9547 13.584 10.5812 13.671 10.2557C13.764 9.90773 13.8855 9.52523 14.0055 9.17723C14.1428 8.77648 14.2878 8.37841 14.4405 7.98323L14.4705 7.90823L15.942 3.00023ZM16.188 7.40273H18.312L17.442 4.50023H17.058L16.188 7.40273ZM13.5 13.5002H21V15.3752L15.4995 19.5002H21V21.0002H13.5V19.1252L19.0005 15.0002H13.5V13.5002Z' fill='%2328476C'/%3E%3C/svg%3E%0A")
}

.word-sort-tab.active {
    background-color: #6c94c4;
    color: #fff
}

    .word-sort-tab.active .icon {
        border-color: #fff
    }

        .word-sort-tab.active .icon::after {
            background-color: #fff;
            border-color: #6c94c4
        }

        .word-sort-tab.active .icon[data-tab-icon=new-word]::before {
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.1677 15.3453H21.3358L21.7495 13.5738L22.422 10.3799L23.9995 10.5738L23.0556 13.7807L22.2668 16.8065L20.1461 17.0005L19.4349 13.8583L19.3703 13.6514L18.5039 16.8065L16.4479 17.0005L15.6979 13.8583L14.8057 10.7161L16.4996 10.3928L17.0298 13.2376L17.4953 15.3453H17.6634L18.7754 11.66L18.5039 10.7161L20.172 10.3928L20.7151 13.2376L21.1677 15.3453Z' fill='%23ffffff'/%3E%3Cpath d='M11.9601 15.6422C12.2101 15.6422 12.473 15.5776 12.7489 15.4482C13.0247 15.3189 13.2403 15.1896 13.3954 15.0603L13.6282 14.8664L14.223 15.5905C14.1368 15.737 14.0032 15.9051 13.8221 16.0948C13.6411 16.2844 13.4558 16.4482 13.2661 16.5862C13.0851 16.7155 12.8394 16.8362 12.5291 16.9482C12.2273 17.0517 11.9127 17.1034 11.5851 17.1034C10.8868 17.1034 10.3179 16.8405 9.87822 16.3146C9.43857 15.7801 9.21875 15.0948 9.21875 14.2586C9.21875 13.2069 9.52478 12.2845 10.1368 11.4914C10.7489 10.6983 11.4644 10.3018 12.2834 10.3018C12.9127 10.3018 13.3997 10.4785 13.7446 10.8319C14.098 11.1854 14.2747 11.6811 14.2747 12.319C14.2747 12.6983 14.2101 13.1293 14.0808 13.6121L13.8221 13.8836L10.5894 14.181C10.736 15.1551 11.1929 15.6422 11.9601 15.6422ZM11.9601 11.6336C11.5808 11.6336 11.2618 11.7888 11.0032 12.0991C10.7446 12.4009 10.5937 12.7888 10.5506 13.2629L12.7489 12.9914C12.7747 12.7931 12.7877 12.6293 12.7877 12.5C12.7877 11.9224 12.5118 11.6336 11.9601 11.6336Z' fill='%23ffffff'/%3E%3Cpath d='M7.84044 8.01293L7.67233 13.5991L7.81457 16.6766L6.28873 16.9999L2.43533 10.7672V13.5991L2.61636 16.9611H1L1.15517 13.8189L1 8.07759L2.55171 8L6.39218 14.3232L6.26287 8.20689L7.84044 8.01293Z' fill='%23ffffff'/%3E%3C/svg%3E%0A")
        }

        .word-sort-tab.active .icon[data-tab-icon=view-count]::before {
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4003 8.19727C15.8469 5.09736 12.7714 3 9.25 3C5.72856 3 2.65228 5.09883 1.09967 8.19756C1.03414 8.33013 1 8.4766 1 8.62515C1 8.7737 1.03414 8.92016 1.09967 9.05273C2.65314 12.1526 5.72856 14.25 9.25 14.25C12.7714 14.25 15.8477 12.1512 17.4003 9.05244C17.4659 8.91987 17.5 8.7734 17.5 8.62485C17.5 8.4763 17.4659 8.32984 17.4003 8.19727ZM9.25 12.8438C8.43415 12.8438 7.63662 12.5963 6.95827 12.1328C6.27991 11.6692 5.7512 11.0103 5.43899 10.2394C5.12678 9.46857 5.04509 8.62032 5.20425 7.80196C5.36342 6.98361 5.75629 6.2319 6.33318 5.64189C6.91007 5.05189 7.64508 4.65009 8.44525 4.48731C9.24542 4.32453 10.0748 4.40808 10.8286 4.72738C11.5823 5.04669 12.2266 5.58742 12.6798 6.28119C13.1331 6.97496 13.375 7.79061 13.375 8.625C13.3753 9.17909 13.2688 9.7278 13.0615 10.2398C12.8543 10.7517 12.5505 11.2169 12.1674 11.6087C11.7843 12.0005 11.3295 12.3112 10.8289 12.5232C10.3283 12.7351 9.79178 12.844 9.25 12.8438ZM9.25 5.8125C9.00454 5.816 8.76067 5.85335 8.52497 5.92353C8.71925 6.19356 8.81249 6.52585 8.78776 6.86014C8.76303 7.19443 8.62198 7.5086 8.39019 7.74565C8.1584 7.98271 7.85122 8.12696 7.52436 8.15225C7.19749 8.17754 6.87258 8.08219 6.60856 7.8835C6.45822 8.44998 6.48536 9.05041 6.68616 9.60029C6.88696 10.1502 7.25131 10.6218 7.72793 10.9488C8.20455 11.2758 8.76944 11.4417 9.34309 11.4232C9.91674 11.4047 10.4703 11.2026 10.9257 10.8455C11.3812 10.4884 11.7158 9.99416 11.8822 9.43242C12.0487 8.87067 12.0387 8.26968 11.8537 7.71404C11.6687 7.15839 11.318 6.67607 10.8509 6.33495C10.3838 5.99384 9.82393 5.81112 9.25 5.8125Z' fill='%23ffffff'/%3E%3C/svg%3E")
        }

        .word-sort-tab.active .icon[data-tab-icon=node]::before {
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4C13.5986 4 14.8944 5.29595 14.8945 6.89453C14.8945 7.27289 14.8195 7.63356 14.6875 7.96484L19.0781 13.4541C19.3976 13.3327 19.7433 13.2637 20.1055 13.2637C21.7041 13.2638 23 14.5596 23 16.1582C22.9999 17.7568 21.704 19.0526 20.1055 19.0527C18.5068 19.0527 17.211 17.7568 17.2109 16.1582C17.2109 15.341 17.5501 14.6035 18.0947 14.0771L14.0107 8.97363C13.4898 9.47759 12.782 9.79004 12 9.79004C11.2172 9.79004 10.5084 9.47747 9.9873 8.97266L5.88867 14.0635C6.44238 14.5908 6.78906 15.3332 6.78906 16.1582C6.78895 17.7568 5.49318 19.0527 3.89453 19.0527C2.29598 19.0526 1.00011 17.7568 1 16.1582C1 14.5596 2.29591 13.2638 3.89453 13.2637C4.24858 13.2637 4.58682 13.33 4.90039 13.4463L9.31152 7.96484C9.17959 7.63365 9.10547 7.27276 9.10547 6.89453C9.10564 5.29595 10.4014 4 12 4ZM3.89453 14.4209C2.93539 14.421 2.1582 15.199 2.1582 16.1582C2.15831 17.1173 2.93546 17.8944 3.89453 17.8945C4.85369 17.8945 5.63172 17.1173 5.63184 16.1582C5.63184 15.199 4.85376 14.4209 3.89453 14.4209ZM20.1055 14.4209C19.1462 14.4209 18.3682 15.199 18.3682 16.1582C18.3683 17.1173 19.1463 17.8945 20.1055 17.8945C21.0645 17.8944 21.8417 17.1173 21.8418 16.1582C21.8418 15.199 21.0646 14.421 20.1055 14.4209ZM12 5.1582C11.0409 5.1582 10.2629 5.93544 10.2627 6.89453C10.2627 7.85376 11.0408 8.63184 12 8.63184C12.9592 8.63184 13.7373 7.85376 13.7373 6.89453C13.7371 5.93544 12.9591 5.1582 12 5.1582Z' fill='%23ffffff'/%3E%3C/svg%3E%0A")
        }

        .word-sort-tab.active .icon[data-tab-icon=alphabet-asc]::before {
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.507 18.4112V2.86523H8.007V18.4097L10.5 16.1237L11.514 17.2292L7.257 21.1337L3 17.2292L4.014 16.1237L6.507 18.4112ZM15.942 3.00023H18.558L20.0295 7.90673L20.0595 7.98323C20.2118 8.37853 20.3568 8.7766 20.4945 9.17723C20.6145 9.52523 20.736 9.90773 20.829 10.2572C20.916 10.5812 21 10.9547 21 11.2502H19.5C19.5 11.1707 19.467 10.9697 19.38 10.6442C19.2887 10.3136 19.1872 9.98599 19.0755 9.66173C18.9884 9.40753 18.8979 9.15451 18.804 8.90273H15.696C15.6165 9.11573 15.5205 9.38123 15.4245 9.66173C15.3105 9.99473 15.1995 10.3412 15.12 10.6442C15.033 10.9697 15 11.1707 15 11.2502H13.5C13.5 10.9547 13.584 10.5812 13.671 10.2557C13.764 9.90773 13.8855 9.52523 14.0055 9.17723C14.1428 8.77648 14.2878 8.37841 14.4405 7.98323L14.4705 7.90823L15.942 3.00023ZM16.188 7.40273H18.312L17.442 4.50023H17.058L16.188 7.40273ZM13.5 13.5002H21V15.3752L15.4995 19.5002H21V21.0002H13.5V19.1252L19.0005 15.0002H13.5V13.5002Z' fill='%23ffffff'/%3E%3C/svg%3E%0A")
        }

.word-list {
    width: 100%
}

    .word-list .word-en, .word-list .word-zh {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        white-space: normal;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis
    }

.word-item-link {
    display: block;
    background-color: #fff;
    border-radius: 10px;
    color: #222;
    box-sizing: border-box;
    padding: 12px 18px 16px;
    transition: all .3s ease;
    margin-bottom: 8px
}

.wrap[data-page=dictionary] .sub-info {
    display: flex;
    justify-content: space-between;
    color: #838383;
    margin-top: 10px;
    opacity: .6;
    transition: opacity .3s ease
}

    .wrap[data-page=dictionary] .sub-info .pub-date {
        font-size: 13px
    }

    .wrap[data-page=dictionary] .sub-info .view-count {
        font-size: 14px;
        display: flex;
        align-items: center
    }

@media (max-width: 640px) {
    .wrap[data-page=dictionary] .sub-info .view-count {
        font-size: 13px
    }
}

.wrap[data-page=dictionary] .sub-info .view-count::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4003 8.19727C15.8469 5.09736 12.7714 3 9.25 3C5.72856 3 2.65228 5.09883 1.09967 8.19756C1.03414 8.33013 1 8.4766 1 8.62515C1 8.7737 1.03414 8.92016 1.09967 9.05273C2.65314 12.1526 5.72856 14.25 9.25 14.25C12.7714 14.25 15.8477 12.1512 17.4003 9.05244C17.4659 8.91987 17.5 8.7734 17.5 8.62485C17.5 8.4763 17.4659 8.32984 17.4003 8.19727ZM9.25 12.8438C8.43415 12.8438 7.63662 12.5963 6.95827 12.1328C6.27991 11.6692 5.7512 11.0103 5.43899 10.2394C5.12678 9.46857 5.04509 8.62032 5.20425 7.80196C5.36342 6.98361 5.75629 6.2319 6.33318 5.64189C6.91007 5.05189 7.64508 4.65009 8.44525 4.48731C9.24542 4.32453 10.0748 4.40808 10.8286 4.72738C11.5823 5.04669 12.2266 5.58742 12.6798 6.28119C13.1331 6.97496 13.375 7.79061 13.375 8.625C13.3753 9.17909 13.2688 9.7278 13.0615 10.2398C12.8543 10.7517 12.5505 11.2169 12.1674 11.6087C11.7843 12.0005 11.3295 12.3112 10.8289 12.5232C10.3283 12.7351 9.79178 12.844 9.25 12.8438ZM9.25 5.8125C9.00454 5.816 8.76067 5.85335 8.52497 5.92353C8.71925 6.19356 8.81249 6.52585 8.78776 6.86014C8.76303 7.19443 8.62198 7.5086 8.39019 7.74565C8.1584 7.98271 7.85122 8.12696 7.52436 8.15225C7.19749 8.17754 6.87258 8.08219 6.60856 7.8835C6.45822 8.44998 6.48536 9.05041 6.68616 9.60029C6.88696 10.1502 7.25131 10.6218 7.72793 10.9488C8.20455 11.2758 8.76944 11.4417 9.34309 11.4232C9.91674 11.4047 10.4703 11.2026 10.9257 10.8455C11.3812 10.4884 11.7158 9.99416 11.8822 9.43242C12.0487 8.87067 12.0387 8.26968 11.8537 7.71404C11.6687 7.15839 11.318 6.67607 10.8509 6.33495C10.3838 5.99384 9.82393 5.81112 9.25 5.8125Z' fill='%23838383'/%3E%3C/svg%3E");
    margin-right: 6px
}

@media (max-width: 640px) {
    .wrap[data-page=dictionary] .sub-info .view-count::before {
        display: none
    }
}

.word-item-title {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

@media (max-width: 640px) {
    .word-item-title {
        gap: 4px
    }
}

.word-item-title .word-zh {
    width: 100%;
    font-size: 20px;
    letter-spacing: .03em;
    font-weight: 700;
    transition: all .3s ease
}

@media (max-width: 640px) {
    .word-item-title .word-zh {
        font-size: 17px
    }
}

.word-item-title .word-en {
    width: 100%;
    font-size: 17px;
    color: #838383;
    transition: all .3s ease
}

@media (max-width: 640px) {
    .word-item-title .word-en {
        font-size: 15px
    }
}

.word-item-link:hover {
    box-shadow: 0 2px 4px rgba(0,0,0,.1)
}

    .word-item-link:hover .sub-info {
        opacity: .8
    }

    .word-item-link:hover .word-item-title .word-zh {
        color: #28476c
    }

    .word-item-link:hover .word-item-title .word-en {
        color: #6c94c4
    }

.word-show-card {
    background-image: url(../images/background/itis-dictionary-bg.png),linear-gradient(#e9f0f5,#e9f0f5);
    box-sizing: border-box;
    padding: 32px 32px 48px;
    border-radius: 5px;
    font-family: "Microsoft JhengHei",Arial,Helvetica,sans-serif
}

@media (max-width: 800px) {
    .word-show-card {
        padding: 20px
    }
}

.word-show-card h2, .word-show-card h3 {
    margin: 0
}

.word-show-card .word-zh {
    display: flex;
    align-items: center;
    font-size: 32px;
    color: #28476c;
    font-weight: 700;
    margin-bottom: 4px
}

@media (max-width: 800px) {
    .word-show-card .word-zh {
        font-size: 28px
    }
}

.word-show-card .word-zh > h2 {
    font-size: inherit;
    letter-spacing: .1em
}

.word-show-card .word-zh::before {
    content: "［"
}

.word-show-card .word-zh::after {
    content: "］"
}

.word-show-card .word-en {
    color: #28476c;
    font-weight: 200;
    font-size: 22px;
    letter-spacing: .05em;
    padding-left: .55em;
    box-sizing: border-box
}

@media (max-width: 800px) {
    .word-show-card .word-en {
        font-size: 18px
    }
}

.word-show-card .sub-info-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #656565;
    margin-bottom: 18px
}

@media (max-width: 800px) {
    .word-show-card .sub-info-wrapper {
        margin-top: 24px;
        margin-bottom: 16px
    }
}

.word-show-card .sub-info-wrapper .category-tag {
    position: relative;
    background-color: #6c94c4;
    color: #fff;
    font-size: 14px;
    letter-spacing: .03em;
    box-sizing: border-box;
    padding: 4px 8px;
    margin-right: 14px
}

    .word-show-card .sub-info-wrapper .category-tag::after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 12px solid #6c94c4;
        border-top: 14px solid transparent;
        border-bottom: 14px solid transparent;
        position: absolute;
        left: 100%;
        top: 50%;
        transform: translateY(-50%)
    }

.word-show-card .sub-info-wrapper .sub-info {
    gap: 10px;
    align-items: center
}

    .word-show-card .sub-info-wrapper .sub-info .pub-date {
        font-size: 14px
    }

.word-explanation {
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: .03em;
    color: #222
}

@media (max-width: 800px) {
    .word-explanation {
        font-size: 16px
    }
}

.related-words-block {
    font-family: "Microsoft JhengHei",Arial,Helvetica,sans-serif
}

    .related-words-block .related-words {
        box-sizing: border-box;
        padding: 12px;
        border-radius: 10px;
        background-color: #fff;
        display: flex;
        flex-wrap: wrap
    }

    .related-words-block .related-word {
        box-sizing: border-box;
        padding: 8px 18px;
        width: 25%;
        margin-bottom: 4px
    }

@media (max-width: 1024px) {
    .related-words-block .related-word {
        padding: 6px 8px
    }
}

@media (max-width: 800px) {
    .related-words-block .related-word {
        width: 50%;
        padding: 8px 12px
    }
}

.related-words-block .related-word:not(:nth-child(4n)) {
    border-right: 1px solid #eaeaea
}

@media (max-width: 800px) {
    .related-words-block .related-word:not(:nth-child(4n)) {
        border-right: 0
    }
}

.related-words-block .related-word .word-zh {
    display: block;
    font-size: 18px;
    color: #222;
    transition: all .3s ease
}

@media (max-width: 1280px) {
    .related-words-block .related-word .word-zh {
        font-size: 16px
    }
}

.related-words-block .related-word .word-en {
    display: block;
    font-size: 12px;
    font-weight: 200;
    color: #838383;
    transition: all .3s ease
}

.related-words-block .related-word:hover .word-en, .related-words-block .related-word:hover .word-zh {
    color: #28476c
}

.related-words-block .related-word:hover .word-zh {
    text-decoration: underline
}

.related-publications-block {
    width: 100%
}

    .related-publications-block .related-publication {
        box-sizing: border-box;
        padding: 12px 18px;
        border-radius: 5px;
        background-color: #fff;
        border-left: 4px solid #fff;
        display: flex;
        align-items: center;
        transition: all .3s ease
    }

@media (max-width: 800px) {
    .related-publications-block .related-publication {
        flex-direction: column;
        align-items: flex-start
    }
}

.related-publications-block .related-publication:not(:last-child) {
    margin-bottom: 8px
}

.related-publications-block .related-publication .pub-title, .related-publications-block .related-publication .sub-info {
    transition: all .3s ease
}

.related-publications-block .related-publication .pub-title {
    width: 70%;
    font-size: 18px;
    line-height: 1.6;
    color: #1b1b1b;
    margin-right: 2%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 1280px) {
    .related-publications-block .related-publication .pub-title {
        font-size: 16px
    }
}

@media (max-width: 800px) {
    .related-publications-block .related-publication .pub-title {
        width: 100%
    }
}

.related-publications-block .related-publication .sub-info {
    width: 30%;
    color: #838383;
    margin-top: 0;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    opacity: .75
}

@media (max-width: 800px) {
    .related-publications-block .related-publication .sub-info {
        width: 100%;
        justify-content: flex-start
    }
}

.related-publications-block .related-publication:hover {
    border-left: 4px solid #6c94c4
}

    .related-publications-block .related-publication:hover .pub-title, .related-publications-block .related-publication:hover .sub-info {
        color: #28476c
    }

    .related-publications-block .related-publication:hover .sub-info {
        opacity: 1
    }

.wrap[data-page=study-issue] .main-n-side-layout {
    gap: 5%
}

@media (max-width: 1024px) {
    .wrap[data-page=study-issue] .main-n-side-layout {
        gap: 3%
    }
}

.wrap[data-page=study-issue] .page-bg {
    padding-top: 56px
}

.wrap[data-page=study-issue] .breadcrumb {
    margin-bottom: 48px
}

.wrap[data-page=study-issue] h1 {
    margin-bottom: 32PX
}

.wrap[data-page=study-issue] .right-bar {
    border-left: 0;
    padding-left: 0
}

.study-issue-banner {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding-bottom: 60px;
    position: relative
}

    .study-issue-banner .right-col {
        width: 28.5%
    }

@media (max-width: 800px) {
    .study-issue-banner .right-col {
        display: none
    }
}

.create-issue-tool {
    box-sizing: border-box;
    padding: 18px 24px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    background-color: #eef1f5;
    margin-top: 24px
}

    .create-issue-tool .notice-icon {
        min-width: 32px;
        height: 32px;
        margin-right: 8px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,<svg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56193 1.80005C4.33831 1.80005 0.900024 4.71737 0.900024 8.30362C0.900024 11.8899 4.33831 14.8072 8.56193 14.8072C9.35214 14.8063 10.1385 14.7 10.8988 14.4913L13.547 16.1265C13.6193 16.1715 13.7027 16.1968 13.7885 16.1998C13.8744 16.2027 13.9595 16.1832 14.0349 16.1433C14.1103 16.1034 14.1732 16.0446 14.2171 15.973C14.261 15.9014 14.2843 15.8196 14.2844 15.7363V12.6099C14.8836 12.0523 15.3617 11.3841 15.6907 10.6445C16.0197 9.90497 16.1928 9.10906 16.1999 8.30362C16.2238 4.71737 12.7856 1.80005 8.56193 1.80005ZM8.04954 4.87996C8.04168 4.78962 8.05323 4.69868 8.08348 4.61289C8.11372 4.52711 8.16199 4.44835 8.22523 4.3816C8.28848 4.31485 8.36531 4.26156 8.45089 4.22511C8.53646 4.18866 8.6289 4.16984 8.72235 4.16984C8.81581 4.16984 8.90825 4.18866 8.99382 4.22511C9.0794 4.26156 9.15623 4.31485 9.21948 4.3816C9.28272 4.44835 9.33099 4.52711 9.36123 4.61289C9.39148 4.69868 9.40303 4.78962 9.39517 4.87996V9.41852C9.40303 9.50886 9.39148 9.5998 9.36123 9.68559C9.33099 9.77137 9.28272 9.85013 9.21948 9.91688C9.15623 9.98363 9.0794 10.0369 8.99382 10.0734C8.90825 10.1098 8.81581 10.1286 8.72235 10.1286C8.6289 10.1286 8.53646 10.1098 8.45089 10.0734C8.36531 10.0369 8.28848 9.98363 8.22523 9.91688C8.16199 9.85013 8.11372 9.77137 8.08348 9.68559C8.05323 9.5998 8.04168 9.50886 8.04954 9.41852V4.87996ZM8.72475 12.9397C8.54764 12.9397 8.37451 12.8888 8.22724 12.7933C8.07998 12.6979 7.96521 12.5622 7.89743 12.4035C7.82965 12.2448 7.81192 12.0701 7.84647 11.9016C7.88102 11.7331 7.96631 11.5783 8.09155 11.4568C8.21678 11.3353 8.37634 11.2526 8.55005 11.2191C8.72376 11.1855 8.90381 11.2027 9.06744 11.2685C9.23106 11.3342 9.37092 11.4456 9.46932 11.5884C9.56772 11.7313 9.62023 11.8992 9.62023 12.0711C9.61897 12.3006 9.52407 12.5204 9.35627 12.6823C9.18847 12.8442 8.96142 12.9351 8.72475 12.9351V12.9397Z' fill='%23F5A200'/></svg>")
    }

@media (max-width: 800px) {
    .create-issue-tool .notice-icon {
        width: 24px;
        height: 24px
    }
}

.create-issue-tool .notes {
    margin-right: 24px
}

    .create-issue-tool .notes .note {
        font-size: 15px;
        color: #28476c;
        margin-bottom: 4px
    }

.create-issue-tool .create-issue-btn {
    display: flex;
    align-items: center;
    padding: 10px 18px;
    gap: 6px;
    letter-spacing: .05em
}

    .create-issue-tool .create-issue-btn::after {
        content: "";
        display: inline-block;
        width: 32px;
        height: 32px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9998 16.0664C18.3312 16.0664 18.5998 16.335 18.5998 16.6664C18.5998 16.9978 18.3312 17.2664 17.9998 17.2664H11.3334C11.002 17.2664 10.7334 16.9978 10.7334 16.6664C10.7334 16.335 11.002 16.0664 11.3334 16.0664H17.9998ZM20.667 12.0664C20.9982 12.0665 21.267 12.3351 21.267 12.6664C21.267 12.9977 20.9982 13.2663 20.667 13.2664H11.3334C11.002 13.2664 10.7334 12.9978 10.7334 12.6664C10.7334 12.335 11.002 12.0664 11.3334 12.0664H20.667Z' fill='%23FFFFFF'/%3E%3Cpath d='M19.6004 6.66602C20.7082 6.66602 21.5817 6.66629 22.2816 6.72227C22.9895 6.78092 23.5819 6.89924 24.1191 7.17383C24.9974 7.62122 25.7115 8.33546 26.159 9.21367C26.4323 9.75096 26.5524 10.3433 26.6098 11.0512C26.6671 11.7511 26.6676 12.6232 26.6676 13.7324V15.5996C26.6676 16.1137 26.6664 16.5773 26.6605 16.9965C26.2572 16.7023 25.8103 16.4649 25.3309 16.2957C25.3314 16.078 25.334 15.8464 25.334 15.5996V13.7324C25.334 12.6019 25.3336 11.7923 25.2816 11.159C25.2296 10.5339 25.1326 10.1377 24.9699 9.81914C24.6506 9.1919 24.1406 8.68194 23.5137 8.36211C23.195 8.19951 22.799 8.10339 22.1738 8.05273C21.5392 7.99941 20.731 7.99961 19.6004 7.99961H12.4004C11.2699 7.99961 10.4602 7.99918 9.82695 8.05117C9.20182 8.10318 8.80572 8.20081 8.48711 8.36211C7.85974 8.68172 7.34968 9.19177 7.03008 9.81914C6.86744 10.1377 6.77138 10.5339 6.7207 11.159C6.66737 11.7923 6.66758 12.6019 6.66758 13.7324V24.3895L9.13945 21.9184C9.51411 21.5435 10.0227 21.3329 10.5527 21.3324H18.4035C18.4151 21.7946 18.4867 22.2414 18.6113 22.666H10.5527C10.3763 22.6661 10.2066 22.7359 10.0816 22.8605L7.49648 25.4457C6.69782 26.2444 5.33398 25.6792 5.33398 24.5512V13.7324C5.33398 12.6245 5.33424 11.7511 5.39023 11.0512C5.44891 10.3433 5.56872 9.75096 5.84336 9.21367C6.29102 8.33597 7.00363 7.6209 7.88164 7.17383C8.41894 6.90051 9.01121 6.78039 9.71914 6.72305C10.4191 6.66572 11.2912 6.66602 12.4004 6.66602H19.6004Z' fill='%23FFFFFF'/%3E%3Ccircle cx='23.2002' cy='20.7998' r='4' fill='%23F5A200'/%3E%3Cpath d='M23.1998 18.4004C23.4207 18.4004 23.5998 18.5795 23.5998 18.8004V20.4004H25.1998C25.4207 20.4004 25.5998 20.5795 25.5998 20.8004C25.5998 21.0213 25.4207 21.2004 25.1998 21.2004H23.5998V22.8004C23.5998 23.0213 23.4207 23.2004 23.1998 23.2004C22.9789 23.2004 22.7998 23.0213 22.7998 22.8004V21.2004H21.1998C20.9789 21.2004 20.7998 21.0213 20.7998 20.8004C20.7998 20.5795 20.9789 20.4004 21.1998 20.4004H22.7998V18.8004C22.7998 18.5795 22.9789 18.4004 23.1998 18.4004Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A")
    }

@media (max-width: 640px) {
    .create-issue-tool .create-issue-btn {
        width: 100%;
        justify-content: center;
        margin-top: 12px
    }
}

.sort-tool-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 18px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 32px;
    font-size: 18px
}

@media (max-width: 640px) {
    .sort-tool-bar {
        font-size: 15px;
        flex-direction: column;
        align-items: flex-start
    }

        .sort-tool-bar > span {
            margin-bottom: 8px
        }
}

.sort-tool-bar .tab-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    letter-spacing: .05em
}

@media (max-width: 640px) {
    .sort-tool-bar .tab-wrapper {
        gap: 6px
    }
}

.sort-tool-bar .sort-tab {
    background-color: #dae2ec;
    color: #28476c;
    box-sizing: border-box;
    padding: 8px 16px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all .3s ease
}

    .sort-tool-bar .sort-tab[data-sort-type=pub-date]::after {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        transition: all .3s ease;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.2041 13.1025L9 12.3066L11.415 14.7217V2.01758L12.54 2.0166V14.7217L14.9541 12.3066L15.75 13.1025L11.9775 16.875L8.2041 13.1025Z' fill='%2328476C'/%3E%3Cpath d='M4.10254 14.9707V4.8916L2.2041 6.41016L1.50098 5.53125L4.66504 3L7.8291 5.53125L7.12598 6.41016L5.22754 4.8916V14.9717L4.10254 14.9707Z' fill='%2328476C'/%3E%3C/svg%3E%0A")
    }

    .sort-tool-bar .sort-tab.active {
        background-color: #28476c;
        color: #fff
    }

        .sort-tool-bar .sort-tab.active[data-sort-type=pub-date]::after {
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.2041 13.1025L9 12.3066L11.415 14.7217V2.01758L12.54 2.0166V14.7217L14.9541 12.3066L15.75 13.1025L11.9775 16.875L8.2041 13.1025Z' fill='%23ffffff'/%3E%3Cpath d='M4.10254 14.9707V4.8916L2.2041 6.41016L1.50098 5.53125L4.66504 3L7.8291 5.53125L7.12598 6.41016L5.22754 4.8916V14.9717L4.10254 14.9707Z' fill='%23ffffff'/%3E%3C/svg%3E%0A")
        }

.issue-cards {
    flex-wrap: wrap;
    margin: 0 -12px
}

    .issue-cards .card-container {
        box-sizing: border-box;
        padding: 0 12px;
        margin-bottom: 24px
    }

@media (max-width: 640px) {
    .issue-cards .card-container {
        margin-bottom: 16px
    }
}

.issue-card {
    box-sizing: border-box;
    padding: 24px 18px;
    border-radius: 10px;
    outline: 1px solid #dae2ec;
    height: 318px;
    background-color: #fff
}

@media (max-width: 640px) {
    .issue-card {
        height: 220px;
        min-height: 180px;
        padding: 18px 12px
    }
}

.issue-card .issue-title {
    color: #1b1b1b;
    line-height: 1.6;
    letter-spacing: .05em;
    transition: all .3s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 58px
}

    .issue-card .issue-title::before {
        content: "";
        display: inline-block;
        min-width: 24px;
        width: 24px;
        height: 24px;
        margin-right: 6px;
        vertical-align: middle;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='5.34766' width='2.57143' height='13.3043' fill='%23B1BFCF'/%3E%3Crect x='8.14258' y='6.91309' width='2.57143' height='10.1739' fill='%235D81AC'/%3E%3Crect x='18.4287' y='8.47803' width='2.57143' height='7.04348' fill='%235D81AC'/%3E%3Crect x='13.2861' y='3' width='2.57143' height='18' fill='%239BBADD'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center
    }

.issue-card .issue-desc {
    color: #838383;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .3s ease;
    height: 77px
}

@media (max-width: 640px) {
    .issue-card .issue-desc {
        -webkit-line-clamp: 2;
        font-size: 15px;
        height: 50px
    }
}

.issue-card .sub-info {
    display: flex;
    align-items: center;
    color: #838383;
    opacity: .8;
    transition: opacity .3s ease;
    font-size: 14px;
    line-height: 1.6;
    gap: 8px;
    margin-bottom: 18px
}

@media (max-width: 640px) {
    .issue-card .sub-info {
        margin-bottom: 8px
    }
}

.issue-card .sub-info .view-count {
    display: flex;
    align-items: center
}

@media (max-width: 640px) {
    .issue-card .sub-info .view-count {
        font-size: 13px
    }
}

.issue-card .sub-info .view-count::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4003 8.19727C15.8469 5.09736 12.7714 3 9.25 3C5.72856 3 2.65228 5.09883 1.09967 8.19756C1.03414 8.33013 1 8.4766 1 8.62515C1 8.7737 1.03414 8.92016 1.09967 9.05273C2.65314 12.1526 5.72856 14.25 9.25 14.25C12.7714 14.25 15.8477 12.1512 17.4003 9.05244C17.4659 8.91987 17.5 8.7734 17.5 8.62485C17.5 8.4763 17.4659 8.32984 17.4003 8.19727ZM9.25 12.8438C8.43415 12.8438 7.63662 12.5963 6.95827 12.1328C6.27991 11.6692 5.7512 11.0103 5.43899 10.2394C5.12678 9.46857 5.04509 8.62032 5.20425 7.80196C5.36342 6.98361 5.75629 6.2319 6.33318 5.64189C6.91007 5.05189 7.64508 4.65009 8.44525 4.48731C9.24542 4.32453 10.0748 4.40808 10.8286 4.72738C11.5823 5.04669 12.2266 5.58742 12.6798 6.28119C13.1331 6.97496 13.375 7.79061 13.375 8.625C13.3753 9.17909 13.2688 9.7278 13.0615 10.2398C12.8543 10.7517 12.5505 11.2169 12.1674 11.6087C11.7843 12.0005 11.3295 12.3112 10.8289 12.5232C10.3283 12.7351 9.79178 12.844 9.25 12.8438ZM9.25 5.8125C9.00454 5.816 8.76067 5.85335 8.52497 5.92353C8.71925 6.19356 8.81249 6.52585 8.78776 6.86014C8.76303 7.19443 8.62198 7.5086 8.39019 7.74565C8.1584 7.98271 7.85122 8.12696 7.52436 8.15225C7.19749 8.17754 6.87258 8.08219 6.60856 7.8835C6.45822 8.44998 6.48536 9.05041 6.68616 9.60029C6.88696 10.1502 7.25131 10.6218 7.72793 10.9488C8.20455 11.2758 8.76944 11.4417 9.34309 11.4232C9.91674 11.4047 10.4703 11.2026 10.9257 10.8455C11.3812 10.4884 11.7158 9.99416 11.8822 9.43242C12.0487 8.87067 12.0387 8.26968 11.8537 7.71404C11.6687 7.15839 11.318 6.67607 10.8509 6.33495C10.3838 5.99384 9.82393 5.81112 9.25 5.8125Z' fill='%23838383'/%3E%3C/svg%3E");
    margin-right: 4px
}

@media (max-width: 640px) {
    .issue-card .sub-info .view-count::before {
        display: none
    }
}

.issue-card-main {
    display: block;
    margin-bottom: 56px
}

@media (max-width: 800px) {
    .issue-card-main {
        margin-bottom: 36px
    }
}

@media (max-width: 640px) {
    .issue-card-main {
        margin-bottom: 20px
    }
}

.issue-card-main:hover .issue-desc, .issue-card-main:hover .issue-title {
    color: #28476c
}

.issue-card-main:hover .issue-title {
    text-decoration: underline
}

.interaction-tools {
    display: flex;
    gap: 24px
}

    .interaction-tools .tool {
        color: #28476c;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 6px;
        box-sizing: border-box;
        padding: 4px;
        transition: all .3s ease
    }

@media (max-width: 640px) {
    .interaction-tools .tool {
        font-size: 15px
    }
}

.interaction-tools .tool::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    transition: all .3s ease
}

@media (max-width: 640px) {
    .interaction-tools .tool::before {
        width: 18px;
        height: 18px
    }
}

.interaction-tools .tool[data-interact=likes]::before {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.0097 21.5703C17.9672 21.6476 19.8267 20.4004 20.3918 18.2313C20.8762 16.3716 21.4031 13.6233 21.5945 10.0287C21.7074 7.91797 20.1231 6.20484 18.2068 6.30352C16.6621 6.38323 15.2571 6.51227 14.3851 6.60146L14.2939 4.61839C14.2358 3.33651 13.6225 1.80604 12.1328 1.43836C11.7256 1.34028 11.3136 1.26695 10.8989 1.21871C9.55334 1.05456 8.404 2.0015 7.98428 3.28622L6.76028 7.03081C6.61455 6.95555 6.46132 6.89903 6.30367 6.86239C5.75104 6.73433 5.18754 6.67071 4.62263 6.67262C3.95681 6.67262 3.38995 6.75707 2.94159 6.86239C1.85648 7.11763 1.29006 8.18269 1.26315 9.19178C1.22046 10.8397 1.19948 12.4881 1.20021 14.1366C1.20021 16.2948 1.23494 18.0297 1.26315 19.0806C1.29006 20.0901 1.85605 21.1552 2.94159 21.4104C3.38952 21.5157 3.95724 21.6002 4.62263 21.6002C5.28802 21.6002 5.85574 21.5157 6.30367 21.4104C6.71905 21.3158 7.09668 21.0808 7.38313 20.7387C7.48181 20.7548 7.6003 20.7733 7.73861 20.7942C8.18481 20.862 8.8311 20.9545 9.63451 21.0527C11.2405 21.2496 13.4788 21.4707 16.0097 21.5703ZM7.98688 18.9159C8.41919 18.9819 9.04681 19.0711 9.82809 19.1674C11.4015 19.36 13.5951 19.5768 16.0722 19.6745C17.3374 19.7243 18.4039 18.9344 18.722 17.7123C19.1734 15.9779 19.6778 13.3667 19.8614 9.91907C19.913 8.95125 19.1912 8.15328 18.2884 8.19977C16.1247 8.31126 14.2362 8.52143 13.7692 8.57599C13.637 8.59134 13.5034 8.57705 13.3765 8.534C13.2496 8.49095 13.1321 8.42005 13.0311 8.32563C12.9301 8.23121 12.8479 8.11526 12.7893 7.98488C12.7308 7.8545 12.6972 7.71244 12.6906 7.56737L12.5604 4.71375C12.5213 3.86691 12.1637 3.39202 11.7505 3.29002C11.4058 3.2073 11.0571 3.14553 10.7062 3.105C10.2634 3.05091 9.80422 3.35786 9.61888 3.92526L7.9947 8.89575L7.96866 8.9764C7.9756 9.04914 7.98023 9.12125 7.98254 9.19273C8.01032 10.2436 8.04548 11.9785 8.04548 14.1366C8.04548 16.1857 8.0138 17.8532 7.98688 18.9159ZM5.49115 16.9281C5.49115 16.6765 5.39969 16.4351 5.23689 16.2572C5.07409 16.0793 4.85329 15.9793 4.62306 15.9793C4.39283 15.9793 4.17203 16.0793 4.00924 16.2572C3.84644 16.4351 3.75498 16.6765 3.75498 16.9281V17.8589C3.75498 18.1106 3.84644 18.3519 4.00924 18.5299C4.17203 18.7078 4.39283 18.8078 4.62306 18.8078C4.85329 18.8078 5.07409 18.7078 5.23689 18.5299C5.39969 18.3519 5.49115 18.1106 5.49115 17.8589V16.9281Z' fill='%2328476C'/%3E%3C/svg%3E%0A")
}

.interaction-tools .tool[data-interact=comments]::before {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.4502 11.3545V9.4834C21.4502 8.35025 21.4501 7.53908 21.3975 6.9043C21.3448 6.27746 21.2458 5.87998 21.0811 5.56055C20.7578 4.93192 20.2421 4.42016 19.6074 4.09961C19.2849 3.93661 18.8838 3.84083 18.251 3.79004C17.6084 3.73658 16.7893 3.73633 15.6445 3.73633H8.35547C7.21067 3.73633 6.39027 3.73694 5.74902 3.78906C5.1162 3.8412 4.71513 3.93795 4.39258 4.09961C3.75727 4.41998 3.24063 4.9316 2.91699 5.56055C2.75229 5.87998 2.65482 6.27746 2.60352 6.9043C2.54954 7.53907 2.5498 8.35027 2.5498 9.4834V20.166L5.05273 17.6885L5.05371 17.6895C5.43304 17.3138 5.94781 17.102 6.48438 17.1016H15.6445C16.7893 17.1016 17.6084 17.1019 18.251 17.0498C18.8839 16.9977 19.2849 16.9013 19.6074 16.7383C20.242 16.418 20.7576 15.9056 21.0811 15.2773C21.2471 14.9579 21.3452 14.5613 21.3965 13.9346C21.4505 13.2997 21.4502 12.4879 21.4502 11.3545ZM22.7998 11.3545C22.7998 12.4652 22.8002 13.3413 22.7422 14.043C22.6841 14.7525 22.5628 15.3462 22.2861 15.8848C21.8331 16.7652 21.1091 17.4812 20.2197 17.9297C19.6758 18.2035 19.076 18.3234 18.3594 18.3809C17.6507 18.4383 16.7675 18.4385 15.6445 18.4385H6.48438C6.30576 18.4385 6.1343 18.5089 6.00781 18.6338L3.38965 21.2256L3.3125 21.2959C2.49633 21.9898 1.2002 21.4236 1.2002 20.3281V9.4834C1.2002 8.37286 1.20014 7.49753 1.25684 6.7959C1.31624 6.0862 1.43772 5.49273 1.71582 4.9541C2.16911 4.07412 2.89112 3.35736 3.78027 2.90918C4.32423 2.63532 4.92393 2.51449 5.64062 2.45703C6.34929 2.3996 7.23254 2.40039 8.35547 2.40039H15.6445C16.7661 2.40039 17.6507 2.39996 18.3594 2.45605C19.0761 2.51485 19.6758 2.63398 20.2197 2.90918C21.1091 3.35772 21.8331 4.07359 22.2861 4.9541C22.5628 5.49268 22.6841 6.08628 22.7422 6.7959C22.8002 7.49752 22.7998 8.37154 22.7998 9.4834V11.3545Z' fill='%2328476C'/%3E%3Cpath d='M14.0566 11.2807C14.4543 11.2807 14.7773 11.6026 14.7773 12.0002C14.7773 12.3978 14.4543 12.7197 14.0566 12.7197H7.2C6.80235 12.7197 6.48047 12.3978 6.48047 12.0002C6.48047 11.6026 6.80235 11.2807 7.2 11.2807H14.0566ZM16.8 7.68066C17.1976 7.68066 17.5195 8.00255 17.5195 8.4002C17.5195 8.79784 17.1976 9.11973 16.8 9.11973H7.2C6.80235 9.11973 6.48047 8.79784 6.48047 8.4002C6.48047 8.00255 6.80235 7.68066 7.2 7.68066H16.8Z' fill='%2328476C'/%3E%3C/svg%3E%0A")
}

.interaction-tools .tool:hover {
    color: #6c94c4
}

    .interaction-tools .tool:hover[data-interact=likes]::before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.0097 21.5703C17.9672 21.6476 19.8267 20.4004 20.3918 18.2313C20.8762 16.3716 21.4031 13.6233 21.5945 10.0287C21.7074 7.91797 20.1231 6.20484 18.2068 6.30352C16.6621 6.38323 15.2571 6.51227 14.3851 6.60146L14.2939 4.61839C14.2358 3.33651 13.6225 1.80604 12.1328 1.43836C11.7256 1.34028 11.3136 1.26695 10.8989 1.21871C9.55334 1.05456 8.404 2.0015 7.98428 3.28622L6.76028 7.03081C6.61455 6.95555 6.46132 6.89903 6.30367 6.86239C5.75104 6.73433 5.18754 6.67071 4.62263 6.67262C3.95681 6.67262 3.38995 6.75707 2.94159 6.86239C1.85648 7.11763 1.29006 8.18269 1.26315 9.19178C1.22046 10.8397 1.19948 12.4881 1.20021 14.1366C1.20021 16.2948 1.23494 18.0297 1.26315 19.0806C1.29006 20.0901 1.85605 21.1552 2.94159 21.4104C3.38952 21.5157 3.95724 21.6002 4.62263 21.6002C5.28802 21.6002 5.85574 21.5157 6.30367 21.4104C6.71905 21.3158 7.09668 21.0808 7.38313 20.7387C7.48181 20.7548 7.6003 20.7733 7.73861 20.7942C8.18481 20.862 8.8311 20.9545 9.63451 21.0527C11.2405 21.2496 13.4788 21.4707 16.0097 21.5703ZM7.98688 18.9159C8.41919 18.9819 9.04681 19.0711 9.82809 19.1674C11.4015 19.36 13.5951 19.5768 16.0722 19.6745C17.3374 19.7243 18.4039 18.9344 18.722 17.7123C19.1734 15.9779 19.6778 13.3667 19.8614 9.91907C19.913 8.95125 19.1912 8.15328 18.2884 8.19977C16.1247 8.31126 14.2362 8.52143 13.7692 8.57599C13.637 8.59134 13.5034 8.57705 13.3765 8.534C13.2496 8.49095 13.1321 8.42005 13.0311 8.32563C12.9301 8.23121 12.8479 8.11526 12.7893 7.98488C12.7308 7.8545 12.6972 7.71244 12.6906 7.56737L12.5604 4.71375C12.5213 3.86691 12.1637 3.39202 11.7505 3.29002C11.4058 3.2073 11.0571 3.14553 10.7062 3.105C10.2634 3.05091 9.80422 3.35786 9.61888 3.92526L7.9947 8.89575L7.96866 8.9764C7.9756 9.04914 7.98023 9.12125 7.98254 9.19273C8.01032 10.2436 8.04548 11.9785 8.04548 14.1366C8.04548 16.1857 8.0138 17.8532 7.98688 18.9159ZM5.49115 16.9281C5.49115 16.6765 5.39969 16.4351 5.23689 16.2572C5.07409 16.0793 4.85329 15.9793 4.62306 15.9793C4.39283 15.9793 4.17203 16.0793 4.00924 16.2572C3.84644 16.4351 3.75498 16.6765 3.75498 16.9281V17.8589C3.75498 18.1106 3.84644 18.3519 4.00924 18.5299C4.17203 18.7078 4.39283 18.8078 4.62306 18.8078C4.85329 18.8078 5.07409 18.7078 5.23689 18.5299C5.39969 18.3519 5.49115 18.1106 5.49115 17.8589V16.9281Z' fill='%236C94C4'/%3E%3C/svg%3E%0A")
    }

    .interaction-tools .tool:hover[data-interact=comments]::before {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.4502 11.3545V9.4834C21.4502 8.35025 21.4501 7.53908 21.3975 6.9043C21.3448 6.27746 21.2458 5.87998 21.0811 5.56055C20.7578 4.93192 20.2421 4.42016 19.6074 4.09961C19.2849 3.93661 18.8838 3.84083 18.251 3.79004C17.6084 3.73658 16.7893 3.73633 15.6445 3.73633H8.35547C7.21067 3.73633 6.39027 3.73694 5.74902 3.78906C5.1162 3.8412 4.71513 3.93795 4.39258 4.09961C3.75727 4.41998 3.24063 4.9316 2.91699 5.56055C2.75229 5.87998 2.65482 6.27746 2.60352 6.9043C2.54954 7.53907 2.5498 8.35027 2.5498 9.4834V20.166L5.05273 17.6885L5.05371 17.6895C5.43304 17.3138 5.94781 17.102 6.48438 17.1016H15.6445C16.7893 17.1016 17.6084 17.1019 18.251 17.0498C18.8839 16.9977 19.2849 16.9013 19.6074 16.7383C20.242 16.418 20.7576 15.9056 21.0811 15.2773C21.2471 14.9579 21.3452 14.5613 21.3965 13.9346C21.4505 13.2997 21.4502 12.4879 21.4502 11.3545ZM22.7998 11.3545C22.7998 12.4652 22.8002 13.3413 22.7422 14.043C22.6841 14.7525 22.5628 15.3462 22.2861 15.8848C21.8331 16.7652 21.1091 17.4812 20.2197 17.9297C19.6758 18.2035 19.076 18.3234 18.3594 18.3809C17.6507 18.4383 16.7675 18.4385 15.6445 18.4385H6.48438C6.30576 18.4385 6.1343 18.5089 6.00781 18.6338L3.38965 21.2256L3.3125 21.2959C2.49633 21.9898 1.2002 21.4236 1.2002 20.3281V9.4834C1.2002 8.37286 1.20014 7.49753 1.25684 6.7959C1.31624 6.0862 1.43772 5.49273 1.71582 4.9541C2.16911 4.07412 2.89112 3.35736 3.78027 2.90918C4.32423 2.63532 4.92393 2.51449 5.64062 2.45703C6.34929 2.3996 7.23254 2.40039 8.35547 2.40039H15.6445C16.7661 2.40039 17.6507 2.39996 18.3594 2.45605C19.0761 2.51485 19.6758 2.63398 20.2197 2.90918C21.1091 3.35772 21.8331 4.07359 22.2861 4.9541C22.5628 5.49268 22.6841 6.08628 22.7422 6.7959C22.8002 7.49752 22.7998 8.37154 22.7998 9.4834V11.3545Z' fill='%236C94C4'/%3E%3Cpath d='M14.0566 11.2807C14.4543 11.2807 14.7773 11.6026 14.7773 12.0002C14.7773 12.3978 14.4543 12.7197 14.0566 12.7197H7.2C6.80235 12.7197 6.48047 12.3978 6.48047 12.0002C6.48047 11.6026 6.80235 11.2807 7.2 11.2807H14.0566ZM16.8 7.68066C17.1976 7.68066 17.5195 8.00255 17.5195 8.4002C17.5195 8.79784 17.1976 9.11973 16.8 9.11973H7.2C6.80235 9.11973 6.48047 8.79784 6.48047 8.4002C6.48047 8.00255 6.80235 7.68066 7.2 7.68066H16.8Z' fill='%236C94C4'/%3E%3C/svg%3E%0A")
    }

.colorbox-body[data-colorbox-type=create-issue] {
    background-image: url(../images/background/create-issue-bg.png),linear-gradient(#fff 33%,#dae2ec 100%)
}

    .colorbox-body[data-colorbox-type=create-issue] .colorbox-container {
        padding: 36px 60px
    }

@media (max-width: 800px) {
    .colorbox-body[data-colorbox-type=create-issue] .colorbox-container {
        padding: 24px 40px
    }
}

@media (max-width: 640px) {
    .colorbox-body[data-colorbox-type=create-issue] .colorbox-container {
        padding: 18px 24px
    }
}

@media (max-width: 640px) {
    .colorbox-body[data-colorbox-type=create-issue] .colorbox-title-wrapper .title {
        font-size: 20px
    }

        .colorbox-body[data-colorbox-type=create-issue] .colorbox-title-wrapper .title::before {
            width: 28px;
            height: 28px
        }
}

.colorbox-body[data-colorbox-type=create-issue] .input-group {
    margin-bottom: 28px
}

@media (max-width: 640px) {
    .colorbox-body[data-colorbox-type=create-issue] .input-group {
        margin-bottom: 18px
    }
}

.colorbox-body[data-colorbox-type=create-issue] .input-group.last-group {
    margin-bottom: 0
}

.colorbox-body[data-colorbox-type=create-issue] .input-group .input-title {
    font-size: 18px;
    display: block;
    margin-bottom: 14px
}

@media (max-width: 640px) {
    .colorbox-body[data-colorbox-type=create-issue] .input-group .input-title {
        font-size: 16px;
        margin-bottom: 8px
    }
}

.colorbox-body[data-colorbox-type=create-issue] .input-group input[type=text], .colorbox-body[data-colorbox-type=create-issue] .input-group textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 16px;
    border: 1px solid #dae2ec;
    background-color: #fff;
    font-size: 16px
}

    .colorbox-body[data-colorbox-type=create-issue] .input-group input[type=text]::placeholder, .colorbox-body[data-colorbox-type=create-issue] .input-group textarea::placeholder {
        color: #838383;
        opacity: .6
    }

.colorbox-body[data-colorbox-type=create-issue] .input-group .input-file-wrapper {
    margin-bottom: 14px
}

.colorbox-body[data-colorbox-type=create-issue] .input-group .notes p {
    margin: 0 0 6px
}

@media (max-width: 640px) {
    .colorbox-body[data-colorbox-type=create-issue] .btns-center {
        padding-top: 18px
    }
}

@media (max-width: 640px) {
    .colorbox-body[data-colorbox-type=create-issue] .btns-center .btn, .colorbox-body[data-colorbox-type=create-issue] .btns-center .btn-accent, .colorbox-body[data-colorbox-type=create-issue] .btns-center .btn-outerline, .colorbox-body[data-colorbox-type=create-issue] .btns-center .btn-primary, .colorbox-body[data-colorbox-type=create-issue] .btns-center .btn-second, .colorbox-body[data-colorbox-type=create-issue] .btns-center .btn-sm {
        padding: .5em 1.2em .65em
    }
}

.issue-post-block {
    background-image: url(../images/background/itis-parallelogram-bg.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #fff;
    box-sizing: border-box;
    padding: 32px 24px 48px;
    border-radius: 10px;
    border: 2px solid #dae2ec
}

@media (max-width: 640px) {
    .issue-post-block {
        padding: 18px 16px 28px
    }
}

.issue-post-block h1 {
    display: flex;
    gap: 6px;
    color: #28476c;
    margin: 0 0 32px
}

@media (max-width: 800px) {
    .issue-post-block h1 {
        font-size: 24px;
        gap: 2px
    }
}

.issue-post-block h1::before {
    content: "";
    display: inline-block;
    min-width: 36px;
    width: 36px;
    height: 36px;
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='37' viewBox='0 0 36 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.5' x='4.5' y='7.95898' width='3.85696' height='19.9568' fill='%2328476C'/%3E%3Crect opacity='0.5' x='12.2148' y='10.3066' width='3.85696' height='15.2611' fill='%2328476C'/%3E%3Crect opacity='0.5' x='27.6426' y='12.6553' width='3.85696' height='10.5654' fill='%2328476C'/%3E%3Crect opacity='0.5' x='19.9258' y='4.4375' width='3.85696' height='27.0004' fill='%2328476C'/%3E%3C/svg%3E%0A");
    background-size: contain
}

@media (max-width: 800px) {
    .issue-post-block h1::before {
        min-width: 28px;
        width: 28px;
        height: 28px
    }
}

.issue-post-info-list {
    margin-bottom: 36px
}

    .issue-post-info-list li {
        margin-bottom: 6px
    }

.proposal-reason {
    border-left: 3px solid #f5a200;
    box-sizing: border-box;
    padding: 4px 0 4px 18px;
    margin-bottom: 32px
}

    .proposal-reason h2 {
        margin-bottom: 14px
    }

    .proposal-reason p {
        font-size: 17px;
        line-height: 1.6;
        margin: 0
    }

.issue-post-footer {
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .issue-post-footer .sub-info {
        display: flex;
        align-items: center;
        color: #838383;
        opacity: .8;
        font-size: 15px;
        line-height: 1.6
    }

        .issue-post-footer .sub-info .view-count {
            display: flex;
            align-items: center
        }

            .issue-post-footer .sub-info .view-count::before {
                content: "";
                display: inline-block;
                width: 18px;
                height: 18px;
                display: inline-block;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4003 8.19727C15.8469 5.09736 12.7714 3 9.25 3C5.72856 3 2.65228 5.09883 1.09967 8.19756C1.03414 8.33013 1 8.4766 1 8.62515C1 8.7737 1.03414 8.92016 1.09967 9.05273C2.65314 12.1526 5.72856 14.25 9.25 14.25C12.7714 14.25 15.8477 12.1512 17.4003 9.05244C17.4659 8.91987 17.5 8.7734 17.5 8.62485C17.5 8.4763 17.4659 8.32984 17.4003 8.19727ZM9.25 12.8438C8.43415 12.8438 7.63662 12.5963 6.95827 12.1328C6.27991 11.6692 5.7512 11.0103 5.43899 10.2394C5.12678 9.46857 5.04509 8.62032 5.20425 7.80196C5.36342 6.98361 5.75629 6.2319 6.33318 5.64189C6.91007 5.05189 7.64508 4.65009 8.44525 4.48731C9.24542 4.32453 10.0748 4.40808 10.8286 4.72738C11.5823 5.04669 12.2266 5.58742 12.6798 6.28119C13.1331 6.97496 13.375 7.79061 13.375 8.625C13.3753 9.17909 13.2688 9.7278 13.0615 10.2398C12.8543 10.7517 12.5505 11.2169 12.1674 11.6087C11.7843 12.0005 11.3295 12.3112 10.8289 12.5232C10.3283 12.7351 9.79178 12.844 9.25 12.8438ZM9.25 5.8125C9.00454 5.816 8.76067 5.85335 8.52497 5.92353C8.71925 6.19356 8.81249 6.52585 8.78776 6.86014C8.76303 7.19443 8.62198 7.5086 8.39019 7.74565C8.1584 7.98271 7.85122 8.12696 7.52436 8.15225C7.19749 8.17754 6.87258 8.08219 6.60856 7.8835C6.45822 8.44998 6.48536 9.05041 6.68616 9.60029C6.88696 10.1502 7.25131 10.6218 7.72793 10.9488C8.20455 11.2758 8.76944 11.4417 9.34309 11.4232C9.91674 11.4047 10.4703 11.2026 10.9257 10.8455C11.3812 10.4884 11.7158 9.99416 11.8822 9.43242C12.0487 8.87067 12.0387 8.26968 11.8537 7.71404C11.6687 7.15839 11.318 6.67607 10.8509 6.33495C10.3838 5.99384 9.82393 5.81112 9.25 5.8125Z' fill='%23838383'/%3E%3C/svg%3E");
                margin-right: 4px
            }

.leave-comment-form, .other-comments-block {
    box-sizing: border-box;
    padding: 24px;
    margin: 12px 0
}

@media (max-width: 800px) {
    .leave-comment-form, .other-comments-block {
        padding: 18px
    }
}

.leave-comment-form .title-main, .other-comments-block .title-main {
    display: flex;
    align-items: center;
    margin-bottom: 14px
}

    .leave-comment-form .title-main::before, .other-comments-block .title-main::before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1914 8.22266C10.7402 8.22266 10.3906 8.57227 10.3906 9.00391C10.3906 9.43555 10.7402 9.78516 11.1914 9.78516C11.6035 9.78516 11.9531 9.43555 11.9531 9.00391C11.9531 8.57227 11.6035 8.22266 11.1914 8.22266ZM5.72266 8.22266C5.27148 8.22266 4.92188 8.57227 4.92188 9.00391C4.92188 9.43555 5.27148 9.78516 5.72266 9.78516C6.13477 9.78516 6.48438 9.43555 6.48438 9.00391C6.48438 8.57227 6.13477 8.22266 5.72266 8.22266Z' fill='%23333333'/%3E%3Cpath d='M17.4607 6.73818C16.5212 5.44912 15.2087 4.58779 13.7693 4.19912V4.20107C13.4353 3.82998 13.0583 3.48818 12.6365 3.18349C9.43919 0.859272 4.95091 1.56826 2.61693 4.76552C0.736067 7.36318 0.816146 10.8573 2.73411 13.3397L2.74974 15.9296C2.74974 15.9921 2.7595 16.0546 2.77904 16.1132C2.88255 16.4433 3.23411 16.6249 3.56224 16.5214L6.03489 15.7421C6.68919 15.9745 7.36497 16.1073 8.03685 16.1444L8.02708 16.1522C9.76732 17.4198 12.0486 17.8007 14.1404 17.1093L16.6228 17.9179C16.6853 17.9374 16.7497 17.9491 16.8161 17.9491C17.1618 17.9491 17.4411 17.6698 17.4411 17.3241V14.7069C19.1618 12.371 19.2068 9.14248 17.4607 6.73818ZM6.30833 14.3554L6.07396 14.2577L4.14036 14.8632L4.12083 12.8319L3.96458 12.6561C2.31224 10.6405 2.20286 7.73623 3.74974 5.60537C5.63255 3.02333 9.24193 2.45302 11.8161 4.3163C14.3982 6.19326 14.9704 9.79677 13.1052 12.3632C11.5408 14.5097 8.73997 15.3026 6.30833 14.3554ZM16.1716 14.0233L16.0154 14.2186L16.0349 16.2499L14.1208 15.6054L13.8865 15.703C12.7927 16.1093 11.6267 16.1425 10.5466 15.8397L10.5427 15.8378C11.9861 15.3944 13.2947 14.496 14.238 13.203C15.7302 11.1464 15.9724 8.5624 15.1052 6.35927L15.1169 6.36708C15.5661 6.68935 15.9783 7.09169 16.3279 7.57802C17.7458 9.52333 17.6658 12.1718 16.1716 14.0233Z' fill='%23333333'/%3E%3Cpath d='M8.45703 8.22266C8.00586 8.22266 7.65625 8.57227 7.65625 9.00391C7.65625 9.43555 8.00586 9.78516 8.45703 9.78516C8.86914 9.78516 9.21875 9.43555 9.21875 9.00391C9.21875 8.57227 8.86914 8.22266 8.45703 8.22266Z' fill='%23333333'/%3E%3C/svg%3E%0A");
        margin-right: 4px
    }

.other-comment {
    background-color: #fff;
    border-left: 3px solid #6c94c4;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 12px 18px 16px
}

    .other-comment:not(:last-child) {
        margin-bottom: 12px
    }

    .other-comment .comment-info {
        margin-bottom: 12px
    }

    .other-comment p {
        margin: 0
    }

.leave-comment-form {
    background-color: #eef1f5;
    border-radius: 10px
}

    .leave-comment-form .title-main::before {
        display: none;
        background-image: unset
    }

    .leave-comment-form textarea {
        width: 100%;
        font-size: 16px;
        box-sizing: border-box;
        padding: 10px 12px;
        border-radius: 5px;
        border: 1px solid #dae2ec
    }

        .leave-comment-form textarea::placeholder {
            color: #838383;
            opacity: .5
        }

    .leave-comment-form .btns-center {
        padding-top: 16px
    }

@media (max-width: 800px) {
    .right-bar-item[data-right-bar=popular-issue] {
        padding-top: 32px;
        border-top: 1px solid #eaeaea
    }
}

.right-bar-item[data-right-bar=popular-issue] .issue-card-main {
    margin-bottom: 24px
}

@media (max-width: 640px) {
    .right-bar-item[data-right-bar=popular-issue] .issue-card-main {
        margin-bottom: 18px
    }
}

.right-bar-item[data-right-bar=popular-issue] .issue-card {
    min-height: 220px
}

@media (max-width: 640px) {
    .right-bar-item[data-right-bar=popular-issue] .issue-card {
        min-height: 180px
    }
}

.wrap[data-page=news] .container {
    padding-top: 55px
}

.wrap[data-page=news] .news-cover {
    aspect-ratio: 3/1;
    border-radius: 10px;
    margin: 32px 0
}

.wrap[data-page=news] .side-bar-wrapper .right-bar {
    padding-left: 0;
    border-left: 0
}

.wrap[data-page=news] .side-bar-wrapper .right-bar-title {
    background-color: #6c94c4;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border-radius: 5px 5px 0 0;
    width: fit-content;
    padding: 6px 16px;
    margin-bottom: 0;
    margin-left: auto
}

.wrap[data-page=news] .side-bar-wrapper .right-bar-inner {
    background-color: #fff;
    box-sizing: border-box;
    padding: 22px 18px;
    border-radius: 10px 0 10px 10px
}

@media (max-width: 640px) {
    .wrap[data-page=news] .side-bar-wrapper .right-bar-inner {
        padding: 16px 12px
    }
}

.wrap[data-page=news] .side-bar-wrapper .right-bar-item {
    display: block;
    box-sizing: border-box;
    padding: 12px 16px;
    background-color: #f8f8f8;
    transition: all .3s ease
}

@media (max-width: 800px) {
    .wrap[data-page=news] .side-bar-wrapper .right-bar-item {
        padding: 6px 8px
    }
}

.wrap[data-page=news] .side-bar-wrapper .right-bar-item:not(:last-child) {
    margin-bottom: 12px
}

@media (max-width: 800px) {
    .wrap[data-page=news] .side-bar-wrapper .right-bar-item:not(:last-child) {
        margin-bottom: 4px
    }
}

.wrap[data-page=news] .side-bar-wrapper .right-bar-item .news-pub-date {
    color: #838383;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 4px;
    opacity: .65;
    transition: all .3s ease
}

.wrap[data-page=news] .side-bar-wrapper .right-bar-item .news-title {
    font-size: 15px;
    font-weight: 700;
    color: #1b1b1b;
    transition: all .3s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.wrap[data-page=news] .side-bar-wrapper .right-bar-item:hover {
    background-color: #ededed
}

    .wrap[data-page=news] .side-bar-wrapper .right-bar-item:hover .news-pub-date {
        opacity: 1
    }

    .wrap[data-page=news] .side-bar-wrapper .right-bar-item:hover .news-title {
        color: #28476c
    }

.news-head .news-title {
    color: #1b1b1b;
    font-size: 28px;
    font-weight: 700;
    margin: 0
}

@media (max-width: 800px) {
    .news-head .news-title {
        font-size: 24px
    }
}

.news-head .news-pub-date {
    text-align: right;
    color: #838383;
    font-size: 14px
}

.news-content {
    font-family: "Microsoft JhengHei",Arial,Helvetica,sans-serif;
    letter-spacing: .02em;
    line-height: 1.6;
    color: #222;
    font-size: 16px
}

    .news-content p {
        margin: 0
    }

    .news-content a {
        color: #28476c;
        transition: all .3s ease
    }

        .news-content a:hover {
            color: #f5a200
        }

.itis-signature {
    font-size: 17px;
    display: flex;
    align-items: center;
    color: #28476c
}

    .itis-signature::after {
        content: "";
        display: inline-block;
        width: 28px;
        height: 28px;
        background-image: url("data:image/svg+xml,%3Csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.58224 8.25307C9.70388 7.82371 10.0959 7.52734 10.5421 7.52734H15.6684C16.3303 7.52734 16.8087 8.16012 16.6283 8.79697L14.0845 17.7761C13.9628 18.2054 13.5708 18.5018 13.1246 18.5018H7.99827C7.33636 18.5018 6.85795 17.869 7.03838 17.2322L9.58224 8.25307Z' fill='%23F5A100'/%3E%3Cpath d='M16.2319 14.2465C16.3511 13.8136 16.7448 13.5137 17.1938 13.5137H20.0017C20.6606 13.5137 21.1385 14.141 20.9636 14.7762L19.4068 20.4297C19.2876 20.8626 18.8939 21.1625 18.445 21.1625H15.637C14.9782 21.1625 14.5003 20.5352 14.6752 19.9L16.2319 14.2465Z' fill='%23698FBC'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center
    }

.wrap[data-page=video] {
    background-image: url(../images/background/bg-vertical-wave.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 60%
}

@media (max-width: 640px) {
    .wrap[data-page=video] {
        background-size: 300px
    }
}

.wrap[data-page=video] .container {
    padding-top: 55px
}

.wrap[data-page=video] h1 {
    margin-top: 48px
}

.video-play-section {
    display: flex;
    gap: 2%;
    margin-bottom: 48px
}

@media (max-width: 1024px) {
    .video-play-section {
        flex-direction: column-reverse
    }
}

.video-play-section .video-showbox-group {
    width: 62%
}

@media (max-width: 1024px) {
    .video-play-section .video-showbox-group {
        width: 100%;
        margin-top: 24px
    }
}

.video-play-section .video-showbox {
    width: 100%;
    aspect-ratio: 16/9;
    position: relative;
    overflow: hidden;
    border-radius: 10px
}

    .video-play-section .video-showbox video {
        width: 100%;
        height: 100%
    }

.video-play-section .video-info-block {
    width: 36%
}

@media (max-width: 1024px) {
    .video-play-section .video-info-block {
        width: 100%
    }
}

.video-play-section .labels {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 16px 0
}

@media (max-width: 1024px) {
    .video-play-section .labels {
        padding: 12px 0
    }
}

.video-play-section .labels .label {
    font-size: 14px;
    color: #28476c;
    background-color: #dae2ec;
    box-sizing: border-box;
    padding: 6px 16px;
    border-radius: 16px
}

.video-tags {
    position: absolute;
    right: 18px;
    top: 18px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap
}

    .video-tags .video-tag {
        padding: 6px 10px;
        border-radius: 20px;
        font-size: 14px;
        color: #fff;
        display: flex;
        align-items: center;
        gap: 4px;
        line-height: 1.2
    }

        .video-tags .video-tag::before {
            content: "";
            display: inline-block;
            width: 18px;
            height: 18px;
            background-color: #fff;
            border-radius: 50%;
            text-align: center;
            font-size: 5px;
            line-height: 18px
        }

        .video-tags .video-tag[data-video-tag=free] {
            background-color: #6c94c4
        }

            .video-tags .video-tag[data-video-tag=free]::before {
                content: "FREE";
                color: #6c94c4
            }

        .video-tags .video-tag[data-video-tag=new] {
            background-color: #f5a200
        }

            .video-tags .video-tag[data-video-tag=new]::before {
                content: "NEW";
                color: #f5a200
            }

.video-info-block {
    border: 2px solid #dae2ec;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 22px;
    font-family: "Microsoft JhengHei",Arial,Helvetica,sans-serif;
    max-height: 520px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #dae2ec #f6f7f8
}

@media (max-width: 1024px) {
    .video-info-block {
        max-height: unset;
        overflow-y: auto
    }
}

.video-info-block .video-title {
    margin: 0 0 20px;
    line-height: 1.4;
    color: #1b1b1b
}

@media (max-width: 800px) {
    .video-info-block .video-title {
        font-size: 1.3em
    }
}

.video-info-block .info-line {
    font-size: 16px;
    line-height: 1.7;
    color: #28476c
}

    .video-info-block .info-line .video-by {
        font-weight: 700
    }

.video-info-block .btn-primary.btn-post-icon[data-icon=heart] {
    width: 200px;
    max-width: 100%;
    text-align: left;
    margin-bottom: 24px
}

    .video-info-block .btn-primary.btn-post-icon[data-icon=heart]::after {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 19.77C12 19.77 2.5 17.183 2.5 9.413C2.50673 8.30296 2.86976 7.22441 3.53563 6.33612C4.20151 5.44784 5.13505 4.79675 6.19884 4.4787C7.26262 4.16066 8.40043 4.19247 9.44477 4.56944C10.4891 4.94642 11.3848 5.64865 12 6.57275C12.4696 5.85605 13.1096 5.26692 13.8628 4.85808C14.6159 4.44924 15.4587 4.23344 16.3157 4.22999C16.9969 4.2288 17.6715 4.36205 18.3011 4.62209C18.9306 4.88214 19.5026 5.26388 19.9842 5.7454C20.4659 6.22693 20.8477 6.79877 21.1078 7.42814C21.3679 8.05751 21.5012 8.73202 21.5 9.413C21.5 13.5351 18.8263 16.1985 16.3157 17.7907" stroke="%23fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"/></svg>')
    }

.social-share {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 18px 0
}

    .social-share .share-media-icon {
        width: 32px;
        height: 32px;
        min-width: 32px;
        border-radius: 50%;
        border-width: 1px;
        border-style: solid;
        transition: all .3s ease
    }

        .social-share .share-media-icon[data-share-icon=facebook] {
            border-color: #0866ff;
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4498 10.209V12.8425H19.6219L19.1196 16.39H16.4498V24.5633C15.9145 24.6395 15.3668 24.6794 14.8109 24.6794C14.1693 24.6794 13.5391 24.6268 12.9255 24.5252V16.39H10V12.8425H12.9255V9.62033C12.9255 7.62127 14.5033 6 16.4506 6V6.0017C16.4564 6.0017 16.4613 6 16.4671 6H19.6227V9.06805H17.5608C16.9479 9.06805 16.4506 9.57882 16.4506 10.2082L16.4498 10.209Z' fill='%230866FF'/%3E%3C/svg%3E%0A")
        }

        .social-share .share-media-icon[data-share-icon=x] {
            border-color: #000;
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.75 6H23.8171L17.1171 13.6771L25 24.1257H18.8286L13.9914 17.79L8.46286 24.1257H5.39286L12.5586 15.9114L5 6.00143H11.3286L15.6943 11.7914L20.75 6ZM19.6714 22.2857H21.3714L10.4 7.74429H8.57714L19.6714 22.2857Z' fill='%23000'/%3E%3C/svg%3E%0A")
        }

        .social-share .share-media-icon[data-share-icon=plurk] {
            border-color: #ff574d;
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 6V24.3333H11.5833V19.3333H22.8333V6H7ZM11.5833 10.5833V14.75H18.25V10.5833H11.5833Z' fill='%23FF574D'/%3E%3C/svg%3E%0A")
        }

        .social-share .share-media-icon[data-share-icon=line] {
            border-color: #06c655;
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9785 6C20.4898 6 24.958 9.57806 24.958 13.9912C24.9579 15.5325 24.412 16.9719 23.4678 18.1924C23.4211 18.2617 23.36 18.3382 23.2832 18.4229L23.2773 18.4297C22.9548 18.8155 22.5917 19.1783 22.1924 19.5127C19.4328 22.0633 14.8905 25.0994 14.291 24.6309C13.7703 24.2233 15.149 22.2319 13.5576 21.9004C13.4468 21.8877 13.3362 21.8739 13.2266 21.8584H13.2246C8.55035 21.1943 5.00029 17.9247 5 13.9912C4.99986 9.57816 9.46744 6.00018 14.9785 6ZM19.126 11.6484C18.84 11.6487 18.6067 11.882 18.6064 12.168V16.0283C18.6064 16.3145 18.8399 16.5486 19.126 16.5488H21.1387C21.425 16.5488 21.6592 16.3146 21.6592 16.0283V15.9854C21.6592 15.6991 21.425 15.4648 21.1387 15.4648H19.6904V14.6406H21.1387C21.425 14.6408 21.6592 14.4063 21.6592 14.1201V14.0771C21.6592 13.7909 21.425 13.5566 21.1387 13.5566H19.6904V12.7324H21.1387C21.4249 12.7324 21.6591 12.4981 21.6592 12.2119V12.168C21.6589 11.8819 21.4248 11.6484 21.1387 11.6484H19.126ZM9.18848 11.6387C8.9022 11.6387 8.66797 11.8729 8.66797 12.1592V16.0195C8.66822 16.3057 8.90235 16.54 9.18848 16.54H11.2012C11.4872 16.5399 11.7215 16.3056 11.7217 16.0195V15.9756C11.7216 15.6894 11.4873 15.4552 11.2012 15.4551H9.75195V12.1592C9.75195 11.8729 9.51773 11.6387 9.23145 11.6387H9.18848ZM12.6621 11.6387C12.3758 11.6387 12.1416 11.8729 12.1416 12.1592V16.0195C12.1418 16.3056 12.376 16.54 12.6621 16.54H12.7051C12.9912 16.54 13.2254 16.3056 13.2256 16.0195V12.1592C13.2256 11.8729 12.9914 11.6387 12.7051 11.6387H12.6621ZM14.4785 11.6387C14.1924 11.6389 13.958 11.8731 13.958 12.1592V16.0195C13.9582 16.3055 14.1924 16.5398 14.4785 16.54H14.5225C14.8086 16.54 15.0428 16.3056 15.043 16.0195V13.7109L16.9375 16.2988C16.9491 16.3169 16.9619 16.3341 16.9756 16.3506L17.0186 16.4004C17.0642 16.4453 17.1193 16.4778 17.1787 16.5C17.2396 16.5251 17.3063 16.54 17.376 16.54H17.4189C17.5038 16.5401 17.5873 16.5185 17.6621 16.4785C17.7141 16.4538 17.7582 16.4223 17.7891 16.3848C17.8852 16.2878 17.9393 16.1561 17.9395 16.0195V12.1592C17.9394 11.8729 17.7053 11.6387 17.4189 11.6387H17.376C17.0897 11.6387 16.8555 11.8729 16.8555 12.1592V14.4248L14.9746 11.9023C14.8848 11.7455 14.7152 11.6387 14.5225 11.6387H14.4785Z' fill='%2306C655'/%3E%3C/svg%3E%0A")
        }

        .social-share .share-media-icon[data-share-icon=email] {
            border-color: #28476c;
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.3213 8C24.6966 8 25 8.30338 25 8.67871V22.25C25 22.6253 24.6966 22.9287 24.3213 22.9287H6.67871C6.30338 22.9287 6 22.6253 6 22.25V8.67871C6 8.30338 6.30338 8 6.67871 8H24.3213ZM16.2256 15.9795C16.0173 16.1413 15.7608 16.2294 15.4971 16.2295C15.2333 16.2295 14.9769 16.1413 14.7686 15.9795L12.8809 14.5117L7.52637 18.9746V21.4014H23.4736V18.9746L18.1152 14.5098L16.2256 15.9795ZM7.52637 10.3496V17.2793L11.8291 13.6934L6.94141 9.89355L7.52637 10.3496ZM24.0586 9.89355L23.4736 10.3496L19.1689 13.6924L23.4736 17.2793V10.3496L24.0605 9.89355L23.2275 8.82324H23.2256L24.0586 9.89355ZM12.8975 12.8037L12.9121 12.792L12.9678 12.8594L15.5 14.8281L18.0322 12.8594L18.0879 12.792L18.1016 12.8037L22.3164 9.5293H8.68359L12.8975 12.8037Z' fill='%2328476C'/%3E%3C/svg%3E%0A")
        }

        .social-share .share-media-icon:hover[data-share-icon=facebook] {
            background-color: #0866ff;
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4498 10.209V12.8425H19.6219L19.1196 16.39H16.4498V24.5633C15.9145 24.6395 15.3668 24.6794 14.8109 24.6794C14.1693 24.6794 13.5391 24.6268 12.9255 24.5252V16.39H10V12.8425H12.9255V9.62033C12.9255 7.62127 14.5033 6 16.4506 6V6.0017C16.4564 6.0017 16.4613 6 16.4671 6H19.6227V9.06805H17.5608C16.9479 9.06805 16.4506 9.57882 16.4506 10.2082L16.4498 10.209Z' fill='%23fff'/%3E%3C/svg%3E%0A")
        }

        .social-share .share-media-icon:hover[data-share-icon=x] {
            background-color: #000;
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.75 6H23.8171L17.1171 13.6771L25 24.1257H18.8286L13.9914 17.79L8.46286 24.1257H5.39286L12.5586 15.9114L5 6.00143H11.3286L15.6943 11.7914L20.75 6ZM19.6714 22.2857H21.3714L10.4 7.74429H8.57714L19.6714 22.2857Z' fill='%23fff'/%3E%3C/svg%3E%0A")
        }

        .social-share .share-media-icon:hover[data-share-icon=plurk] {
            background-color: #ff574d;
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 6V24.3333H11.5833V19.3333H22.8333V6H7ZM11.5833 10.5833V14.75H18.25V10.5833H11.5833Z' fill='%23fff'/%3E%3C/svg%3E%0A")
        }

        .social-share .share-media-icon:hover[data-share-icon=line] {
            background-color: #06c655;
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9785 6C20.4898 6 24.958 9.57806 24.958 13.9912C24.9579 15.5325 24.412 16.9719 23.4678 18.1924C23.4211 18.2617 23.36 18.3382 23.2832 18.4229L23.2773 18.4297C22.9548 18.8155 22.5917 19.1783 22.1924 19.5127C19.4328 22.0633 14.8905 25.0994 14.291 24.6309C13.7703 24.2233 15.149 22.2319 13.5576 21.9004C13.4468 21.8877 13.3362 21.8739 13.2266 21.8584H13.2246C8.55035 21.1943 5.00029 17.9247 5 13.9912C4.99986 9.57816 9.46744 6.00018 14.9785 6ZM19.126 11.6484C18.84 11.6487 18.6067 11.882 18.6064 12.168V16.0283C18.6064 16.3145 18.8399 16.5486 19.126 16.5488H21.1387C21.425 16.5488 21.6592 16.3146 21.6592 16.0283V15.9854C21.6592 15.6991 21.425 15.4648 21.1387 15.4648H19.6904V14.6406H21.1387C21.425 14.6408 21.6592 14.4063 21.6592 14.1201V14.0771C21.6592 13.7909 21.425 13.5566 21.1387 13.5566H19.6904V12.7324H21.1387C21.4249 12.7324 21.6591 12.4981 21.6592 12.2119V12.168C21.6589 11.8819 21.4248 11.6484 21.1387 11.6484H19.126ZM9.18848 11.6387C8.9022 11.6387 8.66797 11.8729 8.66797 12.1592V16.0195C8.66822 16.3057 8.90235 16.54 9.18848 16.54H11.2012C11.4872 16.5399 11.7215 16.3056 11.7217 16.0195V15.9756C11.7216 15.6894 11.4873 15.4552 11.2012 15.4551H9.75195V12.1592C9.75195 11.8729 9.51773 11.6387 9.23145 11.6387H9.18848ZM12.6621 11.6387C12.3758 11.6387 12.1416 11.8729 12.1416 12.1592V16.0195C12.1418 16.3056 12.376 16.54 12.6621 16.54H12.7051C12.9912 16.54 13.2254 16.3056 13.2256 16.0195V12.1592C13.2256 11.8729 12.9914 11.6387 12.7051 11.6387H12.6621ZM14.4785 11.6387C14.1924 11.6389 13.958 11.8731 13.958 12.1592V16.0195C13.9582 16.3055 14.1924 16.5398 14.4785 16.54H14.5225C14.8086 16.54 15.0428 16.3056 15.043 16.0195V13.7109L16.9375 16.2988C16.9491 16.3169 16.9619 16.3341 16.9756 16.3506L17.0186 16.4004C17.0642 16.4453 17.1193 16.4778 17.1787 16.5C17.2396 16.5251 17.3063 16.54 17.376 16.54H17.4189C17.5038 16.5401 17.5873 16.5185 17.6621 16.4785C17.7141 16.4538 17.7582 16.4223 17.7891 16.3848C17.8852 16.2878 17.9393 16.1561 17.9395 16.0195V12.1592C17.9394 11.8729 17.7053 11.6387 17.4189 11.6387H17.376C17.0897 11.6387 16.8555 11.8729 16.8555 12.1592V14.4248L14.9746 11.9023C14.8848 11.7455 14.7152 11.6387 14.5225 11.6387H14.4785Z' fill='%23fff'/%3E%3C/svg%3E%0A")
        }

        .social-share .share-media-icon:hover[data-share-icon=email] {
            background-color: #28476c;
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.3213 8C24.6966 8 25 8.30338 25 8.67871V22.25C25 22.6253 24.6966 22.9287 24.3213 22.9287H6.67871C6.30338 22.9287 6 22.6253 6 22.25V8.67871C6 8.30338 6.30338 8 6.67871 8H24.3213ZM16.2256 15.9795C16.0173 16.1413 15.7608 16.2294 15.4971 16.2295C15.2333 16.2295 14.9769 16.1413 14.7686 15.9795L12.8809 14.5117L7.52637 18.9746V21.4014H23.4736V18.9746L18.1152 14.5098L16.2256 15.9795ZM7.52637 10.3496V17.2793L11.8291 13.6934L6.94141 9.89355L7.52637 10.3496ZM24.0586 9.89355L23.4736 10.3496L19.1689 13.6924L23.4736 17.2793V10.3496L24.0605 9.89355L23.2275 8.82324H23.2256L24.0586 9.89355ZM12.8975 12.8037L12.9121 12.792L12.9678 12.8594L15.5 14.8281L18.0322 12.8594L18.0879 12.792L18.1016 12.8037L22.3164 9.5293H8.68359L12.8975 12.8037Z' fill='%23fff'/%3E%3C/svg%3E%0A")
        }

.video-feature-list {
    color: #28476c
}

    .video-feature-list .video-feature-item {
        line-height: 1.4em;
        position: relative;
        box-sizing: border-box;
        padding-left: 30px
    }

        .video-feature-list .video-feature-item:not(:last-of-type) {
            margin-bottom: 12px
        }

        .video-feature-list .video-feature-item::before {
            content: "";
            display: inline-block;
            width: 22px;
            height: 22px;
            position: absolute;
            top: 0;
            left: 0;
            background-image: url("data:image/svg+xml,%3Csvg width='21' height='23' viewBox='0 0 21 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8.43457H10.4615V4.43457L18 11.4346L10.4615 18.4346V14.4346H4V8.43457Z' stroke='%2328476C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            background-size: contain
        }

.video-cards {
    display: flex;
    margin: 0 -16px;
    flex-wrap: wrap
}

@media (max-width: 1024px) {
    .video-cards {
        margin: 0 -12px
    }
}

@media (max-width: 640px) {
    .video-cards {
        margin: 0 -8px
    }
}

.video-cards .video-card-col {
    width: 25%;
    box-sizing: border-box;
    padding: 0 16px;
    margin-bottom: 24px
}

@media (max-width: 1024px) {
    .video-cards .video-card-col {
        width: 33.333333%;
        padding: 0 12px
    }
}

@media (max-width: 640px) {
    .video-cards .video-card-col {
        width: 50%;
        padding: 0 8px
    }
}

.video-cards .video-cover {
    aspect-ratio: 16/10;
    border-radius: 6px;
    margin-bottom: 12px
}

.video-cards .video-card {
    font-family: "Microsoft JhengHei",Arial,Helvetica,sans-serif
}

    .video-cards .video-card .info-line {
        color: #656565;
        opacity: .7;
        font-size: 15px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 6px;
        transition: all .3s ease
    }

@media (max-width: 800px) {
    .video-cards .video-card .info-line {
        font-size: 14px
    }
}

@media (max-width: 640px) {
    .video-cards .video-card .info-line {
        font-size: 12px
    }
}

.video-cards .video-card .info-line::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 6px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1.75C12.3206 1.75 14.5462 2.67187 16.1872 4.31282C17.8281 5.95376 18.75 8.17936 18.75 10.5C18.75 12.8206 17.8281 15.0462 16.1872 16.6872C14.5462 18.3281 12.3206 19.25 10 19.25C7.67936 19.25 5.45376 18.3281 3.81282 16.6872C2.17187 15.0462 1.25 12.8206 1.25 10.5C1.25 8.17936 2.17187 5.95376 3.81282 4.31282C5.45376 2.67187 7.67936 1.75 10 1.75ZM10 18C11.9891 18 13.8968 17.2098 15.3033 15.8033C16.7098 14.3968 17.5 12.4891 17.5 10.5C17.5 8.51088 16.7098 6.60322 15.3033 5.1967C13.8968 3.79018 11.9891 3 10 3C8.01088 3 6.10322 3.79018 4.6967 5.1967C3.29018 6.60322 2.5 8.51088 2.5 10.5C2.5 12.4891 3.29018 14.3968 4.6967 15.8033C6.10322 17.2098 8.01088 18 10 18ZM9.0625 13.1637L13.0587 10.5L9.0625 7.83625V13.1637ZM9.27 6.47125L14.1425 9.72C14.2709 9.80562 14.3762 9.9216 14.449 10.0577C14.5218 10.1937 14.5599 10.3457 14.5599 10.5C14.5599 10.6543 14.5218 10.8063 14.449 10.9423C14.3762 11.0784 14.2709 11.1944 14.1425 11.28L9.27 14.5287C9.12882 14.6229 8.96474 14.6769 8.79525 14.6851C8.62577 14.6933 8.45725 14.6553 8.30765 14.5753C8.15804 14.4952 8.03298 14.376 7.94578 14.2305C7.85857 14.0849 7.81251 13.9184 7.8125 13.7487V7.25C7.81251 7.08032 7.85857 6.91383 7.94578 6.76827C8.03298 6.62271 8.15804 6.50355 8.30765 6.42349C8.45725 6.34343 8.62577 6.30547 8.79525 6.31366C8.96474 6.32185 9.12882 6.37589 9.27 6.47V6.47125Z' fill='url(%23paint0_linear_4619_22069)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_4619_22069' x1='1.66483' y1='19.25' x2='18.4589' y2='19.1304' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236C94C4'/%3E%3Cstop offset='1' stop-color='%233DA8B2'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A")
}

@media (max-width: 640px) {
    .video-cards .video-card .info-line::before {
        display: none
    }
}

.video-cards .video-card .video-date::after {
    content: "｜";
    font-size: 12px
}

.video-cards .video-card .video-title {
    font-size: 17px;
    line-height: 1.4;
    font-weight: 700;
    color: #1b1b1b;
    transition: all .3s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 1280px) {
    .video-cards .video-card .video-title {
        font-size: 16px
    }
}

@media (max-width: 640px) {
    .video-cards .video-card .video-title {
        font-size: 14px
    }
}

.video-cards .video-card:hover .video-title {
    color: #28476c
}

.video-cards .video-card:hover .info-line {
    opacity: 1
}

.wrap[data-page=imp-global] {
    background-color: #eceff3;
    font-family: "Microsoft JhengHei",Arial,Helvetica,sans-serif
}

@media (max-width: 640px) {
    .annual-banner .main-title-wrapper .wrap[data-page=imp-global] h1.price::before, .wrap[data-page=imp-global] .annual-banner .main-title-wrapper h1.price::before, .wrap[data-page=imp-global] h1.title-lg {
        font-size: 24px
    }
}

.wrap[data-page=imp-global] .icon-itis::before {
    width: 32px;
    height: 32px
}

@media (max-width: 640px) {
    .wrap[data-page=imp-global] .icon-itis::before {
        width: 24px;
        height: 24px;
        margin-right: 4px
    }
}

.wrap[data-page=imp-global] .container {
    padding-top: 56px
}

@media (max-width: 640px) {
    .wrap[data-page=imp-global] .container {
        padding-top: 24px
    }
}

.wrap[data-page=imp-global] .page-bg {
    background-size: 615px;
    background-image: url(../images/background/page-bg.svg);
    background-position: right top -100px
}

@media (max-width: 800px) {
    .wrap[data-page=imp-global] .page-bg {
        background-size: 360px
    }
}

.imp-feature-section {
    background-image: url(../images/background/imp-bg-circle.svg),url(../images/background/imp-bg-wave.svg);
    background-repeat: no-repeat;
    background-position: -75px center,center bottom -36px;
    background-size: 400px 400px,100% auto
}

.feature-flex-row.flex-col, .feature-flex-row.flex-vertical {
    gap: 8.3%;
    margin-bottom: 36px
}

@media (max-width: 800px) {
    .feature-flex-row.flex-col, .feature-flex-row.flex-vertical {
        flex-direction: column
    }
}

.feature-col-left {
    width: 25%;
    min-width: 300px
}

@media (max-width: 800px) {
    .feature-col-left {
        width: 100%;
        margin-bottom: 36px
    }
}

.feature-col-left .section-title {
    font-size: 32px;
    line-height: 1.6;
    font-weight: 700;
    margin: 0
}

@media (max-width: 640px) {
    .feature-col-left .section-title {
        font-size: 28px
    }
}

.feature-col-left .section-title .title-year {
    display: block;
    font-size: 72px;
    line-height: 1.7;
    color: #3da8b2
}

@media (max-width: 640px) {
    .feature-col-left .section-title .title-year {
        font-size: 60px;
        line-height: 1.6
    }
}

.feature-col-left .publish-date {
    font-size: 15px;
    line-height: 1.6;
    color: #838383;
    margin-bottom: 60px
}

@media (max-width: 800px) {
    .feature-col-left .publish-date {
        margin-bottom: 18px
    }
}

.feature-col-left .btn-primary {
    width: fit-content
}

.feature-col-right {
    flex: 1
}

.imp-feature-card {
    color: #28476c;
    box-sizing: border-box;
    padding: 12px 18px 18px;
    background-color: #dae2ec;
    border-radius: 5px;
    margin-bottom: 16px;
    box-shadow: 0 2px 4px rgba(0,0,0,.05);
    border: 1px solid #eee
}

    .imp-feature-card p {
        margin: 0
    }

.feature-card-title {
    margin: 0 0 8px;
    font-size: 17px;
    line-height: 1.7
}

.divider-group {
    position: relative;
    opacity: .5;
    padding: 12px 0
}

    .divider-group hr {
        border-color: 656565
    }

    .divider-group .divider-text {
        color: #656565;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background-color: #eef1f5;
        padding: 0 24px;
        display: flex;
        align-items: center;
        gap: .375em
    }

@media (max-width: 640px) {
    .divider-group .divider-text {
        white-space: nowrap;
        padding: 0 12px
    }
}

.divider-group .icon-triangle-down {
    width: 1.25em;
    height: 1.25em;
    min-width: 1.25em;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.56 6C2.23486 6 2.00114 6.18346 2 6.38462C2 6.44731 2.02229 6.51154 2.07143 6.57231L9.51143 15.7981C9.61714 15.9308 9.808 16 10 16C10.192 16 10.3829 15.9304 10.4891 15.7981L17.9291 6.57231C17.9777 6.51154 18 6.44731 18 6.38462C17.9989 6.18346 17.7651 6 17.44 6L2.56 6Z' fill='%23656565'/%3E%3C/svg%3E%0A")
}

.imp-links {
    display: flex;
    gap: 18px
}

@media (max-width: 640px) {
    .imp-links {
        gap: 8px;
        margin-bottom: 32px
    }
}

.imp-links .select-dropdown-set .select-dropdown-btn::after {
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%2328476C" stroke-width="2"/></svg>');
    margin-left: 12px;
    transition: all .3s ease
}

.imp-links .select-dropdown-set .select-dropdown-btn:hover::after {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%23fff" stroke-width="2"/></svg>')
}

.imp-links .select-dropdown-set.active .select-dropdown-btn::after {
    transform: rotate(-180deg)
}

.imp-links .select-dropdown-set.active .select-dropdown-list {
    overflow-y: auto;
    opacity: 1;
    visibility: visible;
    height: 600px
}

.imp-links .select-dropdown-list {
    scrollbar-width: thin;
    z-index: 2;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    overflow-y: hidden;
    height: 0;
    display: block;
    max-height: 320px
}

@media (max-width: 640px) {
    .imp-links .select-dropdown-list {
        max-height: 200px
    }
}

.imp-links .select-dropdown-item {
    background-color: #eef1f5;
    text-align: center;
    box-sizing: border-box;
    padding: 8px 24px;
    font-size: 16px;
    line-height: 1.7;
    display: block;
    color: #222;
    transition: all .3s ease
}

    .imp-links .select-dropdown-item:not(:last-child) {
        border-bottom: 1px solid #dae2ec
    }

    .imp-links .select-dropdown-item:hover {
        background-color: #dae2ec;
        color: #28476c
    }

.imp-icon-btn {
    background-color: #dae2ec;
    border: 1px solid #6c94c4;
    border-radius: 12px;
    box-sizing: border-box;
    padding: 8px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #28476c;
    transition: all .3s ease
}

@media (max-width: 640px) {
    .imp-icon-btn {
        padding: 8px;
        font-size: 14px;
        gap: 8px;
        border-radius: 5px
    }
}

.imp-icon-btn::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    min-width: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease
}

@media (max-width: 640px) {
    .imp-icon-btn::before {
        width: 20px;
        height: 20px;
        min-width: 20px
    }
}

@media (max-width: 480px) {
    .imp-icon-btn::before {
        display: none
    }
}

.imp-icon-btn[data-icon-btn=imp-year-rank]::before {
    background-image: url(../images/icons/imp-year-rank.svg)
}

.imp-icon-btn[data-icon-btn=prod-index]::before {
    background-image: url(../images/icons/prod-index.svg)
}

.imp-icon-btn[data-icon-btn=ch-en-list]::before {
    background-image: url(../images/icons/ch-en-list.svg)
}

.imp-icon-btn:hover {
    background-color: #6c94c4;
    color: #fff
}

    .imp-icon-btn:hover[data-icon-btn=imp-year-rank]::before {
        background-image: url(../images/icons/imp-year-rank_active.svg)
    }

    .imp-icon-btn:hover[data-icon-btn=prod-index]::before {
        background-image: url(../images/icons/prod-index_active.svg)
    }

    .imp-icon-btn:hover[data-icon-btn=ch-en-list]::before {
        background-image: url(../images/icons/ch-en-list_active.svg)
    }

.rank-type-tabs {
    display: flex;
    gap: 12px;
    justify-content: flex-end
}

@media (max-width: 800px) {
    .rank-type-tabs {
        justify-content: center
    }
}

.rank-type-tabs .rank-type-tab {
    display: flex;
    flex-direction: column;
    width: 130px;
    align-items: center
}

    .rank-type-tabs .rank-type-tab .actived-ui-hint {
        width: 0;
        height: 0;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        border-bottom: 9px solid #f5a200;
        opacity: 0;
        visibility: hidden
    }

    .rank-type-tabs .rank-type-tab .tab {
        background-color: #fff;
        box-sizing: border-box;
        padding: 16px 18px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
        border: 2px solid #dae2ec;
        border-radius: 5px;
        color: #28476c;
        font-weight: 700;
        text-align: center;
        font-size: 15px
    }

    .rank-type-tabs .rank-type-tab .rank-type-icon {
        width: 32px;
        height: 32px;
        min-width: 32px
    }

    .rank-type-tabs .rank-type-tab[data-rank-type=domestic] .rank-type-icon {
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.5918 3.67188C30.391 3.67199 31.7969 5.06454 31.7969 7.82324V24.1768C31.7969 24.4837 31.778 24.7738 31.7432 25.0469C31.3301 24.3082 30.4508 23.764 29.6406 23.3955V20.6543H28.3057L28.6367 18.7666H29.6406V13.2354H27.6934C27.0709 12.452 26.1373 11.7479 24.7383 11.3477H29.6406V7.93164C29.6405 6.53876 28.8772 5.82921 27.5518 5.8291H16.9443V11.3477H19.4189C15.0811 12.6471 15.0811 17.1543 15.0811 17.1543L16.0693 22.7949C16.0693 22.7949 15.6374 22.8969 15.0557 23.1104V20.6543H2.35938V24.0703C2.35943 25.4632 3.10908 26.1727 4.44824 26.1729H12.0029C12.0225 26.8872 12.2998 27.664 12.6191 28.3281H4.4082C1.6228 28.328 0.203174 26.9495 0.203125 24.1777V7.82324C0.203146 5.05198 1.62277 3.67258 4.4082 3.67188H27.5918ZM2.3584 13.2354V18.7666H15.0557V13.2354H2.3584ZM4.44824 5.8291C3.10911 5.82923 2.35946 6.53877 2.35938 7.93164L2.3584 11.3477H15.0557V5.8291H4.44824Z' fill='%2328476C'/%3E%3Cpath d='M27.8076 24.0508C28.5578 24.2759 29.2005 24.5528 29.666 24.8828C30.119 25.2041 30.4998 25.6467 30.5 26.2119C30.5 26.7773 30.1191 27.2197 29.666 27.541C29.2005 27.8711 28.558 28.1489 27.8076 28.374C26.3004 28.8261 24.2465 29.0986 21.999 29.0986C19.7517 29.0986 17.6985 28.8261 16.1914 28.374C15.4409 28.1489 14.7975 27.8712 14.332 27.541C13.8792 27.2197 13.5 26.7771 13.5 26.2119C13.5002 25.6468 13.8791 25.2041 14.332 24.8828C14.7975 24.5526 15.4409 24.276 16.1914 24.0508C16.4458 23.9746 16.7147 24.1186 16.791 24.373C16.8671 24.6273 16.7219 24.8952 16.4678 24.9717C15.7676 25.1818 15.2355 25.4227 14.8896 25.668C14.5317 25.9219 14.4621 26.1128 14.4619 26.2119C14.4619 26.3108 14.5312 26.5016 14.8896 26.7559C15.2356 27.0012 15.7675 27.242 16.4678 27.4521C17.8625 27.8705 19.8184 28.1367 21.999 28.1367C24.18 28.1367 26.1363 27.8706 27.5312 27.4521C28.2317 27.242 28.7644 27.0013 29.1104 26.7559C29.4683 26.5018 29.5371 26.3108 29.5371 26.2119C29.5369 26.1129 29.4681 25.9218 29.1104 25.668C28.7643 25.4226 28.2317 25.1819 27.5312 24.9717C27.2769 24.8952 27.1327 24.6275 27.209 24.373C27.2853 24.1186 27.5532 23.9746 27.8076 24.0508ZM22 12.5C25.1329 12.5003 27.6924 14.9816 27.6924 18.0664C27.6922 20.2333 26.2716 22.188 24.9512 23.5498C24.2801 24.2419 23.6103 24.8058 23.1094 25.1963C22.8588 25.3916 22.6497 25.5449 22.502 25.6494C22.4282 25.7016 22.3687 25.742 22.3281 25.7695C22.3081 25.7831 22.2912 25.7935 22.2803 25.8008C22.2754 25.804 22.2715 25.8067 22.2686 25.8086C22.2672 25.8095 22.2655 25.8109 22.2646 25.8115L22.2627 25.8125C22.1028 25.917 21.8962 25.9169 21.7363 25.8125L22 25.4102L21.7354 25.8125L21.7314 25.8086C21.7284 25.8066 21.7233 25.8044 21.7178 25.8008C21.7068 25.7935 21.691 25.7832 21.6709 25.7695C21.6304 25.742 21.5718 25.7016 21.498 25.6494C21.3502 25.5448 21.1395 25.3918 20.8887 25.1963C20.3878 24.8059 19.7187 24.2416 19.0479 23.5498C17.7274 22.188 16.3068 20.2332 16.3066 18.0664C16.3066 14.9814 18.8669 12.5 22 12.5ZM22 13.4629C19.3757 13.4629 17.2686 15.5351 17.2686 18.0664C17.2687 19.8371 18.4539 21.5543 19.7393 22.8799C20.3712 23.5316 21.0051 24.0662 21.4814 24.4375C21.689 24.5993 21.8662 24.7292 21.999 24.8242C22.132 24.7291 22.3105 24.5997 22.5186 24.4375C22.9948 24.0663 23.6279 23.5315 24.2598 22.8799C25.5451 21.5543 26.7303 19.8371 26.7305 18.0664C26.7305 15.5353 24.6241 13.4632 22 13.4629ZM21.999 15.707C22.6583 15.707 23.2916 15.9694 23.7578 16.4355C24.2236 16.9016 24.4852 17.5335 24.4854 18.1924C24.4854 18.8517 24.224 19.485 23.7578 19.9512C23.2916 20.4173 22.6582 20.6787 21.999 20.6787C21.3402 20.6785 20.7082 20.4169 20.2422 19.9512C19.776 19.485 19.5137 18.8517 19.5137 18.1924C19.5138 17.5333 19.7762 16.9016 20.2422 16.4355C20.7082 15.9695 21.34 15.7072 21.999 15.707ZM21.999 16.6689C21.5954 16.6691 21.2084 16.8299 20.9229 17.1152C20.6372 17.4009 20.4767 17.7885 20.4766 18.1924C20.4766 18.5965 20.6371 18.9848 20.9229 19.2705C21.2084 19.5558 21.5954 19.7166 21.999 19.7168C22.403 19.7168 22.7914 19.5562 23.0771 19.2705C23.3629 18.9848 23.5234 18.5965 23.5234 18.1924C23.5233 17.7885 23.3627 17.4008 23.0771 17.1152C22.7914 16.8297 22.403 16.6689 21.999 16.6689Z' fill='%2328476C'/%3E%3C/svg%3E%0A")
    }

    .rank-type-tabs .rank-type-tab[data-rank-type=overseas] .rank-type-icon {
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.0068 5C29.6647 5.00011 30.9999 6.29897 31 8.87207V17.1465C30.4858 16.063 29.7906 15.0821 28.9521 14.2441V13.9209H28.6133C27.8302 13.2053 26.9364 12.6102 25.9619 12.1592H28.9521V8.97363C28.9521 7.67424 28.2274 7.0118 26.9688 7.01172H16.8965V12.1592H17.2383C16.2638 12.6102 15.37 13.2053 14.5869 13.9209H3.04688V19.0801H11.5088C11.3669 19.6502 11.2739 20.2388 11.2305 20.8418H3.04785V24.0273C3.04785 25.3268 3.75955 25.9882 5.03125 25.9883H12.1709C12.5061 26.7072 12.921 27.3808 13.4043 27.999H4.99316C2.34835 27.9989 1.00012 26.7133 1 24.1279V8.87207C1.00012 6.28724 2.34835 5.00064 4.99316 5H27.0068ZM5.03125 7.01172C3.75957 7.0118 3.04787 7.67424 3.04785 8.97363L3.04688 12.1592H15.1035V7.01172H5.03125Z' fill='%2328476C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.4995 13C24.0643 13.0001 26.3622 14.1374 27.9208 15.9336C28.1856 15.9768 28.3963 16.1963 28.4165 16.4756C28.4185 16.5034 28.4155 16.531 28.4137 16.5581C29.411 17.9508 29.9999 19.656 30 21.4995C30 21.8089 29.9813 22.1142 29.949 22.415C30.0199 22.5804 30.0169 22.775 29.9203 22.9432C29.9028 22.9736 29.8809 23.0005 29.8592 23.0265C29.2625 26.3139 26.7783 28.9413 23.5677 29.7443V29.7461C23.385 30.0075 23.0298 30.0752 22.7634 29.9055C22.351 29.967 21.9291 30 21.4995 30C16.8052 29.9998 13 26.1939 13 21.4995C13 21.2894 13.01 21.0813 13.025 20.875C12.9831 20.7311 12.9966 20.5746 13.0676 20.4377C13.5202 16.8076 16.2595 13.888 19.8002 13.1696C19.9764 12.9982 20.2456 12.9486 20.4757 13.063C20.8113 13.0227 21.153 13 21.4995 13ZM19.335 14.5113C16.6662 15.3369 14.652 17.6498 14.2574 20.4812C14.7555 20.846 15.3634 21.1187 16.0355 21.1187C16.5621 21.1187 17.0163 21.1436 17.3976 21.2151C17.7796 21.2867 18.1309 21.4126 18.4159 21.6459C19.0088 22.1317 19.095 22.8932 19.0951 23.6761C19.0951 24.4814 19.0972 24.8212 19.1405 25.1104C19.1612 25.2488 19.1917 25.3775 19.2433 25.5468L19.4731 26.2297C19.7119 26.9152 19.8725 27.7477 19.4916 28.5323C20.1298 28.7142 20.8031 28.8139 21.4995 28.814C21.9587 28.814 22.4074 28.7689 22.8431 28.688C23.2442 28.0474 23.4248 27.5605 23.4889 27.185C23.5624 26.7542 23.4932 26.4311 23.3777 26.138C23.3165 25.9826 23.2427 25.8371 23.159 25.6719C23.0803 25.5163 22.986 25.33 22.9154 25.1373C22.7589 24.7103 22.7108 24.2215 22.9997 23.6677C23.2058 23.2727 23.5051 23.0432 23.8632 22.9302C24.1664 22.8346 24.5111 22.8277 24.762 22.8162C25.2953 22.7918 25.8764 22.7483 26.5883 22.2362L26.8014 22.0944C27.4989 21.6723 28.1911 21.6284 28.8056 21.7738C28.809 21.6828 28.814 21.5914 28.814 21.4995C28.8139 19.8828 28.2875 18.3896 27.3991 17.1789C26.8846 17.295 26.3484 17.5575 25.9527 18.0693C25.31 18.9006 24.6205 19.4127 23.9216 19.6186C23.2092 19.8284 22.5365 19.7041 21.999 19.3564C21.1554 18.8107 21.0906 18.0343 21.0214 17.568C20.9849 17.3219 20.9522 17.1734 20.8861 17.051C20.831 16.9491 20.7312 16.8263 20.4822 16.7054C19.8286 16.388 19.4715 15.7982 19.3628 15.1719C19.3254 14.956 19.3176 14.7338 19.335 14.5113ZM28.6666 22.9626C28.2258 22.8221 27.7609 22.8544 27.2805 23.1989C26.2889 23.9121 25.4294 23.9733 24.8167 24.0013C24.4949 24.016 24.3391 24.0231 24.22 24.0606C24.172 24.0758 24.1336 24.0931 24.093 24.1477L24.0513 24.2163C23.9509 24.4088 23.9585 24.5395 24.0282 24.7296C24.0706 24.8452 24.1322 24.9676 24.2172 25.1354C24.2974 25.2939 24.3965 25.4883 24.4813 25.7034C24.658 26.1519 24.7757 26.6968 24.6583 27.3852C24.6142 27.6431 24.5369 27.9146 24.4238 28.2034C26.5756 27.2632 28.188 25.3196 28.6666 22.9626ZM14.1934 21.835C14.3188 24.6116 15.9926 26.984 18.3714 28.1116C18.6061 27.7263 18.5764 27.2599 18.3538 26.6208L18.2176 26.2279C18.0952 25.868 18.0134 25.5931 17.9674 25.2856C17.9079 24.8877 17.909 24.4411 17.909 23.6761C17.909 22.8885 17.7907 22.6667 17.6644 22.5633C17.5897 22.5021 17.4519 22.4319 17.1789 22.3807C16.9049 22.3294 16.5365 22.3047 16.0355 22.3047C15.3427 22.3047 14.7223 22.1108 14.1934 21.835ZM21.4995 14.186C21.1895 14.186 20.884 14.2069 20.5841 14.2444C20.5102 14.4971 20.4932 14.7492 20.5313 14.969C20.5863 15.2868 20.7469 15.5159 21.0001 15.6389C21.4462 15.8555 21.7431 16.142 21.9295 16.4867C22.1048 16.8112 22.1581 17.149 22.1945 17.3939C22.2711 17.9098 22.301 18.1391 22.6429 18.3603C22.896 18.5239 23.2121 18.5908 23.5862 18.4807C23.974 18.3665 24.4709 18.0463 25.0141 17.3438C25.4547 16.7738 26.0001 16.4188 26.542 16.205C25.2297 14.955 23.4549 14.1861 21.4995 14.186Z' fill='%2328476C'/%3E%3C/svg%3E%0A")
    }

    .rank-type-tabs .rank-type-tab.active a {
        background-color: #6c94c4;
        color: #fff;
        box-shadow: inset 0 0 10px rgba(0,0,0,.25)
    }

    .rank-type-tabs .rank-type-tab.active[data-rank-type=domestic] .rank-type-icon {
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22' cy='19' r='2' fill='%23F5A200'/%3E%3Cpath d='M27.5918 3.67188C30.391 3.67199 31.7969 5.06454 31.7969 7.82324V24.1768C31.7969 24.4837 31.778 24.7738 31.7432 25.0469C31.3301 24.3082 30.4508 23.764 29.6406 23.3955V20.6543H28.3057L28.6367 18.7666H29.6406V13.2354H27.6934C27.0709 12.452 26.1373 11.7479 24.7383 11.3477H29.6406V7.93164C29.6405 6.53876 28.8772 5.82921 27.5518 5.8291H16.9443V11.3477H19.4189C15.0811 12.6471 15.0811 17.1543 15.0811 17.1543L16.0693 22.7949C16.0693 22.7949 15.6374 22.8969 15.0557 23.1104V20.6543H2.35938V24.0703C2.35943 25.4632 3.10908 26.1727 4.44824 26.1729H12.0029C12.0225 26.8872 12.2998 27.664 12.6191 28.3281H4.4082C1.6228 28.328 0.203174 26.9495 0.203125 24.1777V7.82324C0.203146 5.05198 1.62277 3.67258 4.4082 3.67188H27.5918ZM2.3584 13.2354V18.7666H15.0557V13.2354H2.3584ZM4.44824 5.8291C3.10911 5.82923 2.35946 6.53877 2.35938 7.93164L2.3584 11.3477H15.0557V5.8291H4.44824Z' fill='white'/%3E%3Cpath d='M27.8076 24.0508C28.5578 24.2759 29.2005 24.5528 29.666 24.8828C30.119 25.2041 30.4998 25.6467 30.5 26.2119C30.5 26.7773 30.1191 27.2197 29.666 27.541C29.2005 27.8711 28.558 28.1489 27.8076 28.374C26.3004 28.8261 24.2465 29.0986 21.999 29.0986C19.7517 29.0986 17.6985 28.8261 16.1914 28.374C15.4409 28.1489 14.7975 27.8712 14.332 27.541C13.8792 27.2197 13.5 26.7771 13.5 26.2119C13.5002 25.6468 13.8791 25.2041 14.332 24.8828C14.7975 24.5526 15.4409 24.276 16.1914 24.0508C16.4458 23.9746 16.7147 24.1186 16.791 24.373C16.8671 24.6273 16.7219 24.8952 16.4678 24.9717C15.7676 25.1818 15.2355 25.4227 14.8896 25.668C14.5317 25.9219 14.4621 26.1128 14.4619 26.2119C14.4619 26.3108 14.5312 26.5016 14.8896 26.7559C15.2356 27.0012 15.7675 27.242 16.4678 27.4521C17.8625 27.8705 19.8184 28.1367 21.999 28.1367C24.18 28.1367 26.1363 27.8706 27.5312 27.4521C28.2317 27.242 28.7644 27.0013 29.1104 26.7559C29.4683 26.5018 29.5371 26.3108 29.5371 26.2119C29.5369 26.1129 29.4681 25.9218 29.1104 25.668C28.7643 25.4226 28.2317 25.1819 27.5312 24.9717C27.2769 24.8952 27.1327 24.6275 27.209 24.373C27.2853 24.1186 27.5532 23.9746 27.8076 24.0508ZM22 12.5C25.1329 12.5003 27.6924 14.9816 27.6924 18.0664C27.6922 20.2333 26.2716 22.188 24.9512 23.5498C24.2801 24.2419 23.6103 24.8058 23.1094 25.1963C22.8588 25.3916 22.6497 25.5449 22.502 25.6494C22.4282 25.7016 22.3687 25.742 22.3281 25.7695C22.3081 25.7831 22.2912 25.7935 22.2803 25.8008C22.2754 25.804 22.2715 25.8067 22.2686 25.8086C22.2672 25.8095 22.2655 25.8109 22.2646 25.8115L22.2627 25.8125C22.1028 25.917 21.8962 25.9169 21.7363 25.8125L22 25.4102L21.7354 25.8125L21.7314 25.8086C21.7284 25.8066 21.7233 25.8044 21.7178 25.8008C21.7068 25.7935 21.691 25.7832 21.6709 25.7695C21.6304 25.742 21.5718 25.7016 21.498 25.6494C21.3502 25.5448 21.1395 25.3918 20.8887 25.1963C20.3878 24.8059 19.7187 24.2416 19.0479 23.5498C17.7274 22.188 16.3068 20.2332 16.3066 18.0664C16.3066 14.9814 18.8669 12.5 22 12.5ZM22 13.4629C19.3757 13.4629 17.2686 15.5351 17.2686 18.0664C17.2687 19.8371 18.4539 21.5543 19.7393 22.8799C20.3712 23.5316 21.0051 24.0662 21.4814 24.4375C21.689 24.5993 21.8662 24.7292 21.999 24.8242C22.132 24.7291 22.3105 24.5997 22.5186 24.4375C22.9948 24.0663 23.6279 23.5315 24.2598 22.8799C25.5451 21.5543 26.7303 19.8371 26.7305 18.0664C26.7305 15.5353 24.6241 13.4632 22 13.4629ZM21.999 15.707C22.6583 15.707 23.2916 15.9694 23.7578 16.4355C24.2236 16.9016 24.4852 17.5335 24.4854 18.1924C24.4854 18.8517 24.224 19.485 23.7578 19.9512C23.2916 20.4173 22.6582 20.6787 21.999 20.6787C21.3402 20.6785 20.7082 20.4169 20.2422 19.9512C19.776 19.485 19.5137 18.8517 19.5137 18.1924C19.5138 17.5333 19.7762 16.9016 20.2422 16.4355C20.7082 15.9695 21.34 15.7072 21.999 15.707ZM21.999 16.6689C21.5954 16.6691 21.2084 16.8299 20.9229 17.1152C20.6372 17.4009 20.4767 17.7885 20.4766 18.1924C20.4766 18.5965 20.6371 18.9848 20.9229 19.2705C21.2084 19.5558 21.5954 19.7166 21.999 19.7168C22.403 19.7168 22.7914 19.5562 23.0771 19.2705C23.3629 18.9848 23.5234 18.5965 23.5234 18.1924C23.5233 17.7885 23.3627 17.4008 23.0771 17.1152C22.7914 16.8297 22.403 16.6689 21.999 16.6689Z' fill='white'/%3E%3C/svg%3E%0A")
    }

    .rank-type-tabs .rank-type-tab.active[data-rank-type=overseas] .rank-type-icon {
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.5 22.9999C27.7 21.7999 28.6667 22.1666 29 22.4999C29 26.0999 25.3333 28.6666 23.5 29.5C25 26.5 23.5 25 23.5 24C23.5 23 26 23.5 26.5 22.9999Z' fill='%23F5A200'/%3E%3Cpath d='M20.5 16.0005C19.7 15.2005 19.8333 14.0005 20 13.5005C24.7999 13.1005 27 15.3338 27.5 16.5005C27 16.5005 26 17.0005 25 18.0005C24 19.0005 23 19.0005 22.5 19.0005C22 19.0005 21.5 17.0005 20.5 16.0005Z' fill='%23F5A200'/%3E%3Cpath d='M27.0068 5C29.6647 5.00011 30.9999 6.29897 31 8.87207V17.1465C30.4858 16.063 29.7906 15.0821 28.9521 14.2441V13.9209H28.6133C27.8302 13.2053 26.9364 12.6102 25.9619 12.1592H28.9521V8.97363C28.9521 7.67424 28.2274 7.0118 26.9688 7.01172H16.8965V12.1592H17.2383C16.2638 12.6102 15.37 13.2053 14.5869 13.9209H3.04688V19.0801H11.5088C11.3669 19.6502 11.2739 20.2388 11.2305 20.8418H3.04785V24.0273C3.04785 25.3268 3.75955 25.9882 5.03125 25.9883H12.1709C12.5061 26.7072 12.921 27.3808 13.4043 27.999H4.99316C2.34835 27.9989 1.00012 26.7133 1 24.1279V8.87207C1.00012 6.28724 2.34835 5.00064 4.99316 5H27.0068ZM5.03125 7.01172C3.75957 7.0118 3.04787 7.67424 3.04785 8.97363L3.04688 12.1592H15.1035V7.01172H5.03125Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.4995 13C24.0643 13.0001 26.3622 14.1374 27.9208 15.9336C28.1856 15.9768 28.3963 16.1963 28.4165 16.4756C28.4185 16.5034 28.4155 16.531 28.4137 16.5581C29.411 17.9508 29.9999 19.656 30 21.4995C30 21.8089 29.9813 22.1142 29.949 22.415C30.0199 22.5804 30.0169 22.775 29.9203 22.9432C29.9028 22.9736 29.8809 23.0005 29.8592 23.0265C29.2625 26.3139 26.7783 28.9413 23.5677 29.7443V29.7461C23.385 30.0075 23.0298 30.0752 22.7634 29.9055C22.351 29.967 21.9291 30 21.4995 30C16.8052 29.9998 13 26.1939 13 21.4995C13 21.2894 13.01 21.0813 13.025 20.875C12.9831 20.7311 12.9966 20.5746 13.0676 20.4377C13.5202 16.8076 16.2595 13.888 19.8002 13.1696C19.9764 12.9982 20.2456 12.9486 20.4757 13.063C20.8113 13.0227 21.153 13 21.4995 13ZM19.335 14.5113C16.6662 15.3369 14.652 17.6498 14.2574 20.4812C14.7555 20.846 15.3634 21.1187 16.0355 21.1187C16.5621 21.1187 17.0163 21.1436 17.3976 21.2151C17.7796 21.2867 18.1309 21.4126 18.4159 21.6459C19.0088 22.1317 19.095 22.8932 19.0951 23.6761C19.0951 24.4814 19.0972 24.8212 19.1405 25.1104C19.1612 25.2488 19.1917 25.3775 19.2433 25.5468L19.4731 26.2297C19.7119 26.9152 19.8725 27.7477 19.4916 28.5323C20.1298 28.7142 20.8031 28.8139 21.4995 28.814C21.9587 28.814 22.4074 28.7689 22.8431 28.688C23.2442 28.0474 23.4248 27.5605 23.4889 27.185C23.5624 26.7542 23.4932 26.4311 23.3777 26.138C23.3165 25.9826 23.2427 25.8371 23.159 25.6719C23.0803 25.5163 22.986 25.33 22.9154 25.1373C22.7589 24.7103 22.7108 24.2215 22.9997 23.6677C23.2058 23.2727 23.5051 23.0432 23.8632 22.9302C24.1664 22.8346 24.5111 22.8277 24.762 22.8162C25.2953 22.7918 25.8764 22.7483 26.5883 22.2362L26.8014 22.0944C27.4989 21.6723 28.1911 21.6284 28.8056 21.7738C28.809 21.6828 28.814 21.5914 28.814 21.4995C28.8139 19.8828 28.2875 18.3896 27.3991 17.1789C26.8846 17.295 26.3484 17.5575 25.9527 18.0693C25.31 18.9006 24.6205 19.4127 23.9216 19.6186C23.2092 19.8284 22.5365 19.7041 21.999 19.3564C21.1554 18.8107 21.0906 18.0343 21.0214 17.568C20.9849 17.3219 20.9522 17.1734 20.8861 17.051C20.831 16.9491 20.7312 16.8263 20.4822 16.7054C19.8286 16.388 19.4715 15.7982 19.3628 15.1719C19.3254 14.956 19.3176 14.7338 19.335 14.5113ZM28.6666 22.9626C28.2258 22.8221 27.7609 22.8544 27.2805 23.1989C26.2889 23.9121 25.4294 23.9733 24.8167 24.0013C24.4949 24.016 24.3391 24.0231 24.22 24.0606C24.172 24.0758 24.1336 24.0931 24.093 24.1477L24.0513 24.2163C23.9509 24.4088 23.9585 24.5395 24.0282 24.7296C24.0706 24.8452 24.1322 24.9676 24.2172 25.1354C24.2974 25.2939 24.3965 25.4883 24.4813 25.7034C24.658 26.1519 24.7757 26.6968 24.6583 27.3852C24.6142 27.6431 24.5369 27.9146 24.4238 28.2034C26.5756 27.2632 28.188 25.3196 28.6666 22.9626ZM14.1934 21.835C14.3188 24.6116 15.9926 26.984 18.3714 28.1116C18.6061 27.7263 18.5764 27.2599 18.3538 26.6208L18.2176 26.2279C18.0952 25.868 18.0134 25.5931 17.9674 25.2856C17.9079 24.8877 17.909 24.4411 17.909 23.6761C17.909 22.8885 17.7907 22.6667 17.6644 22.5633C17.5897 22.5021 17.4519 22.4319 17.1789 22.3807C16.9049 22.3294 16.5365 22.3047 16.0355 22.3047C15.3427 22.3047 14.7223 22.1108 14.1934 21.835ZM21.4995 14.186C21.1895 14.186 20.884 14.2069 20.5841 14.2444C20.5102 14.4971 20.4932 14.7492 20.5313 14.969C20.5863 15.2868 20.7469 15.5159 21.0001 15.6389C21.4462 15.8555 21.7431 16.142 21.9295 16.4867C22.1048 16.8112 22.1581 17.149 22.1945 17.3939C22.2711 17.9098 22.301 18.1391 22.6429 18.3603C22.896 18.5239 23.2121 18.5908 23.5862 18.4807C23.974 18.3665 24.4709 18.0463 25.0141 17.3438C25.4547 16.7738 26.0001 16.4188 26.542 16.205C25.2297 14.955 23.4549 14.1861 21.4995 14.186Z' fill='white'/%3E%3C/svg%3E%0A")
    }

    .rank-type-tabs .rank-type-tab.active .actived-ui-hint {
        opacity: 1;
        visibility: visible
    }

.imp-rank-wrap {
    box-sizing: border-box;
    padding: 48px 24px;
    border-radius: 10px;
    background-color: #f6f7f8
}

    .imp-rank-wrap.hidden {
        display: none
    }

@media (max-width: 640px) {
    .imp-rank-wrap {
        padding: 24px
    }
}

@media (max-width: 640px) {
    .imp-rank-wrap .icon-itis {
        font-size: 24px
    }
}

.rank-card-row {
    display: flex;
    gap: 2%;
    flex-wrap: wrap
}

@media (max-width: 800px) {
    .rank-card-row {
        gap: 4%
    }
}

@media (max-width: 640px) {
    .rank-card-row {
        flex-direction: column
    }
}

.rank-card-row a {
    text-decoration: none
}

.rank-card {
    width: 32%;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px
}

@media (max-width: 800px) {
    .rank-card {
        width: 48%
    }
}

@media (max-width: 640px) {
    .rank-card {
        width: 100%
    }
}

.rank-card .card-head {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 8px 16px;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
    border-radius: 5px 5px 0 0;
    color: #fff
}

.rank-card .counts {
    font-size: 14px;
    box-sizing: border-box;
    padding: 2px 10px;
    border-radius: 20px;
    background-color: #dae2ec;
    margin-left: 14px
}

.rank-card .card-body {
    margin: 0;
    box-sizing: border-box;
    padding: 18px 20px;
    border-radius: 0 0 5px 5px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.rank-card .card-inner-items {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    gap: 8px
}

@media (max-width: 800px) {
    .rank-card .card-inner-items {
        gap: 12px
    }
}

.rank-card li.card-inner-item {
    list-style-type: none;
    border-bottom: 1px solid transparent;
    transition: all .3s ease
}

    .rank-card li.card-inner-item a {
        color: #222;
        transition: all .3s ease
    }

    .rank-card li.card-inner-item::before {
        content: "•";
        display: inline-block;
        margin-right: 6px
    }

    .rank-card li.card-inner-item:hover {
        border-bottom: 1px solid #28476c
    }

        .rank-card li.card-inner-item:hover a {
            color: #28476c
        }

.rank-title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dae2ec;
    margin-bottom: 24px;
    box-sizing: border-box;
    padding: 12px 0
}

@media (max-width: 800px) {
    .rank-title-wrap {
        flex-direction: column
    }
}

.annotation {
    position: relative
}

    .annotation .annotation-btn {
        width: 20px;
        height: 20px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0001 14.167C10.2362 14.167 10.4342 14.087 10.5942 13.927C10.7542 13.767 10.834 13.5692 10.8334 13.3337V10.0003C10.8334 9.76421 10.7534 9.56644 10.5934 9.40699C10.4334 9.24755 10.2356 9.16755 10.0001 9.16699C9.76453 9.16644 9.56675 9.24644 9.40675 9.40699C9.24675 9.56755 9.16675 9.76533 9.16675 10.0003V13.3337C9.16675 13.5698 9.24675 13.7678 9.40675 13.9278C9.56675 14.0878 9.76453 14.1675 10.0001 14.167ZM10.0001 7.50033C10.2362 7.50033 10.4342 7.42033 10.5942 7.26033C10.7542 7.10033 10.834 6.90255 10.8334 6.66699C10.8329 6.43144 10.7529 6.23366 10.5934 6.07366C10.434 5.91366 10.2362 5.83366 10.0001 5.83366C9.76397 5.83366 9.56619 5.91366 9.40675 6.07366C9.2473 6.23366 9.1673 6.43144 9.16675 6.66699C9.16619 6.90255 9.24619 7.1006 9.40675 7.26116C9.5673 7.42171 9.76508 7.50144 10.0001 7.50033ZM10.0001 18.3337C8.8473 18.3337 7.76397 18.1148 6.75008 17.677C5.73619 17.2392 4.85425 16.6456 4.10425 15.8962C3.35425 15.1467 2.76064 14.2648 2.32342 13.2503C1.88619 12.2359 1.6673 11.1525 1.66675 10.0003C1.66619 8.8481 1.88508 7.76477 2.32342 6.75033C2.76175 5.73588 3.35536 4.85394 4.10425 4.10449C4.85314 3.35505 5.73508 2.76144 6.75008 2.32366C7.76508 1.88588 8.84842 1.66699 10.0001 1.66699C11.1517 1.66699 12.2351 1.88588 13.2501 2.32366C14.2651 2.76144 15.147 3.35505 15.8959 4.10449C16.6448 4.85394 17.2387 5.73588 17.6776 6.75033C18.1165 7.76477 18.3351 8.8481 18.3334 10.0003C18.3317 11.1525 18.1129 12.2359 17.6767 13.2503C17.2406 14.2648 16.647 15.1467 15.8959 15.8962C15.1448 16.6456 14.2629 17.2395 13.2501 17.6778C12.2373 18.1162 11.154 18.3348 10.0001 18.3337ZM10.0001 16.667C11.8612 16.667 13.4376 16.0212 14.7292 14.7295C16.0209 13.4378 16.6667 11.8614 16.6667 10.0003C16.6667 8.13921 16.0209 6.56283 14.7292 5.27116C13.4376 3.97949 11.8612 3.33366 10.0001 3.33366C8.13897 3.33366 6.56258 3.97949 5.27092 5.27116C3.97925 6.56283 3.33342 8.13921 3.33342 10.0003C3.33342 11.8614 3.97925 13.4378 5.27092 14.7295C6.56258 16.0212 8.13897 16.667 10.0001 16.667Z' fill='%23fff'/%3E%3C/svg%3E%0A");
        transition: all .3s ease
    }

        .annotation .annotation-btn:hover {
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0001 14.167C10.2362 14.167 10.4342 14.087 10.5942 13.927C10.7542 13.767 10.834 13.5692 10.8334 13.3337V10.0003C10.8334 9.76421 10.7534 9.56644 10.5934 9.40699C10.4334 9.24755 10.2356 9.16755 10.0001 9.16699C9.76453 9.16644 9.56675 9.24644 9.40675 9.40699C9.24675 9.56755 9.16675 9.76533 9.16675 10.0003V13.3337C9.16675 13.5698 9.24675 13.7678 9.40675 13.9278C9.56675 14.0878 9.76453 14.1675 10.0001 14.167ZM10.0001 7.50033C10.2362 7.50033 10.4342 7.42033 10.5942 7.26033C10.7542 7.10033 10.834 6.90255 10.8334 6.66699C10.8329 6.43144 10.7529 6.23366 10.5934 6.07366C10.434 5.91366 10.2362 5.83366 10.0001 5.83366C9.76397 5.83366 9.56619 5.91366 9.40675 6.07366C9.2473 6.23366 9.1673 6.43144 9.16675 6.66699C9.16619 6.90255 9.24619 7.1006 9.40675 7.26116C9.5673 7.42171 9.76508 7.50144 10.0001 7.50033ZM10.0001 18.3337C8.8473 18.3337 7.76397 18.1148 6.75008 17.677C5.73619 17.2392 4.85425 16.6456 4.10425 15.8962C3.35425 15.1467 2.76064 14.2648 2.32342 13.2503C1.88619 12.2359 1.6673 11.1525 1.66675 10.0003C1.66619 8.8481 1.88508 7.76477 2.32342 6.75033C2.76175 5.73588 3.35536 4.85394 4.10425 4.10449C4.85314 3.35505 5.73508 2.76144 6.75008 2.32366C7.76508 1.88588 8.84842 1.66699 10.0001 1.66699C11.1517 1.66699 12.2351 1.88588 13.2501 2.32366C14.2651 2.76144 15.147 3.35505 15.8959 4.10449C16.6448 4.85394 17.2387 5.73588 17.6776 6.75033C18.1165 7.76477 18.3351 8.8481 18.3334 10.0003C18.3317 11.1525 18.1129 12.2359 17.6767 13.2503C17.2406 14.2648 16.647 15.1467 15.8959 15.8962C15.1448 16.6456 14.2629 17.2395 13.2501 17.6778C12.2373 18.1162 11.154 18.3348 10.0001 18.3337ZM10.0001 16.667C11.8612 16.667 13.4376 16.0212 14.7292 14.7295C16.0209 13.4378 16.6667 11.8614 16.6667 10.0003C16.6667 8.13921 16.0209 6.56283 14.7292 5.27116C13.4376 3.97949 11.8612 3.33366 10.0001 3.33366C8.13897 3.33366 6.56258 3.97949 5.27092 5.27116C3.97925 6.56283 3.33342 8.13921 3.33342 10.0003C3.33342 11.8614 3.97925 13.4378 5.27092 14.7295C6.56258 16.0212 8.13897 16.667 10.0001 16.667Z' fill='%23F5A200'/%3E%3C/svg%3E%0A")
        }

            .annotation .annotation-btn:hover ~ .message-box {
                opacity: 1;
                visibility: visible
            }

    .annotation .message-box {
        width: 200px;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        flex-direction: column;
        align-items: center;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease
    }

@media (max-width: 800px) {
    .annotation .message-box {
        width: 180px
    }
}

@media (max-width: 640px) {
    .annotation .message-box {
        left: unset;
        right: 0;
        transform: unset;
        align-items: flex-end
    }
}

.annotation .message-box::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 9px solid rgba(34,34,34,.8)
}

.annotation .message {
    white-space: wrap;
    font-size: 14px;
    box-sizing: border-box;
    padding: 10px;
    background-color: rgba(34,34,34,.8)
}

.rank-show-switches {
    display: flex
}

    .rank-show-switches .switch-btn {
        background-color: #fff;
        color: #28476c;
        box-sizing: border-box;
        padding: 8px 12px;
        font-size: 15px;
        display: flex;
        align-items: center;
        gap: 4px
    }

        .rank-show-switches .switch-btn::before {
            content: "";
            display: inline-block;
            width: 20px;
            height: 20px;
            min-width: 20px
        }

        .rank-show-switches .switch-btn.switch-btn-table {
            border-radius: 0 18px 18px 0
        }

            .rank-show-switches .switch-btn.switch-btn-table::before {
                display: inline-block;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.39609 16.9997H16.6039C18.1988 16.9997 19 16.209 19 14.6425V5.35713C19 3.79068 18.1988 3 16.6039 3H3.39609C1.80901 3.00032 1 3.78355 1 5.35713V14.6429C1 16.2168 1.80901 16.9997 3.39609 16.9997ZM2.22865 5.41877C2.22865 4.62776 2.65578 4.2248 3.41888 4.2248H9.46218V7.35801H2.22832L2.22865 5.41877ZM10.5378 7.35801V4.2248H16.5811C17.3364 4.2248 17.7714 4.62776 17.7714 5.41877V7.35801H10.5378ZM10.5378 11.5707V8.42999H17.7714V11.5707H10.5378ZM9.46218 8.42999V11.5707H2.22832V8.42999H9.46218ZM16.5811 15.7752H10.5378V12.6426H17.7714V14.5816C17.7714 15.3726 17.3364 15.7752 16.5811 15.7752ZM3.41888 15.7755C2.65578 15.7755 2.22865 15.3729 2.22865 14.5819V12.6426H9.46218V15.7759L3.41888 15.7755Z' fill='%2328476c'/%3E%3C/svg%3E%0A")
            }

        .rank-show-switches .switch-btn.switch-btn-card {
            border-radius: 18px 0 0 18px
        }

            .rank-show-switches .switch-btn.switch-btn-card::before {
                display: inline-block;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 16H2V11H11V16ZM3 15H10V12H3V15Z' fill='%2328476c'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 16H13V11H18V16ZM14 15H17V12H14V15Z' fill='%2328476c'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 9H2V4H18V9ZM3 8H17V5H3V8Z' fill='%2328476c'/%3E%3C/svg%3E%0A")
            }

        .rank-show-switches .switch-btn.active {
            background-color: #6c94c4;
            color: #fff
        }

            .rank-show-switches .switch-btn.active.switch-btn-table::before {
                display: inline-block;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.39609 16.9997H16.6039C18.1988 16.9997 19 16.209 19 14.6425V5.35713C19 3.79068 18.1988 3 16.6039 3H3.39609C1.80901 3.00032 1 3.78355 1 5.35713V14.6429C1 16.2168 1.80901 16.9997 3.39609 16.9997ZM2.22865 5.41877C2.22865 4.62776 2.65578 4.2248 3.41888 4.2248H9.46218V7.35801H2.22832L2.22865 5.41877ZM10.5378 7.35801V4.2248H16.5811C17.3364 4.2248 17.7714 4.62776 17.7714 5.41877V7.35801H10.5378ZM10.5378 11.5707V8.42999H17.7714V11.5707H10.5378ZM9.46218 8.42999V11.5707H2.22832V8.42999H9.46218ZM16.5811 15.7752H10.5378V12.6426H17.7714V14.5816C17.7714 15.3726 17.3364 15.7752 16.5811 15.7752ZM3.41888 15.7755C2.65578 15.7755 2.22865 15.3729 2.22865 14.5819V12.6426H9.46218V15.7759L3.41888 15.7755Z' fill='%23fff'/%3E%3C/svg%3E%0A")
            }

            .rank-show-switches .switch-btn.active.switch-btn-card::before {
                display: inline-block;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 16H2V11H11V16ZM3 15H10V12H3V15Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 16H13V11H18V16ZM14 15H17V12H14V15Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 9H2V4H18V9ZM3 8H17V5H3V8Z' fill='%23fff'/%3E%3C/svg%3E%0A")
            }

.top-3-rows .card-head {
    background-color: #28476c
}

.top-3-rows .card-body {
    background-color: #fff
}

.imp-ranks.data-show:not(:last-child) {
    margin-bottom: 60px
}

@media (max-width: 640px) {
    .imp-ranks.data-show:not(:last-child) {
        margin-bottom: 48px
    }
}

.imp-ranks.data-show .card-head {
    display: flex;
    justify-content: space-between;
    font-size: 16px
}

.imp-ranks.data-show .card-body {
    display: flex;
    flex-direction: row;
    padding: 12px 0
}

.imp-ranks.data-show .data-col {
    width: 50%;
    box-sizing: border-box;
    padding: 12px 18px
}

    .imp-ranks.data-show .data-col:first-child {
        border-right: 1px solid #eaeaea
    }

@media (max-width: 640px) {
    .imp-ranks.data-show .data-col {
        padding: 12px
    }
}

.imp-ranks.data-show .rank-card {
    box-shadow: 2px 3px 5px rgba(0,0,0,.05);
    transition: all .3s ease;
    border-radius: 5px
}

    .imp-ranks.data-show .rank-card:hover {
        box-shadow: 1px 2px 5px rgba(0,0,0,.2)
    }

    .imp-ranks.data-show .rank-card .data-name {
        color: #1b1b1b;
        font-size: 15px;
        letter-spacing: .05em;
        margin-bottom: 8px
    }

    .imp-ranks.data-show .rank-card .data-numbers .number-slot {
        font-size: 22px
    }

@media (max-width: 640px) {
    .imp-ranks.data-show .rank-card .data-numbers .number-slot {
        font-size: 18px
    }
}

.imp-ranks.data-show .rank-card .data-numbers .number-unit {
    color: #222;
    font-size: 14px;
    margin-left: 6px
}

@media (max-width: 640px) {
    .imp-ranks.data-show .rank-card .data-numbers .number-unit {
        margin-left: 0
    }
}

.rank-show.hidden {
    display: none
}

.rank-show[data-show-pad=table] {
    overflow-x: auto;
    scrollbar-width: thin
}

.rank-table {
    width: 100%;
    border-collapse: collapse;
    font-family: "Microsoft JhengHei",Arial,Helvetica,sans-serif
}

    .rank-table.hidden {
        display: none
    }

    .rank-table td, .rank-table th {
        box-sizing: border-box;
        padding: 8px 16px
    }

@media (max-width: 800px) {
    .rank-table td, .rank-table th {
        white-space: nowrap;
        font-size: 15px
    }
}

.rank-table th {
    border: 1px solid #fff
}

.rank-table td {
    border: 1px solid #dae2ec;
    text-align: center;
    color: #222
}

.rank-table thead {
    color: #fff;
    text-align: center;
    background-color: #4f80b9
}

.rank-table tbody th {
    background-color: #ebf1f3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #222
}

    .rank-table tbody th a {
        color: #28476c;
        text-decoration: none;
        transition: all .3s ease
    }

        .rank-table tbody th a:hover {
            color: #f5a200;
            text-decoration: underline
        }

.rank-table .annotation {
    cursor: pointer
}

    .rank-table .annotation .annotation-btn {
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0001 14.167C10.2362 14.167 10.4342 14.087 10.5942 13.927C10.7542 13.767 10.834 13.5692 10.8334 13.3337V10.0003C10.8334 9.76421 10.7534 9.56644 10.5934 9.40699C10.4334 9.24755 10.2356 9.16755 10.0001 9.16699C9.76453 9.16644 9.56675 9.24644 9.40675 9.40699C9.24675 9.56755 9.16675 9.76533 9.16675 10.0003V13.3337C9.16675 13.5698 9.24675 13.7678 9.40675 13.9278C9.56675 14.0878 9.76453 14.1675 10.0001 14.167ZM10.0001 7.50033C10.2362 7.50033 10.4342 7.42033 10.5942 7.26033C10.7542 7.10033 10.834 6.90255 10.8334 6.66699C10.8329 6.43144 10.7529 6.23366 10.5934 6.07366C10.434 5.91366 10.2362 5.83366 10.0001 5.83366C9.76397 5.83366 9.56619 5.91366 9.40675 6.07366C9.2473 6.23366 9.1673 6.43144 9.16675 6.66699C9.16619 6.90255 9.24619 7.1006 9.40675 7.26116C9.5673 7.42171 9.76508 7.50144 10.0001 7.50033ZM10.0001 18.3337C8.8473 18.3337 7.76397 18.1148 6.75008 17.677C5.73619 17.2392 4.85425 16.6456 4.10425 15.8962C3.35425 15.1467 2.76064 14.2648 2.32342 13.2503C1.88619 12.2359 1.6673 11.1525 1.66675 10.0003C1.66619 8.8481 1.88508 7.76477 2.32342 6.75033C2.76175 5.73588 3.35536 4.85394 4.10425 4.10449C4.85314 3.35505 5.73508 2.76144 6.75008 2.32366C7.76508 1.88588 8.84842 1.66699 10.0001 1.66699C11.1517 1.66699 12.2351 1.88588 13.2501 2.32366C14.2651 2.76144 15.147 3.35505 15.8959 4.10449C16.6448 4.85394 17.2387 5.73588 17.6776 6.75033C18.1165 7.76477 18.3351 8.8481 18.3334 10.0003C18.3317 11.1525 18.1129 12.2359 17.6767 13.2503C17.2406 14.2648 16.647 15.1467 15.8959 15.8962C15.1448 16.6456 14.2629 17.2395 13.2501 17.6778C12.2373 18.1162 11.154 18.3348 10.0001 18.3337ZM10.0001 16.667C11.8612 16.667 13.4376 16.0212 14.7292 14.7295C16.0209 13.4378 16.6667 11.8614 16.6667 10.0003C16.6667 8.13921 16.0209 6.56283 14.7292 5.27116C13.4376 3.97949 11.8612 3.33366 10.0001 3.33366C8.13897 3.33366 6.56258 3.97949 5.27092 5.27116C3.97925 6.56283 3.33342 8.13921 3.33342 10.0003C3.33342 11.8614 3.97925 13.4378 5.27092 14.7295C6.56258 16.0212 8.13897 16.667 10.0001 16.667Z' fill='%2328476C'/%3E%3C/svg%3E%0A");
        transition: all .3s ease
    }

        .rank-table .annotation .annotation-btn:hover {
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0001 14.167C10.2362 14.167 10.4342 14.087 10.5942 13.927C10.7542 13.767 10.834 13.5692 10.8334 13.3337V10.0003C10.8334 9.76421 10.7534 9.56644 10.5934 9.40699C10.4334 9.24755 10.2356 9.16755 10.0001 9.16699C9.76453 9.16644 9.56675 9.24644 9.40675 9.40699C9.24675 9.56755 9.16675 9.76533 9.16675 10.0003V13.3337C9.16675 13.5698 9.24675 13.7678 9.40675 13.9278C9.56675 14.0878 9.76453 14.1675 10.0001 14.167ZM10.0001 7.50033C10.2362 7.50033 10.4342 7.42033 10.5942 7.26033C10.7542 7.10033 10.834 6.90255 10.8334 6.66699C10.8329 6.43144 10.7529 6.23366 10.5934 6.07366C10.434 5.91366 10.2362 5.83366 10.0001 5.83366C9.76397 5.83366 9.56619 5.91366 9.40675 6.07366C9.2473 6.23366 9.1673 6.43144 9.16675 6.66699C9.16619 6.90255 9.24619 7.1006 9.40675 7.26116C9.5673 7.42171 9.76508 7.50144 10.0001 7.50033ZM10.0001 18.3337C8.8473 18.3337 7.76397 18.1148 6.75008 17.677C5.73619 17.2392 4.85425 16.6456 4.10425 15.8962C3.35425 15.1467 2.76064 14.2648 2.32342 13.2503C1.88619 12.2359 1.6673 11.1525 1.66675 10.0003C1.66619 8.8481 1.88508 7.76477 2.32342 6.75033C2.76175 5.73588 3.35536 4.85394 4.10425 4.10449C4.85314 3.35505 5.73508 2.76144 6.75008 2.32366C7.76508 1.88588 8.84842 1.66699 10.0001 1.66699C11.1517 1.66699 12.2351 1.88588 13.2501 2.32366C14.2651 2.76144 15.147 3.35505 15.8959 4.10449C16.6448 4.85394 17.2387 5.73588 17.6776 6.75033C18.1165 7.76477 18.3351 8.8481 18.3334 10.0003C18.3317 11.1525 18.1129 12.2359 17.6767 13.2503C17.2406 14.2648 16.647 15.1467 15.8959 15.8962C15.1448 16.6456 14.2629 17.2395 13.2501 17.6778C12.2373 18.1162 11.154 18.3348 10.0001 18.3337ZM10.0001 16.667C11.8612 16.667 13.4376 16.0212 14.7292 14.7295C16.0209 13.4378 16.6667 11.8614 16.6667 10.0003C16.6667 8.13921 16.0209 6.56283 14.7292 5.27116C13.4376 3.97949 11.8612 3.33366 10.0001 3.33366C8.13897 3.33366 6.56258 3.97949 5.27092 5.27116C3.97925 6.56283 3.33342 8.13921 3.33342 10.0003C3.33342 11.8614 3.97925 13.4378 5.27092 14.7295C6.56258 16.0212 8.13897 16.667 10.0001 16.667Z' fill='%23F5A200'/%3E%3C/svg%3E%0A")
        }

            .rank-table .annotation .annotation-btn:hover ~ .message-box {
                opacity: 1;
                visibility: visible
            }

.rank-table .message-box {
    color: #fff
}

@media (max-width: 640px) {
    .rank-table .message-box {
        left: 50%;
        right: unset;
        transform: translateX(-50%);
        align-items: center
    }
}

.imp-ranks.data-show[data-rank=rank-1] .card-head {
    background-image: linear-gradient(to right top,#6c94c4 0,#4f80b9 100%)
}

.imp-ranks.data-show[data-rank=rank-1] .card-body {
    background-image: linear-gradient(#f3fdfe 0,#e4f7ff 100%)
}

.imp-ranks.data-show[data-rank=rank-1] .number-slot {
    color: #4477b5
}

.imp-ranks.data-show[data-rank=rank-1] .rank-table thead {
    background-color: #4f80b9
}

.imp-ranks.data-show[data-rank=rank-2] .card-head {
    background-image: linear-gradient(to right top,#41b1bb 0,#1bacb9 100%)
}

.imp-ranks.data-show[data-rank=rank-2] .card-body {
    background-image: linear-gradient(#f3fdfe 0,#e4f7ff 100%)
}

.imp-ranks.data-show[data-rank=rank-2] .number-slot {
    color: #3da8b2
}

.imp-ranks.data-show[data-rank=rank-2] .rank-table thead {
    background-color: #3da8b2
}

.imp-ranks.data-show[data-rank=rank-3] .card-head {
    background-image: linear-gradient(to right top,#7bb6e6 0,#5a95c5 100%)
}

.imp-ranks.data-show[data-rank=rank-3] .card-body {
    background-image: linear-gradient(#f3fdfe 0,#e4f7ff 100%)
}

.imp-ranks.data-show[data-rank=rank-3] .number-slot {
    color: #4e9cdb
}

.imp-ranks.data-show[data-rank=rank-3] .rank-table thead {
    background-color: #5e9ed2
}

.imp-inner-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 90px
}

@media (max-width: 640px) {
    .imp-inner-head {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 48px
    }
}

@media (max-width: 480px) {
    .imp-inner-head {
        padding-top: 0
    }
}

.imp-inner-title-group {
    box-sizing: border-box;
    padding-bottom: 12px
}

    .imp-inner-title-group .inner-title {
        font-size: 24px;
        color: #1b1b1b;
        letter-spacing: .05em
    }

    .imp-inner-title-group ul li {
        font-size: 20px;
        line-height: 1.6;
        color: #838383;
        margin-bottom: 6px
    }

.rank-show.inner-rank-show {
    margin-bottom: 48px
}

    .rank-show.inner-rank-show tbody th {
        display: block;
        color: #28476c;
        text-align: center;
        height: 100%
    }

.industry-definition .def-content {
    background-color: #dae2ec;
    box-sizing: border-box;
    padding: 12px 18px 18px;
    border-radius: 5px;
    margin: 0;
    line-height: 1.7;
    color: #222
}

.wrap[data-page=annual-fee] {
    font-family: "Microsoft JhengHei",Arial,Helvetica,sans-serif
}

.annual-banner {
    background-color: #edf4fc;
    height: 480px;
    box-sizing: border-box;
    padding: 36px 0 90px;
    background-image: url(../images/background/blob-aqua.svg),url(../images/background/blob-navy.svg);
    background-repeat: no-repeat;
    background-size: 600px,475px;
    background-position: left -516px bottom 20px,right -400px top 24px
}

@media (max-width: 640px) {
    .annual-banner {
        background-image: linear-gradient(rgba(237,244,252,.5),rgba(237,244,252,.5)),url(../images/background/blob-aqua.svg),url(../images/background/blob-navy.svg);
        background-size: 100%,400px,360px;
        background-position: center center,left -300px center,right -280px center
    }
}

.annual-banner .sub-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.7;
    text-align: center;
    margin-bottom: 12px
}

@media (max-width: 800px) {
    .annual-banner .sub-title {
        font-size: 20px;
        margin-bottom: 8px
    }
}

.annual-banner .main-title-wrapper {
    display: flex;
    justify-content: center;
    align-items: baseline
}

@media (max-width: 640px) {
    .annual-banner .main-title-wrapper h1.price::before, .annual-banner .main-title-wrapper h1.title-lg {
        font-size: 20px
    }
}

.annual-banner .main-title-wrapper .price {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3
}

@media (max-width: 640px) {
    .annual-banner .main-title-wrapper .price {
        font-size: 15px
    }
}

.annual-banner .main-title-wrapper .price::before {
    content: "："
}

@media (max-width: 640px) {
    .annual-banner .main-title-wrapper .price::before {
        font-size: 20px
    }
}

.annual-banner .main-title-wrapper .price .price-slot {
    font-size: 44px;
    color: #f5a200
}

@media (max-width: 800px) {
    .annual-banner .main-title-wrapper .price .price-slot {
        font-size: 36px
    }
}

@media (max-width: 640px) {
    .annual-banner .main-title-wrapper .price .price-slot {
        font-size: 26px
    }
}

.annual-banner .annual-fee {
    padding-top: 32px
}

.annual-banner .annual-fee-intro {
    font-size: 20px;
    color: #656565;
    line-height: 1.6;
    max-width: 700px;
    text-align: center;
    margin: 0 auto
}

@media (max-width: 800px) {
    .annual-banner .annual-fee-intro {
        font-size: 16px
    }
}

.annual-banner .btns-center {
    padding-top: 36px
}

.annual-feature-section {
    box-sizing: border-box;
    padding-top: 90px
}

@media (max-width: 640px) {
    .annual-feature-section {
        padding-top: 32px
    }
}

@media (max-width: 800px) {
    .annual-feature-section .section-title {
        font-size: 20px
    }
}

.annual-features {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2%;
    margin: 32px 0 66px
}

@media (max-width: 640px) {
    .annual-features {
        flex-direction: column;
        align-items: center
    }
}

.annual-features .annual-feature {
    width: 48.3%;
    margin-bottom: 28px
}

@media (max-width: 640px) {
    .annual-features .annual-feature {
        width: 100%
    }
}

.annual-features .feature-banner {
    width: 100%;
    height: 100px;
    border-radius: 5px;
    background-color: red;
    margin-bottom: 12px
}

.annual-features .feature-title {
    font-size: 22px;
    text-align: center;
    margin: 0;
    padding: 8px 0
}

@media (max-width: 640px) {
    .annual-features .feature-title {
        font-size: 20px
    }
}

.annual-features .feature-item-list {
    font-size: 17px;
    line-height: 1.6;
    color: #656565;
    padding: 12px 0;
    margin: 0;
    list-style-position: inside
}

@media (max-width: 640px) {
    .annual-features .feature-item-list {
        font-size: 16px
    }
}

.annual-plan-rights {
    background-color: #f3f4f4;
    border-radius: 10px;
    background-image: url(../images/background/bg-vertical-wave.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 800px;
    box-sizing: border-box;
    padding: 60px 100px 72px;
    box-shadow: 0 4px 110px rgba(0,0,0,.09)
}

@media (max-width: 800px) {
    .annual-plan-rights {
        padding: 48px 66px 56px;
        background-size: 480px
    }
}

@media (max-width: 640px) {
    .annual-plan-rights {
        padding: 32px 24px;
        background-size: 300px
    }
}

.annual-banner .main-title-wrapper .annual-plan-rights > h2.price::before, .annual-plan-rights > h2.title-lg {
    margin-bottom: 48px
}

@media (max-width: 800px) {
    .annual-banner .main-title-wrapper .annual-plan-rights > h2.price::before, .annual-plan-rights > h2.title-lg {
        margin-bottom: 40px
    }
}

@media (max-width: 640px) {
    .annual-banner .main-title-wrapper .annual-plan-rights > h2.price::before, .annual-plan-rights > h2.title-lg {
        font-size: 24px;
        margin-bottom: 32px
    }
}

.annual-plan-rights .note {
    font-size: 20px;
    letter-spacing: .05em;
    font-weight: 700;
    background-color: #dae2ec;
    color: #28476c;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 12px 24px
}

@media (max-width: 800px) {
    .annual-plan-rights .note {
        font-size: 17px
    }
}

@media (max-width: 640px) {
    .annual-plan-rights .note {
        flex-direction: column;
        font-size: 15px;
        padding: 18px 16px;
        text-align: center
    }
}

.annual-plan-rights .note::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM9.29395 7.88281C8.80679 7.88304 8.41211 8.35677 8.41211 8.94141C8.41221 9.52594 8.80685 9.99978 9.29395 10V13.7061H8.82324C8.30364 13.7062 7.88294 14.0851 7.88281 14.5527C7.88281 15.0205 8.30356 15.3993 8.82324 15.3994H11.1768C11.6964 15.3993 12.1172 15.0205 12.1172 14.5527C12.1171 14.0851 11.6963 13.7062 11.1768 13.7061H11.0586V8.94141C11.0586 8.39328 10.7114 7.94205 10.2666 7.8877L10.1768 7.88281H9.29395ZM10 4.70605C9.41525 4.70605 8.94144 5.1799 8.94141 5.76465C8.94141 6.34942 9.41523 6.82324 10 6.82324C10.5848 6.82324 11.0586 6.34942 11.0586 5.76465C11.0586 5.1799 10.5848 4.70605 10 4.70605Z' fill='%2328476C'/></svg>");
    margin-right: 8px
}

@media (max-width: 640px) {
    .annual-plan-rights .note::before {
        width: 20px;
        height: 20px;
        min-width: 20px;
        margin-bottom: 6px
    }
}

.available-industries {
    margin-bottom: 48px
}

@media (max-width: 800px) {
    .available-industries {
        margin-bottom: 40px
    }
}

@media (max-width: 640px) {
    .available-industries {
        margin-bottom: 28px
    }
}

.available-industry {
    display: flex
}

    .available-industry:not(:last-child) {
        margin-bottom: 44px
    }

@media (max-width: 800px) {
    .available-industry:not(:last-child) {
        margin-bottom: 32px
    }
}

@media (max-width: 640px) {
    .available-industry:not(:last-child) {
        margin-bottom: 24px
    }
}

.available-industry .industry-icon {
    width: 96px;
    height: 96px;
    min-width: 96px;
    margin-right: 32px
}

@media (max-width: 800px) {
    .available-industry .industry-icon {
        width: 60px;
        height: 60px;
        min-width: 60px;
        margin-right: 24px
    }
}

@media (max-width: 640px) {
    .available-industry .industry-icon {
        margin-right: 16px
    }
}

.available-industry .industry-item .item-title {
    font-size: 26px;
    letter-spacing: .05em;
    font-weight: 600;
    line-height: 1.8
}

@media (max-width: 800px) {
    .available-industry .industry-item .item-title {
        font-size: 22px
    }
}

@media (max-width: 640px) {
    .available-industry .industry-item .item-title {
        font-size: 20px
    }
}

.available-industry .industry-item p {
    margin: 0;
    font-size: 20px;
    line-height: 1.6;
    color: #797979
}

@media (max-width: 800px) {
    .available-industry .industry-item p {
        font-size: 18px
    }
}

@media (max-width: 640px) {
    .available-industry .industry-item p {
        font-size: 16px
    }
}

.wrap[data-page=speech-service] {
    font-family: "Microsoft JhengHei",Arial,Helvetica,sans-serif
}

    .wrap[data-page=speech-service] .breadcrumb {
        margin-bottom: 72px;
        padding-top: 55px
    }

    .wrap[data-page=speech-service] .page-banner {
        position: relative;
        height: 220px
    }

        .wrap[data-page=speech-service] .page-banner .banner-contents {
            width: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%)
        }

            .wrap[data-page=speech-service] .page-banner .banner-contents > .container {
                display: flex;
                justify-content: space-between;
                align-items: center
            }

        .wrap[data-page=speech-service] .page-banner .banner-round-img {
            width: 300px;
            height: 300px;
            aspect-ratio: 1/1;
            border-radius: 50%;
            border: 10px solid #6c94c4;
            transform: translateY(-40px)
        }

@media (max-width: 800px) {
    .wrap[data-page=speech-service] .page-banner .banner-round-img {
        width: 200px;
        height: 200px
    }
}

@media (max-width: 640px) {
    .wrap[data-page=speech-service] .page-banner .banner-round-img {
        position: absolute;
        z-index: -1;
        right: -32px;
        top: -16px
    }
}

@media (max-width: 480px) {
    .wrap[data-page=speech-service] .page-banner .banner-round-img {
        width: 160px;
        height: 160px;
        right: -48px;
        top: 0
    }
}

.wrap[data-page=speech-service] .speech-service-container {
    margin-top: 48px
}

@media (max-width: 1280px) {
    .wrap[data-page=speech-service] .speech-service-container {
        margin-top: 36px
    }
}

@media (max-width: 800px) {
    .wrap[data-page=speech-service] .speech-service-container {
        margin-top: 18px
    }
}

@media (max-width: 640px) {
    .wrap[data-page=speech-service] .speech-service-container {
        margin-top: 0
    }
}

.speech-svg-background {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right bottom,rgba(61,168,178,.9) 0,rgba(108,148,196,.9) 100%),url(../images/banner/banner-speech-service.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex
}

    .speech-svg-background svg {
        width: 100%;
        height: 197px;
        margin-top: auto;
        transform: translateY(1px)
    }

@media (max-width: 480px) {
    .speech-svg-background svg.desktop {
        display: none
    }
}

@media (min-width: 481px) {
    .speech-svg-background svg.mobile {
        display: none
    }
}

.speech-service-section {
    background-color: #efefef;
    box-sizing: border-box;
    padding: 24px
}

@media (max-width: 640px) {
    .speech-service-section {
        padding: 20px 18px
    }
}

.speech-service-section .tools {
    gap: 16px;
    box-sizing: border-box;
    padding: 18px
}

@media (max-width: 640px) {
    .speech-service-section .tools {
        flex-wrap: wrap;
        padding: 0;
        gap: 0;
        margin-bottom: 18px
    }
}

.speech-service-section .tools .select-dropdown-set {
    gap: 0;
    min-width: 290px
}

@media (max-width: 640px) {
    .speech-service-section .tools .select-dropdown-set {
        min-width: unset;
        width: 100%
    }
}

.speech-service-section .tools .select-dropdown-set .select-dropdown-title {
    margin-bottom: 8px
}

.speech-service-section .tools .select-dropdown-set .select-dropdown-btn {
    border: 1px solid #dae2ec;
    padding: 10px 16px;
    color: #838383;
    position: relative;
    background-color: #fff;
    border-radius: 5px
}

    .speech-service-section .tools .select-dropdown-set .select-dropdown-btn::after {
        content: "";
        display: inline-block;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%2328476C" stroke-width="2"/></svg>');
        width: 14px;
        height: 8px;
        transform-origin: center;
        transform: translateY(-50%) rotate(0);
        transition: all .3s ease;
        position: absolute;
        top: 50%;
        right: 16px
    }

.speech-service-section .tools .select-dropdown-set .select-dropdown-list {
    margin-top: 4px;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    max-height: 190px;
    overflow-y: scroll;
    scrollbar-width: thin;
    z-index: 1
}

.speech-service-section .tools .select-dropdown-set .select-dropdown-item {
    cursor: pointer;
    padding: 8px 12px;
    box-sizing: border-box;
    color: #222
}

    .speech-service-section .tools .select-dropdown-set .select-dropdown-item:hover {
        background-color: #dae2ec
    }

.speech-service-section .tools .select-dropdown-set.active .select-dropdown-btn, .speech-service-section .tools .select-dropdown-set:focus-visible .select-dropdown-btn {
    outline: 2px solid #222;
    border-radius: 2px
}

    .speech-service-section .tools .select-dropdown-set.active .select-dropdown-btn::after, .speech-service-section .tools .select-dropdown-set:focus-visible .select-dropdown-btn::after {
        content: "";
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%2328476C" stroke-width="2"/></svg>');
        transform: translateY(-50%) rotate(-180deg);
        transition: all .3s ease
    }

.speech-card-row {
    display: flex;
    margin: 0 -6px;
    flex-wrap: wrap
}

.speech-card-col {
    width: 25%;
    box-sizing: border-box;
    padding: 0 6px;
    display: flex;
    flex-direction: column;
    margin-bottom: 32px
}

@media (max-width: 1024px) {
    .speech-card-col {
        width: 33%
    }
}

@media (max-width: 800px) {
    .speech-card-col {
        width: 50%
    }
}

@media (max-width: 640px) {
    .speech-card-col {
        width: 100%
    }
}

.speech-card {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

    .speech-card .card-body {
        background-color: #fff;
        box-sizing: border-box;
        padding: 20px 18px;
        border-radius: 5px;
        margin-bottom: 10px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        cursor: pointer;
        transition: all .3s ease
    }

    .speech-card .speech-title {
        font-size: 18px;
        font-weight: 700;
        letter-spacing: .02em;
        line-height: 1.6;
        margin-bottom: 12px;
        transition: all .3s ease;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        white-space: normal;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 58px
    }

@media (max-width: 640px) {
    .speech-card .speech-title {
        font-size: 17px;
        max-height: 55px
    }
}

.speech-card .cta-text {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: all .3s ease
}

    .speech-card .cta-text::after {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.9082 15.4163L9.7857 9.99967L5.90904 4.58301H6.92487L10.8032 9.99967L6.92487 15.4163H5.9082ZM10.7382 15.4163L14.6165 9.99967L10.7374 4.58301H11.754L15.6324 9.99967L11.754 15.4163H10.7382Z' fill='%2328476C'/%3E%3C/svg%3E%0A")
    }

.speech-card .card-footer {
    box-sizing: border-box;
    padding: 0 18px
}

@media (max-width: 1280px) {
    .speech-card .card-footer {
        font-size: 14px;
        padding: 0 8px
    }
}

@media (max-width: 1280px) {
    .speech-card .btn-primary, .speech-card .btn.btn-primary {
        font-size: 15px;
        padding: .6em .75em .54em
    }
}

.speech-card .card-body:hover {
    box-shadow: 0 3px 10px rgba(0,0,0,.1)
}

    .speech-card .card-body:hover .speech-title {
        color: #28476c;
        text-decoration: underline
    }

    .speech-card .card-body:hover .speech-detail {
        color: #28476c
    }

    .speech-card .card-body:hover .cta-text {
        color: #f5a200
    }

.speech-price .price-slot {
    font-size: 20px;
    display: inline-block;
    margin-right: 4px
}

@media (max-width: 1280px) {
    .speech-price .price-slot {
        font-size: 18px
    }
}

@media (max-width: 640px) {
    .speech-price .price-slot {
        font-size: 20px
    }
}

.speech-detail {
    font-size: 14px;
    color: #656565;
    margin-bottom: 16px;
    transition: all .3s ease
}

    .speech-detail li:not(:last-child) {
        margin-bottom: 8px
    }

.speech-duration {
    background-color: #eef1f5;
    box-sizing: border-box;
    padding: 4px 12px;
    color: #656565;
    font-size: 15px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: auto
}

.speech-apply-detail {
    border-width: 4px 2px 2px 2px;
    border-color: transparent;
    border-style: solid;
    box-sizing: border-box;
    padding: 24px 48px 36px;
    background-color: #fff;
    border-radius: 6px 90px 6px 6px;
    background-image: linear-gradient(white,#fff),linear-gradient(to right top,#6c94c4 0,#3da8b2 100%);
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    margin-bottom: 18px;
    position: relative
}

@media (max-width: 800px) {
    .speech-apply-detail {
        padding: 18px 36px 24px
    }
}

@media (max-width: 640px) {
    .speech-apply-detail {
        padding: 16px 20px 18px
    }
}

.speech-apply-detail::after {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='82' height='88' viewBox='0 0 82 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' d='M75.4736 81.834L67.9707 87.5977L5.11328 5.7627L12.6162 0L75.4736 81.834ZM55.5703 81.8115L48.0674 87.5742L0 24.9951L7.50293 19.2324L55.5703 81.8115ZM28.2773 72.1611L20.7744 77.9238L2.28711 53.8545L9.79004 48.0918L28.2773 72.1611ZM76.8848 57.7861L69.3818 63.5488L32.4062 15.4111L39.9092 9.64844L76.8848 57.7861ZM81.9932 38.5547L74.4902 44.3174L52.3047 15.4346L59.8076 9.67188L81.9932 38.5547Z' fill='url(%23paint0_linear_4199_24919)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_4199_24919' x1='1.94361' y1='87.5977' x2='80.6298' y2='87.0733' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236C94C4' stop-opacity='0.5'/%3E%3Cstop offset='0.5' stop-color='%236C94C4'/%3E%3Cstop offset='0.75' stop-color='%233DA8B2'/%3E%3Cstop offset='1' stop-color='%233DA8B2' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 12px;
    right: 16px;
    width: 80px;
    height: 88px
}

@media (max-width: 640px) {
    .speech-apply-detail::after {
        width: 60px;
        height: 66px
    }
}

.speech-apply-detail h2 {
    font-size: 20px
}

.speech-apply-detail h3 {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 4px
}

.speech-apply-detail .speech-info-box {
    margin-bottom: 24px;
    box-sizing: border-box;
    padding: 0 24px 0 0
}

@media (max-width: 800px) {
    .speech-apply-detail .speech-info-box {
        padding: 0 18px 0 0
    }
}

.speech-apply-detail .speech-info-box.price-info {
    border-left: 1px solid #dae2ec;
    height: 100%;
    box-sizing: border-box;
    padding-left: 24px
}

@media (max-width: 800px) {
    .speech-apply-detail .speech-info-box.price-info {
        padding-left: 18px
    }
}

@media (max-width: 640px) {
    .speech-apply-detail .speech-info-box.price-info {
        padding-left: 0;
        border-left: 0;
        margin-bottom: 0
    }
}

.speech-apply-detail .speech-price .price-slot {
    font-size: 28px;
    margin-right: 6px
}

@media (max-width: 800px) {
    .speech-apply-detail .speech-price .price-slot {
        font-size: 24px
    }
}

.speech-apply-form ::placeholder {
    opacity: .7
}

.speech-apply-form label {
    font-size: 16px
}

.speech-apply-form input[type=checkbox] ~ label, .speech-apply-form input[type=radio] ~ label {
    font-size: 17px;
    color: #656565
}

.speech-apply-form .input-group-title {
    width: 100%;
    margin-bottom: 14px
}

    .speech-apply-form .input-group-title.m-b-0 {
        margin-bottom: 0
    }

.speech-apply-form .form-fieldset .input-group-row {
    margin-bottom: 36px
}

@media (max-width: 1024px) {
    .speech-apply-form .form-fieldset .input-group-row {
        flex-wrap: wrap
    }
}

@media (max-width: 640px) {
    .speech-apply-form .form-fieldset .input-group-row {
        margin-bottom: 16px
    }
}

@media (max-width: 640px) {
    .speech-apply-form .form-fieldset .input-group-row .input-group {
        flex: unset;
        width: 100%
    }
}

.speech-apply-form textarea {
    border: 1px solid #dae2ec;
    box-sizing: border-box;
    padding: 10px 16px;
    font-size: 16px
}

.speech-apply-form input[type=date] {
    height: 40px
}

.speech-info-popup {
    width: 720px;
    max-width: 90vw;
    max-height: 75vh;
    background-image: url(../images/background/deco-bg-wave-lines.png),linear-gradient(to right bottom,#fff 33%,#dae2ec 100%);
    background-repeat: no-repeat;
    background-position: right bottom;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-sizing: border-box;
    padding: 40px 70px;
    border-radius: 20px;
    z-index: 900;
    overflow-y: auto;
    scrollbar-width: thin
}

@media (max-width: 800px) {
    .speech-info-popup {
        padding: 28px 48px;
        border-radius: 14px
    }
}

@media (max-width: 640px) {
    .speech-info-popup {
        padding: 32px 24px
    }
}

.speech-info-popup.hidden {
    display: none
}

.speech-info-popup .close-btn {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 24px;
    right: 24px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15.4873 5.07812L10.5654 9.99902L15.4873 14.9209L14.9219 15.4863L9.99902 10.5645L5.07812 15.4863L4.5127 14.9209L9.43359 9.99902L4.5127 5.0791L5.07812 4.5127L10 9.43359L14.9219 4.5127L15.4873 5.07812Z' fill='%23656565'/></svg>")
}

@media (max-width: 800px) {
    .speech-info-popup .close-btn {
        top: 20px;
        right: 20px
    }
}

@media (max-width: 640px) {
    .speech-info-popup .close-btn {
        top: 16px;
        right: 12px
    }
}

.speech-info-popup ~ .popup-layout {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .2;
    z-index: 899
}

    .speech-info-popup ~ .popup-layout.hidden {
        display: none
    }

.speech-info-popup .speech-detail {
    display: flex;
    gap: 12px
}

.speech-info-popup .speech-duration {
    justify-content: flex-start;
    gap: 12px;
    width: fit-content
}

@media (max-width: 640px) {
    .speech-info-popup .speech-content {
        font-size: 15px
    }
}

.speech-info-popup .speech-content p {
    line-height: 1.8
}

.speech-info-popup .btns-center {
    padding-top: 18px
}

.wrap[data-page=survey-list] .page-bg {
    padding-top: 55px
}

.survey-list-banner {
    width: 100%;
    height: 360px;
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 54px
}

@media (max-width: 800px) {
    .survey-list-banner {
        height: 240px
    }
}

@media (max-width: 640px) {
    .survey-list-banner {
        height: 200px
    }
}

.survey-list-banner .banner-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

    .survey-list-banner .banner-wrapper .deco-wave {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        z-index: 2;
        height: 100%
    }

        .survey-list-banner .banner-wrapper .deco-wave img {
            width: 100%;
            height: 100%
        }

    .survey-list-banner .banner-wrapper .title-group {
        width: 50%;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        z-index: 3;
        box-sizing: border-box;
        padding-left: 36px;
        color: #fff
    }

@media (max-width: 800px) {
    .survey-list-banner .banner-wrapper .title-group {
        width: 70%;
        padding-left: 24px
    }
}

@media (max-width: 640px) {
    .survey-list-banner .banner-wrapper .title-group {
        width: 100%;
        padding: 12px
    }
}

.survey-list-banner .banner-wrapper .label {
    width: fit-content;
    font-size: 24px;
    background-color: #f5a200;
    padding: 0 10px;
    color: #fff;
    margin-bottom: 18px
}

@media (max-width: 800px) {
    .survey-list-banner .banner-wrapper .label {
        font-size: 20px;
        margin-bottom: 12px
    }
}

.survey-list-banner .banner-wrapper .survey-duration {
    line-height: 1.7;
    margin-bottom: 6px
}

@media (max-width: 640px) {
    .survey-list-banner .banner-wrapper .survey-duration {
        font-size: 14px
    }
}

@media (max-width: 800px) {
    .annual-banner .main-title-wrapper .survey-list-banner .banner-wrapper .price::before, .survey-list-banner .banner-wrapper .annual-banner .main-title-wrapper .price::before, .survey-list-banner .banner-wrapper .title-lg {
        font-size: 24px
    }
}

@media (max-width: 640px) {
    .annual-banner .main-title-wrapper .survey-list-banner .banner-wrapper .price::before, .survey-list-banner .banner-wrapper .annual-banner .main-title-wrapper .price::before, .survey-list-banner .banner-wrapper .title-lg {
        font-size: 22px
    }
}

@media (max-width: 480px) {
    .annual-banner .main-title-wrapper .survey-list-banner .banner-wrapper .price::before, .survey-list-banner .banner-wrapper .annual-banner .main-title-wrapper .price::before, .survey-list-banner .banner-wrapper .title-lg {
        font-size: 20px
    }
}

.survey-list-banner .imgbox {
    width: 100%;
    height: 100%
}

.survey-list-banner .btn-survey {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 15px;
    margin-top: 36px;
    padding: 4px 12px;
    font-size: 18px;
    display: flex;
    align-items: center;
    width: fit-content
}

@media (max-width: 640px) {
    .survey-list-banner .btn-survey {
        margin-top: 24px;
        font-size: 16px
    }
}

.survey-list-banner .btn-survey::after {
    content: "";
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: inline-block;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4911_23089)'%3E%3Cpath d='M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM11.6797 6.32324C11.5065 6.1502 11.2259 6.15011 11.0527 6.32324C10.8797 6.49638 10.8797 6.77703 11.0527 6.9502L13.8438 9.74121H5.4541C5.20919 9.74121 5.01074 9.93966 5.01074 10.1846C5.01082 10.4294 5.20924 10.6279 5.4541 10.6279H13.8438L11.0527 13.4189L11.0225 13.4521C10.8804 13.6263 10.8904 13.8835 11.0527 14.0459C11.2151 14.2082 11.4723 14.2182 11.6465 14.0762L11.6797 14.0459L15.2275 10.498C15.3899 10.3357 15.3999 10.0785 15.2578 9.9043L15.2275 9.87109L11.6797 6.32324Z' fill='%23ffffff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4911_23089'%3E%3Crect width='20' height='20' fill='%23ffffff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    margin-left: 6px
}

.survey-list-banner .btn-survey:hover {
    background-color: #f5a200
}

.survey-list-banner.inner-page-banner {
    margin: 48px 0 24px
}

@media (max-width: 640px) {
    .survey-list-banner.inner-page-banner {
        margin: 32px 0 12px
    }
}

.survey-list-banner.inner-page-banner .banner-wrapper {
    overflow: hidden
}

.survey-list-banner.inner-page-banner .title-group {
    top: unset;
    bottom: 0;
    transform: translateY(0);
    padding-bottom: 20px
}

    .survey-list-banner.inner-page-banner .title-group h1 {
        margin-bottom: 12px
    }

@media (min-width: 641px) {
    .survey-list-banner.inner-page-banner .hide-min-phone {
        display: none
    }
}

.survey-cards-section .section-title {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eaeaea
}

    .survey-cards-section .section-title::before {
        content: "";
        width: 32px;
        height: 32px;
        display: inline-block;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='14' y='4' width='4' height='22.6667' fill='%23F5A200'/%3E%3Crect x='20.6665' y='9.33301' width='4' height='13.3333' fill='%237AAFED'/%3E%3Crect x='0.666504' y='12' width='4' height='6.66667' fill='%237AAFED'/%3E%3Crect x='27.3335' y='12' width='4' height='8' fill='%233DA8B2'/%3E%3Crect x='7.3335' y='6.66699' width='4' height='17.3333' fill='%233DA8B2'/%3E%3C/svg%3E%0A")
    }

.survey-cards-section .survey-cards {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px
}

    .survey-cards-section .survey-cards .card-col {
        width: 25%;
        box-sizing: border-box;
        padding: 0 12px
    }

@media (max-width: 800px) {
    .survey-cards-section .survey-cards .card-col {
        width: 33.33333%
    }
}

@media (max-width: 640px) {
    .survey-cards-section .survey-cards .card-col {
        width: 50%
    }
}

@media (max-width: 480px) {
    .survey-cards-section .survey-cards .card-col {
        width: 100%
    }
}

.survey-cards-section .survey-cards .survey-card {
    color: #1b1b1b;
    transition: all .3s ease;
    margin-bottom: 32px;
    display: block
}

    .survey-cards-section .survey-cards .survey-card .imgbox {
        border-radius: 5px 5px 0 0;
        aspect-ratio: 16/9
    }

    .survey-cards-section .survey-cards .survey-card .content-group {
        background-color: #fff;
        box-sizing: border-box;
        padding: 8px 12px 12px;
        border-radius: 0 0 5px 5px
    }

    .survey-cards-section .survey-cards .survey-card .survey-duration {
        color: #656565;
        font-size: 14px;
        line-height: 1.4
    }

    .survey-cards-section .survey-cards .survey-card .survey-title {
        font-weight: 700;
        font-size: 17px;
        line-height: 1.5;
        letter-spacing: .03em;
        margin-bottom: 18px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        white-space: normal;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all .3s ease;
        height: 51px
    }

    .survey-cards-section .survey-cards .survey-card .view-result-label {
        background-color: #eef1f5;
        color: #28476c;
        font-size: 14px;
        display: flex;
        align-items: center;
        padding: 4px 12px;
        box-sizing: border-box;
        width: fit-content;
        border-radius: 5px;
        transition: all .3s ease
    }

        .survey-cards-section .survey-cards .survey-card .view-result-label::after {
            content: "";
            display: inline-block;
            width: 14px;
            height: 14px;
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.52388 7.805V11.7892C4.52388 12.0274 4.42923 12.2559 4.26076 12.4244C4.09229 12.5929 3.8638 12.6875 3.62555 12.6875H2.56971C2.45125 12.6883 2.33381 12.6656 2.22414 12.6208C2.11448 12.576 2.01476 12.51 1.93072 12.4265C1.84668 12.343 1.77999 12.2437 1.73448 12.1343C1.68897 12.0249 1.66554 11.9076 1.66555 11.7892V7.805C1.66477 7.68605 1.68763 7.56812 1.73279 7.45808C1.77796 7.34803 1.84453 7.24804 1.92864 7.16393C2.01276 7.07982 2.11274 7.01324 2.22279 6.96808C2.33284 6.92292 2.45076 6.90006 2.56971 6.90083H3.62555C3.74401 6.90083 3.8613 6.92426 3.97068 6.96977C4.08005 7.01528 4.17934 7.08197 4.26284 7.16601C4.34633 7.25004 4.41238 7.34977 4.45718 7.45943C4.50198 7.5691 4.52465 7.68654 4.52388 7.805ZM8.43221 2.21667V11.7892C8.43222 11.9076 8.40879 12.0249 8.36328 12.1343C8.31777 12.2437 8.25108 12.343 8.16704 12.4265C8.083 12.51 7.98328 12.576 7.87362 12.6208C7.76395 12.6656 7.64651 12.6883 7.52805 12.6875H6.47221C6.23342 12.6875 6.00432 12.593 5.83492 12.4247C5.66553 12.2564 5.56959 12.028 5.56805 11.7892V2.21667C5.56958 1.97734 5.66533 1.74825 5.83456 1.57901C6.00379 1.40978 6.23289 1.31403 6.47221 1.3125H7.52805C7.76785 1.3125 7.99782 1.40776 8.16739 1.57732C8.33695 1.74689 8.43221 1.97687 8.43221 2.21667ZM12.3347 5.23833V11.7892C12.3347 12.0274 12.2401 12.2559 12.0716 12.4244C11.9031 12.5929 11.6746 12.6875 11.4364 12.6875H10.3805C10.2621 12.6883 10.1446 12.6656 10.035 12.6208C9.92531 12.576 9.82559 12.51 9.74155 12.4265C9.65752 12.343 9.59082 12.2437 9.54531 12.1343C9.4998 12.0249 9.47638 11.9076 9.47638 11.7892V5.23833C9.47638 5.1196 9.49977 5.00202 9.54521 4.89232C9.59064 4.78263 9.65724 4.68295 9.7412 4.59899C9.82516 4.51503 9.92484 4.44843 10.0345 4.40299C10.1442 4.35755 10.2618 4.33417 10.3805 4.33417H11.4597C11.6944 4.34174 11.917 4.44034 12.0803 4.60909C12.2436 4.77784 12.3348 5.0035 12.3347 5.23833Z' fill='%2328476C'/%3E%3C/svg%3E%0A");
            margin-left: 4px;
            transition: all .3s ease
        }

    .survey-cards-section .survey-cards .survey-card:hover {
        box-shadow: 0 4px 8px rgba(0,0,0,.1)
    }

        .survey-cards-section .survey-cards .survey-card:hover .survey-title {
            color: #28476c
        }

        .survey-cards-section .survey-cards .survey-card:hover .view-result-label {
            background-color: #f9f4ea;
            color: #f5a200
        }

            .survey-cards-section .survey-cards .survey-card:hover .view-result-label::after {
                content: "";
                display: inline-block;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.52388 7.805V11.7892C4.52388 12.0274 4.42923 12.2559 4.26076 12.4244C4.09229 12.5929 3.8638 12.6875 3.62555 12.6875H2.56971C2.45125 12.6883 2.33381 12.6656 2.22414 12.6208C2.11448 12.576 2.01476 12.51 1.93072 12.4265C1.84668 12.343 1.77999 12.2437 1.73448 12.1343C1.68897 12.0249 1.66554 11.9076 1.66555 11.7892V7.805C1.66477 7.68605 1.68763 7.56812 1.73279 7.45808C1.77796 7.34803 1.84453 7.24804 1.92864 7.16393C2.01276 7.07982 2.11274 7.01324 2.22279 6.96808C2.33284 6.92292 2.45076 6.90006 2.56971 6.90083H3.62555C3.74401 6.90083 3.8613 6.92426 3.97068 6.96977C4.08005 7.01528 4.17934 7.08197 4.26284 7.16601C4.34633 7.25004 4.41238 7.34977 4.45718 7.45943C4.50198 7.5691 4.52465 7.68654 4.52388 7.805ZM8.43221 2.21667V11.7892C8.43222 11.9076 8.40879 12.0249 8.36328 12.1343C8.31777 12.2437 8.25108 12.343 8.16704 12.4265C8.083 12.51 7.98328 12.576 7.87362 12.6208C7.76395 12.6656 7.64651 12.6883 7.52805 12.6875H6.47221C6.23342 12.6875 6.00432 12.593 5.83492 12.4247C5.66553 12.2564 5.56959 12.028 5.56805 11.7892V2.21667C5.56958 1.97734 5.66533 1.74825 5.83456 1.57901C6.00379 1.40978 6.23289 1.31403 6.47221 1.3125H7.52805C7.76785 1.3125 7.99782 1.40776 8.16739 1.57732C8.33695 1.74689 8.43221 1.97687 8.43221 2.21667ZM12.3347 5.23833V11.7892C12.3347 12.0274 12.2401 12.2559 12.0716 12.4244C11.9031 12.5929 11.6746 12.6875 11.4364 12.6875H10.3805C10.2621 12.6883 10.1446 12.6656 10.035 12.6208C9.92531 12.576 9.82559 12.51 9.74155 12.4265C9.65752 12.343 9.59082 12.2437 9.54531 12.1343C9.4998 12.0249 9.47638 11.9076 9.47638 11.7892V5.23833C9.47638 5.1196 9.49977 5.00202 9.54521 4.89232C9.59064 4.78263 9.65724 4.68295 9.7412 4.59899C9.82516 4.51503 9.92484 4.44843 10.0345 4.40299C10.1442 4.35755 10.2618 4.33417 10.3805 4.33417H11.4597C11.6944 4.34174 11.917 4.44034 12.0803 4.60909C12.2436 4.77784 12.3348 5.0035 12.3347 5.23833Z' fill='%23F5A200'/%3E%3C/svg%3E%0A")
            }

.survey-note {
    background-color: #eef1f5;
    box-sizing: border-box;
    padding: 24px 32px 32px;
    border-radius: 10px;
    margin-bottom: 12px
}

@media (max-width: 800px) {
    .survey-note {
        padding: 18px 24px 18px
    }
}

.survey-note ul {
    padding-left: 1.8em;
    color: #656565
}

    .survey-note ul li {
        line-height: 1.6
    }

.title-icon-stamp {
    display: flex;
    align-items: center
}

    .title-icon-stamp::before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-right: 4px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5481 4.3958C11.9482 3.86807 12.7416 3.86807 13.1418 4.3958L14.4024 6.05831C14.6207 6.34626 14.9774 6.49401 15.3354 6.44479L17.4023 6.1606C18.0585 6.07038 18.6195 6.63137 18.5292 7.28749L18.245 9.35444C18.1958 9.71244 18.3436 10.0691 18.6315 10.2875L20.294 11.5481C20.8218 11.9482 20.8218 12.7416 20.294 13.1418L18.6315 14.4024C18.3436 14.6207 18.1958 14.9774 18.245 15.3354L18.5292 17.4023C18.6195 18.0585 18.0585 18.6195 17.4023 18.5292L15.3354 18.245C14.9774 18.1958 14.6207 18.3436 14.4024 18.6315L13.1418 20.294C12.7416 20.8218 11.9482 20.8218 11.5481 20.294L10.2875 18.6315C10.0691 18.3436 9.71244 18.1958 9.35444 18.245L7.28749 18.5292C6.63137 18.6195 6.07038 18.0585 6.1606 17.4023L6.44479 15.3354C6.49401 14.9774 6.34626 14.6207 6.05831 14.4024L4.3958 13.1418C3.86807 12.7416 3.86807 11.9482 4.3958 11.5481L6.05831 10.2875C6.34626 10.0691 6.49401 9.71244 6.44479 9.35444L6.1606 7.28749C6.07038 6.63137 6.63137 6.07038 7.28749 6.1606L9.35444 6.44479C9.71244 6.49401 10.0691 6.34626 10.2875 6.05831L11.5481 4.3958Z' fill='%23F5A200'/%3E%3C/svg%3E%0A")
    }

.survey-form .input-group-row {
    flex-wrap: wrap
}

.survey-result-section .section-title {
    padding-bottom: 16px;
    border-bottom: 1px solid #eaeaea
}

.survey-result-section .option-title {
    display: flex;
    align-items: center
}

    .survey-result-section .option-title .color-dot {
        width: 14px;
        height: 14px;
        min-width: 14px;
        border-radius: 50%;
        margin-right: 6px;
        background-color: #656565
    }

.survey-result-section .option-group {
    padding: 18px 0 24px
}

@media (max-width: 800px) {
    .survey-result-section .option-group {
        width: 100%
    }
}

.survey-result-section .option-group .option {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 6px 12px;
    margin-bottom: 12px
}

@media (max-width: 800px) {
    .survey-result-section .option-group .option {
        width: 100%;
        justify-content: space-between
    }
}

@media (max-width: 640px) {
    .survey-result-section .option-group .option {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }
}

.survey-result-section .option-group .option .option-title {
    width: 400px
}

@media (max-width: 640px) {
    .survey-result-section .option-group .option .option-title {
        width: 100%
    }
}

.survey-result-section .accordion-item .accordion-title {
    margin-bottom: 8px;
    padding: 0 0 18px;
    width: fit-content;
    color: #28476c;
    font-weight: 700;
    letter-spacing: .05em;
    transition: all .3s ease
}

    .survey-result-section .accordion-item .accordion-title::after {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%2328476C" stroke-width="2"/></svg>');
        margin-left: 4px;
        transition: all .3s ease
    }

    .survey-result-section .accordion-item .accordion-title.active {
        background-color: transparent
    }

        .survey-result-section .accordion-item .accordion-title.active::after {
            transform: rotate(-180deg);
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L8.19048 8L14.5 2" stroke="%23F5A200" stroke-width="2"/></svg>')
        }

.survey-result-section .accordion-item .accordion-content {
    background-color: #eef1f5;
    position: relative;
    width: fit-content;
    border-radius: 5px
}

    .survey-result-section .accordion-item .accordion-content::before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        border-bottom: 18px solid #eef1f5;
        position: absolute;
        bottom: 100%;
        left: 24px
    }

    .survey-result-section .accordion-item .accordion-content .flex-col, .survey-result-section .accordion-item .accordion-content .flex-vertical {
        gap: 16px
    }

.survey-result-section .notice-text {
    color: #e61a1a;
    line-height: 1.7;
    display: flex;
    align-items: flex-start
}

@media (max-width: 640px) {
    .survey-result-section .notice-text {
        font-size: 15px
    }
}

.survey-result-section .notice-text::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56193 1.80005C4.33831 1.80005 0.900024 4.71737 0.900024 8.30362C0.900024 11.8899 4.33831 14.8072 8.56193 14.8072C9.35214 14.8063 10.1385 14.7 10.8988 14.4913L13.547 16.1265C13.6193 16.1715 13.7027 16.1968 13.7885 16.1998C13.8744 16.2027 13.9595 16.1832 14.0349 16.1433C14.1103 16.1034 14.1732 16.0446 14.2171 15.973C14.261 15.9014 14.2843 15.8196 14.2844 15.7363V12.6099C14.8836 12.0523 15.3617 11.3841 15.6907 10.6445C16.0197 9.90497 16.1928 9.10906 16.1999 8.30362C16.2238 4.71737 12.7856 1.80005 8.56193 1.80005ZM8.04954 4.87996C8.04168 4.78962 8.05323 4.69868 8.08348 4.61289C8.11372 4.52711 8.16199 4.44835 8.22523 4.3816C8.28848 4.31485 8.36531 4.26156 8.45089 4.22511C8.53646 4.18866 8.6289 4.16984 8.72235 4.16984C8.81581 4.16984 8.90825 4.18866 8.99382 4.22511C9.0794 4.26156 9.15623 4.31485 9.21948 4.3816C9.28272 4.44835 9.33099 4.52711 9.36123 4.61289C9.39148 4.69868 9.40303 4.78962 9.39517 4.87996V9.41852C9.40303 9.50886 9.39148 9.5998 9.36123 9.68559C9.33099 9.77137 9.28272 9.85013 9.21948 9.91688C9.15623 9.98363 9.0794 10.0369 8.99382 10.0734C8.90825 10.1098 8.81581 10.1286 8.72235 10.1286C8.6289 10.1286 8.53646 10.1098 8.45089 10.0734C8.36531 10.0369 8.28848 9.98363 8.22523 9.91688C8.16199 9.85013 8.11372 9.77137 8.08348 9.68559C8.05323 9.5998 8.04168 9.50886 8.04954 9.41852V4.87996ZM8.72475 12.9397C8.54764 12.9397 8.37451 12.8888 8.22724 12.7933C8.07998 12.6979 7.96521 12.5622 7.89743 12.4035C7.82965 12.2448 7.81192 12.0701 7.84647 11.9016C7.88102 11.7331 7.96631 11.5783 8.09155 11.4568C8.21678 11.3353 8.37634 11.2526 8.55005 11.2191C8.72376 11.1855 8.90381 11.2027 9.06744 11.2685C9.23106 11.3342 9.37092 11.4456 9.46932 11.5884C9.56772 11.7313 9.62023 11.8992 9.62023 12.0711C9.61897 12.3006 9.52407 12.5204 9.35627 12.6823C9.18847 12.8442 8.96142 12.9351 8.72475 12.9351V12.9397Z' fill='%23E61A1A'/></svg>");
    margin-right: 6px
}

.survey-result-section [data-option-index="1"] .bar-track .bar, .survey-result-section [data-option-index="1"] .color-dot {
    background-color: #f5a200
}

.survey-result-section [data-option-index="2"] .bar-track .bar, .survey-result-section [data-option-index="2"] .color-dot {
    background-color: #3da8b2
}

.survey-result-section [data-option-index="3"] .bar-track .bar, .survey-result-section [data-option-index="3"] .color-dot {
    background-color: #6c94c4
}

.survey-result-section [data-option-index="4"] .bar-track .bar, .survey-result-section [data-option-index="4"] .color-dot {
    background-color: #f56c6c
}

.survey-result-section [data-option-index="5"] .bar-track .bar, .survey-result-section [data-option-index="5"] .color-dot {
    background-color: #77818d
}

.survey-result-section [data-option-index="6"] .bar-track .bar, .survey-result-section [data-option-index="6"] .color-dot {
    background-color: #d5f05c
}

.survey-result-section [data-option-index="7"] .bar-track .bar, .survey-result-section [data-option-index="7"] .color-dot {
    background-color: #7d86ed
}

.survey-result-section [data-option-index="8"] .bar-track .bar, .survey-result-section [data-option-index="8"] .color-dot {
    background-color: #f3875d
}

.survey-result-section [data-option-index="9"] .bar-track .bar, .survey-result-section [data-option-index="9"] .color-dot {
    background-color: #39acea
}

.survey-result-section [data-option-index="10"] .bar-track .bar, .survey-result-section [data-option-index="10"] .color-dot {
    background-color: #e987ed
}

.option-percentage {
    display: flex;
    align-items: center;
    gap: 12px
}

@media (max-width: 800px) {
    .option-percentage {
        width: 180px
    }
}

.option-percentage .bar-track {
    width: 120px;
    height: 10px;
    border-radius: 5px;
    background-color: #dae2ec;
    overflow: hidden
}

    .option-percentage .bar-track .bar {
        background-color: #656565;
        width: 57%;
        height: 100%;
        border-radius: 5px
    }