@charset "UTF-8";

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

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

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

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

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

small {
    font-size: 80%
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: "";
        content: none
    }

a, 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*/
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

audio, canvas, video {
    display: inline-block;
    max-width: 100%
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:focus {
    outline: thin dotted
}

a:active, a:hover {
    outline: 0
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

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

button {
    border-radius: 0
}

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color
    }

button, input {
    line-height: normal;
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button, html, input, select, textarea {
    color: #222
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

img {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

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
}

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

h1, h2, h3, h4, h5, h6 {
    line-height: 1.3;
    box-sizing: border-box
}

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

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

    a:focus {
        outline: 0
    }

b, strong {
    font-weight: 700
}

ol, ul {
    list-style-position: outside;
    list-style-image: none;
    padding-left: 2rem;
    font-size: 1rem;
    line-height: 1.4
}

    ol li {
        display: list-item;
        list-style: decimal
    }

    ul li {
        display: list-item;
        list-style-type: disc
    }

        ul li::marker {
            color: #28476c;
            font-size: 1rem
        }

    ol[class], ul[class] {
        list-style: none;
        padding-left: 0
    }

        ol[class] li, ul[class] li {
            list-style: none
        }

.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
    }
}

.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
}

    #cboxContent #cboxClose::after, #cboxContent #cboxClose::before {
        background-color: #838383
    }

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

.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>");
    margin-right: 12px
}

[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 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.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%
    }
}

.title-lg {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3
}

@media (max-width:1280px) {
    .title-lg {
        font-size: 30px
    }
}

@media (max-width:800px) {
    .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
}

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

.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
}

.bold {
    font-weight: 700
}

.btn, .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
}

    .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-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-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 {
    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 {
        outline: 0
    }

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

        .btn-arrow-next: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 {
        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 {
        background-color: #fff
    }

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

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

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

        .btn-arrow-next.primary-bg: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 {
        width: 3em;
        height: 3em
    }

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

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

    .hover-inner-btn:hover .btn-arrow-next: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 {
        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;
        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='M10.65 11.9419V23.0292L9.24958 22.329L9.24855 22.3285C8.20526 21.8093 7.07569 21.4791 5.9097 21.3639L5.90894 21.3638L1.41224 20.9142C1.41197 20.9141 1.4117 20.9141 1.41144 20.9141C0.950686 20.8656 0.6 20.4788 0.6 20.0156V10.5C0.6 10.0017 1.00168 9.6 1.5 9.6H2.92031C5.67456 9.6 8.36245 10.418 10.65 11.9419ZM22.5914 20.9091L22.5903 20.9092L18.0908 21.3592C16.9297 21.4743 15.7953 21.8044 14.7514 22.3238L14.7495 22.3247L13.35 23.0274V11.9419C15.6376 10.418 18.3254 9.6 21.0797 9.6H22.5C22.9983 9.6 23.4 10.0017 23.4 10.5V20.0156C23.4 20.4763 23.0477 20.8643 22.5914 20.9091ZM8.1 4.5C8.1 3.46566 8.51089 2.47368 9.24228 1.74228C9.97368 1.01089 10.9657 0.6 12 0.6C13.0343 0.6 14.0263 1.01089 14.7577 1.74228C15.4891 2.47368 15.9 3.46566 15.9 4.5C15.9 5.53434 15.4891 6.52632 14.7577 7.25772C14.0263 7.98911 13.0343 8.4 12 8.4C10.9657 8.4 9.97368 7.98911 9.24228 7.25772C8.51089 6.52632 8.1 5.53434 8.1 4.5Z' stroke='%2328476C' stroke-width='1.2' stroke-miterlimit='10' stroke-linecap='round'/></svg>")
    }

    .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;
        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='M10.65 11.9419V23.0292L9.24958 22.329L9.24855 22.3285C8.20526 21.8093 7.07569 21.4791 5.9097 21.3639L5.90894 21.3638L1.41224 20.9142C1.41197 20.9141 1.4117 20.9141 1.41144 20.9141C0.950686 20.8656 0.6 20.4788 0.6 20.0156V10.5C0.6 10.0017 1.00168 9.6 1.5 9.6H2.92031C5.67456 9.6 8.36245 10.418 10.65 11.9419ZM22.5914 20.9091L22.5903 20.9092L18.0908 21.3592C16.9297 21.4743 15.7953 21.8044 14.7514 22.3238L14.7495 22.3247L13.35 23.0274V11.9419C15.6376 10.418 18.3254 9.6 21.0797 9.6H22.5C22.9983 9.6 23.4 10.0017 23.4 10.5V20.0156C23.4 20.4763 23.0477 20.8643 22.5914 20.9091ZM8.1 4.5C8.1 3.46566 8.51089 2.47368 9.24228 1.74228C9.97368 1.01089 10.9657 0.6 12 0.6C13.0343 0.6 14.0263 1.01089 14.7577 1.74228C15.4891 2.47368 15.9 3.46566 15.9 4.5C15.9 5.53434 15.4891 6.52632 14.7577 7.25772C14.0263 7.98911 13.0343 8.4 12 8.4C10.9657 8.4 9.97368 7.98911 9.24228 7.25772C8.51089 6.52632 8.1 5.53434 8.1 4.5Z' stroke='%23ffffff' stroke-width='1.2' stroke-miterlimit='10' stroke-linecap='round'/></svg>")
    }

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

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

.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
    }

    .Qdropdown-list {
        bottom: 0;
        height: 100vh;
    }
}

.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
}

[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
    }
}

.tabs-type-title .tab:not(.tabs-type-title.tab.is-active) .title-lg {
    color: rgba(27,27,27, .6)
}

.tabs-type-title .tab:hover:not(.is-active) .title-lg {
    color: #28476c !important
}

.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
    }

.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: ellipsis;
        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 {
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 0 5px;
    border-radius: 4px;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    color: #838383
}

    .pagination .page-input input:focus {
        color: #222;
        background-color: #fff;
        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
}

.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-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%
}

.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-menu-items {
    margin-bottom: 0;
    font-size: 1rem
}

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

@media (max-width:1024px) {
    .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-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 2% 2rem
    /*mic logo調整*/
}

@media (max-width:800px) {
    .footer-logo .footer-logo-link {
        padding: 1rem 2%
        /*mic logo調整*/
    }
}

.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
    }

        .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
}

    .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*/
        /*customer錯誤去除*/
    }

        .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
    }

[data-page=home] {
    background-color: #f6f7f8
}

.home-banner {
    position: relative;
    width: 100%;
    height: 50vw;
    color: #fff;
    background-color: #28476c;
    overflow: hidden
}

@media (max-width:800px) and (orientation:portrait) {
    .home-banner {
        height: 160vw
    }
}

@media (max-width:800px) and (orientation:portrait) and (min-width:641px) {
    .home-banner {
        height: 135vw
    }
}

@media (min-width:641px) {
    .home-banner .swiper-pagination.pagination-vertical {
        left: 1.5rem;
        bottom: 50%;
        transform: translateY(50%)
    }
}

@media (max-width:640px) {
    .home-banner .swiper-pagination.pagination-vertical {
        left: initial;
        right: .5rem;
        bottom: 1.5rem
    }
}

.home-banner-slide {
    position: relative;
    width: 100%;
    height: 50vw;
    overflow: hidden
}

@media (max-width:800px) and (orientation:portrait) {
    .home-banner-slide {
        height: 160vw
    }
}

@media (max-width:800px) and (orientation:portrait) and (min-width:641px) {
    .home-banner-slide {
        height: 135vw
    }
}

@media (max-width:800px) and (orientation:portrait) {
    .home-banner-slide:before {
        content: "";
        position: absolute;
        display: block;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 36%;
        background: linear-gradient(to top, #28476c 60%,rgba(40,71,108, 0));
        z-index: 2
    }
}

@media (max-width:800px) and (orientation:portrait) and (min-width:641px) {
    .home-banner-slide:before {
        height: 28%
    }
}

.home-banner-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

@media (max-width:800px) and (orientation:portrait) {
    .home-banner-img {
        height: 86%
    }
}

@media (max-width:800px) and (orientation:portrait) and (min-width:641px) {
    .home-banner-img {
        height: 90%
    }
}

.home-banner-img:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 120px;
    background: linear-gradient(to bottom,rgba(0, 0, 0, .55),rgba(0, 0, 0, 0))
}

@media (max-width:800px) {
    .home-banner-img:after {
        padding-top: 80px
    }
}

.home-banner-content {
    position: absolute;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    z-index: 10;
    opacity: .82
}

@media (min-width:801px),(orientation:landscape) {
    .home-banner-content {
        bottom: 0;
        left: 0;
        width: 42.2%;
        height: 100%;
        padding: 22% 7% 6% 7%;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 658 784" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M355.594 0H0V784H139H441H462.898C498.004 750.873 576.958 673.577 611.931 629.408C655.647 574.197 681.48 474.817 627.828 412.98C615.873 399.202 602.734 386.081 589.643 373.008C543.981 327.409 498.893 282.382 506.614 212.011C516.55 121.465 580.137 39.7521 611.931 0H441H355.594Z" fill="%2328476C"/></svg>');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top right
    }
}

@media (min-width:801px) and (max-width:1280px),(orientation:landscape) and (max-width:1280px) {
    .home-banner-content {
        width: 50%;
        padding-right: 9%
    }
}

@media (min-width:1601px) {
    .home-banner-content {
        padding: 22% 8% 10%
    }
}

@media (max-width:800px) and (orientation:portrait) {
    .home-banner-content {
        bottom: 0;
        left: 0;
        padding: 10vw 5vw 5vw;
        background: url(../images/home/banner_mask.png) no-repeat top center;
        background-size: cover
    }
}

.home-banner-content-inner .btn, .home-banner-content-inner .btn-outerline, .home-banner-content-inner .btn-primary, .home-banner-content-inner .btn-second, .home-banner-content-inner .btn-sm {
    max-width: 217px;
    width: 100%
}

@media (min-width:1281px) {
    .home-banner-content-inner .btn, .home-banner-content-inner .btn-outerline, .home-banner-content-inner .btn-primary, .home-banner-content-inner .btn-second, .home-banner-content-inner .btn-sm {
        font-size: 18px
    }
}

.home-banner-title {
    color: #fff;
    font-weight: 700;
    font-size: 2.5vw;
    margin-bottom: .3rem
}

@media (min-width:1281px) {
    .home-banner-title {
        font-size: 36px
    }
}

@media (min-width:1601px) {
    .home-banner-title {
        font-size: 40px
    }
}

@media (max-width:800px) and (orientation:portrait) {
    .home-banner-title {
        font-size: 24px
    }
}

.home-banner-text {
    font-size: 1rem;
    max-height: 2.5em;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 1.5rem
}

@media (max-width:1280px) {
    .home-banner-text {
        font-size: 14px
    }
}

.home-hot-reports {
    padding: 1rem 0
}

@media (min-width:1281px) {
    .home-hot-reports {
        padding: 3rem 0
    }
}

.home-hot-reports-container {
    width: 1280px
}

@media (min-width:1281px) {
    .home-hot-reports-container {
        width: calc(1280px + 6rem)
    }
}

.home-hot-reports-inner {
    position: relative;
    padding: 1.5rem 0;
    box-sizing: border-box
}

@media (max-width:640px) {
    .home-hot-reports-inner {
        padding-left: 25px
    }
}

@media (min-width:1281px) {
    .home-hot-reports-inner {
        display: flex;
        align-items: center;
        font-size: 32px;
        padding: 2rem 0;
        background-color: #eef1f5;
        border: 1px solid #fff;
        border-right: none;
        border-radius: 6rem 0 0 6rem;
        box-shadow: 0 0 0 5px #eef1f5;
        z-index: 5
    }

        .home-hot-reports-inner:before {
            content: "";
            position: absolute;
            top: 15px;
            left: 15px;
            width: calc(100% - 30px);
            height: calc(100% - 30px);
            background-color: #fff;
            border: 1px solid #eef1f5;
            box-shadow: 0 0 0 7px #fff;
            border-right: none;
            border-radius: 6rem 0 0 6rem;
            z-index: -1
        }

        .home-hot-reports-inner:after {
            content: "";
            position: absolute;
            top: -6px;
            right: -5px;
            width: 100%;
            height: calc(100% + 12px);
            background: linear-gradient(to left, #f6f7f8 10px,rgba(246,247,248, .7) 50%,rgba(246,247,248, 0));
            z-index: -1
        }
}

@media (min-width:1281px) {
    .home-hot-reports-inner {
        padding: 2rem .5rem 2rem 0
    }
}

@media (min-width:1366px) {
    .home-hot-reports-inner {
        padding: 2rem 3rem 2rem 0
    }
}

.home-hot-reports-inner .title-lg {
    padding: .5rem 0
}

@media (min-width:1025px) {
    .home-hot-reports-inner .title-lg {
        padding: .5rem 2.5rem
    }
}

@media (min-width:1281px) {
    .home-hot-reports-inner .title-lg {
        padding: 0 2rem 0 3.5rem
    }
}

.home-hot-reports-inner .swiper {
    position: relative
}

@media (min-width:1281px) {
    .home-hot-reports-inner .swiper {
        width: calc(100% - 9em);
        -webkit-mask-image: linear-gradient(to right,transparent, #000 1em, #000 calc(100% - 1em),transparent);
        mask-image: linear-gradient(to right,transparent, #000 1em, #000 calc(100% - 1em),transparent)
    }
}

@media (max-width:1280px) {
    .home-hot-reports-inner .swiper {
        background: linear-gradient(to right, #fff,rgba(255, 255, 255, 0));
        border-radius: 3rem 0 0 3rem
    }
}

.home-hot-reports-inner .swiper-wrapper {
    font-size: 1rem
}

@media (min-width:1281px) {
    .home-hot-reports-inner .swiper-btn-prev {
        left: 6em
    }
}

.home-hot-reports-inner .swiper-btn-next {
    right: 0
}

@media (min-width:1281px) {
    .home-hot-reports-inner .swiper-btn-next {
        right: 2rem
    }
}

@media (min-width:1366px) {
    .home-hot-reports-inner .swiper-btn-next {
        right: 3rem
    }
}

.home-hot-reports-slide {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 2rem 1.5rem;
    font-size: 18px
}

    .home-hot-reports-slide:hover .item-num {
        color: #f5a200
    }

@media (min-width:801px) {
    .home-hot-reports-slide:not(.home-hot-reports-slide:first-child):before {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background-color: #eaeaea;
        transform: rotate(9deg)
    }
}

.home-hot-reports-slide .item-num {
    font-size: 2.8rem;
    line-height: 1;
    font-style: italic;
    color: #28476c;
    transition: .3s
}

.home-hot-reports-slide .item-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.5em;
    font-size: 1rem;
    line-height: 1.4;
    overflow: hidden;
    margin-left: 1.3em
}

@media (min-width:1025px) {
    .home-reports-events {
        display: flex
    }
}

.home-reports {
    min-height: 41rem
}

@media (max-width:1024px) {
    .home-reports {
        margin-bottom: 2.5rem
    }
}

@media (min-width:1025px) {
    .home-reports {
        width: 60%;
        min-height: 42.5rem
    }
}

.home-events {
    box-sizing: border-box
}

@media (min-width:1025px) {
    .home-events {
        width: 40%;
        padding-left: 5%
    }
}

.home-main-block {
    position: relative;
    width: 100%;
    overflow: hidden
}

    .home-main-block:before {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        width: 62vw;
        height: 60vw;
        background: linear-gradient(180deg, #e6edf5 .42%, #f6f7f8 100%);
        border-radius: 55vw 0 0 0
    }

@media (min-width:1601px) {
    .home-main-block:before {
        border-radius: 860px 0 0 0
    }
}

.home-main-block:after {
    content: "";
    position: absolute;
    display: block;
    top: 2%;
    right: 0;
    width: 85vw;
    height: 90vw;
    background-image: url(../images/home/bg_line_1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right
}

@media (min-width:1441px) {
    .home-main-block:after {
        right: calc(50% - 760px);
        width: 1314px;
        height: 1334px;
        background-position: top left;
        -webkit-mask-image: linear-gradient(to left,transparent, #000 30%);
        mask-image: linear-gradient(to left,transparent, #000 30%)
    }
}

.home-topics {
    position: relative;
    width: 100%;
    z-index: 50;
    padding: 8vw 0 8vw
}

@media (min-width:801px) {
    .home-topics {
        padding: 10vw 0 5vw
    }
}

@media (min-width:1601px) {
    .home-topics {
        padding: 155px 0 5rem
    }
}

@media (min-width:801px) {
    .home-topics .container {
        display: flex;
        align-items: center;
        flex-direction: row-reverse
    }
}

.home-topic-main {
    padding: 1.5rem 0;
    box-sizing: border-box
}

@media (min-width:801px) {
    .home-topic-main {
        width: 33.34%;
        padding: 1rem 0 1rem 6%
    }
}

ul.home-topic-menu {
    padding: 1rem 0;
    margin-bottom: 0
}

@media (max-width:800px) {
    ul.home-topic-menu {
        position: relative;
        display: flex;
        white-space: nowrap;
        width: calc(100% + 50px);
        margin-left: -25px;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 0;
        box-sizing: border-box;
        overflow-x: auto;
        overflow-y: hidden
    }

        ul.home-topic-menu::-webkit-scrollbar {
            height: 0
        }
}

.home-topic-menu-item {
    position: relative;
    margin-bottom: 1.2rem;
    cursor: pointer
}

@media (min-width:801px) {
    .home-topic-menu-item:before {
        content: "";
        position: absolute;
        display: block;
        top: .6rem;
        left: -3.3rem;
        width: 2.3rem;
        height: 1px;
        background-color: #accae1;
        transform-origin: left;
        transform: scaleX(0);
        transition: .3s
    }
}

@media (max-width:800px) {
    .home-topic-menu-item {
        position: relative;
        margin-bottom: 0;
        padding-right: 1.2rem
    }

        .home-topic-menu-item:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 1px;
            border-bottom: 1px solid #dae2ec
        }
}

.home-topic-menu-item:hover .item-title {
    color: #1b1b1b
}

@media (min-width:801px) {
    .home-topic-menu-item.is-active:before {
        transform: scaleX(1)
    }
}

.home-topic-menu-item.is-active .item-title {
    color: #28476c
}

@media (max-width:800px) {
    .home-topic-menu-item.is-active .item-title:after {
        opacity: 1
    }
}

.home-topic-menu-item.is-active .item-des {
    display: -webkit-box;
    -webkit-box-orient: vertical
}

@media (max-width:1024px) {
    .home-topic-menu-item.is-active .item-des {
        display: none
    }
}

@media (min-width:801px) {
    .home-topic-menu-item.is-active a {
        display: flex
    }
}

@media (min-width:1025px) {
    .home-topic-menu-item .flex-col {
        margin-bottom: .5rem
    }
}

.home-topic-menu-item a {
    display: none
}

.home-topic-menu-item .item-title {
    position: relative;
    font-size: 20px;
    color: rgba(27,27,27, .7);
    font-weight: 700;
    transition: .3s
}

@media (max-width:1280px) {
    .home-topic-menu-item .item-title {
        font-size: 18px
    }
}

@media (max-width:800px) {
    .home-topic-menu-item .item-title {
        padding-bottom: .6rem
    }

        .home-topic-menu-item .item-title:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background-color: #28476c;
            transition: .3s;
            opacity: 0
        }
}

.home-topic-menu-item .item-des {
    display: none;
    color: #28476c;
    font-size: 1rem;
    height: 4em;
    line-height: 1.5;
    -webkit-line-clamp: 3;
    margin-bottom: .8rem;
    overflow: hidden
}

@media (max-width:800px) {
    .home-topic-menu-item .item-des {
        display: none
    }
}

.home-topic-reports {
    position: relative;
    width: 100%;
    padding-top: 62.5%
}

@media (min-width:801px) {
    .home-topic-reports {
        width: 66.66%;
        padding-top: 41.6%
    }
}

.home-topic-reports:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80%;
    padding-top: 10%;
    transform: translateY(100%);
    background: linear-gradient(to bottom, #f6f7f8,rgba(246,247,248, 0))
}

.home-topic-report-swiper {
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

    .home-topic-report-swiper.is-active {
        display: block
    }

    .home-topic-report-swiper .swiper-slide {
        position: relative
    }

    .home-topic-report-swiper .swiper-pagination.pagination-vertical {
        left: 0;
        bottom: 1.5rem;
        transform: translateY(0)
    }

.home-topic-report-img {
    position: relative;
    width: 100%;
    padding-top: 62.5%;
    overflow: hidden;
    border-radius: 10px
}

.home-topic-report-content {
    position: absolute;
    bottom: -1px;
    left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
    background-color: #f6f7f8;
    border-radius: 0 20px 0 0;
    box-sizing: border-box;
    padding: 1rem 1rem 0 2rem;
    overflow: hidden
}

@media (max-width:1024px) {
    .home-topic-report-content {
        padding: 1rem .6rem 0 1rem
    }
}

.home-topic-report-content .btn-arrow-next {
    width: 3rem;
    height: 3rem;
    aspect-ratio: 1/1;
    cursor: pointer
}

    .home-topic-report-content .btn-arrow-next::after {
        width: 100%;
        height: 100%;
        background-size: .5em 1em
    }

@media (max-width:1024px) {
    .home-topic-report-content .btn-arrow-next {
        width: 2rem;
        height: 2rem
    }
}

@media (min-width:1025px) {
    .home-topic-report-content .btn-arrow-next {
        font-size: 20px
    }
}

.home-topic-report-content-inner {
    width: calc(100% - 4rem)
}

@media (max-width:640px) {
    .home-topic-report-content-inner {
        width: calc(100% - 3rem)
    }
}

.home-topic-report-text {
    font-size: 1rem;
    height: 2.5em;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 1.5rem
}

@media (max-width:1280px) {
    .home-topic-report-text {
        font-size: 14px
    }
}

@media (max-width:640px) {
    .home-topic-report-text {
        display: none
    }
}

.home-video {
    position: relative;
    z-index: 50;
    padding: 12vw 0;
    background: linear-gradient(to bottom,rgba(246,247,248, 0), #f6f7f8, #fff 75%,rgba(252,253,253, 0))
}

@media (min-width:641px) {
    .home-video {
        padding: 6vw 0
    }
}

@media (min-width:1601px) {
    .home-video {
        padding: 6rem 0
    }
}

.home-video:before {
    content: "";
    position: absolute;
    display: block;
    bottom: -3vw;
    right: 0;
    width: 12.91vw;
    height: 35vw;
    background-image: url(../images/home/video_bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right
}

@media (min-width:1601px) {
    .home-video:before {
        width: 200px;
        height: 541px
    }
}

.home-video .title-lg {
    position: relative
}

@media (max-width:800px) {
    .home-video .title-lg {
        text-align: left
    }
}

.home-video .title-lg:before {
    content: "";
    position: absolute;
    top: -1vw;
    left: .8rem;
    width: 1px;
    height: 3rem;
    background-color: #accae1;
    transform: translateY(-100%)
}

@media (min-width:801px) {
    .home-video .title-lg:before {
        left: 50%
    }
}

@media (min-width:1601px) {
    .home-video .title-lg:before {
        top: -1.5rem;
        height: 5rem
    }
}

.home-video-block {
    position: relative;
    display: block;
    width: 800px;
    max-width: 100%;
    margin: .6rem auto
}

@media (min-width:641px) {
    .home-video-block {
        margin: 1.5rem auto
    }
}

.home-video-block:hover .home-video-img:after {
    background-color: #f5a200
}

.home-video-block:before {
    content: "";
    position: absolute;
    top: 10%;
    left: 0;
    width: 3%;
    height: 40%;
    background-image: url(../images/home/video_line.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    transform: translateX(-170%)
}

.home-video-block:after {
    content: "";
    position: absolute;
    top: 35%;
    right: -3.8%;
    width: 1px;
    height: 40%;
    background-color: #accae1
}

.home-video-img {
    position: relative;
    width: 100%;
    padding-top: 62.5%;
    border-radius: 10px;
    overflow: hidden
}

    .home-video-img:after {
        content: "";
        position: absolute;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        width: 60px;
        height: 60px;
        border-radius: 100%;
        background-color: #28476c;
        background-image: url('data:image/svg+xml,<svg width="15" height="18" viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.9883 8.68727L0.128324 17.3594L0.128324 0.0151628L14.9883 8.68727Z" fill="white"/></svg>');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 15px 18px;
        transition: .3s
    }

.home-video-title {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 90%;
    font-size: 1rem;
    font-weight: 700;
    padding: 1rem 0 0 1rem;
    border-radius: 20px 0 0 0;
    background-color: #fff
}

@media (min-width:641px) {
    .home-video-title {
        width: 80%;
        font-size: 18px;
        padding: 1rem 1.2rem .5rem
    }
}

@media (min-width:801px) {
    .home-video-title {
        font-size: 20px;
        width: 60%
    }
}

.home-hot-issue {
    position: relative;
    width: 100%;
    padding: 15vw 0 10vw;
    overflow: hidden
}

@media (min-width:801px) {
    .home-hot-issue {
        padding: 5rem 0
    }
}

.home-hot-issue:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 80vw;
    height: 80vw;
    background: linear-gradient(180deg, #e6edf5 .42%, #f6f7f8 80%);
    border-radius: 0 70vw 0 0
}

@media (min-width:801px) {
    .home-hot-issue:before {
        width: 60vw;
        height: 50vw;
        border-radius: 0 60vw 0 0
    }
}

@media (min-width:1601px) {
    .home-hot-issue:before {
        border-radius: 0 800px 0 0
    }
}

.home-hot-issue:after {
    content: "";
    position: absolute;
    display: block;
    top: 3vw;
    left: 0;
    width: 82vw;
    height: 82vw;
    background-image: url(../images/home/bg_line_2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left
}

@media (min-width:801px) {
    .home-hot-issue:after {
        top: 5%;
        width: 65vw;
        height: 66vw
    }
}

@media (min-width:1441px) {
    .home-hot-issue:after {
        left: calc(50% - 650px);
        width: 802px;
        height: 820px;
        background-position: top right;
        -webkit-mask-image: linear-gradient(to right,transparent, #000 20%);
        mask-image: linear-gradient(to right,transparent, #000 20%)
    }
}

@media (min-width:1920px) {
    .home-hot-issue:after {
        top: 7%;
        left: calc(50% - 680px);
        width: 860px;
        height: 870px
    }
}

.home-hot-issue-inner {
    position: relative;
    z-index: 50
}

@media (min-width:1025px) {
    .home-hot-issue-inner {
        display: flex
    }
}

@media (min-width:1025px) {
    .home-hot-issue-main {
        width: 21%;
        height: 400px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 2rem
    }
}

@media (min-width:1601px) {
    .home-hot-issue-main {
        height: 460px;
        padding-bottom: 2.5rem;
        transform: translateX(-20%)
    }
}

.home-hot-issue-main p {
    padding: .6rem 0 1rem
}

.home-hot-issue-content {
    position: relative
}

@media (max-width:800px) {
    .home-hot-issue-content {
        width: calc(100% + 25px)
    }
}

@media (min-width:1025px) {
    .home-hot-issue-content {
        position: absolute;
        top: 0;
        left: 25%;
        width: calc(50vw + 25%);
        box-sizing: border-box
    }
}

@media (min-width:1601px) {
    .home-hot-issue-content {
        left: 20%;
        width: calc(50vw + 30%);
        padding: 0 2rem;
        max-width: 1200px
    }
}

.home-hot-issue-content .swiper {
    width: 100%
}

.home-hot-issue-content .swiper-slide {
    padding: 5px;
    box-sizing: border-box
}

@media (min-width:1281px) {
    .home-hot-issue-content .swiper-slide {
        padding: 10px
    }
}

@media (max-width:1600px) and (min-width:801px) {
    .home-hot-issue-content .swiper-btn-prev {
        left: .9rem
    }
}

@media (max-width:1600px) and (min-width:801px) {
    .home-hot-issue-content .swiper-btn-next {
        right: 1.2rem
    }
}

.home-hot-issue-content .swiper-pagination {
    position: relative
}

@media (min-width:1281px) {
    .home-hot-issue-content .swiper-pagination {
        display: none
    }
}

.home-issue-link {
    display: block
}

    .home-issue-link:hover img {
        opacity: .5
    }

    .home-issue-link:hover .home-issue-title {
        color: #28476c
    }

.home-issue-img {
    position: relative;
    width: 100%;
    padding-top: 62.5%;
    border-radius: 6px;
    overflow: hidden;
    background-color: #28476c
}

    .home-issue-img img {
        transition: .3s
    }

.home-issue-title {
    font-size: 1rem;
    font-weight: 700;
    padding: .5rem .5rem .8rem;
    box-sizing: border-box
}

.home-books {
    position: relative;
    width: 100%;
    padding: 6vw 0;
    box-sizing: border-box
}

@media (min-width:1281px) {
    .home-books {
        padding: 10vw 0 6vw
    }
}

@media (min-width:1601px) {
    .home-books {
        padding: 5rem 0
    }
}

.home-books:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10vw;
    transform: translateY(-99%);
    background: linear-gradient(to top, #f6f7f8,rgba(246,247,248, 0))
}

.home-books-line {
    position: absolute;
    bottom: -10vw;
    right: 0;
    width: 90vw;
    height: 90vw;
    overflow: hidden
}

@media (min-width:801px) {
    .home-books-line {
        width: 55vw;
        height: 55vw
    }
}

@media (min-width:1601px) {
    .home-books-line {
        width: 1000px;
        height: 1000px
    }
}

.home-books-line:before {
    content: "";
    position: absolute;
    top: 20%;
    right: -20%;
    width: 80%;
    padding-top: 80%;
    background: radial-gradient(#cfdae6,rgba(239,242,245, 0) 60%)
}

.home-books-line:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -10%;
    width: 90%;
    padding-top: 90%;
    background-image: url(../images/home/book_line.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
    -webkit-mask-image: linear-gradient(to top,transparent, #000 15%);
    mask-image: linear-gradient(to top,transparent, #000 15%)
}

.home-books-inner {
    position: relative;
    z-index: 50
}

@media (min-width:801px) {
    .home-books-inner {
        display: flex;
        align-items: center
    }
}

.home-books-main {
    box-sizing: border-box
}

@media (min-width:801px) {
    .home-books-main {
        min-height: calc(332px + 2rem);
        width: 34%;
        padding: 1rem 5% 1rem 0;
        display: flex;
        flex-direction: column
    }
}

@media (min-width:1281px) {
    .home-books-main {
        padding: 1rem 13% 1rem 0
    }
}

.home-books-main p {
    margin-top: .5rem;
    margin-bottom: 1.2rem
}

.home-books-main .home-book-links {
    width: 100%;
    margin-top: auto
}

    .home-books-main .home-book-links a {
        margin-bottom: 1rem
    }

.home-book-items {
    display: flex;
    justify-content: space-around
}

@media (min-width:801px) {
    .home-book-items {
        width: 66%
    }
}

.home-book-item {
    width: 50%;
    max-width: 320px;
    box-sizing: border-box;
    padding: 10px
}

@media (min-width:801px) {
    .home-book-item:nth-child(2n) {
        transform: translateY(-15%)
    }
}

.home-book-item-link {
    display: block;
    width: 100%
}

    .home-book-item-link:hover img {
        transform: scale(1.03)
    }

    .home-book-item-link:hover .item-title {
        color: #28476c
    }

    .home-book-item-link .item-img {
        position: relative;
        width: 100%;
        padding-top: 141.8%
    }

    .home-book-item-link img {
        border-radius: 6px;
        filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .25));
        transition: .3s
    }

    .home-book-item-link .item-title {
        font-size: 1rem;
        padding: .8rem .2rem;
        box-sizing: border-box;
        color: #1b1b1b;
        font-weight: 600
    }

@media (min-width:1025px) {
    .home-book-item-link .item-title {
        font-size: 18px
    }
}

.home-join-us {
    position: relative;
    background-color: #28476c;
    color: rgba(255, 255, 255, .9);
    overflow: hidden;
    z-index: 50
}

    .home-join-us .home-join-us-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

@media (max-width:800px) {
    .home-join-us .home-join-us-img {
        height: 100vw;
        background-position: bottom left;
        -webkit-mask-image: linear-gradient(to top,transparent, #000 30%);
        mask-image: linear-gradient(to top,transparent, #000 30%)
    }
}

.home-join-us .home-join-us-content {
    width: 100%;
    box-sizing: border-box
}

@media (max-width:800px) {
    .home-join-us .home-join-us-content {
        padding-top: 50vw
    }
}

@media (min-width:801px) {
    .home-join-us .home-join-us-content {
        padding-left: 25%
    }
}

@media (min-width:1281px) {
    .home-join-us .home-join-us-content {
        padding-left: 40%
    }
}

.home-join-us .home-join-us-inner {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 10vw 25px 2rem;
    z-index: 10
}

@media (min-width:641px) {
    .home-join-us .home-join-us-inner {
        padding: 3rem 5%
    }
}

@media (min-width:801px) {
    .home-join-us .home-join-us-inner {
        padding: 5rem 5% 5em 25%
    }
}

@media (min-width:1281px) {
    .home-join-us .home-join-us-inner {
        padding: 8.5rem 5% 8.5rem 25%
    }
}

@media (min-width:1601px) {
    .home-join-us .home-join-us-inner {
        padding: 10rem 5% 10rem 25%
    }
}

.home-join-us .home-join-us-inner:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 784 592" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M-2.38227e-05 47.0001L0 592L784 592L784 112.792L784 47L784 42.4005C750.873 34.7712 673.577 17.6125 629.408 10.0119C574.197 0.511327 474.817 -5.10268 412.98 6.55717C399.202 9.15526 386.081 12.0106 373.008 14.8557C327.409 24.7792 282.382 34.578 212.011 32.8999C121.465 30.7407 39.7521 16.9216 -1.11459e-05 10.012L-2.38227e-05 47.0001Z" fill="%232F4D79"/></svg>');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    opacity: .85;
    z-index: -1
}

@media (min-width:801px) {
    .home-join-us .home-join-us-inner:before {
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 900 589" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M68.5715 183.897C75.7268 108.35 134.162 29.8212 162.485 0H354.783C330.932 29.8212 283.23 91.1204 275.777 159.046C268.323 226.973 326.46 263.421 366.708 309.809C406.957 356.198 387.578 430.751 354.783 472.169C328.547 505.304 269.317 563.29 242.982 588.141H0C22.8572 567.708 78.1119 517.564 116.273 480.453C163.975 434.064 184.845 381.049 162.485 349.571C140.124 318.093 59.6274 278.331 68.5715 183.897Z" fill="%2328476C"/><rect x="191" y="0.140625" width="709" height="588" fill="%2328476C"/></svg>');
        background-position: left center
    }
}

.home-join-us .home-join-us-inner .accent {
    font-weight: 700;
    color: #fff
}

.home-join-us .join-us-form-outer {
    width: 100%;
    margin-top: 2.5rem
}

.home-join-us .join-us-form {
    position: relative;
    width: 570px;
    max-width: 100%
}

    .home-join-us .join-us-form .submit-btn {
        width: 5rem;
        height: 50px;
        position: absolute;
        top: 2px;
        right: 2px;
        text-align: center
    }

@media (min-width:801px) {
    .home-join-us .join-us-form .submit-btn {
        width: 7rem
    }
}

.home-join-us .join-us-form .submit-btn:hover {
    background-color: #f5a200
}

.home-join-us .join-us-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
}

    .home-join-us .join-us-form input::placeholder {
        color: #838383
    }

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

        .home-join-us .join-us-form input:not([type=submit]):focus {
            background-color: #fff
        }

.home-news-quick {
    padding: 7vw 0;
    background: linear-gradient(to top, #dae2ec, #e2e8f0, #f6f7f8)
}

@media (min-width:1025px) {
    .home-news-quick {
        padding: 8.5rem 0
    }
}

.home-news {
    position: relative;
    padding: .8rem 0;
    z-index: 50
}

@media (min-width:801px) {
    .home-news {
        padding: .5rem 1rem .5rem 2.5rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: linear-gradient(to right, #fff,rgba(255, 255, 255, 0));
        border-radius: 4rem
    }
}

.home-news h2 {
    color: #28476c;
    padding: 1rem 0
}

.home-news .btn-arrow-next {
    position: absolute;
    top: 50%;
    right: .5rem;
    transform: translateY(25%)
}

@media (min-width:801px) {
    .home-news .btn-arrow-next {
        top: 25%;
        right: .5rem;
        transform: translateY(0)
    }
}

.home-news-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem .5rem 1rem 1rem;
    box-sizing: border-box
}

@media (max-width:800px) {
    .home-news-link {
        background-color: #fff;
        border-radius: 10px
    }
}

@media (min-width:801px) {
    .home-news-link {
        width: calc(100% - 200px)
    }

        .home-news-link:hover .item-time {
            color: #f5a200
        }
}

.home-news-link .item-time {
    color: #9dabbc;
    padding-bottom: .5rem
}

.home-news-link h3 {
    color: #28476c
}

.home-news-content {
    width: calc(100% - 3rem)
}

.home-quick-links {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 5rem auto;
    z-index: 50
}

@media (max-width:1024px) {
    .home-quick-links {
        margin: 2rem auto;
        justify-content: flex-start
    }

        .home-quick-links .home-quick-link {
            width: 33.33%
        }
}

@media (max-width:1024px) {
    .home-quick-links[data-quick-links="4"] .home-quick-link {
        width: 25%
    }
}

@media (max-width:640px) {
    .home-quick-links[data-quick-links="4"] .home-quick-link {
        width: 50%
    }
}

@media (max-width:1024px) {
    .home-quick-links[data-quick-links="7"] .home-quick-link {
        width: 25%
    }
}

@media (max-width:640px) {
    .home-quick-links[data-quick-links="7"] .home-quick-link {
        width: 50%
    }

    .home-quick-links[data-quick-links="7"] p {
        font-size: 14px
    }
}

.home-quick-links[data-quick-links="8"], .home-quick-links[data-quick-links="9"] {
    max-width: 1000px;
    justify-content: flex-start
}

    .home-quick-links[data-quick-links="8"] .home-quick-link, .home-quick-links[data-quick-links="9"] .home-quick-link {
        width: 25%
    }

@media (max-width:1024px) {
    .home-quick-links[data-quick-links="8"] p, .home-quick-links[data-quick-links="9"] p {
        font-size: 14px
    }
}

.home-quick-link {
    display: inline-block;
    text-align: center;
    margin-bottom: 1.3rem
}

    .home-quick-link:hover .quick-link-img:before {
        box-shadow: 0 0 0 0 #fff;
        background-color: #fff;
        transform: scale(1.1)
    }

    .home-quick-link:hover p {
        color: #f5a200
    }

    .home-quick-link .quick-link-img {
        position: relative;
        width: 75px;
        height: 75px;
        margin: 1rem auto;
        padding: 10px;
        box-sizing: border-box
    }

        .home-quick-link .quick-link-img:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background-color: #f5a200;
            box-shadow: 0 0 0 10px rgba(245,162, 0, 0);
            transition: .3s ease-in;
            transform: scale(0)
        }

    .home-quick-link img {
        position: relative;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
        z-index: 1
    }

    .home-quick-link p {
        color: #28476c;
        font-weight: 600
    }

[data-page=posts] {
    background-color: #f6f7f8
}

.posts-banner {
    position: relative;
    width: 100%;
    height: 450px;
    color: #fff;
    background-color: #28476c;
    overflow: hidden
}

@media (max-width:800px) and (orientation:portrait) {
    .posts-banner {
        height: 70vh
    }
}

@media (max-width:640px) {
    .posts-banner {
        height: 60vh
    }
}

@media (min-width:1601px) {
    .posts-banner {
        height: 45vh
    }
}

.posts-banner:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 120px;
    background: linear-gradient(to bottom,rgba(0, 0, 0, .55),rgba(0, 0, 0, 0))
}

@media (max-width:800px) {
    .posts-banner:after {
        padding-top: 80px
    }
}

.posts-banner .swiper {
    height: 100%
}

.posts-banner .swiper-pagination.pagination-vertical {
    left: unset;
    right: 1.5rem
}

.posts-banner-slide {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden
}

@media (min-width:1601px) {
    .posts-banner-slide {
        height: 45vh
    }
}

@media (max-width:800px) and (orientation:portrait) {
    .posts-banner-slide {
        height: 70vh
    }

        .posts-banner-slide:before {
            content: "";
            position: absolute;
            display: block;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 46%;
            background: linear-gradient(to top, #28476c 30%,rgba(40,71,108, 0));
            z-index: 2
        }
}

@media (max-width:800px) and (orientation:portrait) and (min-width:641px) {
    .posts-banner-slide:before {
        background: linear-gradient(to top, #28476c 30%,rgba(40,71,108, 0));
        height: 42%
    }
}

@media (max-width:640px) {
    .posts-banner-slide {
        height: 60vh
    }
}

.posts-banner-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    height: 100%;
    overflow: hidden
}

@media (max-width:800px) and (orientation:portrait) {
    .posts-banner-img {
        height: 66%;
        width: 100%
    }
}

@media (max-width:800px) and (orientation:portrait) and (min-width:641px) {
    .posts-banner-img {
        height: 90%
    }
}

.posts-banner-content {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    z-index: 10
}

@media (min-width:801px),(orientation:landscape) {
    .posts-banner-content {
        bottom: 0;
        right: 0;
        width: 66%;
        height: 100%;
        padding-right: 5%
    }
}

@media (min-width:801px) and (max-width:1280px),(orientation:landscape) and (max-width:1280px) {
    .posts-banner-content {
        padding-left: 14%
    }
}

@media (min-width:801px),(orientation:landscape) {
    .posts-banner-content:before {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 865 450" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M88.0567 0C72.7074 22.8169 41.0393 82.9014 37.1615 140.704C33.5129 195.092 57.3285 225.777 74.4975 247.899C80.1375 255.167 85.0603 261.509 88.0567 267.465C100.175 291.549 88.8646 332.113 63.0131 367.606C42.3319 396 12.3872 434.366 0 450H122H131.681H865V0H192.271H122H88.0567Z" fill="%2328476C"/></svg>');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top left;
        opacity: .82
    }

    .posts-banner-content:after {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        width: 94%;
        height: 100%;
        z-index: -2;
        background: linear-gradient(270deg, #122a45 89%,rgba(41,72,108, 0) 99.95%)
    }
}

@media (max-width:800px) and (orientation:portrait) {
    .posts-banner-content {
        bottom: 0;
        left: 0;
        padding: 7vw 5vw 5vw;
        width: 100%
    }

        .posts-banner-content:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            height: 100%;
            width: 100%;
            display: block;
            background-image: url('data:image/svg+xml,<svg width="451" height="299" viewBox="0 0 451 299" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M451 51.749C428.132 42.7285 367.914 24.1179 309.983 21.839C255.475 19.6948 224.721 33.6907 202.55 43.7805C195.266 47.095 188.909 49.988 182.941 51.749C158.803 58.8704 118.149 52.2237 82.5774 37.0314C54.12 24.8775 15.6685 7.27965 0 -1.97138e-05L-2.79752e-06 63.9999L-3.38265e-06 77.386L-1.30697e-05 299L451 299L451 112.993L451 63.9999L451 51.749Z" fill="%2328476C"/></svg>');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: top left
        }
}

.posts-banner-content-inner {
    max-width: 480px;
    padding-top: 5%
}

@media (max-width:1024px) {
    .posts-banner-content-inner {
        max-width: 400px
    }
}

@media (max-width:800px) {
    .posts-banner-content-inner {
        max-width: unset;
        padding-top: 10%
    }
}

.posts-banner-content-inner .btn, .posts-banner-content-inner .btn-outerline, .posts-banner-content-inner .btn-primary, .posts-banner-content-inner .btn-second, .posts-banner-content-inner .btn-sm {
    width: 100%;
    padding: .6em .8em .55em;
    max-width: 122px
}

@media (min-width:1281px) {
    .posts-banner-content-inner .btn, .posts-banner-content-inner .btn-outerline, .posts-banner-content-inner .btn-primary, .posts-banner-content-inner .btn-second, .posts-banner-content-inner .btn-sm {
        font-size: 18px
    }
}

.posts-banner-title {
    color: #fff;
    font-weight: 700;
    font-size: 2.5vw;
    margin-bottom: .3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -white-space: normal;
    -webkit-line-clamp: 3;
    overflow: hidden
}

@media (min-width:1281px) {
    .posts-banner-title {
        font-size: 36px
    }
}

@media (min-width:1601px) {
    .posts-banner-title {
        font-size: 40px
    }
}

@media (max-width:800px) and (orientation:portrait) {
    .posts-banner-title {
        font-size: 24px
    }
}

.posts-banner-text {
    font-size: 1rem;
    max-height: 2.5em;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 1.5rem
}

@media (max-width:1280px) {
    .posts-banner-text {
        font-size: 14px
    }
}

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

.report-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative
}

    .report-item a.report-item-link {
        width: 100%;
        padding-right: 10%;
        box-sizing: border-box;
        display: flex
    }

    .report-item .report-more-icon {
        width: 20px;
        height: 20px;
        position: absolute;
        right: 5%;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        transition: .2s
    }

        .report-item .report-more-icon.cart {
            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="%23BDBDBD"/><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="%23BDBDBD"/><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="%23BDBDBD"/><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="%23BDBDBD"/></svg>')
        }

        .report-item .report-more-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="%23BDBDBD" 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="%23BDBDBD" 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="%23BDBDBD" stroke-width="1.2" stroke-miterlimit="10"/></svg>')
        }

        .report-item .report-more-icon:hover.cart {
            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>')
        }

        .report-item .report-more-icon:hover.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="%23F5A200" 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="%23F5A200" 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="%23F5A200" stroke-width="1.2" stroke-miterlimit="10"/></svg>')
        }

.posts-category-container {
    padding: 3em 0 1em;
    box-sizing: border-box
}

@media (min-width:801px) {
    .posts-category-container .post-cate-advanced-group {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

@media (min-width:1281px) {
    .posts-category-container .post-cate-advanced-group {
        width: calc(100% - 330px)
    }
}

.posts-category-container .post-category-items {
    display: flex;
    flex-wrap: wrap;
    min-width: 80%
}

@media (max-width:800px) {
    .posts-category-container .post-category-items {
        margin-bottom: .5em
    }
}

.posts-category-container .post-category-item {
    width: 100%;
    max-width: 88px;
    text-align: center;
    margin-right: 12px;
    margin-bottom: 8px
}

    .posts-category-container .post-category-item.active {
        background-color: #28476c;
        color: #fff
    }

.posts-category-container .btn-advanced-search {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(40,71,108, .1);
    cursor: pointer
}

@media (max-width:640px) {
    .posts-category-container .btn-advanced-search {
        width: 100%
    }
}

.posts-category-container .btn-advanced-search:before {
    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 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="%2328476C"/></svg>');
    width: 1.4em;
    height: 1.4em;
    margin-right: 6px
}

.posts-category-container .btn-advanced-search:hover {
    background: #28476c
}

    .posts-category-container .btn-advanced-search: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 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>')
    }

.post-container {
    display: flex
}

@media (max-width:1280px) {
    .post-container {
        flex-direction: column
    }
}

@media (min-width:1281px) {
    .report-items {
        width: calc(100% - 330px)
    }
}

.right-bar {
    margin-top: 2em
}

@media (min-width:1281px) {
    .right-bar {
        width: 300px;
        margin-top: 0;
        border: 0
    }
}

@media (min-width:1281px) {
    .right-bar-inner {
        padding-left: 30px;
        border-left: 1px solid #eaeaea;
        box-sizing: border-box;
        margin-left: 30px
    }
}

.right-bar-item {
    margin-bottom: 28px
}

@media (min-width:1281px) {
    .right-bar-item {
        margin-bottom: 56px
    }
}

.right-bar-title {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: .35em;
    font-weight: 700;
    color: #28476c;
    padding-bottom: .5em
}

@media (max-width:1280px) and (min-width:641px) {
    .right-bar-topics {
        display: flex;
        flex-wrap: wrap
    }
}

a.right-bar-topic-link {
    transition: .2s;
    padding-right: 12px;
    cursor: pointer
}

    a.right-bar-topic-link .right-bar-topic-img {
        width: 100%;
        border-radius: 6px;
        margin-top: 2px;
        margin-bottom: .5rem;
        overflow: hidden;
        aspect-ratio: 45/29;
        max-width: 180px
    }

        a.right-bar-topic-link .right-bar-topic-img img {
            width: 100%;
            object-fit: cover
        }

    a.right-bar-topic-link .right-bar-topic-text {
        font-size: 15px;
        margin-bottom: 16px
    }

    a.right-bar-topic-link:hover {
        opacity: .8
    }

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

a.right-bar-hot-link {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 4px 0 20px;
    font-size: 16px;
    cursor: pointer
}

    a.right-bar-hot-link .right-bar-hot-num {
        font-size: 2rem;
        line-height: 1;
        font-style: italic;
        color: #28476c;
        transition: .3s;
        opacity: .7
    }

    a.right-bar-hot-link .right-bar-hot-text {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 2.5em;
        font-size: 1rem;
        line-height: 1.4;
        overflow: hidden;
        margin-left: 1.3em
    }

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

.posts-breadcrumb-container {
    box-sizing: border-box;
    padding-top: 36px
}

[data-page=post-inner] {
    background: url(../images/post-inner/post_inner_bg.svg),linear-gradient(180deg, #f6f7f8 80.1%, #dae2ec 100%);
    background-repeat: no-repeat;
    background-position: top right,center;
    background-size: 45vw auto,cover;
    padding: 80px 0 40px
}

@media (min-width:1281px) {
    [data-page=post-inner] .right-bar-inner {
        margin-top: 10px
    }
}

.post-inner-banner {
    border-bottom: 1px solid #eaeaea;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 36px;
    margin-bottom: 20px;
    box-sizing: border-box
}

@media (max-width:800px) {
    .post-inner-banner {
        flex-direction: column;
        align-items: flex-start
    }
}

.post-inner-banner-main {
    width: 100%
}

@media (min-width:801px) {
    .post-inner-banner-main {
        width: calc(100% - 200px)
    }
}

.post-inner-title {
    padding: 28px 0
}

.post-inner-banner-btns a + a {
    margin-top: 12px
}

@media (max-width:800px) {
    .post-inner-banner-btns a + a {
        margin-top: unset
    }
}

@media (max-width:800px) {
    .post-inner-banner-btns {
        margin-top: 1.5em;
        display: flex;
        flex-wrap: wrap;
        gap: 12px
    }
}

.post-inner-info {
    display: flex;
    align-items: baseline;
    margin-bottom: 30px
}

    .post-inner-info .price-group {
        font-size: 15px;
        color: #838383;
        padding-right: 24px
    }

        .post-inner-info .price-group span {
            color: #f5a200;
            font-size: 28px;
            padding-right: 12px;
            font-weight: 400;
            line-height: 1
        }

    .post-inner-info .othter-info {
        background: #eceff2;
        border-radius: 50px;
        display: flex;
        padding: 4px 8px
    }

    .post-inner-info .othter-info-item {
        font-size: 15px;
        color: #838383;
        margin: 0 8px
    }

        .post-inner-info .othter-info-item span {
            color: #28476c;
            padding-left: 8px
        }

        .post-inner-info .othter-info-item + .othter-info-item {
            padding-left: 16px;
            position: relative
        }

            .post-inner-info .othter-info-item + .othter-info-item:before {
                content: "";
                width: 1px;
                height: 14px;
                display: block;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                background: #d4d4d4
            }

.post-inner-desc {
    font-size: 16px
}

    .post-inner-desc .CRArea span.CRscore {
        min-width: unset
    }

    .post-inner-desc .CRArea span.CRstars {
        position: relative;
        width: fit-content;
        display: inline-block;
        margin-right: .2rem;
        min-width: 1.5rem;
        height: 1.5rem;
        background: conic-gradient(#f5a200 calc(var(--rating, 0) * 1%), #dae2ec calc(var(--rating, 0) * 1%));
        -webkit-clip-path: polygon(51.43% 69.24%,50% 68.38%,48.59% 69.24%,25.58% 83.12%,31.64% 56.97%,32.02% 55.34%,30.75% 54.14%,10.48% 36.65%,37.23% 34.34%,38.89% 34.2%,39.55% 32.66%,50% 8.04%,60.45% 32.66%,61.11% 34.2%,62.77% 34.34%,89.51% 36.65%,69.2% 54.13%,67.93% 55.34%,68.3% 56.97%,74.41% 83.11%,51.43% 69.24%);
        clip-path: polygon(51.43% 69.24%,50% 68.38%,48.59% 69.24%,25.58% 83.12%,31.64% 56.97%,32.02% 55.34%,30.75% 54.14%,10.48% 36.65%,37.23% 34.34%,38.89% 34.2%,39.55% 32.66%,50% 8.04%,60.45% 32.66%,61.11% 34.2%,62.77% 34.34%,89.51% 36.65%,69.2% 54.13%,67.93% 55.34%,68.3% 56.97%,74.41% 83.11%,51.43% 69.24%)
    }

@media (min-width:641px) {
    .post-inner-desc {
        column-count: 2;
        column-gap: 24px
    }
}

.post-inner-desc .desc-item {
    margin-bottom: 8px
}

    .post-inner-desc .desc-item span {
        width: fit-content;
        min-width: 92px;
        display: inline-block
    }

@media (min-width:1281px) {
    .post-inner-container {
        width: calc(100% - 330px)
    }
}

.post-inner-group {
    width: 100%;
    max-width: 860px
}

    .post-inner-group .article-title {
        padding: .5em 0;
        margin-top: 8px
    }

    .post-inner-group p {
        padding: 0 0 .6em 0;
        line-height: 1.7;
        text-align: justify
    }

    .post-inner-group img.article-img {
        max-width: 100%;
        height: auto;
        margin: 20px auto;
        object-fit: contain
    }

.post-nav-links {
    display: flex;
    justify-content: space-between;
    padding-top: 1em;
    box-sizing: border-box;
    margin: 100px 0 20px
}

    .post-nav-links .post-nav-link {
        text-decoration: none;
        flex: 1;
        width: 45%;
        overflow: hidden;
        display: flex;
        align-items: center
    }

        .post-nav-links .post-nav-link:hover {
            opacity: .7
        }

    .post-nav-links .post-nav-post-title {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
        max-width: 92%;
        color: #28476c;
        font-size: 13px;
        display: block
    }

@media (max-width:640px) {
    .post-nav-links .post-nav-post-title {
        font-size: 15px
    }
}

.post-nav-links .post-nav-post-title span {
    color: #1b1b1b;
    font-size: 16px;
    display: block;
    margin-top: 8px
}

@media (max-width:640px) {
    .post-nav-links .post-nav-post-title span {
        display: none
    }
}

.post-nav-links .post-nav-icon {
    color: #28476c;
    font-size: 16px;
    display: flex;
    align-items: center
}

.post-nav-links .post-prev .post-nav-icon:before {
    content: "";
    display: inline-block;
    margin-right: 16px;
    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>')
}

@media (max-width:640px) {
    .post-nav-links .post-prev .post-nav-icon:before {
        margin-right: 8px
    }
}

.post-nav-links .post-next {
    flex-direction: row-reverse;
    text-align: right
}

    .post-nav-links .post-next .post-nav-icon:after {
        content: "";
        display: inline-block;
        margin-left: 16px;
        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 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 (max-width:640px) {
    .post-nav-links .post-next .post-nav-icon:after {
        margin-left: 8px
    }
}

.post-inner-login {
    padding: 40px 0 80px
}

@media (max-width:640px) {
    .post-inner-login {
        padding: 40px 0
    }
}

.post-inner-comment-form {
    padding: 30px 0;
    margin-top: 30px;
    box-sizing: border-box;
    border-top: 1px solid #eaeaea
}

    .post-inner-comment-form .comment-form-title {
        margin-bottom: 4px
    }

    .post-inner-comment-form .comment-form-desc {
        color: #28476c;
        margin-bottom: 20px
    }

    .post-inner-comment-form .score-items {
        margin-bottom: 30px
    }

@media (min-width:641px) {
    .post-inner-comment-form .score-items {
        column-count: 2;
        column-gap: 10px
    }
}

.post-inner-comment-form .score-item {
    display: flex;
    margin-bottom: 8px
}

    .post-inner-comment-form .score-item span {
        width: 80px;
        margin-right: 28px
    }

.post-inner-comment-form .options {
    display: flex
}

.post-inner-comment-form .option {
    margin-right: 4px
}

    .post-inner-comment-form .option:before {
        content: "";
        display: inline-block;
        width: 22px;
        height: 22px;
        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.2584 17.0535L12 16.8976L11.7416 17.0535L6.88322 19.9859L8.16458 14.4595L8.23257 14.1663L8.00523 13.969L3.71987 10.2498L9.37346 9.76225L9.6732 9.7364L9.79075 9.45946L12 4.25476L14.2092 9.45946L14.3268 9.7364L14.6265 9.76225L20.2786 10.2496L15.9856 13.9687L15.7575 14.1663L15.8261 14.4602L17.1149 19.9847L12.2584 17.0535Z" fill="%23F6F7F8" stroke="%23C6D3E4"/></svg>')
    }

    .post-inner-comment-form .option:hover {
        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.2584 17.0535L12 16.8976L11.7416 17.0535L6.88322 19.9859L8.16458 14.4595L8.23257 14.1663L8.00523 13.969L3.71987 10.2498L9.37346 9.76225L9.6732 9.7364L9.79075 9.45946L12 4.25476L14.2092 9.45946L14.3268 9.7364L14.6265 9.76225L20.2786 10.2496L15.9856 13.9687L15.7575 14.1663L15.8261 14.4602L17.1149 19.9847L12.2584 17.0535Z" fill="%23C6D3E4" stroke="%23C6D3E4"/></svg>')
    }

    .post-inner-comment-form .option.active:before {
        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.2584 17.0535L12 16.8976L11.7416 17.0535L6.88322 19.9859L8.16458 14.4595L8.23257 14.1663L8.00523 13.969L3.71987 10.2498L9.37346 9.76225L9.6732 9.7364L9.79075 9.45946L12 4.25476L14.2092 9.45946L14.3268 9.7364L14.6265 9.76225L20.2786 10.2496L15.9856 13.9687L15.7575 14.1663L15.8261 14.4602L17.1149 19.9847L12.2584 17.0535Z" fill="%23F5A200" stroke="%23F5A200"/></svg>')
    }

.post-inner-comment-form .feedback {
    margin-bottom: 30px
}

    .post-inner-comment-form .feedback .feedback-title {
        margin-bottom: 6px
    }

    .post-inner-comment-form .feedback textarea {
        width: 100%;
        resize: none;
        border: 1px solid #eaeaea;
        border-radius: 4px
    }

        .post-inner-comment-form .feedback textarea:focus {
            border: 1px solid #f5a200;
            outline: 0
        }

.post-inner-comment-form .btn-submit {
    text-align: center;
    min-width: 120px
}

.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
    }

@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
}

    .accordion-item .accordion-content ol, .accordion-item .accordion-content ul {
        list-style: none;
        padding-left: 0
    }

        .accordion-item .accordion-content ol li, .accordion-item .accordion-content ul li {
            list-style: none
        }

.col-flex-box {
    width: 100%;
    padding: 0;
    overflow: hidden;
    margin-bottom: 10px
}

@media (min-width:641px) {
    .col-flex-box {
        display: flex;
        flex-wrap: wrap
    }
}

@media (min-width:641px) {
    .col-flex-box.col-pt-sm {
        width: calc(100% + 20px);
        margin-right: -12px;
        margin-left: -12px
    }
}

.col-flex-box.col-pt-sm .col {
    padding: 12px
}

.col-flex-box.align-center {
    align-items: center
}

.col-flex-box .col {
    box-sizing: border-box
}

    .col-flex-box .col.col-30 {
        width: 30%
    }

    .col-flex-box .col.col-40 {
        width: 40%
    }

    .col-flex-box .col.col-50 {
        width: 50%
    }

    .col-flex-box .col.col-60 {
        width: 60%
    }

    .col-flex-box .col.col-70 {
        width: 70%
    }

.col-flex-box .col-flex-img {
    aspect-ratio: 4/3;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 4px
}

.post-inner-slide-group {
    padding: 0 38px;
    position: relative
}

    .post-inner-slide-group .swiper {
        position: unset
    }

    .post-inner-slide-group .post-inner-slide-img {
        aspect-ratio: 4/3;
        width: 100%;
        overflow: hidden;
        border-radius: 4px;
        cursor: grab
    }

        .post-inner-slide-group .post-inner-slide-img img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

    .post-inner-slide-group .post-inner-slide-content {
        color: #838383;
        margin-top: 6px;
        font-size: 14px
    }

    .post-inner-slide-group .swiper-buttons {
        box-sizing: border-box;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: space-between;
        z-index: 2;
        pointer-events: none
    }

    .post-inner-slide-group .swiper-button-custom {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #28476c;
        border-radius: 50%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: .2s;
        pointer-events: fill
    }

        .post-inner-slide-group .swiper-button-custom:hover {
            background: #f5a200
        }

        .post-inner-slide-group .swiper-button-custom.swiper-button-disabled {
            opacity: .5
        }

        .post-inner-slide-group .swiper-button-custom.swiper-button-disabled:hover {
            background: #28476c
        }

        .post-inner-slide-group .swiper-button-custom:before {
            content: "";
            display: inline-block;
            width: 14px;
            height: 14px;
            transition: .2s
        }

        .post-inner-slide-group .swiper-button-custom.swiper-button-prev-custom: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="%23ffffff" stroke-width="2"/></svg>')
        }

        .post-inner-slide-group .swiper-button-custom.swiper-button-next-custom: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="%23ffffff" stroke-width="2"/></svg>')
        }

.post-inner-show-img {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    display: none
}

    .post-inner-show-img.active {
        display: block
    }

    .post-inner-show-img .transparent-layout {
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: .5
    }

    .post-inner-show-img .showbox {
        width: 800px;
        max-width: 70vw;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 101
    }

@media (max-width:640px) {
    .post-inner-show-img .showbox {
        max-width: 85vw
    }
}

.post-inner-show-img .showbox img {
    width: 100%;
    height: auto;
    max-height: 80vh;
    display: inline-block;
    border-radius: 10px;
    object-fit: contain
}

@media (max-width:640px) {
    .post-inner-show-img .showbox img {
        max-height: 85vw
    }
}

.post-inner-show-img #closeImgBtn {
    width: 32px;
    height: 32px;
    font-size: 32px;
    color: #fff;
    position: absolute;
    top: 32px;
    right: 32px;
    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='M24 1.0978L13.0978 12L24 22.9022L22.9022 24L12 13.0978L1.0978 24L0 22.9022L10.9022 12L0 1.0978L1.0978 0L12 10.9022L22.9022 0L24 1.0978Z' fill='%23838383'/%3E%3C/svg%3E%0A");
    cursor: pointer;
    transition: all .3s ease
}

    .post-inner-show-img #closeImgBtn:hover {
        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='M24 1.0978L13.0978 12L24 22.9022L22.9022 24L12 13.0978L1.0978 24L0 22.9022L10.9022 12L0 1.0978L1.0978 0L12 10.9022L22.9022 0L24 1.0978Z' fill='%2328476C'/%3E%3C/svg%3E%0A")
    }

@media (max-width:640px) {
    .post-inner-show-img #closeImgBtn {
        width: 24px;
        height: 24px;
        top: 16px;
        right: 16px
    }
}

.title-pubreports {
    width: 100%;
    font-weight: 400;
    border-bottom: 1px solid #000;
    padding: 21px 0;
    margin: 40px 0 28px
}

@media (max-width:1280px) {
    .title-pubreports {
        padding: 18px 0;
        margin: 36px auto
    }
}

@media (max-width:800px) {
    .title-pubreports {
        padding: 12px 0;
        margin: 24px auto
    }
}

.container-pubreports {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.tabs-report {
    flex-direction: column;
    gap: 4px;
    margin-bottom: 24px
}

@media (min-width:641px) {
    .tabs-report {
        gap: 8px
    }
}

.tabs-report .tab {
    box-sizing: border-box;
    padding: 6px 12px;
    background-color: #fff;
    color: #222;
    width: 100%;
    font-size: 16px;
    border-radius: 0;
    transition: .2s ease all
}

    .tabs-report .tab:hover {
        background-color: #28476c;
        color: #fff;
        transition: .2s ease all
    }

@media (min-width:641px) {
    .tabs-report .tab {
        font-size: 18px;
        border-radius: 6px;
        padding: 13px
    }
}

.tabs-report .is-active {
    background-color: #28476c;
    color: #fff
}

.tabs-report .tab.multi {
    display: flex;
    align-items: center;
    padding: 0;
    background-color: unset
}

    .tabs-report .tab.multi .tab-title {
        position: relative;
        width: 100%;
        padding: 16px 20px;
        box-sizing: border-box;
        border-radius: 6px;
        background-color: #fff
    }

@media (max-width:800px) {
    .tabs-report .tab.multi .tab-title {
        padding: 8px 10px
    }
}

.tabs-report .tab.multi .tab-title::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: auto;
    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>');
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width:800px) {
    .tabs-report .tab.multi .tab-title::after {
        width: 16px;
        height: 16px
    }
}

.tabs-report .tab.multi .inner-tabs {
    background-color: #eceff3;
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    cursor: initial
}

    .tabs-report .tab.multi .inner-tabs .inner-tab {
        border-radius: 6px;
        background-color: unset;
        margin-bottom: 2px;
        font-size: 16px;
        padding: 8px 10px;
        display: none;
        opacity: 0;
        transition: opacity .2s ease
    }

        .tabs-report .tab.multi .inner-tabs .inner-tab.is-active, .tabs-report .tab.multi .inner-tabs .inner-tab:hover {
            background-color: #dae2ec;
            color: #1b1b1b
        }

.tabs-report .tab.multi:hover .tab-title {
    background-color: #28476c
}

    .tabs-report .tab.multi:hover .tab-title::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="%23ffffff" stroke-width="2"/></svg>')
    }

.tabs-report .tab.multi.is-active {
    flex-direction: column
}

    .tabs-report .tab.multi.is-active .tab-title {
        background-color: #28476c
    }

        .tabs-report .tab.multi.is-active .tab-title::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="M14.5 8L8.30952 2L2 8" stroke="%23F5A200" stroke-width="2" /></svg>')
        }

    .tabs-report .tab.multi.is-active .inner-tabs {
        width: 100%;
        border-radius: 0 0 6px 6px;
        box-sizing: border-box;
        padding: 12px 8px;
        margin-bottom: 0;
        height: fit-content;
        visibility: visible;
        opacity: 1;
        transition: all .2s ease .1s
    }

    .tabs-report .tab.multi.is-active .inner-tab {
        display: block;
        opacity: 1;
        transition: opacity .2s ease .1s
    }

.section-pubreports .posts-main {
    position: relative;
    padding-top: 96px
}

@media (min-width:641px) {
    .section-pubreports .posts-main {
        padding-top: 56px
    }
}

.section-pubreports .posts-main .container {
    width: 100%;
    padding: 0;
    box-sizing: border-box
}

.section-pubreports .posts-main .report-items {
    width: 100%
}

    .section-pubreports .posts-main .report-items .item-title {
        white-space: unset
    }

    .section-pubreports .posts-main .report-items .report-summary {
        font-size: 14px;
        line-height: 140%;
        margin-top: 18px
    }

.dropdown-bar {
    position: absolute;
    top: 0;
    right: unset;
    display: flex;
    flex-wrap: wrap;
    box-sizing: content-box
}

    .dropdown-bar div {
        box-sizing: content-box
    }

@media (min-width:641px) {
    .dropdown-bar {
        flex-wrap: nowrap;
        right: 0
    }
}

.dropdown-bar .dropdown-title {
    width: 100%;
    color: #28476c;
    letter-spacing: .6px;
    padding: 4px 0 2px;
    margin-bottom: 10px;
    border-right: unset;
    vertical-align: baseline;
    box-sizing: border-box
}

    .dropdown-bar .dropdown-title:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin-right: 4px;
        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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%2328476C" d="M3.9 54.9C10.5 40.9 24.5 32 40 32l432 0c15.5 0 29.5 8.9 36.1 22.9s4.6 30.5-5.2 42.5L320 320.9 320 448c0 12.1-6.8 23.2-17.7 28.6s-23.8 4.3-33.5-3l-64-48c-8.1-6-12.8-15.5-12.8-25.6l0-79.1L9 97.3C-.7 85.4-2.8 68.8 3.9 54.9z"/></svg>')
    }

.dropdown-bar .dropdown-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 14px
}

.dropdown-pubreports {
    flex: 1
}

    .dropdown-pubreports .dropdown-btn {
        width: 100%;
        border-radius: 6px;
        border: 2px solid #dae2ec
    }

@media (min-width:641px) {
    .dropdown-pubreports .dropdown-btn {
        flex: unset;
        width: 108px
    }
}

.dropdown-pubreports .dropdown-btn.is-active {
    border: 2px solid #28476c
}

    .dropdown-pubreports .dropdown-btn.is-active .dropdown-option:after {
        content: "";
        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" viewBox="10 9 12 12"><path fill="%2328476C" d="M16.767 12.809l-0.754-0.754-6.035 6.035 0.754 0.754 5.281-5.281 5.256 5.256 0.754-0.754-3.013-3.013z"/></svg>')
    }

.dropdown-pubreports .dropdown-btn .dropdown-option {
    width: 100%;
    position: relative;
    padding: 4px 12px;
    color: #222;
    font-size: .875rem;
    font-weight: 400;
    text-align: center;
    letter-spacing: .6px;
    display: flex;
    justify-content: space-between
}

    .dropdown-pubreports .dropdown-btn .dropdown-option:after {
        content: "";
        position: relative;
        width: 14px;
        height: 14px;
        top: 0;
        right: 0;
        margin-left: 8px;
        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" viewBox="10 9 12 12"><path fill="%2328476C" d="M15.233 19.175l0.754 0.754 6.035-6.035-0.754-0.754-5.281 5.281-5.256-5.256-0.754 0.754 3.013 3.013z"/></svg>');
        transition: none;
        display: inline-block
    }

.dropdown-pubreports .dropdown-list {
    width: 108px;
    /*height: fit-content; IPHONE 要把它拿掉*/
    border-radius: 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .2)
}

@media (max-width:640px) {
    .dropdown-pubreports .dropdown-list {
        width: 100%;
        /*height: fit-content; IPHONE 要把它拿掉*/
        padding: unset;
        position: absolute;
        top: 36px
    }
}

.dropdown-pubreports .dropdown-list ul.dropdown-list-items {
    width: 100%;
    height: 100%;
    max-height: 33vh
}

    .dropdown-pubreports .dropdown-list ul.dropdown-list-items li.dropdown-list-item {
        text-align: center;
        font-size: .875rem;
        letter-spacing: .6px
    }

    .dropdown-pubreports .dropdown-list ul.dropdown-list-items li.dropdown-list-item:hover {
        background-color: #28476c;
        color: #fff
    }

.report-item-book {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 18px 0;
    border-bottom: 1px solid #eaeaea
}

@media (min-width:641px) {
    .report-item-book {
        flex-direction: row;
        padding: 0
    }
}

.report-item-book .report-item-btn {
    width: 240px;
    align-self: center
}

    .report-item-book .report-item-btn .btn-post-icon {
        width: fit-content;
        padding: .8rem 2.6rem .8rem 1.2rem;
        margin: 0 auto 18px
    }

@media (min-width:641px) {
    .report-item-book .report-item-btn .btn-post-icon {
        margin: 0 auto
    }
}

.section-pubreports .posts-main .report-item-link.book {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding-right: 0;
    border-bottom: none
}

@media (min-width:641px) {
    .section-pubreports .posts-main .report-item-link.book {
        flex-direction: row
    }
}

.section-pubreports .posts-main .report-item-link.book .report-item-icon {
    width: 50%;
    height: auto;
    aspect-ratio: 3/4;
    align-self: center
}

@media (min-width:641px) {
    .section-pubreports .posts-main .report-item-link.book .report-item-icon {
        width: 20%;
        height: auto;
        max-width: 144px;
        align-self: flex-start
    }
}

.section-pubreports .posts-main .report-item-link.book .report-item-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.section-pubreports .posts-main .report-item-link.book .report-item-content {
    flex: 1;
    padding-left: 0;
    width: fit-content;
    align-self: flex-start
}

.right-bar-recommends .right-bar-rec {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 23px 0;
    gap: 1.3em
}

    .right-bar-recommends .right-bar-rec:hover {
        opacity: .8
    }

        .right-bar-recommends .right-bar-rec:hover .right-bar-rec-text {
            color: #28476c
        }

    .right-bar-recommends .right-bar-rec .right-bar-rec-text {
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }

    .right-bar-recommends .right-bar-rec .right-bar-rec-icon {
        width: 34px;
        height: 28px;
        overflow: hidden;
        object-fit: cover
    }

        .right-bar-recommends .right-bar-rec .right-bar-rec-icon img {
            width: 100%;
            height: 100%
        }

.price-group[data-copy-type]:before {
    color: #222;
    font-size: 16px;
    margin-right: 11px;
    line-height: 170%
}

.price-group[data-copy-type=soft-copy]:before {
    content: "電子檔"
}

.price-group[data-copy-type=hard-copy]:before {
    content: "實體書"
}

.price-group[data-copy-type]:not(:first-child)::before {
    border-left: none;
    padding-left: none;
}

@media (min-width:641px) {
    .price-group[data-copy-type]:not(:first-child)::before {
        border-left: solid 1px #838383;
        padding-left: 24px;
    }
}

.tax-free-note {
    color: #914343;
    margin: -22px 0 36px
}

    .tax-free-note:before {
        content: "※"
    }

.post-inner-desc .desc-item {
    display: flex
}

    .post-inner-desc .desc-item span {
        width: fit-content
    }

.article-indent p {
    text-indent: 2rem
}

.table-of-content ul li {
    padding: 8px 6px
}

.post-inner-slide-group.page-sample {
    margin: 32px 0 38px
}

    .post-inner-slide-group.page-sample .post-inner-slide-img {
        aspect-ratio: 3/4
    }

.chapter-download {
    background-color: #fff
}

.chapter-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 12px 6px;
    line-height: 160%;
    gap: 8px;
    flex-wrap: wrap
}

@media (min-width:641px) {
    .chapter-item {
        flex-wrap: nowrap
    }
}

.chapter-item:not(:last-child) {
    border-bottom: 1px solid #eaeaea
}

.chapter-item .chapter-num {
    margin-right: 1em
}

.chapter-item .chapter-info-block {
    justify-content: flex-end;
    display: flex;
    gap: 8px;
    color: #838383
}

    .chapter-item .chapter-info-block .chapter-page:after {
        content: "";
        border-right: solid 1px #eaeaea;
        padding-right: 4px
    }

    .chapter-item .chapter-info-block .chapter-price span:first-child {
        font-size: 18px;
        color: #f5a200
    }

.chapter-item .chapter-icon {
    width: 20px;
    height: 20px;
    margin-left: auto
}

@media (min-width:641px) {
    .chapter-item .chapter-icon {
        margin-left: 40px
    }
}

.chapter-item .chapter-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="%23BDBDBD" 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="%23BDBDBD" 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="%23BDBDBD" stroke-width="1.2" stroke-miterlimit="10"/></svg>')
}

    .chapter-item .chapter-icon.download:hover {
        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="M12 17.2134V2.5" stroke="%23F5A200" 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="%23F5A200" 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="%23F5A200" stroke-width="1.2" stroke-miterlimit="10"/></svg>')
    }

.chapter-item .chapter-icon.cart {
    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="%23BDBDBD"/><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="%23BDBDBD"/><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="%23BDBDBD"/><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="%23BDBDBD"/></svg>')
}

    .chapter-item .chapter-icon.cart:hover {
        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="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-chapter-type=chapter-multi] .chapter-title-block {
    font-weight: 700
}

[data-chapter-type=chapter-multi] .chapter-info-block {
    display: none
}

[data-page=member-right], [data-page=newsletter] {
    background: url(../images/post-inner/post_inner_bg.svg), #f6f7f8;
    background-repeat: no-repeat;
    background-position: top right,center;
    background-size: 45vw auto,cover;
    padding: 80px 0 40px
}

[data-page=faq], [data-page=suggestion-box] {
    background: url(../images/post-inner/post_inner_bg.svg),linear-gradient(180deg, #f6f7f8 80.1%, #dae2ec 100%);
    background-repeat: no-repeat;
    background-position: top right,center;
    background-size: 45vw auto,cover;
    padding: 80px 0 40px
}

.title-service {
    width: 100%;
    padding: 18px 0;
    margin: 36px auto;
    border-bottom: 1px solid #eaeaea;
    font-weight: 400
}

.page-inner-header {
    position: relative
}

    .page-inner-header .member-relate-tabs {
        position: absolute;
        top: -10px;
        right: 0
    }

        .page-inner-header .member-relate-tabs .tabs-wrapper-bg {
            width: 428px;
            height: 78px;
            background-color: #fff;
            position: absolute;
            top: 5%;
            right: 0;
            border-radius: 18px
        }

        .page-inner-header .member-relate-tabs .tabs-wrapper {
            display: flex;
            gap: 18px;
            box-sizing: border-box;
            padding: 0 22px
        }

            .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab {
                width: 81px;
                height: 81px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 6px;
                position: relative
            }

                .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab .link-tab-icon {
                    width: 26px;
                    height: 26px
                }

                    .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab .link-tab-icon[data-tab-icon=member-rights] {
                        display: inline-block;
                        background-position: center;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-image: url("data:image/svg+xml, <svg width='24' height='26' viewBox='0 0 24 26' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.9169 4.6931L12.917 4.69228C13.0241 3.12905 14.3587 1.92276 15.9147 2.01671C17.475 2.11091 18.6351 3.47572 18.5281 5.04058C18.5281 5.04076 18.5281 5.04094 18.5281 5.04112L18.4901 5.60962L18.49 5.61101C18.3826 7.15262 18.8123 8.67512 19.7042 9.91432C19.7043 9.91448 19.7044 9.91464 19.7046 9.9148L19.9727 10.286L19.9728 10.286L19.9743 10.2883C20.8831 11.5608 21.1786 13.1848 20.769 14.7134L20.4526 15.8944L19.8426 18.171L19.3558 19.9876C18.906 21.6664 17.6651 23.0207 16.0396 23.5884C16.0395 23.5885 16.0394 23.5885 16.0394 23.5885L13.9251 24.3283L13.9242 24.3287C12.9632 24.6626 11.9307 24.7023 10.9508 24.4397L6.42302 23.2265C4.91609 22.8227 4.04476 21.2542 4.45042 19.7402C4.46774 19.6756 4.48709 19.6122 4.50825 19.5502C3.74139 18.8581 3.38861 17.7588 3.67607 16.686C3.75891 16.3769 3.88831 16.0923 4.05535 15.8381C3.20885 15.1547 2.80314 13.9996 3.10506 12.8729C3.27649 12.2331 3.6499 11.6998 4.13626 11.3272C3.69097 10.6642 3.52652 9.81393 3.75025 8.97897C4.15591 7.46501 5.69478 6.54229 7.2017 6.94606L13.0829 8.52192C12.8726 7.45762 12.802 6.36133 12.8789 5.26149C12.8789 5.26129 12.8789 5.26109 12.8789 5.26089L12.9169 4.6931Z' fill='%2328476C' stroke='%23FFFFFF'/></svg>")
                    }

                    .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab .link-tab-icon[data-tab-icon=faq] {
                        display: inline-block;
                        background-position: center;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-image: url("data:image/svg+xml,<svg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11 22.5C13.9174 22.5 16.7153 21.3411 18.7782 19.2782C20.8411 17.2153 22 14.4174 22 11.5C22 8.58262 20.8411 5.78473 18.7782 3.72183C16.7153 1.65893 13.9174 0.5 11 0.5C8.08262 0.5 5.28473 1.65893 3.22183 3.72183C1.15893 5.78473 0 8.58262 0 11.5C0 14.4174 1.15893 17.2153 3.22183 19.2782C5.28473 21.3411 8.08262 22.5 11 22.5ZM7.29609 7.60273C7.63555 6.64453 8.54648 6 9.56484 6H12.0699C13.5695 6 14.7812 7.21602 14.7812 8.71133C14.7812 9.68242 14.2613 10.5805 13.4191 11.066L12.0312 11.8609C12.0227 12.4195 11.5629 12.875 11 12.875C10.4285 12.875 9.96875 12.4152 9.96875 11.8438V11.2637C9.96875 10.8941 10.1664 10.5547 10.4887 10.3699L12.3922 9.27852C12.5941 9.1625 12.7188 8.94766 12.7188 8.71562C12.7188 8.35469 12.4266 8.0668 12.0699 8.0668H9.56484C9.41875 8.0668 9.28984 8.15703 9.24258 8.29453L9.22539 8.34609C9.03633 8.8832 8.44336 9.1625 7.91055 8.97344C7.37773 8.78437 7.09414 8.19141 7.2832 7.65859L7.30039 7.60703L7.29609 7.60273ZM9.625 15.625C9.625 15.2603 9.76987 14.9106 10.0277 14.6527C10.2856 14.3949 10.6353 14.25 11 14.25C11.3647 14.25 11.7144 14.3949 11.9723 14.6527C12.2301 14.9106 12.375 15.2603 12.375 15.625C12.375 15.9897 12.2301 16.3394 11.9723 16.5973C11.7144 16.8551 11.3647 17 11 17C10.6353 17 10.2856 16.8551 10.0277 16.5973C9.76987 16.3394 9.625 15.9897 9.625 15.625Z' fill='%2328476C'/><path fill-rule='evenodd' clip-rule='evenodd' d='M9.54023 6C8.52192 6 7.61091 6.64453 7.27155 7.60278L7.27582 7.60706L7.25861 7.65857C7.06953 8.19141 7.3531 8.78442 7.88593 8.97339C8.41877 9.16248 9.01179 8.88318 9.20075 8.34607L9.21796 8.29456C9.2652 8.15698 9.39411 8.06677 9.54023 8.06677H12.0454C12.4019 8.06677 12.6942 8.35474 12.6942 8.71558C12.6942 8.94763 12.5695 9.16248 12.3676 9.27856L10.4641 10.3699C10.1418 10.5547 9.94416 10.8942 9.94416 11.2637V11.8438C9.94416 12.4153 10.4039 12.875 10.9754 12.875C11.5383 12.875 11.9981 12.4196 12.0067 11.861L13.3946 11.066C14.2368 10.5804 14.7567 9.68237 14.7567 8.7113C14.7567 7.21606 13.545 6 12.0454 6H9.54023ZM10.0031 14.6527C9.74531 14.9106 9.60041 15.2604 9.60041 15.625C9.60041 15.9896 9.74531 16.3394 10.0031 16.5973C10.2611 16.8551 10.6108 17 10.9754 17C11.34 17 11.6898 16.8551 11.9477 16.5973C12.2055 16.3394 12.3504 15.9896 12.3504 15.625C12.3504 15.2604 12.2055 14.9106 11.9477 14.6527C11.6898 14.3949 11.34 14.25 10.9754 14.25C10.6108 14.25 10.2611 14.3949 10.0031 14.6527Z' fill='%23FFFFFF'/><path fill-rule='evenodd' clip-rule='evenodd' d='M11 21.5C16.5228 21.5 21 17.0228 21 11.5C21 5.97715 16.5228 1.5 11 1.5C5.47715 1.5 1 5.97715 1 11.5C1 17.0228 5.47715 21.5 11 21.5ZM11 22.5C17.0751 22.5 22 17.5751 22 11.5C22 5.42487 17.0751 0.5 11 0.5C4.92487 0.5 0 5.42487 0 11.5C0 17.5751 4.92487 22.5 11 22.5Z' fill='%23FFFFFF'/></svg>");
                        background-repeat: no-repeat
                    }

                    .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab .link-tab-icon[data-tab-icon=suggestion-box] {
                        display: inline-block;
                        background-position: center;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-image: url("data:image/svg+xml,<svg width='26' height='22' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.58249 5.81299L1.58301 5.81342L11.783 14.1751L11.7841 14.176C12.5024 14.7613 13.4976 14.7613 14.2159 14.176L14.217 14.1751L24.417 5.81342L24.4175 5.81299C25.1072 5.24607 25.5 4.37329 25.5 3.4593C25.5 1.86821 24.3093 0.5 22.75 0.5H3.25C1.69074 0.5 0.5 1.86821 0.5 3.4593C0.5 4.37329 0.892822 5.24607 1.58249 5.81299ZM1.31699 6.35169L0.5 5.68196V6.73837V17.3953C0.5 19.4373 2.02824 21.1744 4 21.1744H22C23.9718 21.1744 25.5 19.4373 25.5 17.3953V6.73837V5.68196L24.683 6.35169L14.483 14.7133C13.5986 15.4384 12.4014 15.4384 11.517 14.7133L1.31699 6.35169Z' fill='%2328476C' stroke='%23FFFFFF'/></svg>");
                        background-repeat: no-repeat
                    }

                    .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab .link-tab-icon[data-tab-icon=newsletter] {
                        display: inline-block;
                        background-position: center;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-image: url("data:image/svg+xml,<svg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.5 0.5C6.5412 0.5 5 2.18161 5 4.18644V19.322C5 19.5129 4.85839 19.6186 4.75 19.6186C4.64161 19.6186 4.5 19.5129 4.5 19.322V5.77966C4.5 4.6511 3.6338 3.68644 2.5 3.68644C1.3662 3.68644 0.5 4.6511 0.5 5.77966V19.322C0.5 21.77 2.37401 23.8051 4.75 23.8051H22C23.9588 23.8051 25.5 22.1235 25.5 20.1186V4.18644C25.5 2.18161 23.9588 0.5 22 0.5H8.5ZM9 9.36441V5.38136C9 4.96649 9.30568 4.68644 9.625 4.68644H14.875C15.1943 4.68644 15.5 4.96649 15.5 5.38136V9.36441C15.5 9.77927 15.1943 10.0593 14.875 10.0593H9.625C9.30568 10.0593 9 9.77927 9 9.36441ZM19 5.27966C18.8916 5.27966 18.75 5.17387 18.75 4.98305C18.75 4.79223 18.8916 4.68644 19 4.68644H21.25C21.3584 4.68644 21.5 4.79223 21.5 4.98305C21.5 5.17387 21.3584 5.27966 21.25 5.27966H19ZM19 10.0593C18.8916 10.0593 18.75 9.95353 18.75 9.76271C18.75 9.57189 18.8916 9.4661 19 9.4661H21.25C21.3584 9.4661 21.5 9.57189 21.5 9.76271C21.5 9.95353 21.3584 10.0593 21.25 10.0593H19ZM9.25 14.839C9.14162 14.839 9 14.7332 9 14.5424C9 14.3516 9.14161 14.2458 9.25 14.2458H21.25C21.3584 14.2458 21.5 14.3516 21.5 14.5424C21.5 14.7332 21.3584 14.839 21.25 14.839H9.25ZM9.25 19.6186C9.14161 19.6186 9 19.5129 9 19.322C9 19.1312 9.14162 19.0254 9.25 19.0254H21.25C21.3584 19.0254 21.5 19.1312 21.5 19.322C21.5 19.5129 21.3584 19.6186 21.25 19.6186H9.25Z' fill='%2328476C' stroke='%23FFFFFF'/></svg>");
                        background-repeat: no-repeat
                    }

                .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab.is-active, .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab:hover {
                    background-color: #597ca4;
                    box-sizing: border-box;
                    border-radius: 16px
                }

                    .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab.is-active:after, .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab:hover:after {
                        content: "";
                        width: 100%;
                        height: 100%;
                        outline: 1px solid #597ca4;
                        border-radius: 16px;
                        position: absolute;
                        bottom: -2px;
                        left: 0
                    }

                    .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab.is-active .link-tab-icon[data-tab-icon=member-rights], .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab:hover .link-tab-icon[data-tab-icon=member-rights] {
                        display: inline-block;
                        background-position: center;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-image: url("data:image/svg+xml, <svg width='24' height='26' viewBox='0 0 24 26' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.9169 4.6931L12.917 4.69228C13.0241 3.12905 14.3587 1.92276 15.9147 2.01671C17.475 2.11091 18.6351 3.47572 18.5281 5.04058C18.5281 5.04076 18.5281 5.04094 18.5281 5.04112L18.4901 5.60962L18.49 5.61101C18.3826 7.15262 18.8123 8.67512 19.7042 9.91432C19.7043 9.91448 19.7044 9.91464 19.7046 9.9148L19.9727 10.286L19.9728 10.286L19.9743 10.2883C20.8831 11.5608 21.1786 13.1848 20.769 14.7134L20.4526 15.8944L19.8426 18.171L19.3558 19.9876C18.906 21.6664 17.6651 23.0207 16.0396 23.5884C16.0395 23.5885 16.0394 23.5885 16.0394 23.5885L13.9251 24.3283L13.9242 24.3287C12.9632 24.6626 11.9307 24.7023 10.9508 24.4397L6.42302 23.2265C4.91609 22.8227 4.04476 21.2542 4.45042 19.7402C4.46774 19.6756 4.48709 19.6122 4.50825 19.5502C3.74139 18.8581 3.38861 17.7588 3.67607 16.686C3.75891 16.3769 3.88831 16.0923 4.05535 15.8381C3.20885 15.1547 2.80314 13.9996 3.10506 12.8729C3.27649 12.2331 3.6499 11.6998 4.13626 11.3272C3.69097 10.6642 3.52652 9.81393 3.75025 8.97897C4.15591 7.46501 5.69478 6.54229 7.2017 6.94606L13.0829 8.52192C12.8726 7.45762 12.802 6.36133 12.8789 5.26149C12.8789 5.26129 12.8789 5.26109 12.8789 5.26089L12.9169 4.6931Z' fill='%2328476C' stroke='%23FFFFFF'/></svg>")
                    }

                    .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab.is-active .link-tab-icon[data-tab-icon=faq], .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab:hover .link-tab-icon[data-tab-icon=faq] {
                        display: inline-block;
                        background-position: center;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-image: url("data:image/svg+xml,<svg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11 22.5C13.9174 22.5 16.7153 21.3411 18.7782 19.2782C20.8411 17.2153 22 14.4174 22 11.5C22 8.58262 20.8411 5.78473 18.7782 3.72183C16.7153 1.65893 13.9174 0.5 11 0.5C8.08262 0.5 5.28473 1.65893 3.22183 3.72183C1.15893 5.78473 0 8.58262 0 11.5C0 14.4174 1.15893 17.2153 3.22183 19.2782C5.28473 21.3411 8.08262 22.5 11 22.5ZM7.29609 7.60273C7.63555 6.64453 8.54648 6 9.56484 6H12.0699C13.5695 6 14.7812 7.21602 14.7812 8.71133C14.7812 9.68242 14.2613 10.5805 13.4191 11.066L12.0312 11.8609C12.0227 12.4195 11.5629 12.875 11 12.875C10.4285 12.875 9.96875 12.4152 9.96875 11.8438V11.2637C9.96875 10.8941 10.1664 10.5547 10.4887 10.3699L12.3922 9.27852C12.5941 9.1625 12.7188 8.94766 12.7188 8.71562C12.7188 8.35469 12.4266 8.0668 12.0699 8.0668H9.56484C9.41875 8.0668 9.28984 8.15703 9.24258 8.29453L9.22539 8.34609C9.03633 8.8832 8.44336 9.1625 7.91055 8.97344C7.37773 8.78437 7.09414 8.19141 7.2832 7.65859L7.30039 7.60703L7.29609 7.60273ZM9.625 15.625C9.625 15.2603 9.76987 14.9106 10.0277 14.6527C10.2856 14.3949 10.6353 14.25 11 14.25C11.3647 14.25 11.7144 14.3949 11.9723 14.6527C12.2301 14.9106 12.375 15.2603 12.375 15.625C12.375 15.9897 12.2301 16.3394 11.9723 16.5973C11.7144 16.8551 11.3647 17 11 17C10.6353 17 10.2856 16.8551 10.0277 16.5973C9.76987 16.3394 9.625 15.9897 9.625 15.625Z' fill='%23F5A200'/><path fill-rule='evenodd' clip-rule='evenodd' d='M9.54023 6C8.52192 6 7.61091 6.64453 7.27155 7.60278L7.27582 7.60706L7.25861 7.65857C7.06953 8.19141 7.3531 8.78442 7.88593 8.97339C8.41877 9.16248 9.01179 8.88318 9.20075 8.34607L9.21796 8.29456C9.2652 8.15698 9.39411 8.06677 9.54023 8.06677H12.0454C12.4019 8.06677 12.6942 8.35474 12.6942 8.71558C12.6942 8.94763 12.5695 9.16248 12.3676 9.27856L10.4641 10.3699C10.1418 10.5547 9.94416 10.8942 9.94416 11.2637V11.8438C9.94416 12.4153 10.4039 12.875 10.9754 12.875C11.5383 12.875 11.9981 12.4196 12.0067 11.861L13.3946 11.066C14.2368 10.5804 14.7567 9.68237 14.7567 8.7113C14.7567 7.21606 13.545 6 12.0454 6H9.54023ZM10.0031 14.6527C9.74531 14.9106 9.60041 15.2604 9.60041 15.625C9.60041 15.9896 9.74531 16.3394 10.0031 16.5973C10.2611 16.8551 10.6108 17 10.9754 17C11.34 17 11.6898 16.8551 11.9477 16.5973C12.2055 16.3394 12.3504 15.9896 12.3504 15.625C12.3504 15.2604 12.2055 14.9106 11.9477 14.6527C11.6898 14.3949 11.34 14.25 10.9754 14.25C10.6108 14.25 10.2611 14.3949 10.0031 14.6527Z' fill='%23FFFFFF'/><path fill-rule='evenodd' clip-rule='evenodd' d='M11 21.5C16.5228 21.5 21 17.0228 21 11.5C21 5.97715 16.5228 1.5 11 1.5C5.47715 1.5 1 5.97715 1 11.5C1 17.0228 5.47715 21.5 11 21.5ZM11 22.5C17.0751 22.5 22 17.5751 22 11.5C22 5.42487 17.0751 0.5 11 0.5C4.92487 0.5 0 5.42487 0 11.5C0 17.5751 4.92487 22.5 11 22.5Z' fill='%23FFFFFF'/></svg>");
                        background-repeat: no-repeat
                    }

                    .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab.is-active .link-tab-icon[data-tab-icon=suggestion-box], .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab:hover .link-tab-icon[data-tab-icon=suggestion-box] {
                        display: inline-block;
                        background-position: center;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-image: url("data:image/svg+xml,<svg width='26' height='22' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.58249 5.81299L1.58301 5.81342L11.783 14.1751L11.7841 14.176C12.5024 14.7613 13.4976 14.7613 14.2159 14.176L14.217 14.1751L24.417 5.81342L24.4175 5.81299C25.1072 5.24607 25.5 4.37329 25.5 3.4593C25.5 1.86821 24.3093 0.5 22.75 0.5H3.25C1.69074 0.5 0.5 1.86821 0.5 3.4593C0.5 4.37329 0.892822 5.24607 1.58249 5.81299ZM1.31699 6.35169L0.5 5.68196V6.73837V17.3953C0.5 19.4373 2.02824 21.1744 4 21.1744H22C23.9718 21.1744 25.5 19.4373 25.5 17.3953V6.73837V5.68196L24.683 6.35169L14.483 14.7133C13.5986 15.4384 12.4014 15.4384 11.517 14.7133L1.31699 6.35169Z' fill='%23F5A200' stroke='%23FFFFFF'/></svg>");
                        background-repeat: no-repeat
                    }

                    .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab.is-active .link-tab-icon[data-tab-icon=newsletter], .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab:hover .link-tab-icon[data-tab-icon=newsletter] {
                        display: inline-block;
                        background-position: center;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-image: url("data:image/svg+xml,<svg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.5 0.5C6.5412 0.5 5 2.18161 5 4.18644V19.322C5 19.5129 4.85839 19.6186 4.75 19.6186C4.64161 19.6186 4.5 19.5129 4.5 19.322V5.77966C4.5 4.6511 3.6338 3.68644 2.5 3.68644C1.3662 3.68644 0.5 4.6511 0.5 5.77966V19.322C0.5 21.77 2.37401 23.8051 4.75 23.8051H22C23.9588 23.8051 25.5 22.1235 25.5 20.1186V4.18644C25.5 2.18161 23.9588 0.5 22 0.5H8.5ZM9 9.36441V5.38136C9 4.96649 9.30568 4.68644 9.625 4.68644H14.875C15.1943 4.68644 15.5 4.96649 15.5 5.38136V9.36441C15.5 9.77927 15.1943 10.0593 14.875 10.0593H9.625C9.30568 10.0593 9 9.77927 9 9.36441ZM19 5.27966C18.8916 5.27966 18.75 5.17387 18.75 4.98305C18.75 4.79223 18.8916 4.68644 19 4.68644H21.25C21.3584 4.68644 21.5 4.79223 21.5 4.98305C21.5 5.17387 21.3584 5.27966 21.25 5.27966H19ZM19 10.0593C18.8916 10.0593 18.75 9.95353 18.75 9.76271C18.75 9.57189 18.8916 9.4661 19 9.4661H21.25C21.3584 9.4661 21.5 9.57189 21.5 9.76271C21.5 9.95353 21.3584 10.0593 21.25 10.0593H19ZM9.25 14.839C9.14162 14.839 9 14.7332 9 14.5424C9 14.3516 9.14161 14.2458 9.25 14.2458H21.25C21.3584 14.2458 21.5 14.3516 21.5 14.5424C21.5 14.7332 21.3584 14.839 21.25 14.839H9.25ZM9.25 19.6186C9.14161 19.6186 9 19.5129 9 19.322C9 19.1312 9.14162 19.0254 9.25 19.0254H21.25C21.3584 19.0254 21.5 19.1312 21.5 19.322C21.5 19.5129 21.3584 19.6186 21.25 19.6186H9.25Z' fill='%23F5A200' stroke='%23FFFFFF'/></svg>");
                        background-repeat: no-repeat
                    }

                    .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab.is-active .link-tab-name, .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab:hover .link-tab-name {
                        color: #fff
                    }

                .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab .link-tab-name {
                    font-size: 14px;
                    text-align: center
                }

@media (max-width:375px) {
    .page-inner-header .member-relate-tabs .tabs-wrapper .link-tab .link-tab-name {
        font-size: 13px
    }
}

.page-inner-header .member-relate-tabs .tabs-wrapper .link-tab.is-active .link-tab-icon[data-tab-icon=member-rights] {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml, <svg width='24' height='26' viewBox='0 0 24 26' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.9169 4.6931L12.917 4.69228C13.0241 3.12905 14.3587 1.92276 15.9147 2.01671C17.475 2.11091 18.6351 3.47572 18.5281 5.04058C18.5281 5.04076 18.5281 5.04094 18.5281 5.04112L18.4901 5.60962L18.49 5.61101C18.3826 7.15262 18.8123 8.67512 19.7042 9.91432C19.7043 9.91448 19.7044 9.91464 19.7046 9.9148L19.9727 10.286L19.9728 10.286L19.9743 10.2883C20.8831 11.5608 21.1786 13.1848 20.769 14.7134L20.4526 15.8944L19.8426 18.171L19.3558 19.9876C18.906 21.6664 17.6651 23.0207 16.0396 23.5884C16.0395 23.5885 16.0394 23.5885 16.0394 23.5885L13.9251 24.3283L13.9242 24.3287C12.9632 24.6626 11.9307 24.7023 10.9508 24.4397L6.42302 23.2265C4.91609 22.8227 4.04476 21.2542 4.45042 19.7402C4.46774 19.6756 4.48709 19.6122 4.50825 19.5502C3.74139 18.8581 3.38861 17.7588 3.67607 16.686C3.75891 16.3769 3.88831 16.0923 4.05535 15.8381C3.20885 15.1547 2.80314 13.9996 3.10506 12.8729C3.27649 12.2331 3.6499 11.6998 4.13626 11.3272C3.69097 10.6642 3.52652 9.81393 3.75025 8.97897C4.15591 7.46501 5.69478 6.54229 7.2017 6.94606L13.0829 8.52192C12.8726 7.45762 12.802 6.36133 12.8789 5.26149C12.8789 5.26129 12.8789 5.26109 12.8789 5.26089L12.9169 4.6931Z' fill='%2328476C' stroke='%23FFFFFF'/></svg>")
}

.page-inner-header .member-relate-tabs .tabs-wrapper .link-tab.is-active .link-tab-name {
    color: #fff
}

@media (max-width:640px) {
    .page-inner-header .member-relate-tabs {
        position: relative;
        margin-bottom: 32px
    }

        .page-inner-header .member-relate-tabs .tabs-wrapper-bg {
            width: 100%
        }

        .page-inner-header .member-relate-tabs .tabs-wrapper {
            width: 100%;
            justify-content: space-around;
            padding: 0;
            gap: 2px
        }
}

.section-member {
    margin-bottom: 36px
}

.grid-wrapper.grid-member {
    grid-template-columns: 1fr 2.5fr 1.5fr
}

    .grid-wrapper.grid-member .grid-row {
        display: grid
    }

        .grid-wrapper.grid-member .grid-row .grid-box {
            box-sizing: border-box;
            padding: 16px 12px;
            outline: 1px solid #dae2ec;
            display: flex;
            align-items: center;
            background-color: #eef1f5
        }

    .grid-wrapper.grid-member .grid-row-title {
        grid-template-columns: 3.5fr 1.5fr;
        background-color: #28476c;
        color: #fff;
        justify-content: center;
        align-items: center
    }

        .grid-wrapper.grid-member .grid-row-title .grid-title-box {
            font-size: 18px;
            font-weight: 700;
            text-align: center;
            padding: 16px 12px
        }

    .grid-wrapper.grid-member .grid-row-content {
        grid-template-columns: 1fr 2.5fr 1.5fr
    }

        .grid-wrapper.grid-member .grid-row-content .box-head {
            justify-content: center;
            background-color: #e8edf4;
            text-align: center
        }

@media (max-width:640px) {
    .grid-wrapper.grid-member .grid-row-content .box-head {
        -webkit-writing-mode: vertical-lr;
        writing-mode: vertical-lr;
        letter-spacing: .8px
    }
}

.grid-wrapper.grid-member .grid-row-content .box-detail {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.section-enterprise {
    margin-bottom: 72px
}

    .section-enterprise #enterprise_swiper_container {
        overflow: hidden;
        box-sizing: border-box;
        padding: 0 2px;
        position: relative
    }

        .section-enterprise #enterprise_swiper_container .swiper-button-next, .section-enterprise #enterprise_swiper_container .swiper-button-prev {
            position: absolute
        }

            .section-enterprise #enterprise_swiper_container .swiper-button-next:after, .section-enterprise #enterprise_swiper_container .swiper-button-prev:after {
                color: #f5a200;
                opacity: 1
            }

    .section-enterprise h2.title-main {
        font-size: 28px;
        color: #1b1b1b
    }

    .section-enterprise .swiper-wrapper {
        margin: 18px 0 36px;
        display: flex
    }

        .section-enterprise .swiper-wrapper .slide-item-card {
            outline: 2px solid #5c799c;
            border-radius: 6px;
            cursor: grab
        }

@media (min-width:1281px) {
    .section-enterprise .swiper-wrapper .slide-item-card {
        cursor: unset
    }
}

.section-enterprise .swiper-wrapper .slide-item-card .slide-card-header {
    background-color: #5c799c;
    color: #fff;
    font-size: 18px;
    padding: 18px;
    border-radius: 5px 5px 0 0
}

    .section-enterprise .swiper-wrapper .slide-item-card .slide-card-header .price-range {
        font-size: 24px;
        font-weight: 600
    }

.section-enterprise .swiper-wrapper .slide-item-card .slide-card-body {
    background: linear-gradient(#fff 40%, #e8edf4 100%);
    width: 100%;
    height: 170px;
    box-sizing: border-box;
    padding: 32px 20px 12px;
    position: relative;
    overflow: hidden;
    border-radius: 0 0 6px 6px
}

    .section-enterprise .swiper-wrapper .slide-item-card .slide-card-body .background-circle {
        width: 235px;
        aspect-ratio: 1/1;
        background-color: #e8edf4;
        display: block;
        border-radius: 50%;
        position: absolute;
        right: 50%;
        bottom: 0;
        transform: translate(50%,50%);
        z-index: 0
    }

    .section-enterprise .swiper-wrapper .slide-item-card .slide-card-body .content-text {
        position: absolute;
        top: 32px;
        left: 20px;
        z-index: 1
    }

        .section-enterprise .swiper-wrapper .slide-item-card .slide-card-body .content-text span:first-child:after {
            content: "";
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,<svg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M1.76574 9.09279C2.54247 8.36086 2.99435 7.33002 2.99435 6.26277C2.99435 4.12345 4.72861 2.38918 6.86793 2.38918H7.20748C8.28158 2.38918 9.32657 1.96816 10.1083 1.23154C11.7837 -0.347214 14.4271 -0.373639 16.1025 1.20512C16.9096 1.96564 17.9767 2.38918 19.0856 2.38918H19.4464C21.666 2.38918 23.4653 4.18851 23.4653 6.40809V6.50244C23.4653 7.54952 23.8973 8.55022 24.6594 9.26831C26.2515 10.7686 26.2515 13.2998 24.6594 14.8C23.8973 15.5181 23.4653 16.5188 23.4653 17.5659V17.6603C23.4653 19.8798 21.666 21.6792 19.4464 21.6792H19.0856C17.9767 21.6792 16.9096 22.1027 16.1025 22.8632C14.4271 24.442 11.7837 24.4156 10.1083 22.8368C9.32657 22.1002 8.28158 21.6792 7.20748 21.6792H6.86793C4.72861 21.6792 2.99435 19.9449 2.99435 17.8056C2.99435 16.7383 2.54247 15.7075 1.76574 14.9756C0.0885047 13.3951 0.0885047 10.6733 1.76574 9.09279ZM8.7315 16.5663L10.0565 17.5907C10.153 17.4645 10.3163 17.2492 10.5465 16.9449C10.784 16.648 11.0661 16.2917 11.3927 15.876C11.7267 15.4528 12.0868 14.9963 12.4728 14.5064C12.8588 14.009 13.2522 13.5043 13.6531 12.9921C14.0613 12.4724 14.4585 11.9677 14.8445 11.4777C15.2379 10.9804 15.6016 10.5201 15.9357 10.097C16.2697 9.66648 16.5592 9.29903 16.8042 8.99468C17.0492 8.68291 17.2273 8.4565 17.3387 8.31546L16.0582 7.3022C15.932 7.45809 15.7241 7.7179 15.4346 8.08163C15.1525 8.44537 14.8148 8.87591 14.4214 9.37326C14.0353 9.86319 13.6197 10.394 13.1743 10.9655C12.7289 11.5297 12.2798 12.0976 11.827 12.6691C11.3816 13.2407 10.9547 13.7826 10.5465 14.2948C10.1382 14.807 9.77445 15.2635 9.45526 15.6644C9.14348 16.0578 8.90223 16.3585 8.7315 16.5663ZM9.26597 12.3351C9.54805 12.5058 9.89693 12.5912 10.3126 12.5912C10.7877 12.5912 11.2034 12.4799 11.5597 12.2572C11.916 12.0345 12.1907 11.7227 12.3837 11.3218C12.5841 10.9136 12.6843 10.4422 12.6843 9.90773C12.6843 9.11345 12.4765 8.49362 12.0608 8.04823C11.6525 7.59542 11.0846 7.36901 10.3572 7.36901C9.91178 7.36901 9.54062 7.46551 9.2437 7.65851C8.95419 7.85152 8.72779 8.09277 8.56448 8.38227C8.40117 8.67178 8.2824 8.96499 8.20816 9.26192C8.14136 9.55884 8.10795 9.81494 8.10795 10.0302C8.10795 10.2678 8.14507 10.535 8.2193 10.8319C8.29353 11.1214 8.41601 11.3998 8.58675 11.667C8.75748 11.9343 8.98388 12.157 9.26597 12.3351ZM11.0698 9.90773C11.0698 10.6278 10.8323 10.9878 10.3572 10.9878C10.1939 10.9878 10.0454 10.895 9.91178 10.7094C9.78559 10.5164 9.72249 10.2937 9.72249 10.0413C9.72249 9.71473 9.78188 9.45863 9.90065 9.27305C10.0194 9.08005 10.179 8.98355 10.3794 8.98355C10.8397 8.98355 11.0698 9.29161 11.0698 9.90773ZM14.722 17.2901C15.0189 17.4608 15.3864 17.5462 15.8243 17.5462C16.3365 17.5462 16.7782 17.4311 17.1494 17.201C17.5205 16.9783 17.8063 16.6591 18.0067 16.2434C18.2146 15.8203 18.3185 15.3266 18.3185 14.7625C18.3185 14.2429 18.2146 13.7938 18.0067 13.4152C17.8063 13.0292 17.5168 12.7322 17.1382 12.5244C16.7671 12.3166 16.3254 12.2126 15.8132 12.2126C15.3678 12.2126 14.9929 12.3091 14.6886 12.5021C14.3917 12.6951 14.1541 12.9401 13.976 13.237C13.7978 13.5265 13.6716 13.8309 13.5974 14.1501C13.5232 14.4618 13.486 14.7402 13.486 14.9852C13.486 15.2301 13.5269 15.5011 13.6085 15.798C13.6902 16.0875 13.8201 16.3659 13.9982 16.6331C14.1838 16.9004 14.4251 17.1193 14.722 17.2901ZM16.4701 15.6421C16.3217 15.8351 16.1138 15.9316 15.8466 15.9316C15.3567 15.9316 15.1117 15.5827 15.1117 14.885C15.1117 14.7439 15.134 14.5917 15.1785 14.4284C15.2231 14.2577 15.3047 14.1092 15.4235 13.9831C15.5423 13.8569 15.7167 13.7938 15.9468 13.7938C16.1695 13.7938 16.3477 13.8903 16.4813 14.0833C16.6223 14.2688 16.6928 14.5212 16.6928 14.8404C16.6928 15.1819 16.6186 15.4491 16.4701 15.6421Z' fill='%23F5A200'/></svg>");
            width: 24px;
            height: 24px;
            vertical-align: middle;
            transform: translateY(-10%);
            padding-left: 8px
        }

        .section-enterprise .swiper-wrapper .slide-item-card .slide-card-body .content-text span:last-child {
            font-weight: 700;
            font-size: 20px;
            margin-left: 4px
        }

    .section-enterprise .swiper-wrapper .slide-item-card .slide-card-body .discount-percentage {
        position: absolute;
        right: 50%;
        bottom: 25%;
        transform: translate(50%,50%);
        font-size: 22px;
        font-weight: 700;
        color: #28476c;
        text-align: center;
        z-index: 1
    }

        .section-enterprise .swiper-wrapper .slide-item-card .slide-card-body .discount-percentage span {
            font-size: 56px;
            font-weight: 700
        }

.section-enterprise .apply-condition .condition-description {
    margin: 36px 0
}

    .section-enterprise .apply-condition .condition-description h3 {
        font-weight: 700;
        margin: 14px 0
    }

    .section-enterprise .apply-condition .condition-description ul {
        padding-left: 0
    }

        .section-enterprise .apply-condition .condition-description ul li {
            line-height: 180%;
            list-style: none
        }

            .section-enterprise .apply-condition .condition-description ul li:before {
                content: "◆";
                padding-right: 4px
            }

.cta-wrap {
    margin-bottom: 108px
}

    .cta-wrap .container {
        width: 100%;
        max-width: 1280px
    }

.cta-banner {
    width: 100%;
    height: fit-content;
    background-image: linear-gradient(90deg, #14263b 18%,rgba(40,71,108, .25) 100%),url(../images/cta-banner-bg_1.jpg);
    background-position: 50% 50%;
    background-size: cover;
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 56px 0;
    box-sizing: border-box;
    align-items: center;
    flex-direction: column
}

    .cta-banner .cta-title {
        margin-bottom: 32px;
        text-align: center
    }

        .cta-banner .cta-title span {
            font-weight: 700;
            line-height: 140%
        }

            .cta-banner .cta-title span:nth-child(1) {
                font-size: 18px;
                letter-spacing: 1.2px;
                margin-bottom: 6px
            }

            .cta-banner .cta-title span:nth-child(3) {
                font-size: 28px;
                letter-spacing: 1.8px
            }

            .cta-banner .cta-title span:nth-child(5) {
                font-size: 24px;
                letter-spacing: 1.4px;
                color: #f5a200
            }

    .cta-banner .btn-cta {
        border: none;
        border-radius: 40px;
        width: 100%;
        padding: 15px 14px;
        margin: 32px 0;
        box-sizing: border-box;
        color: #fff;
        background-color: #f5a200;
        font-weight: 700;
        transition: all .2s ease-in;
        letter-spacing: .6px;
        cursor: pointer
    }

        .cta-banner .btn-cta:hover {
            background-color: rgb(255,173.8632653061,15.5);
            box-shadow: 0 0 12px #f5a200;
            transition: all .2s ease-in
        }

        .cta-banner .btn-cta:focus {
            outline: 0
        }

@media (min-width:801px) {
    .cta-banner {
        align-items: center
    }

        .cta-banner .cta-title {
            text-align: center
        }

        .cta-banner .btn-cta {
            width: 254px;
            margin: 32px 0
        }
}

@media (min-width:1025px) {
    .cta-banner {
        flex-direction: row;
        justify-content: center;
        gap: 44px
    }

        .cta-banner .btn-cta {
            width: 254px;
            margin: 0
        }

        .cta-banner .cta-title {
            text-align: left
        }

            .cta-banner .cta-title span:nth-child(1) {
                font-size: 24px
            }

            .cta-banner .cta-title span:nth-child(3) {
                font-size: 36px
            }

            .cta-banner .cta-title span:nth-child(5) {
                font-size: 28px
            }
}

.cta-banner .cta-content-block {
    box-sizing: border-box;
    padding: 0 32px
}

    .cta-banner .cta-content-block h3 {
        font-weight: 700;
        font-size: 20px;
        line-height: 160%;
        margin-bottom: 20px;
        text-align: center
    }

@media (min-width:1025px) {
    .cta-banner .cta-content-block h3 {
        text-align: left
    }
}

.cta-banner .cta-content-block ul li {
    line-height: auto;
    margin: 7px 0
}

@media (min-width:1025px) {
    .cta-banner .cta-content-block {
        padding: 0
    }

        .cta-banner .cta-content-block h3 {
            font-size: 24px;
            line-height: 180%
        }
}

.back-to-homepage {
    width: fit-content;
    margin: 0 auto 20px
}

@media (max-width:640px) {
    .back-to-homepage {
        width: 100%;
        padding: 16px 20px
    }
}

.tabs-faq {
    flex-direction: column;
    gap: 4px;
    margin-bottom: 24px
}

@media (min-width:641px) {
    .tabs-faq {
        gap: 8px
    }
}

.tabs-faq .tab {
    box-sizing: border-box;
    padding: 6px 12px;
    background-color: #fff;
    color: #222;
    width: 100%;
    font-size: 16px;
    border-radius: 0;
    transition: .2s ease all
}

    .tabs-faq .tab:hover {
        background-color: #28476c;
        color: #fff;
        transition: .2s ease all
    }

@media (min-width:641px) {
    .tabs-faq .tab {
        font-size: 18px;
        border-radius: 6px;
        padding: 13px
    }
}

.tabs-faq .is-active {
    background-color: #28476c;
    color: #fff
}

.page-inner-body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

    .page-inner-body .container {
        width: 100%;
        max-width: 788px
    }

@media (max-width:800px) {
    .page-inner-body .container {
        padding: 0
    }
}

.page-inner-body .accordion-faq .accordion-items {
    width: 100%;
    margin: 0 0 120px
}

    .page-inner-body .accordion-faq .accordion-items .accordion-item {
        width: 100%;
        border-radius: 6px
    }

        .page-inner-body .accordion-faq .accordion-items .accordion-item:first-child {
            margin: 0 0 8px
        }

        .page-inner-body .accordion-faq .accordion-items .accordion-item .accordion-title {
            padding: 16px 20px 16px
        }

            .page-inner-body .accordion-faq .accordion-items .accordion-item .accordion-title.active {
                background-color: #fff;
                font-weight: 700
            }

            .page-inner-body .accordion-faq .accordion-items .accordion-item .accordion-title .title-md {
                color: #28476c
            }

                .page-inner-body .accordion-faq .accordion-items .accordion-item .accordion-title .title-md:before {
                    content: "Q.";
                    padding-right: 4px
                }

@media (max-width:640px) {
    .page-inner-body .accordion-faq .accordion-items .accordion-item .accordion-title .title-md {
        font-size: 18px
    }
}

.page-inner-body .accordion-faq .accordion-items .accordion-item .accordion-content {
    background-color: #e8edf4;
    padding: 22px;
    box-sizing: border-box
}

.cta-wrap.newsletter-banner {
    margin: 90px 0 28px
}

    .cta-wrap.newsletter-banner .cta-banner .cta-btn-block {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8%
    }

        .cta-wrap.newsletter-banner .cta-banner .cta-btn-block h2 {
            margin: 0
        }

        .cta-wrap.newsletter-banner .cta-banner .cta-btn-block a {
            display: block;
            width: 150px;
            height: 100%
        }

        .cta-wrap.newsletter-banner .cta-banner .cta-btn-block .cta-title {
            text-align: left
        }

@media (max-width:640px) {
    .cta-wrap.newsletter-banner {
        margin: 0 0 28px
    }

        .cta-wrap.newsletter-banner .cta-banner {
            padding: 24px
        }

            .cta-wrap.newsletter-banner .cta-banner .cta-btn-block {
                flex-direction: column
            }

                .cta-wrap.newsletter-banner .cta-banner .cta-btn-block .cta-title {
                    text-align: center;
                    margin-bottom: 12px
                }

            .cta-wrap.newsletter-banner .cta-banner .btn-cta {
                margin: 12px 0;
                padding: 12px 24px
            }
}

.mem-advan-grid-wrapper {
    width: 100%;
    margin-bottom: 100px
}

    .mem-advan-grid-wrapper .mem-advan-grid-boxes {
        width: 100%;
        height: fit-content;
        display: grid;
        grid-template: repeat(2,1fr)/repeat(2,1fr);
        gap: 4%
    }

@media (max-width:375px) {
    .mem-advan-grid-wrapper .mem-advan-grid-boxes {
        display: flex;
        flex-direction: column;
        gap: 12px
    }
}

.mem-advan-grid-wrapper .mem-advan-grid-boxes .box {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1.1;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .mem-advan-grid-wrapper .mem-advan-grid-boxes .box .box-content {
        text-align: center;
        max-width: 200px;
        width: 100%;
        margin: 0 auto
    }

        .mem-advan-grid-wrapper .mem-advan-grid-boxes .box .box-content .sub-title, .mem-advan-grid-wrapper .mem-advan-grid-boxes .box .box-content h3 {
            margin-bottom: 8px
        }

        .mem-advan-grid-wrapper .mem-advan-grid-boxes .box .box-content h3 {
            font-size: 18px;
            letter-spacing: .7px;
            color: #4a4a4a;
            font-weight: 700
        }

        .mem-advan-grid-wrapper .mem-advan-grid-boxes .box .box-content .sub-title {
            color: #28476c;
            font-size: 14px;
            display: inline-block
        }

        .mem-advan-grid-wrapper .mem-advan-grid-boxes .box .box-content p {
            font-size: 14px;
            color: #4a4a4a
        }

    .mem-advan-grid-wrapper .mem-advan-grid-boxes .box .box-img {
        text-align: center
    }

        .mem-advan-grid-wrapper .mem-advan-grid-boxes .box .box-img img {
            margin-bottom: 18px
        }

@media (max-width:640px) {
    .mem-advan-grid-wrapper .mem-advan-grid-boxes .box {
        aspect-ratio: unset;
        padding: 18px 12px
    }

        .mem-advan-grid-wrapper .mem-advan-grid-boxes .box .box-img {
            width: 60px;
            text-align: center;
            margin: 0 auto
        }

            .mem-advan-grid-wrapper .mem-advan-grid-boxes .box .box-img img {
                width: 100%;
                height: 100%;
                display: inline-block;
                margin-bottom: 18px
            }
}

@media (max-width:640px) {
    .mem-advan-grid-wrapper {
        margin-bottom: 56px
    }
}

.stepper {
    display: flex;
    margin: 90px auto;
    width: 100%;
    justify-content: center
}

    .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 .step-count {
        font-size: 20px
    }

    .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 1px #909399;
    margin: 0 22px
}

@media (max-width:640px) {
    .stepper .progress-line {
        width: 32px
    }
}

.privacy-policy-wrapper {
    width: 100%;
    margin: 72px 0
}

    .privacy-policy-wrapper .privacy-policy-title h2 {
        font-size: 24px;
        font-weight: 700;
        color: #28476c;
        text-align: center
    }

    .privacy-policy-wrapper .privacy-policy-title .deco-triangle {
        width: 27px;
        height: 13px;
        background: url("data:image/svg+xml,<svg width='27' height='14' viewBox='0 0 27 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M27 0.19287L13.5 13.1929L7.70852e-07 0.192873L27 0.19287Z' fill='%23F5A200'/></svg>");
        margin: 15px auto
    }

    .privacy-policy-wrapper .privacy-policy-container {
        width: 100%;
        height: 380px;
        overflow-y: scroll;
        border: 2px solid #dae2ec;
        background-color: #fff
    }

        .privacy-policy-wrapper .privacy-policy-container::-webkit-scrollbar {
            width: 6px
        }

        .privacy-policy-wrapper .privacy-policy-container::-webkit-scrollbar-track-piece {
            background-color: #eaeaea
        }

        .privacy-policy-wrapper .privacy-policy-container::-webkit-scrollbar-thumb {
            background: #838383;
            border-radius: 2px
        }

        .privacy-policy-wrapper .privacy-policy-container .privacy-policy-content {
            box-sizing: border-box;
            padding: 28px 32px;
            letter-spacing: .8px;
            line-height: 180%;
            height: 100%
        }

            .privacy-policy-wrapper .privacy-policy-container .privacy-policy-content .swiper-slide {
                height: auto;
                padding-bottom: 12px
            }

                .privacy-policy-wrapper .privacy-policy-container .privacy-policy-content .swiper-slide ol, .privacy-policy-wrapper .privacy-policy-container .privacy-policy-content .swiper-slide ul {
                    padding-left: 16px
                }

                    .privacy-policy-wrapper .privacy-policy-container .privacy-policy-content .swiper-slide ul li {
                        list-style-type: disc
                    }

                .privacy-policy-wrapper .privacy-policy-container .privacy-policy-content .swiper-slide ol {
                    list-style: none;
                    counter-reset: my-counter
                }

                    .privacy-policy-wrapper .privacy-policy-container .privacy-policy-content .swiper-slide ol li {
                        counter-increment: my-counter;
                        text-indent: -1em
                    }

                        .privacy-policy-wrapper .privacy-policy-container .privacy-policy-content .swiper-slide ol li:before {
                            content: "(" counter(my-counter) ")";
                            margin-right: 4px
                        }

        .privacy-policy-wrapper .privacy-policy-container .swiper-scrollbar {
            width: 4px;
            color: #dae2ec;
            border-radius: 10px
        }

        .privacy-policy-wrapper .privacy-policy-container .swiper-scrollbar-drag {
            background-color: #dae2ec;
            border-radius: 10px;
            height: 100%
        }

    .privacy-policy-wrapper .checkbox-confirm {
        display: flex;
        flex-direction: column;
        margin: 24px 0;
        box-sizing: border-box;
        padding: 0 24px
    }

        .privacy-policy-wrapper .checkbox-confirm label {
            margin: 0 auto
        }

            .privacy-policy-wrapper .checkbox-confirm label input[type=checkbox] {
                display: none
            }

                .privacy-policy-wrapper .checkbox-confirm label input[type=checkbox]:required + span::before {
                    content: "*";
                    color: #e61a1a
                }

                .privacy-policy-wrapper .checkbox-confirm label input[type=checkbox] + span {
                    cursor: pointer;
                    font-size: 18px;
                    display: inline-block;
                    padding-left: 30px;
                    line-height: 180%;
                    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>");
                    background-repeat: no-repeat;
                    background-position: left top;
                    background-size: 20px;
                    vertical-align: middle
                }

                .privacy-policy-wrapper .checkbox-confirm label input[type=checkbox]:checked + span {
                    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-position: left top;
                    background-size: 20px
                }

    .privacy-policy-wrapper .btn-agree {
        width: fit-content;
        margin: 48px auto;
        padding: 18px 48px
    }

.suggestion-form {
    width: 100%;
    max-width: 518px;
    margin: 72px auto
}

    .suggestion-form .input-box {
        font-size: 18px;
        letter-spacing: .7px;
        display: flex;
        flex-direction: column;
        gap: 14px;
        margin-bottom: 28px
    }

        .suggestion-form .input-box.required .input-title::after {
            content: "*";
            color: #e61a1a;
            margin-left: 8px
        }

        .suggestion-form .input-box input, .suggestion-form .input-box textarea {
            border-radius: 6px;
            border: 1px solid #dae2ec;
            box-sizing: border-box;
            padding: 14px 16px;
            font-size: 16px;
            background-color: #fff
        }

            .suggestion-form .input-box input:focus, .suggestion-form .input-box textarea:focus {
                outline: 2px solid #28476c
            }

            .suggestion-form .input-box input[type=email], .suggestion-form .input-box input[type=text] {
                width: 100%;
                height: 45px
            }

        .suggestion-form .input-box ul.caution li {
            color: #914343;
            font-size: 14px;
            margin: 4px 0
        }

            .suggestion-form .input-box ul.caution li:before {
                content: "※"
            }

        .suggestion-form .input-box .dropdown-suggestion {
            position: relative;
            width: 100%
        }

            .suggestion-form .input-box .dropdown-suggestion .dropdown-btn .dropdown-option {
                padding: unset
            }

                .suggestion-form .input-box .dropdown-suggestion .dropdown-btn .dropdown-option::after, .suggestion-form .input-box .dropdown-suggestion .dropdown-btn.is-active .dropdown-option::after {
                    background-image: unset
                }

            .suggestion-form .input-box .dropdown-suggestion #dropdownBox {
                width: 100%;
                font-size: 16px;
                letter-spacing: .7px;
                background-color: #fff;
                border-radius: 6px;
                border: 1px solid #dae2ec;
                box-sizing: border-box;
                padding: 14px 16px;
                cursor: pointer;
                position: relative
            }

                .suggestion-form .input-box .dropdown-suggestion #dropdownBox .dropdown-icon {
                    width: 14px;
                    height: 8px;
                    position: absolute;
                    top: 22px;
                    right: 16px;
                    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>')
                }

                .suggestion-form .input-box .dropdown-suggestion #dropdownBox.is-active .dropdown-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 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 8L8.30952 2L2 8" stroke="%23F5A200" stroke-width="2" /></svg>')
                }

            .suggestion-form .input-box .dropdown-suggestion .type-list {
                width: 100%;
                height: 300px;
                overflow-y: scroll;
                box-sizing: border-box;
                display: none;
                position: absolute;
                z-index: 1;
                bottom: 0;
                left: 0;
                box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
            }

                .suggestion-form .input-box .dropdown-suggestion .type-list::-webkit-scrollbar {
                    width: 6px
                }

                .suggestion-form .input-box .dropdown-suggestion .type-list::-webkit-scrollbar-track-piece {
                    background-color: #eaeaea
                }

                .suggestion-form .input-box .dropdown-suggestion .type-list::-webkit-scrollbar-thumb {
                    background: #838383;
                    border-radius: 2px
                }

                .suggestion-form .input-box .dropdown-suggestion .type-list.is-active {
                    display: block
                }

                .suggestion-form .input-box .dropdown-suggestion .type-list > ul {
                    box-sizing: border-box;
                    padding: 12px 12px;
                    background-color: #fff;
                    margin-bottom: 0
                }

                    .suggestion-form .input-box .dropdown-suggestion .type-list > ul li {
                        cursor: pointer
                    }

                .suggestion-form .input-box .dropdown-suggestion .type-list .main-type {
                    font-size: 14px;
                    color: #909399;
                    margin: 8px 0
                }

                    .suggestion-form .input-box .dropdown-suggestion .type-list .main-type .sub-type {
                        font-size: 16px;
                        color: #222;
                        padding: 6px 0 6px 12px;
                        padding-left: 12px;
                        cursor: pointer
                    }

                        .suggestion-form .input-box .dropdown-suggestion .type-list .main-type .sub-type:hover {
                            background-color: #28476c;
                            color: #fff
                        }

@media (max-width:640px) {
    .suggestion-form .input-box .dropdown-suggestion .type-list {
        width: 100vw;
        height: 100vh;
        position: fixed;
        overflow-y: unset
    }

        .suggestion-form .input-box .dropdown-suggestion .type-list > ul {
            width: 70vw;
            height: 80vh;
            overflow-y: scroll;
            margin: 5vh auto
        }
}

.suggestion-form .input-box textarea {
    min-height: 135px
}

.suggestion-form .input-box.captcha .captcha-inner-wrapper {
    display: flex;
    align-items: center;
    gap: 2%
}

    .suggestion-form .input-box.captcha .captcha-inner-wrapper input[type=text] {
        width: 40%;
        min-width: 164px
    }

    .suggestion-form .input-box.captcha .captcha-inner-wrapper img {
        width: auto;
        height: 44px;
        min-width: 164px
    }

    .suggestion-form .input-box.captcha .captcha-inner-wrapper #regenerate {
        width: 36px;
        height: 36px;
        border: none;
        background: url("data:image/svg+xml,<svg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M2.50781 15.6929C2.50781 8.6685 8.20219 2.97412 15.2266 2.97412C19.8616 2.97412 23.9194 5.45365 26.1428 9.16162H22.1016C21.532 9.16162 21.0703 9.62333 21.0703 10.1929C21.0703 10.7624 21.532 11.2241 22.1016 11.2241H27.8098C27.8252 11.2245 27.8406 11.2245 27.8561 11.2241H28.1516C29.1768 11.2241 30.0078 10.393 30.0078 9.36787V3.31787C30.0078 2.74833 29.5461 2.28662 28.9766 2.28662C28.407 2.28662 27.9453 2.74833 27.9453 3.31787V8.15761C25.3704 3.8207 20.6391 0.911621 15.2266 0.911621C7.0631 0.911621 0.445312 7.52941 0.445312 15.6929C0.445312 23.8563 7.0631 30.4741 15.2266 30.4741C22.6373 30.4741 28.7727 25.0214 29.8428 17.9088C29.9275 17.3456 29.5396 16.8203 28.9764 16.7356C28.4132 16.6509 27.8879 17.0388 27.8032 17.602C26.8828 23.7204 21.6015 28.4116 15.2266 28.4116C8.20219 28.4116 2.50781 22.7172 2.50781 15.6929Z' fill='%235F5F5F'/></svg>");
        background-repeat: no-repeat
    }

    .suggestion-form .input-box.captcha .captcha-inner-wrapper input[type=text] {
        width: 40%;
        min-width: 164px
    }

    .suggestion-form .input-box.captcha .captcha-inner-wrapper img {
        width: auto;
        height: 44px;
        min-width: 164px
    }

    .suggestion-form .input-box.captcha .captcha-inner-wrapper #regenerate {
        display: inline-block;
        cursor: pointer;
        width: 36px;
        height: 36px;
        border: none;
        vertical-align: middle;
        margin-left: 4px;
        background: url("data:image/svg+xml,<svg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M2.50781 15.6929C2.50781 8.6685 8.20219 2.97412 15.2266 2.97412C19.8616 2.97412 23.9194 5.45365 26.1428 9.16162H22.1016C21.532 9.16162 21.0703 9.62333 21.0703 10.1929C21.0703 10.7624 21.532 11.2241 22.1016 11.2241H27.8098C27.8252 11.2245 27.8406 11.2245 27.8561 11.2241H28.1516C29.1768 11.2241 30.0078 10.393 30.0078 9.36787V3.31787C30.0078 2.74833 29.5461 2.28662 28.9766 2.28662C28.407 2.28662 27.9453 2.74833 27.9453 3.31787V8.15761C25.3704 3.8207 20.6391 0.911621 15.2266 0.911621C7.0631 0.911621 0.445312 7.52941 0.445312 15.6929C0.445312 23.8563 7.0631 30.4741 15.2266 30.4741C22.6373 30.4741 28.7727 25.0214 29.8428 17.9088C29.9275 17.3456 29.5396 16.8203 28.9764 16.7356C28.4132 16.6509 27.8879 17.0388 27.8032 17.602C26.8828 23.7204 21.6015 28.4116 15.2266 28.4116C8.20219 28.4116 2.50781 22.7172 2.50781 15.6929Z' fill='%235F5F5F'/></svg>");
        background-repeat: no-repeat
    }

@media (max-width:480px) {
    .suggestion-form .input-box.captcha .captcha-inner-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px
    }

        .suggestion-form .input-box.captcha .captcha-inner-wrapper input[type=text] {
            width: 100%;
            min-width: 164px
        }
}

.btn-submit-confirm {
    width: 100%;
    margin-bottom: 108px
}

    .btn-submit-confirm .btn-agree {
        width: 120px;
        margin: 0 auto
    }

@media (max-width:640px) {
    .btn-submit-confirm .btn-agree {
        width: 100%;
        padding: 18px 24px
    }
}

.submit-successed {
    max-width: 328px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 108px auto 72px
}

    .submit-successed .submit-successed-img {
        margin-bottom: 48px
    }

        .submit-successed .submit-successed-img img {
            width: 200px;
            height: auto;
            margin-bottom: 18px
        }

        .submit-successed .submit-successed-img h2 {
            color: #1b1b1b;
            font-size: 24px;
            letter-spacing: 1.2px;
            font-weight: 700
        }

    .submit-successed .result-content #senderName {
        color: #28476c;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 1px;
        margin-bottom: 18px
    }

        .submit-successed .result-content #senderName:after {
            content: "先生/小姐：";
            padding-left: 20px
        }

        .submit-successed .result-content #senderName p {
            font-size: 18px
        }

@media (max-width:640px) {
    .wrap[data-page=member-page] .suggestion-form .input-box .dropdown-suggestion .type-list.mem-register-dropdown-list {
        width: 100%;
        height: fit-content;
        max-height: 200px;
        position: absolute;
        top: 100%;
        max-height: unset;
        padding: 0;
        border-radius: 0 0 1.3rem 1.3rem;
        overflow-y: scroll
    }

        .wrap[data-page=member-page] .suggestion-form .input-box .dropdown-suggestion .type-list.mem-register-dropdown-list > ul {
            width: 100%;
            height: auto;
            overflow-y: scroll;
            margin: 0
        }
}

.wrap[data-page=suggestion-box] .stepper .step .step-num {
    box-sizing: initial
}

.wrap[data-page=advanced-search] {
    background: url(../images/post-inner/post_inner_bg.svg),linear-gradient(180deg, #f6f7f8 80.1%, #dae2ec 100%);
    background-repeat: no-repeat;
    background-position: top right,center;
    background-size: 45vw auto,cover;
    padding: 80px 0 40px
}

    .wrap[data-page=advanced-search] .page-inner-body .container {
        width: 100%;
        max-width: unset;
        padding: 0
    }

.adv-search-wrapper {
    display: flex;
    justify-content: space-between
}

@media (max-width:1280px) {
    .adv-search-wrapper {
        flex-direction: column
    }
}

.adv-search-wrapper .right-bar {
    width: 100%
}

.adv-search-wrapper .right-bar-inner {
    border-left: none
}

.adv-search-wrapper .main-content-wrapper {
    flex-direction: column
}

    .adv-search-wrapper .main-content-wrapper h2.search-form-title {
        width: 100%;
        font-size: 20px;
        font-weight: 700;
        padding: 10px 12px;
        box-sizing: border-box;
        background-color: #28476c;
        color: #fff
    }

        .adv-search-wrapper .main-content-wrapper h2.search-form-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'><path fill-rule='evenodd' clip-rule='evenodd' d='M8.03761 15.0749C4.15861 15.0749 1 11.9164 1 8.03746C1 4.15854 4.15861 1 8.03761 1C11.9166 1 15.0752 4.15854 15.0752 8.03746C15.0752 9.50404 14.6237 10.8676 13.8524 11.9965L18.6166 16.7606C18.866 17.0099 18.9999 17.3378 18.9999 17.6887C18.9999 18.0397 18.8613 18.3675 18.6166 18.6169C18.3672 18.8663 18.0394 19.0002 17.6884 19.0002C17.3375 19.0002 17.0096 18.8616 16.7602 18.6169L11.9959 13.8527C10.8672 14.6236 9.50387 15.0749 8.03761 15.0749ZM8.03761 1.59569C4.48648 1.59569 1.5957 4.4864 1.5957 8.03746C1.5957 11.5885 4.48648 14.4792 8.03761 14.4792C11.5887 14.4792 14.4795 11.5885 14.4795 8.03746C14.4795 4.4864 11.5887 1.59569 8.03761 1.59569ZM12.5764 13.5882L17.1851 18.1967C17.4575 18.4691 17.9285 18.4691 18.201 18.1967C18.3349 18.0628 18.4088 17.8827 18.4088 17.6887C18.4088 17.4948 18.3349 17.3193 18.201 17.1808L13.5924 12.5723L12.5764 13.5882ZM3.42348 8.03721C3.42348 8.19883 3.55278 8.33275 3.71902 8.33275C3.88065 8.33275 4.01456 8.20345 4.01456 8.03721C4.01456 5.82069 5.82014 4.01515 8.03671 4.01515C8.19834 4.01515 8.33226 3.88123 8.33226 3.71961C8.33226 3.55799 8.20296 3.42407 8.03671 3.42407C5.49228 3.42407 3.42348 5.49283 3.42348 8.03721Z' fill='white'/><path d='M13.8524 11.9965L13.646 11.8554L13.529 12.0266L13.6756 12.1733L13.8524 11.9965ZM18.6166 16.7606L18.4398 16.9373L18.6166 16.7606ZM18.6166 18.6169L18.7934 18.7937L18.795 18.792L18.6166 18.6169ZM16.7602 18.6169L16.5834 18.7937L16.5851 18.7953L16.7602 18.6169ZM11.9959 13.8527L12.1727 13.6759L12.0261 13.5293L11.8549 13.6462L11.9959 13.8527ZM17.1851 18.1967L17.0083 18.3735L17.1851 18.1967ZM12.5764 13.5882L12.3997 13.4114L12.2229 13.5882L12.3997 13.7649L12.5764 13.5882ZM18.201 18.1967L18.0242 18.0199L18.201 18.1967ZM18.201 17.1808L18.3808 17.007L18.3778 17.004L18.201 17.1808ZM13.5924 12.5723L13.7692 12.3955L13.5924 12.2187L13.4156 12.3955L13.5924 12.5723ZM0.75 8.03746C0.75 12.0544 4.02054 15.3249 8.03761 15.3249V14.8249C4.29668 14.8249 1.25 11.7783 1.25 8.03746H0.75ZM8.03761 0.75C4.02054 0.75 0.75 4.02047 0.75 8.03746H1.25C1.25 4.29662 4.29668 1.25 8.03761 1.25V0.75ZM15.3252 8.03746C15.3252 4.02047 12.0547 0.75 8.03761 0.75V1.25C11.7785 1.25 14.8252 4.29662 14.8252 8.03746H15.3252ZM14.0588 12.1375C14.8575 10.9686 15.3252 9.55612 15.3252 8.03746H14.8252C14.8252 9.45195 14.3899 10.7667 13.646 11.8554L14.0588 12.1375ZM18.7934 16.5838L14.0292 11.8197L13.6756 12.1733L18.4398 16.9373L18.7934 16.5838ZM19.2499 17.6887C19.2499 17.2722 19.0902 16.8806 18.7934 16.5838L18.4398 16.9373C18.6418 17.1393 18.7499 17.4033 18.7499 17.6887H19.2499ZM18.795 18.792C19.0842 18.4974 19.2499 18.1072 19.2499 17.6887H18.7499C18.7499 17.9721 18.6385 18.2377 18.4382 18.4418L18.795 18.792ZM17.6884 19.2502C18.1049 19.2502 18.4966 19.0905 18.7934 18.7937L18.4398 18.4401C18.2379 18.6421 17.9738 18.7502 17.6884 18.7502V19.2502ZM16.5851 18.7953C16.8797 19.0845 17.2699 19.2502 17.6884 19.2502V18.7502C17.405 18.7502 17.1394 18.6388 16.9353 18.4385L16.5851 18.7953ZM11.8191 14.0295L16.5835 18.7937L16.937 18.4401L12.1727 13.6759L11.8191 14.0295ZM8.03761 15.3249C9.55593 15.3249 10.9681 14.8574 12.1369 14.0591L11.8549 13.6462C10.7663 14.3898 9.4518 14.8249 8.03761 14.8249V15.3249ZM1.8457 8.03746C1.8457 4.62448 4.62454 1.84569 8.03761 1.84569V1.34569C4.34841 1.34569 1.3457 4.34833 1.3457 8.03746H1.8457ZM8.03761 14.2292C4.62454 14.2292 1.8457 11.4504 1.8457 8.03746H1.3457C1.3457 11.7266 4.34841 14.7292 8.03761 14.7292V14.2292ZM14.2295 8.03746C14.2295 11.4504 11.4507 14.2292 8.03761 14.2292V14.7292C11.7268 14.7292 14.7295 11.7266 14.7295 8.03746H14.2295ZM8.03761 1.84569C11.4507 1.84569 14.2295 4.62448 14.2295 8.03746H14.7295C14.7295 4.34833 11.7268 1.34569 8.03761 1.34569V1.84569ZM17.3618 18.0199L12.7532 13.4114L12.3997 13.7649L17.0083 18.3735L17.3618 18.0199ZM18.0242 18.0199C17.8494 18.1947 17.5367 18.1947 17.3618 18.0199L17.0083 18.3735C17.3784 18.7435 18.0077 18.7435 18.3778 18.3735L18.0242 18.0199ZM18.1588 17.6887C18.1588 17.8179 18.1102 17.9339 18.0242 18.0199L18.3778 18.3735C18.5596 18.1916 18.6588 17.9475 18.6588 17.6887H18.1588ZM18.0212 17.3545C18.1118 17.4482 18.1588 17.562 18.1588 17.6887H18.6588C18.6588 17.4276 18.558 17.1904 18.3807 17.007L18.0212 17.3545ZM13.4156 12.749L18.0242 17.3576L18.3778 17.004L13.7692 12.3955L13.4156 12.749ZM12.7532 13.7649L13.7692 12.749L13.4156 12.3955L12.3997 13.4114L12.7532 13.7649ZM3.71902 8.08275C3.69339 8.08275 3.67348 8.06331 3.67348 8.03721H3.17348C3.17348 8.33435 3.41217 8.58275 3.71902 8.58275V8.08275ZM3.76456 8.03721C3.76456 8.06283 3.74513 8.08275 3.71902 8.08275V8.58275C4.01616 8.58275 4.26456 8.34407 4.26456 8.03721H3.76456ZM8.03671 3.76515C5.68208 3.76515 3.76456 5.68261 3.76456 8.03721H4.26456C4.26456 5.95876 5.95821 4.26515 8.03671 4.26515V3.76515ZM8.08226 3.71961C8.08226 3.73013 8.07801 3.74151 8.06832 3.75121C8.05862 3.7609 8.04723 3.76515 8.03671 3.76515V4.26515C8.3364 4.26515 8.58226 4.01931 8.58226 3.71961H8.08226ZM8.03671 3.67407C8.06235 3.67407 8.08226 3.69351 8.08226 3.71961H8.58226C8.58226 3.42247 8.34356 3.17407 8.03671 3.17407V3.67407ZM3.67348 8.03721C3.67348 5.6309 5.63034 3.67407 8.03671 3.67407V3.17407C5.35421 3.17407 3.17348 5.35475 3.17348 8.03721H3.67348Z' fill='%23FFFFFF'/></svg>");
            background-repeat: no-repeat;
            width: 18px;
            height: 18px;
            margin-right: 12px
        }

    .adv-search-wrapper .main-content-wrapper .adv-search-form {
        width: 100%;
        box-sizing: border-box;
        padding: 9px 24px 18px;
        background-color: #e9eff6
    }

        .adv-search-wrapper .main-content-wrapper .adv-search-form .inputs-wrapper {
            padding: 18px 0 18px;
            box-sizing: border-box;
            border-bottom: 1px solid #dae2ec
        }

            .adv-search-wrapper .main-content-wrapper .adv-search-form .inputs-wrapper h3 {
                margin-bottom: 12px;
                font-weight: 600
            }

            .adv-search-wrapper .main-content-wrapper .adv-search-form .inputs-wrapper.hidden {
                display: none
            }

        .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input {
            display: flex;
            margin-bottom: 12px;
            gap: 20px;
            align-items: center
        }

            .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input h3 {
                margin-bottom: unset
            }

            .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input input[type=text] {
                box-sizing: border-box;
                padding: 8px 16px;
                border: 2px solid #dae2ec;
                border-radius: 20px
            }

                .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input input[type=text]:focus {
                    border: 2px solid transparent;
                    outline: 2px solid #28476c
                }

            .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input .dropdown-bool {
                width: 112px
            }

                .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input .dropdown-bool .btn-bool {
                    border: 2px solid #dae2ec;
                    border-radius: 6px;
                    width: 100px;
                    padding: 9px 18px;
                    box-sizing: border-box;
                    background-color: #fff;
                    cursor: pointer
                }

                    .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input .dropdown-bool .btn-bool.is-active {
                        border: 2px solid #28476c
                    }

                .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input .dropdown-bool .list-bool {
                    width: 100px;
                    background-color: #fff;
                    box-sizing: border-box;
                    padding: 8px 0;
                    box-shadow: 0 4px 6px rgba(0, 0, 0, .25)
                }

                    .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input .dropdown-bool .list-bool .item-bool {
                        box-sizing: border-box;
                        padding: 8px 32px;
                        cursor: pointer;
                        text-align: center
                    }

                        .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input .dropdown-bool .list-bool .item-bool:hover {
                            background-color: #28476c;
                            color: #fff
                        }

            .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input .add-n-del-btns a {
                border: none;
                width: 18px;
                height: 18px;
                margin: 0 6px;
                cursor: pointer
            }

                .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input .add-n-del-btns a:focus, .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input .add-n-del-btns a:focus-visible {
                    outline: 0
                }

                .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input .add-n-del-btns a.btn-add {
                    display: inline-block;
                    background-position: center;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-image: url("data:image/svg+xml,<svg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7 10.5L7 17.5H10V10.5L17 10.5V7.5L10 7.5V0.5H7L7 7.5L0 7.5V10.5L7 10.5Z' fill='%2328476C'/></svg>")
                }

                    .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input .add-n-del-btns a.btn-add:hover {
                        display: inline-block;
                        background-position: center;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-image: url("data:image/svg+xml,<svg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7 10.5L7 17.5H10V10.5L17 10.5V7.5L10 7.5V0.5H7L7 7.5L0 7.5V10.5L7 10.5Z' fill='%23F5A200'/></svg>")
                    }

                .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input .add-n-del-btns a.btn-del {
                    display: inline-block;
                    background-position: center;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-image: url("data:image/svg+xml,<svg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M2.62269e-07 7.5L17 7.5V10.5L0 10.5L2.62269e-07 7.5Z' fill='%237F9CBE'/></svg>")
                }

                    .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input .add-n-del-btns a.btn-del:hover {
                        display: inline-block;
                        background-position: center;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-image: url("data:image/svg+xml,<svg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M2.62269e-07 7.5L17 7.5V10.5L0 10.5L2.62269e-07 7.5Z' fill='%23F5A200'/></svg>")
                    }

@media (max-width:640px) {
    .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input {
        flex-wrap: wrap;
        gap: 8px;
        padding: 8px 0 12px;
        box-sizing: border-box
    }

        .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input:not(:last-child) {
            border-bottom: 1px solid #dae2ec
        }

        .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input h3 {
            width: 100%
        }

        .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input .dropdown-bool {
            width: 100%
        }

            .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input .dropdown-bool .btn-bool {
                width: 96px;
                padding: 6px 8px
            }

        .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input input[type=text] {
            flex: 2;
            width: 100%
        }

        .adv-search-wrapper .main-content-wrapper .adv-search-form .keyword-inputs .keyword-input .add-n-del-btns {
            flex: 1;
            width: 100%
        }
}

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

    .right-bar-hot-keywords .hot-keyword {
        font-size: 14px;
        color: #28476c;
        padding: 6px 16px;
        border-radius: 28px;
        border: 1px solid #6997cc;
        cursor: pointer;
        background-color: #fff
    }

        .right-bar-hot-keywords .hot-keyword:hover {
            background-color: #6997cc;
            color: #fff
        }

label input[type=radio].custom-radio {
    display: none
}

    label input[type=radio].custom-radio:checked + .custom-radio-dot {
        border: 2px solid #28476c
    }

        label input[type=radio].custom-radio:checked + .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%)
        }

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
}

label input[type=checkbox].custom-checkbox {
    display: none
}

    label input[type=checkbox].custom-checkbox:checked + .custom-checkbox-icon {
        border: 2px solid #28476c;
        box-sizing: border-box
    }

        label 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
        }

label .custom-checkbox-icon {
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    border: 2px solid #dae2ec;
    box-sizing: border-box;
    background-color: #fff;
    vertical-align: middle;
    margin-right: 8px
}

.checkbox-inputs label, .radio-inputs label {
    margin-right: 12px;
    cursor: pointer
}

.date-inputs .dates-wrapper {
    display: flex;
    gap: 6px;
    align-items: center
}

@media (max-width:640px) {
    .date-inputs .dates-wrapper {
        width: 100%;
        flex-wrap: wrap
    }

        .date-inputs .dates-wrapper > label {
            width: 100%;
            max-width: 200px
        }

        .date-inputs .dates-wrapper > span {
            width: 100%
        }
}

.date-inputs label {
    cursor: pointer
}

    .date-inputs label input[type=date] {
        display: none
    }

    .date-inputs label .date-box {
        border: 2px solid #dae2ec;
        background-color: #fff
    }

        .date-inputs label .date-box .date-icon {
            vertical-align: middle;
            width: 32px;
            height: 32px;
            display: inline-block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,<svg width='16' height='19' viewBox='0 0 16 19' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.42857 0.857143C5.42857 0.382143 5.04643 0 4.57143 0C4.09643 0 3.71429 0.382143 3.71429 0.857143V2.28571H2.28571C1.025 2.28571 0 3.31071 0 4.57143V5.14286V6.85714V16C0 17.2607 1.025 18.2857 2.28571 18.2857H13.7143C14.975 18.2857 16 17.2607 16 16V6.85714V5.14286V4.57143C16 3.31071 14.975 2.28571 13.7143 2.28571H12.2857V0.857143C12.2857 0.382143 11.9036 0 11.4286 0C10.9536 0 10.5714 0.382143 10.5714 0.857143V2.28571H5.42857V0.857143ZM1.71429 6.85714H4.57143V8.85714H1.71429V6.85714ZM1.71429 10.5714H4.57143V12.8571H1.71429V10.5714ZM6.28571 10.5714H9.71429V12.8571H6.28571V10.5714ZM11.4286 10.5714H14.2857V12.8571H11.4286V10.5714ZM14.2857 8.85714H11.4286V6.85714H14.2857V8.85714ZM14.2857 14.5714V16C14.2857 16.3143 14.0286 16.5714 13.7143 16.5714H11.4286V14.5714H14.2857ZM9.71429 14.5714V16.5714H6.28571V14.5714H9.71429ZM4.57143 14.5714V16.5714H2.28571C1.97143 16.5714 1.71429 16.3143 1.71429 16V14.5714H4.57143ZM9.71429 8.85714H6.28571V6.85714H9.71429V8.85714Z' fill='%23FFFFFF'/></svg>");
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-color: #28476c;
            background-size: initial
        }

        .date-inputs label .date-box .date-text {
            vertical-align: middle;
            box-sizing: border-box;
            padding: 8px 14px
        }

.dropdown-conditions {
    display: flex;
    margin-bottom: 12px;
    gap: 20px;
    align-items: center
}

    .dropdown-conditions .dropdown-condition {
        width: fit-content
    }

        .dropdown-conditions .dropdown-condition .btn-condition {
            border: 2px solid #dae2ec;
            border-radius: 6px;
            width: 100%;
            min-width: 140px;
            padding: 9px 18px;
            box-sizing: border-box;
            background-color: #fff;
            cursor: pointer
        }

            .dropdown-conditions .dropdown-condition .btn-condition.is-active {
                border: 2px solid #28476c
            }

        .dropdown-conditions .dropdown-condition .list-condition {
            width: 100%;
            height: fit-content;
            max-height: 300px;
            background-color: #fff;
            box-sizing: border-box;
            padding: 8px 0;
            box-shadow: 0 4px 6px rgba(0, 0, 0, .25);
            overflow-y: scroll
        }

            .dropdown-conditions .dropdown-condition .list-condition::-webkit-scrollbar {
                width: 6px
            }

            .dropdown-conditions .dropdown-condition .list-condition::-webkit-scrollbar-track-piece {
                background-color: #eaeaea
            }

            .dropdown-conditions .dropdown-condition .list-condition::-webkit-scrollbar-thumb {
                background: #838383;
                border-radius: 2px
            }

            .dropdown-conditions .dropdown-condition .list-condition .item-condition {
                width: 100%;
                box-sizing: border-box;
                padding: 8px 16px;
                cursor: pointer;
                text-align: left
            }

                .dropdown-conditions .dropdown-condition .list-condition .item-condition:hover {
                    width: 100%;
                    background-color: #28476c;
                    color: #fff
                }

@media (max-width:640px) {
    .dropdown-conditions {
        flex-wrap: wrap
    }

        .dropdown-conditions .dropdown-condition {
            width: 100%
        }

            .dropdown-conditions .dropdown-condition .btn-condition {
                width: 100%;
                max-width: 200px
            }

            .dropdown-conditions .dropdown-condition .list-condition {
                width: 100%;
                max-width: 200px
            }
}

.search-btn-wrapper {
    padding: 18px 0 18px;
    box-sizing: border-box
}

    .search-btn-wrapper .btn-search {
        display: block;
        width: fit-content;
        cursor: pointer;
        margin: 0 auto
    }

        .search-btn-wrapper .btn-search::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 fill-rule='evenodd' clip-rule='evenodd' d='M8.03761 15.0749C4.15861 15.0749 1 11.9164 1 8.03746C1 4.15854 4.15861 1 8.03761 1C11.9166 1 15.0752 4.15854 15.0752 8.03746C15.0752 9.50404 14.6237 10.8676 13.8524 11.9965L18.6166 16.7606C18.866 17.0099 18.9999 17.3378 18.9999 17.6887C18.9999 18.0397 18.8613 18.3675 18.6166 18.6169C18.3672 18.8663 18.0394 19.0002 17.6884 19.0002C17.3375 19.0002 17.0096 18.8616 16.7602 18.6169L11.9959 13.8527C10.8672 14.6236 9.50387 15.0749 8.03761 15.0749ZM8.03761 1.59569C4.48648 1.59569 1.5957 4.4864 1.5957 8.03746C1.5957 11.5885 4.48648 14.4792 8.03761 14.4792C11.5887 14.4792 14.4795 11.5885 14.4795 8.03746C14.4795 4.4864 11.5887 1.59569 8.03761 1.59569ZM12.5764 13.5882L17.1851 18.1967C17.4575 18.4691 17.9285 18.4691 18.201 18.1967C18.3349 18.0628 18.4088 17.8827 18.4088 17.6887C18.4088 17.4948 18.3349 17.3193 18.201 17.1808L13.5924 12.5723L12.5764 13.5882ZM3.42348 8.03721C3.42348 8.19883 3.55278 8.33275 3.71902 8.33275C3.88065 8.33275 4.01456 8.20345 4.01456 8.03721C4.01456 5.82069 5.82014 4.01515 8.03671 4.01515C8.19834 4.01515 8.33226 3.88123 8.33226 3.71961C8.33226 3.55799 8.20296 3.42407 8.03671 3.42407C5.49228 3.42407 3.42348 5.49283 3.42348 8.03721Z' fill='white'/><path d='M13.8524 11.9965L13.646 11.8554L13.529 12.0266L13.6756 12.1733L13.8524 11.9965ZM18.6166 16.7606L18.4398 16.9373L18.6166 16.7606ZM18.6166 18.6169L18.7934 18.7937L18.795 18.792L18.6166 18.6169ZM16.7602 18.6169L16.5834 18.7937L16.5851 18.7953L16.7602 18.6169ZM11.9959 13.8527L12.1727 13.6759L12.0261 13.5293L11.8549 13.6462L11.9959 13.8527ZM17.1851 18.1967L17.0083 18.3735L17.1851 18.1967ZM12.5764 13.5882L12.3997 13.4114L12.2229 13.5882L12.3997 13.7649L12.5764 13.5882ZM18.201 18.1967L18.0242 18.0199L18.201 18.1967ZM18.201 17.1808L18.3808 17.007L18.3778 17.004L18.201 17.1808ZM13.5924 12.5723L13.7692 12.3955L13.5924 12.2187L13.4156 12.3955L13.5924 12.5723ZM0.75 8.03746C0.75 12.0544 4.02054 15.3249 8.03761 15.3249V14.8249C4.29668 14.8249 1.25 11.7783 1.25 8.03746H0.75ZM8.03761 0.75C4.02054 0.75 0.75 4.02047 0.75 8.03746H1.25C1.25 4.29662 4.29668 1.25 8.03761 1.25V0.75ZM15.3252 8.03746C15.3252 4.02047 12.0547 0.75 8.03761 0.75V1.25C11.7785 1.25 14.8252 4.29662 14.8252 8.03746H15.3252ZM14.0588 12.1375C14.8575 10.9686 15.3252 9.55612 15.3252 8.03746H14.8252C14.8252 9.45195 14.3899 10.7667 13.646 11.8554L14.0588 12.1375ZM18.7934 16.5838L14.0292 11.8197L13.6756 12.1733L18.4398 16.9373L18.7934 16.5838ZM19.2499 17.6887C19.2499 17.2722 19.0902 16.8806 18.7934 16.5838L18.4398 16.9373C18.6418 17.1393 18.7499 17.4033 18.7499 17.6887H19.2499ZM18.795 18.792C19.0842 18.4974 19.2499 18.1072 19.2499 17.6887H18.7499C18.7499 17.9721 18.6385 18.2377 18.4382 18.4418L18.795 18.792ZM17.6884 19.2502C18.1049 19.2502 18.4966 19.0905 18.7934 18.7937L18.4398 18.4401C18.2379 18.6421 17.9738 18.7502 17.6884 18.7502V19.2502ZM16.5851 18.7953C16.8797 19.0845 17.2699 19.2502 17.6884 19.2502V18.7502C17.405 18.7502 17.1394 18.6388 16.9353 18.4385L16.5851 18.7953ZM11.8191 14.0295L16.5835 18.7937L16.937 18.4401L12.1727 13.6759L11.8191 14.0295ZM8.03761 15.3249C9.55593 15.3249 10.9681 14.8574 12.1369 14.0591L11.8549 13.6462C10.7663 14.3898 9.4518 14.8249 8.03761 14.8249V15.3249ZM1.8457 8.03746C1.8457 4.62448 4.62454 1.84569 8.03761 1.84569V1.34569C4.34841 1.34569 1.3457 4.34833 1.3457 8.03746H1.8457ZM8.03761 14.2292C4.62454 14.2292 1.8457 11.4504 1.8457 8.03746H1.3457C1.3457 11.7266 4.34841 14.7292 8.03761 14.7292V14.2292ZM14.2295 8.03746C14.2295 11.4504 11.4507 14.2292 8.03761 14.2292V14.7292C11.7268 14.7292 14.7295 11.7266 14.7295 8.03746H14.2295ZM8.03761 1.84569C11.4507 1.84569 14.2295 4.62448 14.2295 8.03746H14.7295C14.7295 4.34833 11.7268 1.34569 8.03761 1.34569V1.84569ZM17.3618 18.0199L12.7532 13.4114L12.3997 13.7649L17.0083 18.3735L17.3618 18.0199ZM18.0242 18.0199C17.8494 18.1947 17.5367 18.1947 17.3618 18.0199L17.0083 18.3735C17.3784 18.7435 18.0077 18.7435 18.3778 18.3735L18.0242 18.0199ZM18.1588 17.6887C18.1588 17.8179 18.1102 17.9339 18.0242 18.0199L18.3778 18.3735C18.5596 18.1916 18.6588 17.9475 18.6588 17.6887H18.1588ZM18.0212 17.3545C18.1118 17.4482 18.1588 17.562 18.1588 17.6887H18.6588C18.6588 17.4276 18.558 17.1904 18.3807 17.007L18.0212 17.3545ZM13.4156 12.749L18.0242 17.3576L18.3778 17.004L13.7692 12.3955L13.4156 12.749ZM12.7532 13.7649L13.7692 12.749L13.4156 12.3955L12.3997 13.4114L12.7532 13.7649ZM3.71902 8.08275C3.69339 8.08275 3.67348 8.06331 3.67348 8.03721H3.17348C3.17348 8.33435 3.41217 8.58275 3.71902 8.58275V8.08275ZM3.76456 8.03721C3.76456 8.06283 3.74513 8.08275 3.71902 8.08275V8.58275C4.01616 8.58275 4.26456 8.34407 4.26456 8.03721H3.76456ZM8.03671 3.76515C5.68208 3.76515 3.76456 5.68261 3.76456 8.03721H4.26456C4.26456 5.95876 5.95821 4.26515 8.03671 4.26515V3.76515ZM8.08226 3.71961C8.08226 3.73013 8.07801 3.74151 8.06832 3.75121C8.05862 3.7609 8.04723 3.76515 8.03671 3.76515V4.26515C8.3364 4.26515 8.58226 4.01931 8.58226 3.71961H8.08226ZM8.03671 3.67407C8.06235 3.67407 8.08226 3.69351 8.08226 3.71961H8.58226C8.58226 3.42247 8.34356 3.17407 8.03671 3.17407V3.67407ZM3.67348 8.03721C3.67348 5.6309 5.63034 3.67407 8.03671 3.67407V3.17407C5.35421 3.17407 3.17348 5.35475 3.17348 8.03721H3.67348Z' fill='%23FFFFFF'/></svg>");
            margin-right: 10px
        }

.accordion-bar-wrapper {
    width: 100%;
    height: 38px;
    position: relative
}

    .accordion-bar-wrapper .accordion-btn {
        position: absolute;
        top: -50%;
        left: 50%;
        transform: translate(-50%,25%);
        width: 100px;
        height: 38px;
        overflow: hidden
    }

@media (max-width:1280px) {
    .accordion-bar-wrapper .accordion-btn {
        top: 0;
        left: 50%;
        transform: translate(-50%, -25%)
    }
}

.accordion-bar-wrapper .accordion-btn .deco-semicircle {
    width: 104px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer
}

    .accordion-bar-wrapper .accordion-btn .deco-semicircle::before {
        content: "";
        width: 36px;
        height: 17px;
        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="%23F5A200" stroke-width="2" /></svg>');
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translate(-50%,25%)
    }

    .accordion-bar-wrapper .accordion-btn .deco-semicircle .deco-text {
        display: none
    }

.accordion-bar-wrapper .accordion-btn.collapse {
    rotate: 180deg;
    top: 50%;
    left: 50%;
    transform: translate(50%,50%)
}

@media (max-width:1280px) {
    .accordion-bar-wrapper .accordion-btn.collapse {
        top: 50%;
        left: 50%;
        transform: translate(50%,50%)
    }
}

.accordion-bar-wrapper .accordion-btn.collapse .deco-semicircle {
    outline: 2px solid #dae2ec
}

    .accordion-bar-wrapper .accordion-btn.collapse .deco-semicircle::before {
        rotate: 180deg;
        content: "";
        top: 35%;
        left: 50%;
        transform: translate(45%,50%);
        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>');
        width: 18px
    }

    .accordion-bar-wrapper .accordion-btn.collapse .deco-semicircle .deco-text {
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: .3;
        color: #5b5955;
        rotate: 180deg;
        position: absolute;
        top: 50%;
        left: 25%;
        transform: translate(-10%, 0)
    }

.accordion-bar-wrapper .accordion-bar {
    width: 100%;
    height: 28px;
    background-color: #9eb8d7
}

.adv-search-result {
    width: 100%;
    margin: 48px 0 120px
}

    .adv-search-result .result-texts {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        align-items: center
    }

        .adv-search-result .result-texts .result-text {
            color: #28476c;
            font-weight: 600;
            display: inline-block;
            vertical-align: middle
        }

        .adv-search-result .result-texts .total-counts {
            font-size: 24px;
            font-weight: 500;
            color: #f5a200;
            padding: 0 12px
        }

    .adv-search-result .report-items {
        width: 100%
    }

@media (max-width:1280px) {
    .adv-search-result {
        margin: 48px 0 24px
    }
}

.drop-down-wrapper {
    position: relative
}

.drop-down-btn {
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .drop-down-btn:after {
        content: "";
        width: 14px;
        height: 9px;
        background-size: contain;
        transition: all ease-in .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>');
        margin-left: 18px
    }

    .drop-down-btn.is-active:after {
        transform: rotate(180deg);
        transition: all ease-in .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="%23F5A200" stroke-width="2"/></svg>')
    }

.drop-down-list {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    display: none;
    z-index: 1
}

    .drop-down-list.is-active {
        display: block
    }

.date-wrapper {
    position: relative
}

.date-container {
    width: fit-content;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    color: #fff;
    position: absolute;
    z-index: 2
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #28476c;
    padding: 12px 4px;
    box-sizing: border-box;
    font-size: 18px
}

    .calendar-header .btn-month {
        width: 16px;
        height: 18px;
        padding: 0 20px;
        box-sizing: border-box;
        background-color: #28476c;
        color: #dae2ec;
        border: none;
        outline: 0
    }

        .calendar-header .btn-month#prev-month {
            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="%23DAE2EC" stroke-width="2"/></svg>')
        }

        .calendar-header .btn-month#next-month {
            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="%23DAE2EC" stroke-width="2"/></svg>')
        }

        .calendar-header .btn-month:hover {
            color: #f5a200
        }

            .calendar-header .btn-month:hover#prev-month {
                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>')
            }

            .calendar-header .btn-month:hover#next-month {
                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>')
            }

    .calendar-header a:focus {
        outline: 0
    }

    .calendar-header .selected-option {
        padding: 8px 12px;
        border-radius: 4px;
        transition: all .2s ease
    }

        .calendar-header .selected-option:hover {
            background-color: #203c5f;
            transition: all .2s ease
        }

        .calendar-header .selected-option::after {
            content: "";
            width: 12px;
            height: 12px;
            margin-left: 8px;
            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="%23ffffff" stroke-width="2"/></svg>');
            opacity: .5;
            transition: all ease .2s
        }

    .calendar-header .select-set {
        background-color: #28476c;
        border: 0;
        cursor: pointer;
        position: relative
    }

        .calendar-header .select-set .option-list {
            position: absolute;
            top: 100%;
            margin-top: 2px;
            left: 50%;
            transform: translateX(-50%);
            display: none;
            background-color: #fff;
            box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
            width: fit-content;
            min-width: 90px;
            max-height: 180px;
            overflow-y: scroll;
            margin-bottom: 0;
            border-radius: 6px
        }

            .calendar-header .select-set .option-list::-webkit-scrollbar {
                width: 5px
            }

            .calendar-header .select-set .option-list::-webkit-scrollbar-track {
                border-radius: 4px
            }

            .calendar-header .select-set .option-list::-webkit-scrollbar-thumb {
                background-color: #eaeaea;
                border-radius: 4px
            }

        .calendar-header .select-set.select-month {
            margin-right: 8px;
            border-radius: 2px
        }

        .calendar-header .select-set.active .option-list {
            display: block
        }

            .calendar-header .select-set.active .option-list li {
                font-size: 14px;
                color: #222;
                padding: 8px 16px
            }

                .calendar-header .select-set.active .option-list li:hover {
                    background-color: #dae2ec
                }

        .calendar-header .select-set.active .selected-option {
            background-color: #203c5f;
            outline: 1px solid #54739a;
            transition: all .2s ease
        }

            .calendar-header .select-set.active .selected-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>');
                opacity: 1;
                transform-origin: center;
                transform: rotate(180deg);
                transition: all ease .2s
            }

    .calendar-header .current-month {
        display: flex;
        align-items: center
    }

.calendar-days {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    text-align: center;
    margin-top: 10px;
    color: #28476c;
    padding: 0 16px;
    color: #6997cc
}

.calendar-dates {
    display: grid;
    grid-template: repeat(5,1fr)/repeat(7,1fr);
    box-sizing: border-box;
    padding: 12px 16px
}

.calendar-date {
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin: 2px;
    color: #222;
    text-align: center;
    line-height: 40px
}

@media (max-width:640px) {
    .calendar-date {
        width: 26px;
        height: 26px;
        line-height: 26px
    }
}

.calendar-date.empty {
    cursor: auto
}

    .calendar-date.empty:hover {
        background-color: unset
    }

.calendar-date.selected, .calendar-date:hover {
    background-color: #28476c;
    color: #fff;
    border-radius: 50%
}

.calendar-date:hover {
    background-color: #adc6e3
}

@media only screen and (max-width:640px) {
    .login .left-side .suggestion-form {
        margin: unset
    }
}

.grid-member .adjust-list-item {
    min-width: 133px
}

.grid-member .gird-title-nowrap {
    white-space: nowrap
}

.grid-member .box-head {
    min-width: 77px
}

.wrap[data-page=member-page] .left-side .scroll-box > ul > li.selected > a {
    background-color: #dae2ec !important
}

.left-side .scroll-box > ul {
    border-bottom: 2px solid #eaeaea;
    padding-left: 0;
    padding-bottom: 16px
}

.left-side .left-menu-btn {
    font-size: 18px;
    font-weight: 500;
    text-align: center
}

@media (max-width:1024px) {
    .left-side .left-menu-btn {
        margin-bottom: 16px
    }
}

.left-side .left-menu-btn::after {
    content: "";
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    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='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M17 23V20H14V18H17V15H19V18H22V20H19V23H17ZM8 17C8.28333 17 8.521 16.904 8.713 16.712C8.905 16.52 9.00067 16.2827 9 16C8.99933 15.7173 8.90333 15.48 8.712 15.288C8.52067 15.096 8.28333 15 8 15C7.71667 15 7.47933 15.096 7.288 15.288C7.09667 15.48 7.00067 15.7173 7 16C6.99933 16.2827 7.09533 16.5203 7.288 16.713C7.48067 16.9057 7.718 17.0013 8 17ZM8 13C8.28333 13 8.521 12.904 8.713 12.712C8.905 12.52 9.00067 12.2827 9 12C8.99933 11.7173 8.90333 11.48 8.712 11.288C8.52067 11.096 8.28333 11 8 11C7.71667 11 7.47933 11.096 7.288 11.288C7.09667 11.48 7.00067 11.7173 7 12C6.99933 12.2827 7.09533 12.5203 7.288 12.713C7.48067 12.9057 7.718 13.0013 8 13ZM8 9C8.28333 9 8.521 8.904 8.713 8.712C8.905 8.52 9.00067 8.28267 9 8C8.99933 7.71733 8.90333 7.48 8.712 7.288C8.52067 7.096 8.28333 7 8 7C7.71667 7 7.47933 7.096 7.288 7.288C7.09667 7.48 7.00067 7.71733 7 8C6.99933 8.28267 7.09533 8.52033 7.288 8.713C7.48067 8.90567 7.718 9.00133 8 9ZM11 13H17V11H11V13ZM11 9H17V7H11V9ZM5 21C4.45 21 3.97933 20.8043 3.588 20.413C3.19667 20.0217 3.00067 19.5507 3 19V5C3 4.45 3.196 3.97933 3.588 3.588C3.98 3.19667 4.45067 3.00067 5 3H19C19.55 3 20.021 3.196 20.413 3.588C20.805 3.98 21.0007 4.45067 21 5V13.825C20.55 13.5583 20.071 13.3583 19.563 13.225C19.055 13.0917 18.534 13.025 18 13.025C17.1167 13.025 16.2917 13.2 15.525 13.55C14.7583 13.9 14.1 14.3833 13.55 15H11V17H12.35C12.2333 17.3167 12.146 17.6417 12.088 17.975C12.03 18.3083 12.0007 18.65 12 19C12 19.3333 12.025 19.6667 12.075 20C12.125 20.3333 12.2083 20.6667 12.325 21H5Z' fill='%23ffffff'/></svg>")
}

.custom-booklist-header {
    display: none;
    margin-bottom: .5rem
}

    .custom-booklist-header.visible {
        display: flex;
        align-items: center;
        border-radius: 5px 5px 0 0;
        width: fit-content
    }

#booklistTitle {
    font-weight: 600;
    font-size: 1.25rem;
    margin-right: 1rem;
    box-sizing: border-box;
    padding: 8px 16px
}

.custom-booklist-tools {
    display: flex;
    gap: .8rem
}

.custom-booklist-tool {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
    padding: 2px
}

    .custom-booklist-tool[data-tool-icon=edit] {
        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='M18.988 2.01196L21.988 5.01196L19.701 7.29996L16.701 4.29996L18.988 2.01196ZM8 16H11L18.287 8.71296L15.287 5.71296L8 13V16Z' fill='%2328476C'/><path d='M19 19H8.158C8.132 19 8.105 19.01 8.079 19.01C8.046 19.01 8.013 19.001 7.979 19H5V5H11.847L13.847 3H5C3.897 3 3 3.896 3 5V19C3 20.104 3.897 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V10.332L19 12.332V19Z' fill='%2328476C'/></svg>")
    }

    .custom-booklist-tool[data-tool-icon=delete] {
        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='%2328476C'/></svg>")
    }

    .custom-booklist-tool[data-tool-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='M2.25 12C2.25 6.615 6.615 2.25 12 2.25C17.385 2.25 21.75 6.615 21.75 12C21.75 17.385 17.385 21.75 12 21.75C6.615 21.75 2.25 17.385 2.25 12ZM12 7.75C11.8011 7.75 11.6103 7.82902 11.4697 7.96967C11.329 8.11032 11.25 8.30109 11.25 8.5V11.25H8.5C8.30109 11.25 8.11032 11.329 7.96967 11.4697C7.82902 11.6103 7.75 11.8011 7.75 12C7.75 12.1989 7.82902 12.3897 7.96967 12.5303C8.11032 12.671 8.30109 12.75 8.5 12.75H11.25V15.5C11.25 15.6989 11.329 15.8897 11.4697 16.0303C11.6103 16.171 11.8011 16.25 12 16.25C12.1989 16.25 12.3897 16.171 12.5303 16.0303C12.671 15.8897 12.75 15.6989 12.75 15.5V12.75H15.5C15.6989 12.75 15.8897 12.671 16.0303 12.5303C16.171 12.3897 16.25 12.1989 16.25 12C16.25 11.8011 16.171 11.6103 16.0303 11.4697C15.8897 11.329 15.6989 11.25 15.5 11.25H12.75V8.5C12.75 8.30109 12.671 8.11032 12.5303 7.96967C12.3897 7.82902 12.1989 7.75 12 7.75Z' fill='%2328476C'/></svg>")
    }

    .custom-booklist-tool:hover[data-tool-icon=edit] {
        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='M18.988 2.01196L21.988 5.01196L19.701 7.29996L16.701 4.29996L18.988 2.01196ZM8 16H11L18.287 8.71296L15.287 5.71296L8 13V16Z' fill='%2328476C'/><path d='M19 19H8.158C8.132 19 8.105 19.01 8.079 19.01C8.046 19.01 8.013 19.001 7.979 19H5V5H11.847L13.847 3H5C3.897 3 3 3.896 3 5V19C3 20.104 3.897 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V10.332L19 12.332V19Z' fill='%23234D719C'/></svg>")
    }

    .custom-booklist-tool:hover[data-tool-icon=delete] {
        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='%23234D719C'/></svg>")
    }

    .custom-booklist-tool:hover[data-tool-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='M2.25 12C2.25 6.615 6.615 2.25 12 2.25C17.385 2.25 21.75 6.615 21.75 12C21.75 17.385 17.385 21.75 12 21.75C6.615 21.75 2.25 17.385 2.25 12ZM12 7.75C11.8011 7.75 11.6103 7.82902 11.4697 7.96967C11.329 8.11032 11.25 8.30109 11.25 8.5V11.25H8.5C8.30109 11.25 8.11032 11.329 7.96967 11.4697C7.82902 11.6103 7.75 11.8011 7.75 12C7.75 12.1989 7.82902 12.3897 7.96967 12.5303C8.11032 12.671 8.30109 12.75 8.5 12.75H11.25V15.5C11.25 15.6989 11.329 15.8897 11.4697 16.0303C11.6103 16.171 11.8011 16.25 12 16.25C12.1989 16.25 12.3897 16.171 12.5303 16.0303C12.671 15.8897 12.75 15.6989 12.75 15.5V12.75H15.5C15.6989 12.75 15.8897 12.671 16.0303 12.5303C16.171 12.3897 16.25 12.1989 16.25 12C16.25 11.8011 16.171 11.6103 16.0303 11.4697C15.8897 11.329 15.6989 11.25 15.5 11.25H12.75V8.5C12.75 8.30109 12.671 8.11032 12.5303 7.96967C12.3897 7.82902 12.1989 7.75 12 7.75Z' fill='%23234D719C'/></svg>")
    }

.bookstore-header {
    background-color: #28476c;
    box-sizing: border-box;
    padding: 24px;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700
}

.booklist-wrapper {
    box-sizing: border-box;
    padding: 16px 24px
}

@media (max-width:640px) {
    .booklist-wrapper {
        padding: 16px
    }
}

.booklist-tabs {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid #dae2ec
}

@media (max-width:800px) {
    .booklist-tabs {
        justify-content: center;
        border-bottom: 0
    }
}

.booklist-tab {
    padding: 8px 12px;
    border-radius: 6px 6px 0 0;
    cursor: pointer;
    user-select: none
}

    .booklist-tab.active {
        background-color: #28476c;
        color: #fff
    }

.grid-wrapper[data-grid-type=add-booklist] {
    padding: 24px 0;
    margin-bottom: 16px
}

    .grid-wrapper[data-grid-type=add-booklist] .grid-row {
        display: grid;
        grid-template-columns: .5fr .75fr 1fr 1fr 2.5fr 1fr;
        background-color: #eef1f5
    }

        .grid-wrapper[data-grid-type=add-booklist] .grid-row:nth-child(odd) {
            background-color: rgba(205,215,229, .5)
        }

        .grid-wrapper[data-grid-type=add-booklist] .grid-row.grid-title-row {
            background-color: #28476c;
            color: #fff;
            font-weight: 700
        }

@media (max-width:640px) {
    .grid-wrapper[data-grid-type=add-booklist] .grid-row {
        grid-template-columns: 40px .75fr 1fr 1fr 2.5fr .5fr
    }

        .grid-wrapper[data-grid-type=add-booklist] .grid-row .grid-title-box {
            font-size: 16px
        }
}

.grid-wrapper[data-grid-type=add-booklist] .grid-title-box.time-stamp {
    min-width: 78px
}

.grid-wrapper[data-grid-type=add-booklist] .grid-box {
    box-sizing: border-box;
    padding: 6px 12px;
    outline: 1px solid #dae2ec;
    text-align: center;
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal
}

    .grid-wrapper[data-grid-type=add-booklist] .grid-box.time-stamp {
        font-size: 14px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        white-space: normal
    }

@media (max-width:640px) {
    .grid-wrapper[data-grid-type=add-booklist] .grid-box {
        padding: 6px 8px
    }
}

.grid-wrapper[data-grid-type=add-booklist] .checkbox input[type=checkbox] + span {
    width: 22px;
    height: 22px;
    cursor: pointer;
    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>")
}

.grid-wrapper[data-grid-type=add-booklist] .checkbox input[type=checkbox]:checked + span {
    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>")
}

.frame-outer[data-page=bookstore-colorbox] .btn-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 12px
}

    .frame-outer[data-page=bookstore-colorbox] .btn-wrapper .btn, .frame-outer[data-page=bookstore-colorbox] .btn-wrapper .btn-outerline, .frame-outer[data-page=bookstore-colorbox] .btn-wrapper .btn-primary, .frame-outer[data-page=bookstore-colorbox] .btn-wrapper .btn-second, .frame-outer[data-page=bookstore-colorbox] .btn-wrapper .btn-sm {
        padding: .8em 2em .75em;
        cursor: pointer
    }

.wrap[data-page=member-page] .left-side.pager .scroll-box .book-type-dropdown {
    margin-bottom: 8px
}

@media (max-width:640px) {
    .wrap[data-page=member-page] .left-side.pager .scroll-box .book-type-dropdown {
        margin-bottom: 4px
    }
}

.wrap[data-page=member-page] .left-side.pager .scroll-box .book-type-dropdown .book-type-wrapper {
    margin-bottom: 0;
    padding: 0;
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    height: 0
}

    .wrap[data-page=member-page] .left-side.pager .scroll-box .book-type-dropdown .book-type-wrapper > li.selected a {
        background-color: #dae2ec
    }

    .wrap[data-page=member-page] .left-side.pager .scroll-box .book-type-dropdown .book-type-wrapper > li > a {
        padding: 8px 10px 8px 24px
    }

        .wrap[data-page=member-page] .left-side.pager .scroll-box .book-type-dropdown .book-type-wrapper > li > a:hover {
            background-color: #dae2ec
        }

.wrap[data-page=member-page] .left-side.pager .scroll-box .selected-book-type {
    padding: 16px 20px;
    box-sizing: border-box;
    border-radius: 6px;
    background-color: #fff;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    cursor: pointer
}

@media (max-width:640px) {
    .wrap[data-page=member-page] .left-side.pager .scroll-box .selected-book-type {
        padding: 8px 10px;
        font-size: 16px
    }
}

.wrap[data-page=member-page] .left-side.pager .scroll-box .selected-book-type::after {
    content: "";
    width: 16px;
    height: 16px;
    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: auto
}

.wrap[data-page=member-page] .left-side.pager .scroll-box .selected-book-type:hover {
    background-color: #dae2ec
}

.wrap[data-page=member-page] .left-side.pager .scroll-box .book-type-dropdown.active .book-type-wrapper {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    box-sizing: border-box;
    gap: 0;
    max-height: initial;
    visibility: visible;
    opacity: 1;
    width: 100%;
    height: auto;
    transition: all .3s ease-in;
    padding: 10px 0 12px
}

    .wrap[data-page=member-page] .left-side.pager .scroll-box .book-type-dropdown.active .book-type-wrapper > li a {
        font-size: 16px
    }

@media (max-width:640px) {
    .wrap[data-page=member-page] .left-side.pager .scroll-box .book-type-dropdown.active .book-type-wrapper > li a {
        font-size: 15px
    }
}

.wrap[data-page=member-page] .left-side.pager .scroll-box .book-type-dropdown.active .book-type-wrapper > li.parent > a {
    display: flex;
    align-items: center
}

    .wrap[data-page=member-page] .left-side.pager .scroll-box .book-type-dropdown.active .book-type-wrapper > li.parent > a::after {
        content: "";
        width: 12px;
        height: 12px;
        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="%23838383" stroke-width="2"/></svg>');
        margin-left: auto
    }

.wrap[data-page=member-page] .left-side.pager .scroll-box .book-type-dropdown.active .book-type-wrapper > li.parent.open > ul {
    background-color: #fff;
    border-left: 1px solid #eaeaea;
    padding: 0;
    box-sizing: border-box
}

    .wrap[data-page=member-page] .left-side.pager .scroll-box .book-type-dropdown.active .book-type-wrapper > li.parent.open > ul a {
        font-size: 15px;
        border-radius: 0;
        padding-left: 24px
    }

        .wrap[data-page=member-page] .left-side.pager .scroll-box .book-type-dropdown.active .book-type-wrapper > li.parent.open > ul a:hover {
            background-color: #eef1f5
        }

.wrap[data-page=member-page] .left-side.pager .scroll-box .book-type-dropdown.active .book-type-wrapper > li.parent.open > a::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="%23F5A200" stroke-width="2"/></svg>');
    transform-origin: center;
    transform: rotate(180deg)
}

.wrap[data-page=member-page] .left-side.pager .scroll-box .book-type-dropdown.active .book-type-wrapper > li.parent.open > a, .wrap[data-page=member-page] .left-side.pager .scroll-box .book-type-dropdown.active .book-type-wrapper > li.parent.selected > a {
    background-color: #dae2ec
}

.wrap[data-page=member-page] .left-side.pager .scroll-box .book-type-dropdown.active .selected-book-type {
    background-color: #dae2ec
}

    .wrap[data-page=member-page] .left-side.pager .scroll-box .book-type-dropdown.active .selected-book-type::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="%23F5A200" stroke-width="2"/></svg>');
        transform-origin: center;
        transform: rotate(180deg)
    }

.wrap[data-page=member-page] .left-side.pager .scroll-box > ul {
    gap: 8px
}

@media (max-width:640px) {
    .wrap[data-page=member-page] .left-side.pager .scroll-box > ul {
        gap: 4px
    }
}

.wrap[data-page=member-page] .left-side.pager .scroll-box > ul > li a {
    font-size: 18px
}

@media (max-width:640px) {
    .wrap[data-page=member-page] .left-side.pager .scroll-box > ul > li a {
        padding: 6px 12px;
        font-size: 16px
    }
}

.wrap[data-page=member-page] h1.main-title {
    font-weight: 700;
    font-size: 32px;
    color: #1b1b1b
}

.wrap[data-page=member-page] h2 {
    font-size: 20px;
    font-weight: 700
}

.wrap[data-page=member-page] h3 {
    font-size: 18px;
    font-weight: 600
}

.wrap[data-page=member-page] .account-box {
    border-radius: 5px
}

@media (max-width:640px) {
    .wrap[data-page=member-page] .account-box {
        padding: 24px 12px !important
    }
}

.wrap[data-page=member-page] .account-box ul {
    padding: .5rem 2rem;
    margin-bottom: 0
}

@media (max-width:640px) {
    .wrap[data-page=member-page] .account-box ul {
        padding: 0
    }
}

.wrap[data-page=member-page] .account-box ul li {
    line-height: 1.8;
    font-size: 15px;
    margin-bottom: 4px
}

.wrap[data-page=member-page] .pay-box ol, .wrap[data-page=member-page] .pay-box ul {
    padding-left: .5rem
}

    .wrap[data-page=member-page] .pay-box ol li, .wrap[data-page=member-page] .pay-box ul li {
        line-height: 1.7;
        color: #333
    }

    .wrap[data-page=member-page] .pay-box ol li {
        list-style-type: decimal;
        list-style-position: inside
    }

    .wrap[data-page=member-page] .pay-box ul li {
        list-style-type: disc;
        list-style-position: inside
    }

.wrap[data-page=member-page] .pay-box-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #1b1b1b
}

.wrap[data-page=member-page] .accent {
    color: #f5a200
}

.wrap[data-page=member-page] .sub-title {
    color: #28476c
}

.wrap[data-page=member-page] .thank-box {
    gap: 25px;
    border-radius: 5px
}

.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 td[data-th=購買時間] {
            font-size: 14px;
            color: #838383
        }

    .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 .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
        }

[data-page="404"], [data-page="500"] {
    background: url(../images/post-inner/post_inner_bg.svg), #f6f7f8;
    background-repeat: no-repeat;
    background-position: top right,center;
    background-size: 45vw auto,cover;
    padding: 80px 0 40px;
    min-height: 100vh
}

.error-content-wrapper {
    width: 100%;
    margin: 36px auto 72px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

    .error-content-wrapper h1, .error-content-wrapper h2 {
        font-weight: 700
    }

    .error-content-wrapper h1 {
        font-size: 1.25rem;
        color: #28476c
    }

    .error-content-wrapper h2 {
        font-size: 1.05rem;
        margin-bottom: 24px
    }

.error-page-icon {
    display: flex;
    flex-direction: column;
    align-items: center
}

    .error-page-icon .imgbox {
        width: fit-content;
        margin-bottom: 12px;
        text-align: center
    }

        .error-page-icon .imgbox img {
            width: 75%;
            max-width: 320px;
            height: 100%;
            display: inline-block;
            object-fit: cover;
            object-position: center
        }

    .error-page-icon h1 {
        width: 60%;
        min-width: 320px;
        box-sizing: border-box;
        padding: 0;
        margin: 16px auto
    }

.error-content-text {
    width: 60%;
    min-width: 320px;
    margin: 0 auto
}

    .error-content-text ol {
        margin-bottom: 38px;
        padding-left: 0;
        list-style-position: inside
    }

        .error-content-text ol li {
            list-style-position: inside;
            line-height: 1.6
        }

.error-contact-info {
    font-size: 1rem
}

    .error-contact-info .support-mail {
        color: #28476c;
        margin-top: 18px
    }

@media (min-width:801px) {
    .error-content-wrapper {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 840px;
        gap: 5%;
        margin: 160px auto 72px
    }

        .error-content-wrapper h1 {
            font-size: 1.5rem
        }

        .error-content-wrapper h2 {
            font-size: 1.25rem
        }

    .error-page-icon .imgbox img {
        width: 100%
    }

    .error-page-icon h1 {
        width: 100%;
        margin: 0;
        padding: 6px 20px
    }

    .error-content-text {
        width: 100%;
        margin: 0
    }

    .error-contact-info {
        font-size: 1.125rem
    }
}

.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: 160vw
    }
}

.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
    }

.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: 52%;
        top: unset;
        bottom: 0
    }
}

.activity-banner .banner-title p {
    margin-top: 6px
}

.activity-banner .deco-svg {
    width: 100%;
    height: 100%
}

@media (max-width:800px) {
    .activity-banner .deco-svg {
        width: 52vh;
        height: 100vw;
        transform: scaleX(-1) rotate(-90deg)
    }
}

.activity-section .act-section-title {
    font-size: 28px;
    margin-bottom: 8px
}

.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
    }

        .activity-card-row .swiper-nav-btns .swiper-nav-btn {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background-color: #fff;
            box-shadow: 0 4px 4px rgba(0, 0, 0, .2);
            cursor: pointer;
            position: relative
        }

            .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.btn-prev {
                transform: translateX(-50%)
            }

                .activity-card-row .swiper-nav-btns .swiper-nav-btn.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.btn-next {
                transform: translateX(50%)
            }

                .activity-card-row .swiper-nav-btns .swiper-nav-btn.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
}

.act-card-outer {
    box-sizing: border-box;
    padding: 0 9px;
    display: flex;
    flex-direction: column;
    height: auto
}

.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
}

    .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
    }

    .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: 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='%233DA8B2'/></svg>")
            }