:root {
        --main-color: #FFAC6C;
        --main-color2: #FE8F7F;
        --main-color3: #FE9280;
        --gray: #808080;
        --gray2: #4d4d4d;
        --green: #26C781;
        --geeen-hover: #1C9460;
        --secondary-green: #A7DF9A;
    }

    html{
        scroll-behavior: smooth;
        /*  捲動間距  */
        scroll-padding-top: 134px;
    }

    @media screen and (max-width: 768px) {
        .container {
            padding-left: 30px;
            padding-right: 30px;
        }
    }

    .article-block {
        word-break: break-word;
    }

    a, a:link {
        color: #000;
    }

    a:hover {
        color: var(--green);
    }

    .ratio-1x1 {
        aspect-ratio: 1 / 1;
    }

    @font-face {
        font-family: "gilbert";
        src: url("/assets/font/Gilbert-Bold.otf");
    }

    body {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", Arial, sans-serif;
    }

    .object-contain {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .cover-fit {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .button {
        white-space: nowrap;
        font-size: 14px;
        font-weight: 500;
        display: inline-block;
        padding: 10px 30px;
        background: #000;
        border-radius: 30px;
        color: #fff;
        text-decoration: none;
        border: 1px solid #5A5858;
        transition: .4s;
        cursor: pointer;
    }

    a.button.button-sm {
        padding: 5px 12px;
        font-size: 12px;
    }

    a.button, a.button:link {
        color: #fff;
    }

    a.button:hover {
        background: #fff;
        color: #000;
    }

    .back-btn {
        position: absolute;
        right: 20px;
        bottom: 20px;
        display: none;
        z-index: 999;
    }

    .green-btn {
        background: var(--green);
        padding: 10px 22px;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        text-decoration: none;
    }

    .green-btn:hover {
        color: #fff;
        background: var(--geeen-hover);
    }

    .main-header-top {
        height: 134px;
        background: var(--main-color);
    }

    .home-menu .main-menu > li > a {
        color: #fff;
    }

    .home-menu.page-down .main-menu > li a {
        color: #000;
    }
    .home-menu{
        .menu-search{
            color: #fff;
        }
        &.page-down{
            .menu-search, .lang a{
                color: #000;
            }
         }
    }

    .home-kv {
        height: 100vh;
        background: linear-gradient(to bottom, var(--main-color), var(--main-color2));
    }

    .menu {
        top: 32px;
        right: 0;
        width: 53px;
        height: 53px;
        z-index: 1000;
        cursor: pointer;
    }

    .menu.active + .lang a {
        color: #000;
    }

    .menu-right{
        top: 32px;
        right: 80px;
    }
    .menu-search{
        width: 30px;
        height: 30px;
        color: #000;
    }

    .lang {
        font-size: 35px;
        color: #fff;
        font-family: 'gilbert';
        margin-left: .8rem;
        text-decoration: none;
    }

    .lang a {
        text-decoration: none;
    }

    .page-content {
        margin-top: 134px;
    }

    .inside-page .toggle-lang {
        color: #000;
    }

    .inside-page .lang a {
        color: #000;
    }

    .inside-page .bar {
        background: #000;
    }

    .active .lang {
        display: none;
    }

    .lang:hover {
        color: var(--gray2);
    }

    .active .menu .bar, .menu.active .bar {
        background: #000;
    }

    .lang {
        text-transform: uppercase;
    }

    .lang a {
        color: #fff;
    }

    .switch-lang {
        top: 100%;
        right: 0;
        max-height: 0;
        transition: .4s;
        overflow: hidden;
    }

    .switch-lang.active {
        max-height: 180px;
    }

    .switch-lang a {
        display: block;
        color: var(--green);
        background: rgba(255, 255, 255, .8);
        padding: 5px 25px;
    }

    .switch-lang a:hover {
        background: #fff;
    }

    .bar {
        position: absolute;
        height: 3px;
        width: 53px;
        background: #fff;
        top: 50%;
        transition: .4s;
    }

    .bar:nth-child(1) {
        transform: translateY(-8px);
    }

    .bar:nth-child(2) {
        transform: translateY(8px);
    }

    .active .menu .bar:nth-child(1) {
        transform: translateY(0px) rotate(45deg);
    }

    .active .menu .bar:nth-child(2) {
        transform: translateY(0px) rotate(-45deg);
    }

    .main-header {
        position: fixed;
        width: 100%;
        top: 0;
        transition: .4s;
        z-index: 990;
        padding-block: 20px;
    }

    .main-header.active {
        background: #fff;
    }

    .header-logo {
        height: 72px;
    }

    .site-menu {
        position: fixed;
        z-index: 999;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        pointer-events: none;
        opacity: 0;
        transition: .4s;
    }

    .active .menu-right {
        visibility: hidden;
    }

    .active .site-menu {
        pointer-events: auto;
        opacity: 1;
    }

    .site-menu ul {
        font-weight: 700;
        font-family: 'gilbert';
        font-size: 30px;
    }

    .site-menu ul a {
        display: block;
        padding: 9px 0;
        text-decoration: none;
        color: #000;
    }

    .site-menu ul a:hover {
        color: var(--gray2);
    }

    .main-menu li {
        position: relative;
    }

    .site-menu ul ul.site-menu-submenu {
        font-size: 22px;
        margin-left: 20px;
        line-height: 25px;
        font-family: 'Noto Sans JP', sans-serif;;
    }

    .main-menu a {
        display: block;
        font-family: gilbert;
        text-decoration: none;
        font-size: 18px;
        padding: 20px 20px;
        text-align: center;
        text-transform: uppercase;
    }

    .main-menu li a, .site-menu li a {
    }

    .submenu {
        position: absolute;
        background: #fff;
        transition: .4s;
        opacity: 0;
        pointer-events: none;
        min-width: 260px;
    }

    .main-menu .submenu a {
        text-align: left;
        padding-block: 10px;
        font-size: 16px;
        font-family: gilbert;
    }

    .main-menu li:hover .submenu {
        opacity: 1;
        pointer-events: auto;
    }

    .main-menu li a span {
        display: block;
    }

    .kv-wrapper {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 1613px;
    }

    @media screen and (max-width: 1440px) {
        .kv-wrapper {
            width: 1280px;
            /*--rwd-size: 1280px;*/
        }
    }

    @media screen and (max-width: 992px) {
        .kv-wrapper {
            width: 1024px;
            top: auto;
            bottom: 20px;
            transform: translateX(-50%);
        }
    }

    @media screen and (max-width: 768px) {
        .kv-wrapper {
            width: 800px;
        }
    }

    .kv {
        width: 100%;
    }

    .kv-cat {
        width: 10.8%;
        left: 4%;
        top: calc(62%);
        animation: introCat 2s infinite;
    }

    @keyframes player1Move {
        30% {
            transform: rotate(0deg);
        }
        40% {
            transform: rotate(8deg);
        }
        50% {
            transform: rotate(0deg);
        }
    }

    @keyframes player2Move {
        0% {
            transform: rotate(0deg);
        }
        10% {
            transform: rotate(8deg);
        }
        20% {
            transform: rotate(0deg);
        }
    }

    @keyframes player3Move {
        40% {
            transform: rotate(0deg);
        }
        50% {
            transform: rotate(8deg);
        }
        60% {
            transform: rotate(0deg);
        }
    }

    @keyframes cloudMove {
        0% {
            transform: translateX(0);
        }
        50% {
            transform: translateX(30px);
        }
        100% {
            transform: translateX(0);
        }
    }

    @keyframes ufoMove {
        0% {
            transform: translateY(0);
        }
        100% {
            transform: translateY(-30px);
        }
    }

    @keyframes talkAnimination {
        0% {
            transform: translateY(0);
            opacity: 0;
        }
        30% {
            opacity: 1;
        }
        100% {
            transform: translateY(-10px);
        }
    }

    @keyframes talkAnimination2 {
        0% {
            transform: translateX(0);
            opacity: 0;
        }
        30% {
            opacity: 1;
        }
        100% {
            transform: translateX(-10px);
        }
    }

    .kv-player1 {
        width: 3.78%;
        right: 13.2%;
        top: 53%;
        animation: player1Move 1.8s infinite;
    }

    .kv-player2 {
        width: 2.8%;
        right: 17%;
        top: 53%;
        animation: player2Move 1.8s infinite;
    }

    .kv-player3 {
        width: 5.64%;
        right: 20%;
        top: 53%;
        animation: player3Move 1.8s infinite;
    }

    .kv-lplane {
        width: 4.65%;
        right: 12%;
        top: 43%;
        animation: planeFly 2s infinite;
    }

    .kv-cloud {
        width: 7.873%;
        right: 17%;
        top: 38%;
        animation: cloudMove 5s infinite;
    }

    .kv-ufo {
        width: 2.72%;
        right: 6%;
        top: 25%;
        animation: ufoMove 2.9s infinite;
    }

    .kv-plane {
        width: 8.74%;
        right: 6%;
        top: 33%;
        animation: planeFly 2.9s infinite;
    }

    .kv-walk-animal {
        width: 11.655%;
        right: 11%;
        top: 81%;
        animation: introCat 1.8s infinite;
    }

    .kv-talk-walk {
        width: 6.26%;
        right: 15%;
        top: 75%;
        animation: talkAnimination 1.5s infinite;
    }

    .kv-bird {
        width: 7.873%;
        top: 11%;
        left: 38%;
        animation: birdFly 1s infinite;
    }

    .kv-talk-think {
        width: 6.5%;
        top: 31%;
        left: 65%;
        animation: talkAnimination 1.5s infinite;
    }

    .kv-talk-ball {
        width: 5.21%;
        top: 50%;
        left: 55%;
        animation: talkAnimination 1.5s infinite;
    }

    .kv-talk-middle {
        width: 11.841%;
        top: 22%;
        left: 45%;
        animation: talkAnimination 1.5s infinite;
    }

    .kv-talk-middle-s {
        width: 2.29%;
        top: 33%;
        left: 44.2%;
        animation: talkAnimination2 1.5s infinite;
    }

    .kv-talk-multi {
        width: 8.74%;
        top: 60%;
        left: 30%;
        animation: talkAnimination 1.5s infinite;
    }

    .kv-talk-ss {
        width: 2.851%;
        top: 76%;
        left: 30%;
        animation: talkAnimination 1.5s infinite;
    }

    .kv-talk-bird {
        width: 5.33%;
        top: 7%;
        left: 35%;
        animation: talkAnimination 1.5s infinite;
    }

    .kv-talk-man {
        width: 2.36%;
        top: 15%;
        left: 34%;
        animation: talkAnimination 1.5s infinite;
    }

    .kv-bug {
        width: 2.67%;
        top: 10%;
        left: 64%;
        animation: bookImg1 2s infinite;
    }

    .kv-bug2 {
        width: 6.5%;
        top: 24%;
        left: 26%;
        animation: bugFly 1.7s infinite;
    }

    .kv-flower {
        width: 13.515%;
        top: 7.5%;
        left: 17.8%;
        transform-origin: right bottom;
        animation: flowerMove 3s infinite;
    }

    .kv-flower2 {
        width: 6.94%;
        top: 32%;
        left: 19%;
    }

    .kv-bug3 {
        width: 2.356%;
        top: 42%;
        left: 26%;
        animation: bookImg1 2s infinite;
    }

    @media screen and (max-width: 992px) {
        .kv {

        }
    }

    .people2 {
        bottom: 10vh;
        left: 50%;
    }

    .people3 {
        right: 100px;
    }

    .menu-content {
        height: 80vh;
        overflow: auto;
    }

    .menu-sc-list {
        margin-bottom: 20px;
    }

    .menu-sc-list svg {
        width: 16px;
        height: 16px;
    }

    .menu-sc-list a {
        margin-right: 35px;
    }

    .menu-sc-list a svg {
        color: #000;
    }

    .menu-sc-list a:hover svg {
        color: var(--gray2);
    }

    .menu-copyright {
        color: var(--gray);
        font-size: 14px;
        font-weight: 300;
    }

    .logo {
        max-width: 40%;
        top: 35px;
        z-index: 900;
        transition: .5s;
        transition: .5s;
        left: 20px;
    }

    .logo.sm-logo {
        max-width: 142px;
    }

    @media screen and (max-width: 768px) {
        .logo {
            max-width: 100%;
        }

        /*.kv {*/
        /*    position: absolute;*/
        /*    width: 768px;*/
        /*    bottom: 20px;*/
        /*    left: calc(50% - 300px);*/
        /*}*/
        .menu-content span {
            display: block;
        }

        .people2 {
            left: auto;
            right: 42px;
            bottom: 148px;
            width: 80px;
        }

        .people3 {
            display: none;
        }
    }


    @media screen and (max-width: 576px) {
        .logo {
            width: 234px;
            top: 25px;
        }

        .logo.hide {
            opacity: 0;
            pointer-events: none;
        }

        .menu {
            width: 36px;
            height: 36px;
            top: 32px;
            right: 20px;
            /*transform: scale(.6);*/
        }

        .bar {
            width: 36px;
        }

        .bar:nth-child(1) {
            transform: translateY(-6px);
        }

        .bar:nth-child(2) {
            transform: translateY(6px);
        }

        .lang {
            top: 25px;
            right: 74px;
        }

        .site-menu ul li span {
            display: block;
        }
    }

    header {
        padding: 44px 0 80px;
    }

    @media screen and (max-width: 768px) {
        header {
            padding-bottom: 48px;
        }
    }

    .book-top {
        margin-bottom: 60px;
    }

    .korea-top.book-top {
        margin-bottom: 30px;
    }

    .heart {
        height: 20px;
        width: 20px;
        color: var(--gray);
        cursor: pointer;
        margin-right: 6px;
    }

    .heart:hover, .heart.active {
        color: var(--green);
    }

    .breadcrumb {
        font-size: 20px;
        font-family: "Gill Sans MT", sans-serif;
        margin-bottom: 0px;
    }

    .breadcrumb-item.active {
        color: var(--green);
    }

    .breadcrumb a {
        text-decoration: none;
        color: #333;
    }

    .talk-l {
        top: 100px;
        left: 0;
    }

    .talk-r {
        top: 100px;
        right: 0;
    }

    .page-title {
        font-size: 30px;
        font-family: "gilbert";
        font-weight: 700;
        text-align: center;
        margin-bottom: 85px;
    }

    @media screen and (max-width: 768px) {
        .talk-l, .talk-r {
            display: none;
        }

        .book-top {
            margin-bottom: 43px;
        }

        .page-title {
            margin-bottom: 37px;
        }
    }

    .about-block {
        background: var(--main-color2);
    }

    .arc {
        width: 1440px;
        height: 70px;
        background: #fff;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 50%;
        bottom: -35px;
    }

    .arc.arc-top {
        bottom: auto;
        top: -35px;
    }

    .about-content {
        font-size: 20px;
        color: var(--gray2);
        background: url("/assets/images/room_4.png") center 160px no-repeat;
        overflow: hidden;

    }

    .about-content .container {
        padding: 43px 0 400px;
    }

    .item-elephant {
        bottom: 0;
        left: calc(50% + 200px);
    }

    @media screen and (min-width: 577px) {
        .show-about {
            display: none;
        }
    }

    @media screen and (max-width: 576px) {
        .about-con {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
    }

    .about-content .show-about a {
        transition: .5s;
        display: inline-block;
    }

    .about-content.active .show-about a {
        transform: rotate(45deg);
        /*display: none;*/
    }

    .about-content.active .about-con {
        display: block;
        overflow: visible;
    }

    @keyframes birdFly {
        0% {
            transform: translateY(-10px);
        }
        50% {
            transform: translateY(0px);
        }
        100% {
            transform: translateY(-10px);
        }
    }

    .item-bird {
        left: 20px;
        bottom: 10px;
        animation: birdFly 1s infinite;
    }

    .item-plane {
        top: 200px;
        left: 200px;
        animation: planeFly 1s infinite;
    }

    @media screen and (max-width: 920px) {
        .about-content .container {
            padding-bottom: 600px;
        }

        .about-content {
            background-position: center bottom;
        }

        .item-plane {
            top: 400px;
        }
    }

    @media screen and (max-width: 768px) {
        .arc {
            width: 960px;
        }

        .about-content {
            background-position: center bottom;
            background-size: 100% auto;
        }

        .about-content .container {
            padding-bottom: 350px;
        }

        .item-elephant {
            display: none;
            /*left: auto;*/
            /*right: 10px;*/
            /*width: 81px;*/
        }

        .item-plane {
            width: 104px;
            top: auto;
            left: 46px;
            bottom: 115px;
        }

        .item-bird {
            width: 81px;
            bottom: 104px;
            left: 50%;
        }
    }

    @media screen and (max-width: 576px) {
        .arc {
            width: 640px;
        }
    }

    .audio-comics-block {
        background: var(--main-color3);
        padding: 109px 0 74px;
    }

    .audio-comics-title {
        top: -73px;
        left: calc(50% - 168px);
    }

    @keyframes flowerMove {
        0% {
            transform: rotate(0deg);
        }
        5% {
            transform: rotate(3deg);
        }
        10% {
            transform: rotate(0deg);
        }
    }

    .item-flower {
        right: 0;
        top: -400px;
        transform-origin: right bottom;
        animation: flowerMove 3s infinite;
    }

    .audio-comics-list li .ratio {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #000;
        --bs-aspect-ratio: 56.25%;
    }

    .audio-comics-list li iframe {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        display: none;
        z-index: 10;
    }

    .audio-comics-list li iframe.active {
        display: block;
    }

    .audio-comics-content {
        padding: 40px 40px 40px 0;
        color: #fff;
    }

    .audio-comics-content h2 {
        font-size: 48px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .comic-data {
        font-size: 14px;
        font-weight: 300;
    }

    .comic-data ul {
        margin-bottom: 10px;
    }

    .comic-data p {
        margin-bottom: 22px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .illustration-block {
        padding: 138px 0 151px;
    }

    .img-2021 {
        left: calc(50% - 470px);
        bottom: 151px;
    }

    @keyframes people4 {
        0% {
            transform: translateY(0);
        }
        40% {
            transform: translateY(-20px);
        }
        80% {
            transform: translateY(0);
        }
    }

    @keyframes imgP17 {
        0% {
            transform: rotate(0);
        }
        10% {
            transform: rotate(20deg) translate(-20px, -10px);
        }
        20% {
            transform: rotate(0);
        }
    }

    .img-people4 {
        bottom: 140px;
        left: calc(50% + 230px);
        animation: people4 5s infinite;
    }

    .img-p17 {
        top: 100px;
        left: calc(50% + 400px);
        animation: imgP17 4s infinite;
    }

    .comics-novel-block {

    }

    .comics-novel-title {
        margin-bottom: 45px;
    }

    @media screen and (max-width: 920px) {
        .audio-comics-content h2 {
            font-size: 36px;
        }

    }

    @media screen and (max-width: 768px) {
        .img-room1 {
            width: 50%;
        }

        .img-2021 {
            left: 0;
            width: 25%;
        }

        .img-people4 {
            width: 25%;
            left: 70%;
        }

        .img-p17 {
            width: 10%;
            left: 88%;
        }

        .item-flower {
            width: 104px;
            top: -100px;
        }
    }

    @media screen and (max-width: 576px) {
        .audio-comics-list li .ratio {
            --bs-aspect-ratio: 100%;
        }

        .audio-comics-content h2 {
            font-size: 30px;
        }

        .audio-comics-content {
            padding: 0;
            width: 100%;
        }

        .audio-comics-content > div {
            padding: 0 20px 20px;
            width: 100%;
            flex-shrink: 0;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
        }

        .comic-data p {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            display: none;
        }
    }

    .book-page {
        background: url("/assets/images/talk-l.png") left 150px fixed no-repeat, url("/assets/images/talk-r.png") right 150px fixed no-repeat;
    }

    @media screen and (max-width: 576px) {
        .book-page {
            background: url("/assets/images/talk-l.png") left 0 no-repeat, url("/assets/images/talk-r.png") right 0 no-repeat;
        }
    }

    @keyframes planeFly {
        from {
            transform: translateX(50px);
        }
        to {
            transform: translateX(0px);
        }
    }

    .booklist-header {
        padding: 44px;
    }

    .book-list-plane {
        width: 355px;
        left: 50%;
        top: -100px;
        animation: planeFly 2s infinite;
    }

    .search-area {
        margin-bottom: 47px;
    }

    .search-input {
        border: 1px solid #000;
        height: 47px;
        border-radius: 25px;
        padding: 5px 20px 5px 40px;
        width: 100%;
        background: url("/assets/images/icon-search.svg") 15px center no-repeat #fff;
    }

    .search-input:focus {
        outline: none;
    }

    .book-list {
        margin-bottom: 25px;
    }

    .book-list a {
        text-decoration: none;
    }

    .book-section-title {
        margin-bottom: 45px;
    }

    .book-section-title img {
        max-width: 236px;
        max-height: 63px;
    }

    .book-content {
        padding-top: 15px;
        width: 207px;
        margin: 0 auto;
    }

    .book-content h3 {
    }

    .book-content figure {
        height: 300px;
        /*background: #aaa;*/
        margin-bottom: 22px;
        transition: .4s;
        position: relative;
        .only18{
            --width: 64px;
            position: absolute;
            width: var(--width);
            height: var(--width);
            right:5px;
            bottom: 10px;
            z-index: 10;
        }
    }

    .book-content figure img {
        transition: .4s;
    }

    .book-content:hover figure img {
        transform: translateY(-10px);
        filter: drop-shadow(0 10px 4px rgba(0, 0, 0, .3));
    }

    .book-content h3 {
        font-size: 18px;
        font-weight: 700;
        color: #000;
        line-height: 24px;
        margin: 0;
    }

    .comic-author {
        color: var(--gray2);
        font-size: 14px;
        font-weight: 300;
        margin-bottom: 13px;
    }

    .tag {
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        color: var(--green);
        padding: 4px 25px;
        border: 1px solid var(--green);
        border-radius: 30px;
    }

    .illustration-block-bottom-wrap {
        overflow-x: hidden;
        margin-bottom: 100px;
    }

    .illustration-block-bottom {
        background: var(--main-color3);
        height: 700px;
        margin-top: 200px;
    }

    @media screen and (max-width: 576px) {
        .book-list-plane {
            display: none;
        }

        .book-section-title {
            margin-bottom: 33px;
        }

        .book-content {
            width: 148px;
        }

        .book-content figure {
            height: 215px;
        }
    }

    @keyframes talkingBubble {
        0% {
            transform: translateY(0);
        }
        10% {
            transform: translateY(-10px);
        }
        20% {
            transform: translateY(0);
        }
    }

    @keyframes people7Move {
        0% {
            transform: translateY(0);
        }
        5% {
            transform: translateY(-10px);
        }
        10% {
            transform: translateY(0);
        }
        15% {
            transform: translateY(-10px);
        }
        20% {
            transform: translateY(0);
        }
    }

    .people-talking {
        top: -140px;
        left: 30px;
        animation: talkingBubble 2s infinite;
    }

    .people7 {
        animation: people7Move 2s infinite;
    }

    .illustration-b-r {
        right: 0;
        bottom: 0;
    }

    .illustration-b-l {
        left: 0;
        bottom: 0;
    }

    @keyframes leftFlowerMove {
        0% {
            transform: rotate(0deg);
        }
        5% {
            transform: rotate(-3deg);
        }
        10% {
            transform: rotate(0deg);
        }
    }

    .illustration-b-t {
        left: 0;
        top: 100px;
        transform-origin: left bottom;
        animation: leftFlowerMove 3s infinite;
    }

    .illustration-b-people {
        bottom: 0;
        left: calc(50% - 100px);
    }

    .ltc-desktop {
        padding-top: 48px;
    }

    .ltc-mobile {
        padding-top: 48px;
    }

    @media screen and (max-width: 768px) {
        .illustration-block-bottom {
            height: 600px;
        }

        .ltc-desktop, .illustration-b-people {
            display: none;
        }

        .illustration-b-r {
            width: 70%;
            top: 10px;
            bottom: auto;
        }

        .illustration-b-t {
            width: 40%;
            left: -5%;
            top: 310px;
        }

        .illustration-b-l {
            width: 80%;
            left: -20%;
        }
    }

    @media screen and (min-width: 768px) {
        .ltc-mobile {
            display: none;
        }
    }

    .ltc-big {
        margin-top: 55px;
        padding-bottom: 37px;
    }

    .ltc-cover {
        border-radius: 100px 0 100px 0;
        background: #000;
        overflow: hidden;
    }

    .ltc-big-intro {
        background: #000;
        border-radius: 64px 0 55px;
        overflow: hidden;
        position: absolute;
        top: -55px;
        width: 343px;
        z-index: 10;
        color: #fff;
    }

    .ltc-big-intro1 {
        left: 0;
    }

    .ltc-big-intro2 {
        right: 0;
    }

    .ltc-big-intro .ratio {
        --bs-aspect-ratio: 100%;
    }

    .ltc-big-intro .ratio > div {
        padding: 30px;
    }

    a.more-arrow {
        display: block;
        text-decoration: none;
        color: var(--green);
        font-size: 14px;
        font-weight: 500;
        margin-top: 5px;
    }

    .more-arrow img {
        transition: .4s;
    }

    .more-arrow:hover img {
        transform: translateX(10px);
    }

    .ltc-article-list a {
        display: block;
        text-decoration: none;
    }

    .ltc-mobile .slick-slide img {
        display: inline;
    }

    .ltc-article {
        border-radius: 0px 50px 0 30px;
        background: #000;
        overflow: hidden;
    }

    .ltc-mobile-list .ltc-article {
        width: 290px;
        margin-left: auto;
        margin-right: auto;
    }

    .ltc-intro {
        padding: 40px 22px 27px;
        color: #fff;
    }

    .ltc-intro p, .ltc-big-intro p {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .book-top {
        justify-content: space-between;
        align-items: center;
    }

    .page-share {
        font-weight: 400;
        font-size: 20px;
        align-items: center;
        display: flex;
    }

    .page-share span {
        margin-right: 16px;
    }

    @media screen and (max-width: 768px) {
        .breadcrumb {
            font-size: 15px;
        }

        .page-share {
            width: 100%;
            font-size: 15px;
            margin-top: 12px;
        }
    }

    .book-share-list a {
        width: 40px;
        height: 40px;
        background: var(--green);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
    }

    .book-share-list li + li,
    .book-share-list a + a {
        margin-left: 7px;
    }

    .book-share-list a svg {
        width: 16px;
        height: 16px;
    }

    .book-share-list a:hover {
        background: var(--geeen-hover);
    }

    .book-title {
        color: var(--green);
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 6px;
    }

    .book-author {
        font-size: 14px;
        color: var(--gray2);
        font-weight: 300;
    }

    .book-publish {
        font-size: 14px;
        color: var(--gray);
        font-weight: 300;
        margin-bottom: 20px;
    }

    .award-list {
        margin-bottom: 30px;
    }

    .award-list > div {
        min-height: 50px;
        flex-shrink: 0;
        padding: 10px 30px;
        background: url("/assets/images/award-l.png") left center no-repeat, url("/assets/images/award-r.png") right center no-repeat;
        max-width: 280px;
        font-size: 12px;
        margin-right: 10px;
    }

    .book-info {
        margin-bottom: 72px;
    }

    .book-intro-wrap {
        padding: 2px;
        border-radius: 50px 0 50px 0;
        background: linear-gradient(to bottom, var(--green), var(--secondary-green));
        margin-bottom: 21px;
    }

    .book-intro {
        padding: 34px 56px;
        border-radius: 48px 0 48px 0;
        background: #F6F7E0;
        font-size: 18px;
        font-weight: 700;
    }

    @keyframes introCat {
        0% {
            transform: translateY(0px);
        }
        5% {
            transform: translateY(-10px);
        }
        10% {
            transform: translateY(0px);
        }
        15% {
            transform: translateY(-10px);
        }
        20% {
            transform: translateY(0px);
        }
    }

    .intro-cat {
        right: -80px;
        bottom: -100px;
        animation: introCat 2s infinite;
    }

    .preview-btn, a.preview-btn {
        padding: 23px 47px;
        border-radius: 40px;
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        background: var(--green);
        text-decoration: none;
        display: inline-flex;
        transition: .4s;
    }

    .preview-btn:hover {
        background: var(--geeen-hover);
        color: #fff;
    }

    .preview-btn img {
        margin-left: 16px;
        transition: .4s;
    }

    .preview-btn:hover img {
        transform: translateX(5px);
    }

    .favorite-block {
        font-family: "Gill Sans MT", sans-serif;
        font-size: 20px;
    }

    h2.section-title {
        text-align: center;
        color: var(--secondary-green);
        font-weight: 700;
        font-size: 30px;
        font-family: "Gill Sans MT", sans-serif;
        margin-bottom: 30px;
    }

    .book-intro-content {
        position: relative;
        padding-bottom: 200px;
        margin-bottom: 55px;
    }

    @keyframes bookImg1 {
        0% {
            transform: rotate(0);
        }
        30% {
            transform: translate(30px, -10px) rotate(30deg);
        }
        60% {
            transform: rotate(0);
        }
    }

    @keyframes bugFly {
        0% {
            transform: rotate(0);
        }
        30% {
            transform: translate(-25px, -10px) rotate(-28deg);
        }
        60% {
            transform: rotate(0);
        }
    }

    .book-img1 {
        left: 300px;
        bottom: 80px;
        animation: bookImg1 2s infinite;
    }

    .book-img2 {
        left: 0px;
        bottom: 0;
    }

    .role-block {
        padding-bottom: 84px;
    }

    .book-author-block {
        padding-bottom: 200px;
    }

    .role-list {
        padding-top: 84px;
        padding-bottom: 80px;
    }

    .profile-card {
        background: #F8F9FA;
        padding: 0 32px 32px;
        border-radius: 30px;
        margin-bottom: 70px;
        height: calc(100% - 70px);
    }

    .profile-card figure {
        width: 215px;
        height: 215px;
        border-radius: 50%;
        background: #eee;
        border: 1px solid #d9d9d9;
        /*margin-bottom: 26px;*/
        transform: translateY(-26px);
        overflow: hidden;
    }

    .profile-card h4 {
        color: #000;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 6px;
    }

    .profile-card p {
        font-weight: 300;
        font-size: 14px;
    }

    @media screen and (max-width: 768px) {
        .role-block {
            padding-bottom: 0px;
        }

        .role-list {
            padding-top: 54px;
            padding-bottom: 30px;
            margin-bottom: 0;
        }

        .intro-cat {
            width: 152px;
            right: -10px;
            bottom: -70px;
        }

        .book-img1 {
            left: auto;
            right: 0;
        }

        .book-cover-wrap {
            width: 252px;
            margin: 0 auto 14px;
        }

        .book-cover-wrap figure {
            margin-bottom: 2px;
        }
    }

    .book-user-name {
        color: var(--green);
        margin-bottom: 34px;
        font-size: 30px;
        font-weight: 700;
        text-align: center;
    }

    .article-block {
        margin-top: 100px;
    }

    .article-title {
        color: var(--green);
        font-weight: 700;
        font-size: 40px;
        text-align: center;
        margin-bottom: 20px;
    }

    .article-subtitle {
        text-align: center;
        margin-bottom: 10px;
    }

    .article-subtitle p {
        text-align: center;
    }

    .article-author {
        text-align: center;
        margin-bottom: 30px;
        font-size: 1.2rem;
        color: var(--gray);
    }

    .article-cover {
        border-radius: 100px 0 100px 0;
        overflow: hidden;
        margin-bottom: 60px;
    }

    @media screen and (max-width: 768px) {
        .article-block {
            margin-top: 50px;
        }

        .article-title {
            font-size: 30px;
        }

        .article-author {
            font-size: 1rem;
        }
    }

    @keyframes p5Img {
        0% {
            transform: rotate(0);
        }
        20% {
            transform: translateX(20px) rotate(5deg);
        }
        40% {
            transform: rotate(0);
        }
    }

    .p5-img {
        bottom: 20px;
        left: -60px;
        animation: p5Img 3s infinite;
    }

    .article-content {
        line-height: 1.8;
    }

    .article-content img {
        max-width: 100%;
        height: auto;
    }

    .article-content h2 {
        margin-top: 50px;
        line-height: 1.5;
    }

    .article-content h3 {
        margin-top: 50px;
    }

    .figure {
        display: block;
        margin: 0 auto 2rem;
        text-align: center;
        max-width: 60%;
    }

    .quote-list {
        margin-top: 30px;
        font-size: 14px;
        color: #666;
    }

    .quote-list li {
        margin-bottom: 10px;
    }

    .quote-url {
        color: #999;
    }

    @media screen and (max-width: 768px) {
        .figure {
            max-width: 100%;
        }
    }

    .go-top-btn {
        display: none;
    }

    @media screen and (max-width: 768px) {
        .go-top-btn {
            opacity: 0;
            pointer-events: none;
            position: fixed;
            right: 9px;
            bottom: 27px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 64px;
            height: 64px;
            background: var(--green);
            transition: .4s;
        }

        .go-top-btn.show {
            opacity: 1;
            pointer-events: auto;
        }

        .go-top-btn img {
            transform: rotate(-90deg);
        }
    }

    footer {
        padding-top: 206px;
        font-size: 14px;
        background: url("/assets/images/people-footer.png") right top no-repeat;
    }

    .footer-logo {
        margin-bottom: 10px;
    }

    .bft-logo {
        height: 34px;
    }

    .footer-logo img:first-child {
        margin-right: 24px;
    }

    .footer-contact {
        font-weight: 300;
    }

    .footer-sc-list {
        margin-bottom: 26px;
    }

    .footer-sc-list a {
        color: #000;
    }

    .footer-sc-list a:hover {
        color: var(--main-color);
    }

    .footer-sc-list a + a {
        margin-left: 40px;
    }

    .footer-sc-list svg {
        width: 18px;
        height: 18px;
    }

    .footer-copyright {
        color: var(--gray);
        font-weight: 300;
    }

    .footer-bottom-line {
        margin-top: 100px;
        height: 18px;
        background: linear-gradient(to bottom, var(--main-color), var(--main-color2));
    }

    @media screen and (max-width: 576px) {
        footer {
            padding-top: 60px;
            background-size: 175px auto;
            font-size: 12px;
        }

        .footer-bottom-line {
            margin-top: 50px;
        }

        .bft-logo {
            margin: 15px 0 60px;
        }

        .footer-copyright {
            order: -1;
            margin: 30px 0;
        }
    }

    .cookie-block {
        background: #fff;
        padding: 26px 0;
        /*display: none;*/
    }

    .info-content {
        font-weight: 300;
        font-size: 14px;
    }

    @media screen and (max-width: 768px) {
        .cookie-block {
            padding: 44px 0 0;
        }

        .cookie-block .green-btn {
            font-size: 25px;
            text-align: center;
        }

        .cookie-block .container {
            padding: 0;
        }

        .info-content {
            padding: 0 30px 30px;
        }
    }

    /* korea */
    .korea-banner {
        height: calc(100vh - 50px);
        min-height: 600px;
        background: url("/assets/korea/korea-banner.jpg") center center/cover no-repeat;
        &.korea-banner{
            background: url("/assets/korea/korea-2024-banner.jpg") center center/cover no-repeat;
            @media screen and (max-width: 768px) {
                background-image: url("/assets/korea/korea-2024-banner-m.jpg");
            }
            @media screen and (min-width: 1280px) {
                background-image: url("/assets/korea/korea-2024-banner-lg.jpg");
            }
        }
        @media screen and (max-width: 768px) {
            min-height: auto;
            background-image: url("/assets/korea/korea-banner-m.jpg");
            height: auto;
            aspect-ratio: 768 / 842;
        }
        @media screen and (min-width: 1280px) {
            background-image: url("/assets/korea/korea-banner-lg.jpg");
            min-height: auto;
            aspect-ratio: 1920 / 1080;
            height: auto;
        }

    }

    .korea-logo {
        width: 442px;
        position: absolute;
        right: 10vw;
        top: 10vh;
    }
    .korea-logo-2024{
        width: 561px;
        position: absolute;
        right: 0;
        top: 10vh;
        @media screen and (max-width: 768px){
            width: 60%;
        }
    }

    .korea-event-block {
        background: #FFF4EF;
        padding-block: 72px;
    }

    .korea-event-content {
        --padding-inline: 50px;
        background: url("/assets/korea/korea-event-icon1.png") left top no-repeat, url("/assets/korea/korea-event-icon2.png") right bottom no-repeat;
    }

    .korea-section-title {
        margin-bottom: 40px;
    }

    .korea-event-intro {
        background: #FFEEE7;
        color: #F3A537;
        padding: 43px var(--padding-inline);
        line-height: 2;
        margin-bottom: 30px;
        font-weight: 700;
        font-size: 18px;

    }

    .korea-event-intro.korea-event-intro2 {
        background: none;
        padding-block: 0;
        font-weight: 400;
    }

    .korea-event-intro p:first-child {
        /*font-size: 18px;*/
        /*font-weight: 700;*/
        /*margin-bottom: 20px;*/
    }

    .korea-event-intro p:last-child {
        /*font-size: 15px;*/
        /*font-weight: 400;*/
        margin-bottom: 0px;
    }

    .korea-event-info {
        color: #F3A537;
        padding-inline: var(--padding-inline);
        margin-bottom: 30px;
    }

    .korea-event-info-item {
        display: flex;
        align-items: center;
        font-size: 18px;
        font-weight: 700;
    }

    .korea-event-info-item + .korea-event-info-item {
        margin-top: 7px;
    }

    .event-info-dt {
        padding: 2px 22px;
        background: #FFEEE6;
        border: 1px solid #F3A537;
        border-radius: 20px;
        margin-right: 21px;
        width: 154px;
        text-align: center;
        flex-shrink: 0;
    }

    .event-info-dt span {
        font-size: 15px;
        font-weight: 400;
    }

    .event-info-dd span {
        font-weight: 400;
        font-size: 14px;
    }

    .event-action {
        margin-top: 40px;
    }

    a.korea-event-btn, a.korea-event-btn:link {
        display: inline-block;
        background: #F3A537;
        padding: 15px 40px;
        color: #fff;
        font-weight: 900;
        text-decoration: none;
        border-radius: 30px;
    }

    .korea-event-btn:hover {
        color: #fff;
    }

    .korea-books-block1 {
        background: #EDF8FF;
    }

    .korea-books-block1 .container {
        padding: 120px 0 192px;
        background: url("/assets/korea/korea-section2-bg.png") left top no-repeat;
    }

    .korea-books-block2 {
        background: #FFF8FD;
        padding-bottom: 40px;
    }

    .korea-books-block2 .container {
        padding: 70px 0 310px;
        background: url("/assets/korea/korea-section3-bg.png") center bottom no-repeat;
    }

    .korea-deco {
        position: absolute;
        right: 0;
        top: -120px;
    }

    .korea-book-list-first {
        margin-bottom: 40px;
    }

    .korea-book-list figure {
        margin-bottom: 10px;
        --bs-aspect-ratio: 140%;
    }

    .korea-book-list h3 {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 10px;

    }

    .korea-book-list .slick-track {
        height: 345px;
    }

    .korea-book-list h3 a {
        color: #EA5BAA;
        text-decoration: none;
    }

    .korea-book-list-2023.korea-book-list h3 a {
        color: #6784E0;
    }

    .korea-book-list .korea-book-info {
        color: #EA5BAA;
        font-size: 14px;
    }

    .korea-book-list-2023.korea-book-list .korea-book-info {
        color: #6784E0;
    }

    .korea-book-list .book-list-card {
        max-width: 170px;
        margin-inline: auto;
    }

    .korea-book-list .slick-prev, .korea-book-list .slick-next {
        --width: 19px;
        width: var(--width);
        height: var(--width);
        background: #EA5BAA;
    }

    .korea-book-list-2023.korea-book-list .slick-prev, .korea-book-list-2023.korea-book-list .slick-next {
        background: #6784E0;
    }

    .korea-book-list .slick-next::before, .korea-book-list .slick-prev::before {
        transform: scale(.333);
    }

    .korea-book-title {
        margin-bottom: 49px;
        font-weight: 500;
        color: #EA5BAA;
        text-align: center;
    }

    @media screen and (max-width: 1280px) {
        .korea-books-block1 {
            background: url("/assets/korea/korea-section2-bg.png") -60px top no-repeat #EDF8FF;
        }

        .korea-books-block1 .container {
            background: none;
        }
    }

    @media screen and (max-width: 992px) {

        .korea-event-content {
            --padding-inline: 30px;
            padding-bottom: 280px;
            background: url("/assets/korea/korea-event-icon2.png") center bottom no-repeat;
        }

        .korea-event-intro {
            padding-block: 35px;
        }

        .korea-event-intro.korea-event-intro2 {
            padding-inline: 0;
        }

        .korea-event-info {
            padding-inline: 0;
        }

        .korea-event-info-item {
            flex-wrap: wrap;
            text-align: center;
            width: 100%;
            margin-bottom: 35px;
        }

        .event-info-dt {
            margin-inline: auto;
            margin-bottom: 15px;
        }

        .event-info-dd {
            width: 100%;
        }

        .korea-books-block1 {
            background: #EDF8FF;
        }

        .korea-books-block1 .container {
            padding-top: 300px;
            background: url("/assets/korea/korea-section2-bg.png") center 20px no-repeat;
        }

        .korea-books-block2 .container {
            padding-top: 185px;
        }

        .korea-deco {
            width: 80%;
            left: 50%;
            max-width: 357px;
            top: -180px;
            transform: translateX(-50%);
        }
    }

    @media screen and (max-width: 768px) {

        .korea-logo {
            width: 220px;
            right: 30px;
            top: 30px;
        }

        .korea-books-block1 .container {
            background-size: 90% auto;
        }
    }

    .korea-event-block-2024{
        background: url("/assets/korea/ill-2024-1.png") 75vw bottom / 238px auto no-repeat, url("/assets/korea/leaves-r.png") right top / 330px auto no-repeat, url("/assets/korea/leaves-l.png") left bottom / 330px auto no-repeat,url("/assets/korea/block-2024-line1.svg") left top / 100% auto no-repeat ,#FFF8D9;
        @media screen and (max-width: 768px){
            background: url("/assets/korea/ill-2024-1.png") calc(50% + 20px) bottom / 202px auto no-repeat, url("/assets/korea/leaves-r.png") right top / 203px auto no-repeat, url("/assets/korea/leaves-l.png") left bottom / 203px auto no-repeat,url("/assets/korea/block-2024-line1.svg") left top / 100% auto no-repeat ,#FFF8D9;
        }
        padding: 68px 0 178px;
        color: #67AE84;
    }
    .korea-2004-title1{
        width: 328px;
    }
    .korea-2004-title2{
        width: 314px;
        margin-bottom: 94px;
    }
    .korea-2024-collection{
        position: absolute;
        width: 187px;
        left: calc(50% + 100px);
        top: -58px;
        @media screen and (max-width: 768px){
            left: calc(50% + 5px);

        }
    }
    .event-2024-subtitle{
        font-size: 1.5rem;
        display: flex;
        justify-content: center;
        margin-block: 34px;
        span{
            position: relative;
            padding: 12px 40px;
        }
        img{
            position: absolute;
            top:-2px;
            &.title-mark-l{
                left:0;
            }
            &.title-mark-r{
                right:0;
            }
        }
    }
    .event-2024-intro{
        font-size: 18px;
    }
    .korea-event-book-2024{
        padding: 140px 0 200px;
        background: url("/assets/korea/block-2024-line2.svg") left top/100% auto no-repeat, #67AE84;
        margin-bottom: -160px;
        @media screen and (max-width: 768px){
            margin-bottom: 0;
        }
    }
    .korea-book-2024{
        --line-color: #87bf9e;
        --block-size: 36px;
        position: relative;
        border: 5px solid var(--line-color);
        background-position: center;
        background-image:
                linear-gradient(var(--line-color) 3px, transparent 3px),
                linear-gradient(90deg, var(--line-color), transparent 3px);
        background-size: var(--block-size) var(--block-size);
        padding: 100px 50px 55px;
        @media screen and (max-width: 768px){
            padding-inline: 0;
        }
        .k-2024-deco-1{
            width: 290px;
            left: -80px;
            top: -200px;
            @media screen and (max-width: 768px){
                width: 60%;
                top: -360px;
                left: -60px;
            }
        }
        .k-2024-deco-2{
            width: 113px;
            bottom: -50px;
            right: -80px;
            @media screen and (max-width: 768px){
                bottom: -150px;
                right: -0px;
            }
        }
        .k-2024-deco-3{
            width: 204px;
            bottom: -160px;
            left: calc(50% - 102px);
            @media screen and (max-width: 768px){
                left:0;
                bottom: -200px;
            }
        }

    }
    .korea-book-list{
        &.korea-book-list-2024{
            h3{
                font-size: 17px;
                a, a:link{
                    color: #f7f7f7;
                }
            }
            .korea-book-info{
                color: #FFF8D9;
                font-size: 17px;
            }
            .slick-next, .slick-prev{
                --width: 35px;
                background: #F2EA59;
                color: #67AE84;

                &::before{
                    transform: scale(.7);
                }

            }
            .slick-prev
            {
                &::before{
                    content: url("/assets/images/arrow-l-korea-2024.svg");
                }
            }
            .slick-next
            {
                &::before{
                    content: url("/assets/images/arrow-r-korea-2024.svg");
                }
            }
        }

    }

    /* thailand */
    .thailand-mask {
        position: fixed;
        inset: 0;
        z-index: 999;
        background: rgba(86, 86, 86, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .confirm-modal {
        background: #fff;
        padding: 46px 100px 49px;
        border-radius: 20px;
        text-align: center;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
    }

    .confirm-modal img {
        width: 48px;
    }

    .confirm-modal h2 {
        font-size: 30px;
        margin-block: 25px;
        font-weight: 900;
        line-height: 45px;
    }

    .confirm-modal-btn {
        display: inline-block;
        padding: 21px 45px;
        margin-inline: 7px;
        font-size: 20px;
        font-weight: 600;
        border: 1px solid #000;
        border-radius: 40px;
        text-decoration: none;
        color: #000;
    }

    .confirm-modal-btn:hover {
        color: #000;
    }

    .confirm-modal-btn.black-btn {
        color: #fff;
        background: #000;
    }

    @media screen and (max-width: 768px) {
        .confirm-modal {
            padding-inline: 0;
            width: 90%;
        }
    }

    .thailand-banner {
        height: calc(100vh - 50px);
        min-height: 600px;
        background: url("/assets/thailand/banner.jpg") center center/cover no-repeat;
    }

    .thailand-banner .container {
        height: 100%;
    }

    .banner-bottom {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100px;
        background: linear-gradient(to bottom, #838AC100 0%, #838AC1 100%);
    }

    .thailand-slogan-wrap {
        position: absolute;
        top: 20%;
        left: 10%;
    }

    .thailand-slogan {

    }

    .thailand-sub-slogan {
        margin-top: 1rem;
    }

    .thailand-sub-slogan img {
        width: 355px;
        max-width: 100%;
    }

    .thailand-slogan img {
        width: 500px;
        max-width: 100%;
    }

    @media screen and (min-width: 1280px) {
        .thailand-banner {
            min-height: auto;
            aspect-ratio: 1920 / 1080;
            height: auto;
        }
    }

    @media screen and (max-width: 768px) {
        .thailand-banner {
            background-image: url("/assets/thailand/banner-m.jpg");
        }

        .thailand-slogan-wrap {
            top: 30px;
            inset-inline: 20px;
        }

        .thailand-sub-slogan {
            margin-top: 12px;
        }
    }

    .thailand-information {
        padding-top: 100px;
        padding-bottom: 100px;
        background: url("/assets/thailand/Bg_1_full.jpg") center center/cover no-repeat;
    }

    .thailand-subtitle-wrap {
        margin-bottom: 45px;
    }

    .thailand-title-bubble {
        filter: drop-shadow(4px 4px 8px #5D6390);
        max-width: 100%;
    }

    .thailand-subtitle {
        font-size: 24px;
        color: #fff;
        border-bottom: 2px dashed #fff;
    }

    .thailand-content {
        color: #fff;
        font-size: 18px;
        line-height: 1.8;
    }

    .thailand-more-area {
        padding-block: 30px;
    }

    .th-event-info {
        margin-block: 32px;
    }

    .th-event-info li {
        margin-block: 4px;
        display: flex;
        align-items: center;
    }

    .th-event-info-label {
        background: #E6EFFF;
        border-radius: 30px;
        border: 1px solid #5E68BB;
        width: 63px;
        text-align: center;
        margin-right: 14px;
    }

    .th-event-info li span {
        color: #fff;
        font-size: 18px;
    }

    @media screen and (max-width: 768px) {
        .thailand-hide-intro {
            display: none;
        }
    }

    .thailand-events {
        padding: 0 0 100px;
        background: url("/assets/thailand/Bg_2_full.jpg") center center/cover no-repeat;
    }

    .thailand-event-title {
        position: relative;
        top: -20px;
    }

    .thailand-event-title .thailand-subtitle-wrap {
        margin-bottom: 25px;
    }

    .thailand-event-panel {
        background: rgba(144, 92, 168, 0.8);
        border: 4px solid #BB93CD;
        border-radius: 5px 50px;
        padding: 43px 30px 63px;
    }

    .thailand-event-panel li {
        padding: 20px 0 15px;
        border-bottom: 2px solid #BCA1C7;
        line-height: 1.5;
    }

    .thailand-event-time {
        font-weight: 600;
        color: #EEC2FF;
        margin-bottom: 5px;
    }

    .thailand-event-name {
        font-size: 20px;
        color: #fff;
    }

    .thailand-books-wrap {
        padding: 0px 0 240px;
        margin-bottom: -160px;
        background: url("/assets/thailand/Bg_3_full.jpg") center center/cover no-repeat;
    }

    .thailand-books {
        margin: 48px 0 0px;
    }

    .thailand-book-list .book-list-card {
        max-width: 170px;
        margin-inline: auto;
    }

    .thailand-book-list-first {
        margin-bottom: 59px;
    }

    .thailand-book-list figure {
        width: 100%;
        margin-bottom: 1rem;
        --bs-aspect-ratio: 140%;
    }

    .thailand-book-list h3 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
        line-height: 1.5;
    }

    .thailand-book-list h3 a {
        color: #fff;
        text-decoration: none;
    }

    .thailand-book-info {
        font-size: 14px;
        color: #fff;
    }

    .thailand-book-list .slick-prev, .thailand-book-list .slick-next {
        width: 39px;
        height: 39px;
        background: none;
        border: 1px solid #fff;
    }

    .thailand-book-list .slick-prev::before, .thailand-book-list .slick-next::before {
        transform: scale(.7);
    }

    @media screen and (max-width: 768px) {
        .thailand-books-wrap {
            margin-bottom: 18px;
            padding-bottom: 67px;
        }

        .thailand-books {
            margin-top: 36px;
        }

    }

    /* Slider */
    .slick-slider {
        position: relative;

        display: block;
        box-sizing: border-box;

        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;

        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list {
        position: relative;

        display: block;
        overflow: hidden;

        margin: 0;
        padding: 0;
    }

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track {
        position: relative;
        top: 0;
        left: 0;

        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .slick-track:before,
    .slick-track:after {
        display: table;

        content: '';
    }

    .slick-track:after {
        clear: both;
    }

    .slick-loading .slick-track {
        visibility: hidden;
    }

    .slick-slide {
        display: none;
        float: left;

        height: 100%;
        min-height: 1px;
    }

    [dir='rtl'] .slick-slide {
        float: right;
    }

    .slick-slide img {
        display: block;
    }

    .slick-slide.slick-loading img {
        display: none;
    }

    .slick-slide.dragging img {
        pointer-events: none;
    }

    .slick-initialized .slick-slide {
        display: block;
    }

    .slick-loading .slick-slide {
        visibility: hidden;
    }

    .slick-vertical .slick-slide {
        display: block;

        height: auto;

        border: 1px solid transparent;
    }

    .slick-arrow.slick-hidden {
        display: none;
    }

    /* Slider */
    .slick-loading .slick-list {
        background: #fff url('/assets/images/loading.svg') center center no-repeat;
    }

    .slick-slider {
        --arrow-dis: -66px;
    }

    /* Icons */
    @font-face {
        font-family: 'slick';
        font-weight: normal;
        font-style: normal;

        /*src: url('/assets/font/slick.eot');*/
        /*src: url('/assets/font/slick.eot?#iefix') format('embedded-opentype'), url('/assets/font/slick.woff') format('woff'), url('/assets/font/slick.ttf') format('truetype'), url('/assets/font/slick.svg#slick') format('svg');*/
    }

    /* Arrows */
    .slick-prev,
    .slick-next {
        font-size: 0;
        line-height: 0;

        position: absolute;
        top: 50%;

        display: flex;
        justify-content: center;
        align-items: center;
        width: 54px;
        height: 54px;
        border-radius: 50%;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);

        cursor: pointer;

        color: transparent;
        border: none;
        outline: none;
        background: #8C9CE1;
        z-index: 100;

    }

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        color: transparent;
        outline: none;
        /*background: transparent;*/
    }

    .slick-prev:hover:before,
    .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
        opacity: 1;
    }

    /*.slick-prev.slick-disabled:before,*/
    /*.slick-next.slick-disabled:before*/
    /*{*/
    /*    opacity: .25;*/
    /*}*/

    .slick-prev {
        left: var(--arrow-dis);
    }

    [dir='rtl'] .slick-prev {
        right: var(--arrow-dis);
        left: auto;
    }

    .slick-prev:before {
        content: url("/assets/images/arrow-l.svg");
    }

    [dir='rtl'] .slick-prev:before {
        content: '→';
    }

    .slick-next {
        right: var(--arrow-dis);
    }

    [dir='rtl'] .slick-next {
        right: auto;
        left: var(--arrow-dis);
    }

    .slick-next:before {
        content: url("/assets/images/arrow-r.svg");
    }

    [dir='rtl'] .slick-next:before {
        content: '←';
    }

    .book-list .slick-prev,
    .book-list .slick-next {
        top: 160px;
        background: var(--green);
    }

    .ltc-mobile-list .slick-prev, .ltc-mobile-list .slick-next {
        background: #F86603;
    }

    @media screen and (max-width: 768px) {
        .slick-slider {
            --arrow-dis: -13px;
        }

        .book-list {
            margin-bottom: 58px;
        }

        .slick-prev {
            left: -25px;
        }

        .slick-next {
            right: -25px;
        }

        .slick-prev, .slick-next {
            transform: scale(.5);
        }

        .book-list .slick-prev {
            left: -13px;
            top: 100px;
        }

        .book-list .slick-next {
            right: -13px;
            top: 100px;
        }
    }

    /* Dots */
    .slick-dotted.slick-slider {
        margin-bottom: 30px;
    }

    .slick-dots {
        position: absolute;
        bottom: -25px;

        display: block;

        width: 100%;
        padding: 0;
        margin: 0;

        list-style: none;

        text-align: center;
    }

    .slick-dots li {
        position: relative;

        display: inline-block;

        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;

        cursor: pointer;
    }

    .slick-dots li button {
        font-size: 0;
        line-height: 0;

        display: block;

        width: 20px;
        height: 20px;
        padding: 5px;

        cursor: pointer;

        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
    }

    .slick-dots li button:hover,
    .slick-dots li button:focus {
        outline: none;
    }

    .slick-dots li button:hover:before,
    .slick-dots li button:focus:before {
        opacity: 1;
    }

    .slick-dots li button:before {
        font-family: 'slick';
        font-size: 6px;
        line-height: 20px;

        position: absolute;
        top: 0;
        left: 0;

        width: 20px;
        height: 20px;

        content: '•';
        text-align: center;

        opacity: .25;
        color: black;

        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .slick-dots li.slick-active button:before {
        opacity: .75;
        color: black;
    }

    /* topic/book/search 頁面 menu 調整 */
    .page-book .main-header-top {
        background: #fff;
    }

    .page-book .menu .bar {
        background: #000;
    }

    .page-book .lang a {
        color: #000;
    }

    .page-topic .main-header-top {
        background: #fff;
    }

    .page-topic .menu .bar {
        background: #000;
    }

    .page-topic .lang a {
        color: #000;
    }

    .page-search .main-header-top {
        background: #fff;
    }

    .page-search .menu .bar {
        background: #000;
    }

    .page-search .lang a {
        color: #000;
    }

    .page-book-list .main-header-top {
        background: #fff;
    }

    .page-book-list .menu .bar {
        background: #000;
    }

    .page-book-list .lang a {
        color: #000;
    }