.banner_character img,
.banner_contentDetail img,
.banner_contentTitle img,
.banner_contentsubTitle img,
.content_detail01 img,
.content_object01 img,
.content_titleLayout img,
.content_topic img,
.content_imgLayout img,
.content_detailLayout img,
.table_titleMain img,
.table_topicMain img,
.table_topicMain02 img,
.table_header img,
.table_header02 img,
.table_reward img,
.table_contentImg img,
.content_btnModal img,
.content_topicLayout img,
.content_topicLayout02 img,
.modal_btnCloseIcon img,

.table_left_img img,
.tableHeader_img img,
.contentLeft_img img,
.contentLeft_img02 img,
.contentLeft_img03 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

:root {
    /* font  */
    --h1: clamp(32px, 4vw, 45px);
    --h2: clamp(28px, 3.5vw, 35px);
    --h3: clamp(24px, 3vw, 32px);
    --h4: clamp(20px, 2.5vw, 25px);
    --h5: clamp(18px, 2vw, 20px);
    --h6: clamp(16px, 1.8vw, 18px);
    --default: clamp(14px, 1.6vw, 16px);
    --small: clamp(12px, 1.4vw, 14px);
}

h1,
.h1 {
    font-size: var(--h1);
}

h2,
.h2 {
    font-size: var(--h2);
}

h3,
.h3 {
    font-size: var(--h3);
}

h4,
.h4 {
    font-size: var(--h4);
}

h5,
.h5 {
    font-size: var(--h5);
}

h6,
.h6 {
    font-size: var(--h6);
}

p,
.p {
    font-size: var(--default);
}

small,
.small {
    font-size: var(--small);
}

.fw-bold {
    font-weight: 800;
}

.ci-purple {
    color: #af74bd;
}

@font-face {
    font-family: "DB_Helvethaica_X";
    src: url("../font/DB_Helvethaica_X.woff") format("truetype");
    font-style: normal;
}

.DB_Helvethaica_X {
    font-family: "DB_Helvethaica_X";
}



.mainLayout {
    position: relative;
    width: 100%;
    max-width: 900px;
    min-height: 100dvh;
    margin: 0 auto;

    padding-top: 45px;
}

.varmundts_mainLayout {
    position: relative;
    width: 100%;
    min-height: 100dvh;
    padding: 50px;

    background: url("https://img.gnjoy.in.th/2025/13/main_bg.png");
    background-position: top;
    background-size: cover;
}

.varmundts_bannerLayout {
    position: relative;
    width: 100%;
    height: 900px;
    min-height: 900px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.banner_character {
    position: absolute;
    z-index: 1;
    bottom: 0;

    width: 680px;
    min-width: 680px;
}

.banner_contentMainLayout {
    position: relative;
    z-index: 2;

    width: 100%;
    height: 100%;
    padding: 20px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
}

.banner_contentDetail {
    width: 700px;
}

.banner_contentTitle {
    width: 700px;
}

.banner_contentsubTitle {
    width: 550px;
}

.varmundts_content {
    position: relative;
    z-index: 2;

    width: 100%;
    height: 100%;
    padding: 20px 5px;
}

.content_detail01 {
    width: 650px;
}

.content_object01 {
    width: 20px;
}

.content_titleLayout {
    width: 600px;
}

.content_topic {
    width: 100px;
    min-width: 100px;
}

.content_imgLayout {
    width: 700px;
}

.content_detailLayout {
    width: 700px;
}

/* table  */
.varmundts_tableLayout {
    width: 100%;
    height: 100%;
    padding: 0px 10px;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.table_titleMain {
    width: 300px;
}

.table_topicMain {
    width: 550px;
}

.table_mainLaytout {
    position: relative;
    width: 750px;
    min-height: 100dvh;
    padding: 50px;

    background: url("../images/content04/bg.png");
    background-position: top;
    background-size: cover;

    display: flex;
    flex-direction: column;
    font-family: "Kanit", sans-serif;
}

.table_contentMainLayour {
    display: flex;
}

.table_left01_header {
    width: 220px;
    height: 50px;
    padding: 10px;


    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #49707c;
    border-right: 2px solid #49707cc7;
}

.table_right01_header {
    width: 500px;
    height: 50px;
    padding: 10px;

    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #49707c;
}

.table_header {
    width: 60px;
}

.table_header02 {
    width: 75px;
}

.table_left01 {
    width: 220px;
    /* height: 100%; */
    padding: 10px;


    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #49707c;
    border-right: 2px solid #49707cc7;
}

.table_right01 {
    width: 500px;
    min-height: 200px;
    padding: 15px;

    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    border-bottom: 2px solid #49707c;
}

.table_reward {
    width: 150px;
}

.table_hr {
    height: 100%;
    width: 1px;
    background: linear-gradient(180deg, rgba(141, 22, 0, 0) 13%, rgba(255, 255, 255, 1) 50%, rgba(54, 12, 4, 0) 93%);
}

.table_contentImg {
    width: 700px;
}

.table_topicMain02 {
    width: 350px;
}

.content_hr {
    width: 100%;
    height: 2px;

    background: linear-gradient(90deg, #8d160000 2%, #86f2f1 50%, #360c0400 98%);
}

.content_btnModal {
    width: 250px;
    cursor: pointer;
}

.content_topicLayout {
    width: 280px;
}

.content_topicLayout02 {
    width: 180px;
}