body {
    font-family: Sarabun;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    background-position: top;
    background-size: cover;
    min-height: 100vh
}

h3 {
    line-height: .8;
    font-size: 68px;
    font-size: 4.25rem;
    font-weight: 700
}

h4 {
    font-size: 40px;
    font-size: 2.5rem
}

h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.intro__text {
    font-size: 22px;
    font-size: 1.375rem
}

.font-family-kanit {
    font-family: Kanit !important;
    font-weight: 400
}

.font-family-psl-text-pro {
    font-family: Sarabun !important;
    font-weight: 400
}

.font-family-psl-panpilas, .font-family-psl-panpilas-pro {
    font-family: PSL Panpilas Pro !important;
    font-weight: 400
}

.font-family-psl-asadont-pro {
    font-family: Sarabun !important;
    font-weight: 400
}

.font-family-psl-irene-pro {
    font-family: Sarabun !important;
    font-weight: 400
}

.font-family-psl-kanda-modern-pro {
    font-family: Sarabun !important;
    font-weight: 400
}

.font-family-psl-malinee-pro {
    font-family: Sarabun !important;
    font-weight: 400
}

.font-family-psl-mittrapab-pro {
    font-family: Sarabun !important;
    font-weight: 400
}

.font-family-psl-similanya-extra-pro {
    font-family: Sarabun !important;
    font-weight: 400
}

.font-family-psl-sirintr-pro {
    font-family: Sarabun !important;
    font-weight: 400
}

.font-family-psl-pojamarn-pro {
    font-family: Sarabun !important;
    font-weight: 700
}

.font-family-psl-siara-pro {
    font-family: Sarabun !important;
    font-weight: 700
}

.font-family-psl-thai-common-pro {
    font-family: Sarabun !important;
    font-weight: 700
}

.font-family-tf-arluck {
    font-family: Sarabun !important;
    font-weight: 400
}

.font-family-tepc-fonleb {
    font-family: Sarabun !important;
    font-weight: 400
}

.font-family-tepc-dc-palamongkol {
    font-family: Sarabun !important;
    font-weight: 400
}

.font-family-th-baijam {
    font-family: TH Baijam !important;
    font-weight: 400
}

.font-family-th-sarabun-new {
    font-family: TH Sarabun New !important;
    font-weight: 400
}

.font-family-thaisans-neue {
    font-family: ThaiSans Neue !important;
    font-weight: 400
}

.font-family-chonburi {
    font-family: Chonburi !important;
    font-weight: 400
}

.font-family-trirong-medium {
    font-family: Trirong Medium !important;
    font-weight: 400
}

.font-family-psl-kittithada-pro {
    font-family: PSL Kittithada Pro !important;
    font-weight: 400
}

.font-family-futura-pt {
    font-family: futura-pt !important;
    font-weight: 400
}

.font-family-psl-paksin-pro {
    font-family: PSL Paksin Pro !important;
    font-weight: 400
}

.font-family-psl-narissara-pro {
    font-family: PSL Narissara Pro !important;
    font-weight: 400
}

.font-family-psl-kanda-modern-extra-pro {
    font-family: Sarabun !important;
    font-weight: 400
}

.wrapper, body {
    position: relative;
    line-height: 1.2;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    min-height: 100vh
}

.nav {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 5
}

.nav__group {
    display: block;
    margin: 7px;
    padding: 0
}

.nav__list {
    list-style: none;
    display: inline-block
}

.nav__list a {
    display: block;
    border: 1px solid #eaeaea;
    padding: 7px 15px;
    background-color: #fff
}

.text-white {
    color: #fff !important
}

.text-black {
    color: #000 !important
}

.shorturl {
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    font-size: 70%;
    padding: 10px
}

.copied {
    position: fixed;
    left: 5px;
    top: 65px;
    background: #000;
    color: #fff;
    font-size: 80%;
    padding: 7px 10px
}

@media (min-height: 800px) {
    .intro__row {
        height: calc(100vh - 30px)
    }
}

.intro {
    min-height: 600px;
    text-align: center;
    padding: 15px 5px
}

.intro--horizontal {
    display: flex;
    justify-content: center;
    min-height: calc(100vh - 30px)
}

.intro__row {
    min-height: 550px;
    height: 100%;
    align-self: center
}

.intro__row .intro__figure {
    max-width: 400px
}

.intro__row .intro__logo {
    padding: 0 0 30px
}

.intro__figure {
    background: none !important;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top;
    margin: 0 auto
}

.intro__image.w-100 {
    max-width: 100% !important
}

.intro__logo {
    margin: 0 auto 10px;
    display: block
}

.intro__content {
    padding: 0
}

.intro__title {
    position: relative;
    margin: 0 0 20px
}

.intro__line {
    padding: 20px 0;
    display: block
}

.intro__subtitle {
    margin-bottom: 0;
    width: 100%
}

.intro__subtitle .master {
    display: inline-block
}

.intro__subtitle .firstname {
    display: block
}

.intro__subtitle .lastname {
    display: inline-block
}

.intro__footer {
    padding-bottom: 20px
}

.intro__button {
    display: inline-block;
    padding: 0;
    margin: 20px 0 0
}

.intro__button--alone a, .intro__button--single a {
    padding: 10px 25px 7px !important
}

.intro__button a {
    position: relative;
    color: #fff;
    display: inline-block;
    padding: 10px 15px 7px 25px;
    font-size: 90%
}

.intro__button a + a {
    padding: 10px 25px 7px 15px
}

.intro__button a + a:before {
    content: "|";
    position: absolute;
    top: 10px;
    bottom: 0;
    left: -5px;
    display: inline-block;
    color: #000;
    pointer-events: none
}

.intro > .intro__figure {
    height: 45vh
}

.intro > .intro__figure img {
    max-height: 100%
}

.intro > .intro__figure .intro__logo {
    display: inline-block !important
}

.intro__row > div {
    max-height: 100%
}

.intro__row .intro_figure {
    width: 50px
}

.intro__row .intro__image {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px
}

.intro__row .company-name {
    display: block
}

.card:hover {
    text-decoration: none
}

.card:hover .card__detail {
    background-color: #eaeaea
}

.card:hover a {
    text-decoration: none
}

.card__detail {
    text-align: center;
    padding: 10px 0;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear
}

.card__detail h5 {
    margin: 0
}

body.body-snapshot .king9, body.body-snapshot .king10, body.body-snapshot .queen {
    padding: 60px 0
}

body.body-snapshot .king9 .intro, body.body-snapshot .king10 .intro, body.body-snapshot .queen .intro {
    height: auto !important;
    min-height: auto !important
}

body.body-snapshot .king9 .intro > .intro__figure, body.body-snapshot .king10 .intro > .intro__figure, body.body-snapshot .queen .intro > .intro__figure {
    height: 100%;
    max-height: 300px
}

body.body-snapshot .king9 .intro > .intro__figure img, body.body-snapshot .king10 .intro > .intro__figure img, body.body-snapshot .queen .intro > .intro__figure img {
    max-height: 300px
}

body.body-snapshot .newyear .intro, body.body-snapshot .queen10 .intro {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh
}

body.body-snapshot .app-icon {
    display: none !important
}

:root .intro--horizontal .intro__row, _:-ms-fullscreen {
    width: 100%
}

.admin body {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.admin .btn-edit, .admin .btn-primary, .admin .btn-view, .admin .form-control {
    font-size: 22px;
    font-size: 1.375rem
}

.admin form.form-control {
    border: 0
}

.admin button {
    background-color: #d19d0b;
    border: 1px solid #7b5606
}

.admin button a {
    padding: 5px 15px
}

.admin button a, .admin button a:before {
    color: #000100 !important
}

.admin .btn-view {
    background-color: #d19d0b;
    color: #000100 !important
}

.admin .btn-edit, .admin .btn-view {
    border: 1px solid #7b5606;
    line-height: 1;
    padding: 5px 15px
}

.admin .btn-edit {
    background-color: #1b96cf;
    color: #fff
}

.app-icon {
    position: fixed;
    left: 10px;
    top: 10px;
    z-index: 1
}

.app-icon__link {
    display: inline-block
}

.app-icon img {
    width: 50px;
    height: 50px
}

.capture-icon {
    position: fixed;
    z-index: 1;
    right: 10px;
    bottom: 10px
}

.capture-icon img {
    width: 50px;
    height: 50px
}

.year-2025 .newyear {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1
}

.year-2025 .newyear h3 {
    line-height: 1;
    font-size: 54px;
    font-size: 3.375rem;
    font-weight: 700
}

.year-2025 .newyear h4 {
    font-size: 26px;
    font-size: 1.625rem;
    margin: 0 0 5px
}

.year-2025 .newyear h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2025 .newyear h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2025 .newyear .intro__text {
    font-size: 26px;
    font-size: 1.625rem
}

.year-2025 .newyear.newyear--1 .intro__subtitle.intro__subtitle--longlive {
    font-family: Chonburi;
    font-size: 90px;
    font-size: 5.625rem
}

@media (max-width: 1399.98px) {
    .year-2025 .newyear.newyear--1 .intro__subtitle.intro__subtitle--longlive {
        font-size: 76px;
        font-size: 4.75rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .newyear.newyear--1 .intro__subtitle.intro__subtitle--longlive {
        font-size: 70px;
        font-size: 4.375rem
    }
}

@media (max-width: 575.98px) {
    .year-2025 .newyear.newyear--1 .intro__subtitle.intro__subtitle--longlive {
        font-size: 50px;
        font-size: 3.125rem
    }
}

.year-2025 .newyear.newyear--1 .intro__text {
    font-family: Chonburi;
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.5;
    font-weight: 300
}

@media (max-width: 1650px) {
    .year-2025 .newyear.newyear--1 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media (max-width: 1400px) {
    .year-2025 .newyear.newyear--1 .intro__text {
        font-size: 16px;
        font-size: 1rem
    }
}

@media (max-width: 1399.98px) {
    .year-2025 .newyear.newyear--1 .intro__text {
        font-size: 16px;
        font-size: 1rem
    }
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--1 .intro__text {
        font-size: 15px;
        font-size: .9375rem
    }
}

.year-2025 .newyear.newyear--1 .intro__button {
    font-family: Chonburi;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 400
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--1 .intro__button {
        font-size: 12px;
        font-size: .75rem
    }
}

.year-2025 .newyear.newyear--2 .intro__subtitle.intro__subtitle--longlive {
    font-family: Chonburi;
    font-size: 78px;
    font-size: 4.875rem;
    font-weight: 600
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--2 .intro__subtitle.intro__subtitle--longlive {
        font-size: 48px;
        font-size: 3rem
    }
}

@media (max-width: 575.98px) {
    .year-2025 .newyear.newyear--2 .intro__subtitle.intro__subtitle--longlive {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2025 .newyear.newyear--2 .intro__text {
    font-family: Kanit;
    font-size: 19px;
    font-size: 1.1875rem;
    font-weight: 400
}

@media (max-width: 1199.98px) {
    .year-2025 .newyear.newyear--2 .intro__text {
        font-size: 17px;
        font-size: 1.0625rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--2 .intro__text {
        font-size: 13px;
        font-size: .8125rem
    }
}

.year-2025 .newyear.newyear--2 .intro__button {
    font-family: Kanit;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--2 .intro__button {
        font-size: 16px;
        font-size: 1rem
    }
}

@media (max-width: 575.98px) {
    .year-2025 .newyear.newyear--2 .intro__button {
        font-size: 12px;
        font-size: .75rem
    }
}

.year-2025 .newyear.newyear--3 .intro__title {
    font-size: 80px;
    font-size: 5rem;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 700
}

@media (max-width: 1199.98px) {
    .year-2025 .newyear.newyear--3 .intro__title {
        font-size: 110px;
        font-size: 6.875rem
    }
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--3 .intro__title {
        font-size: 100px;
        font-size: 6.25rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--3 .intro__title {
        font-size: 70px;
        font-size: 4.375rem
    }
}

@media (max-width: 575.98px) {
    .year-2025 .newyear.newyear--3 .intro__title {
        font-size: 48px;
        font-size: 3rem
    }
}

.year-2025 .newyear.newyear--3 .intro__subtitle {
    font-size: 60px;
    font-size: 3.75rem;
    font-weight: 300
}

@media (max-width: 1199.98px) {
    .year-2025 .newyear.newyear--3 .intro__subtitle {
        font-size: 80px;
        font-size: 5rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--3 .intro__subtitle {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 575.98px) {
    .year-2025 .newyear.newyear--3 .intro__subtitle {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2025 .newyear.newyear--3 .intro__text {
    font-family: PSL Kittithada Pro;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 700
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--3 .intro__text {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--3 .intro__text {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2025 .newyear.newyear--3 .intro__button {
    font-family: PSL Kittithada Pro;
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 600
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--3 .intro__button {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media (max-width: 575.98px) {
    .year-2025 .newyear.newyear--3 .intro__button {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2025 .newyear.newyear--4 .intro__text {
    font-family: PSL Kittithada Pro;
    font-size: 38px;
    font-size: 2.375rem;
    font-weight: 300
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--4 .intro__text {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--4 .intro__text {
        font-size: 26px;
        font-size: 1.625rem
    }
}

@media (max-width: 575.98px) {
    .year-2025 .newyear.newyear--4 .intro__text {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2025 .newyear.newyear--4 .intro__button {
    font-family: Kanit;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 300
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--4 .intro__button {
        font-size: 14px;
        font-size: .875rem
    }
}

.year-2025 .newyear.newyear--5 .intro__title {
    font-size: 65px;
    font-size: 4.0625rem;
    font-weight: 500;
    line-height: 1.25
}

@media (max-width: 1199.98px) {
    .year-2025 .newyear.newyear--5 .intro__title {
        font-size: 60px;
        font-size: 3.75rem
    }
}

@media (max-width: 575.98px) {
    .year-2025 .newyear.newyear--5 .intro__title {
        font-size: 36px;
        font-size: 2.25rem
    }
}

.year-2025 .newyear.newyear--5 .intro__subtitle.intro__subtitle--event {
    font-size: 45px;
    font-size: 2.8125rem
}

@media (max-width: 1199.98px) {
    .year-2025 .newyear.newyear--5 .intro__subtitle.intro__subtitle--event {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--5 .intro__subtitle.intro__subtitle--event {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

.year-2025 .newyear.newyear--5 .intro__text {
    font-family: Kanit;
    font-size: 29px;
    font-size: 1.8125rem;
    line-height: 1.5;
    font-weight: 300
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--5 .intro__text {
        font-size: 21px;
        font-size: 1.3125rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--5 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.year-2025 .newyear.newyear--5 .intro__button {
    font-family: Kanit;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--5 .intro__button {
        font-size: 15px;
        font-size: .9375rem
    }
}

@media (max-width: 575.98px) {
    .year-2025 .newyear.newyear--5 .intro__button {
        font-size: 12px;
        font-size: .75rem
    }
}

.year-2025 .newyear.newyear--6 .intro__subtitle {
    line-height: 1.25
}

.year-2025 .newyear.newyear--6 .intro__subtitle .master {
    font-size: 62px;
    font-size: 3.875rem;
    font-weight: 500
}

@media (max-width: 1199.98px) {
    .year-2025 .newyear.newyear--6 .intro__subtitle .master {
        font-size: 52px;
        font-size: 3.25rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--6 .intro__subtitle .master {
        font-size: 50px;
        font-size: 3.125rem
    }
}

@media (max-width: 575.98px) {
    .year-2025 .newyear.newyear--6 .intro__subtitle .master {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2025 .newyear.newyear--6 .intro__subtitle .firstname {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 500
}

@media (max-width: 1199.98px) {
    .year-2025 .newyear.newyear--6 .intro__subtitle .firstname {
        font-size: 32px;
        font-size: 2rem
    }
}

@media (max-width: 575.98px) {
    .year-2025 .newyear.newyear--6 .intro__subtitle .firstname {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2025 .newyear.newyear--6 .intro__text {
    font-family: PSL Display Pro;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--6 .intro__text {
        font-size: 32px;
        font-size: 2rem
    }
}

@media (max-width: 575.98px) {
    .year-2025 .newyear.newyear--6 .intro__text {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2025 .newyear.newyear--6 .intro__button {
    font-family: PSL Display Pro;
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 400
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--6 .intro__button {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media (max-width: 575.98px) {
    .year-2025 .newyear.newyear--6 .intro__button {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2025 .wrapper {
    overflow-x: hidden;
    position: relative
}

.year-2025 .wrapper .wrapper__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.year-2025 .wrapper .wrapper__bg .wrapper__video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.year-2025 .wrapper--1 {
    background-position: 50%
}

.year-2025 .wrapper--2 {
    background-position: bottom
}

.year-2025 .wrapper--3, .year-2025 .wrapper--4 {
    background-position: 50%
}

.year-2025 .wrapper--4 .wrapper__bg {
    overflow: hidden
}

@media (max-width: 575.98px) {
    .year-2025 .wrapper--4 .wrapper__bg {
        width: 200%
    }
}

.year-2025 .wrapper--5 {
    background-position: 50%
}

.year-2025 .wrapper--5 .wrapper__bg {
    overflow: hidden
}

.year-2025 .wrapper--6 {
    background-position: bottom
}

.year-2025 .wrapper--6 .wrapper__bg {
    overflow: hidden
}

.year-2025 .newyear .intro__subtitle.intro__subtitle--longlive, .year-2025 .newyear .intro__subtitle.intro__subtitle--name .lastname {
    display: none
}

.year-2025 .newyear.newyear--1 {
    background-position: top
}

.year-2025 .newyear.newyear--1:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/assets/static/images/2025/newyear/bg/element/1-door-left.png");
    background-position: 100% 0;
    transform: translateX(-50%);
    animation: slideLeft 2s 1s ease-in-out forwards
}

.year-2025 .newyear.newyear--1:after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/assets/static/images/2025/newyear/bg/element/1-door-right.png");
    background-position: 0 0;
    transform: translateX(50%);
    animation: slideRight 2s 1s ease-in-out forwards
}

@keyframes slideLeft {
    0% {
        transform: translateX(-50%)
    }
    to {
        transform: translateX(-100%)
    }
}

@keyframes slideRight {
    0% {
        transform: translateX(50%)
    }
    to {
        transform: translateX(100%)
    }
}

.year-2025 .newyear.newyear--1 .container {
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: .5;
    transform: scale(.5);
    transform-origin: center;
    animation: zoomUp 2.5s 1s ease-in-out forwards
}

@media (min-width: 1400px) {
    .year-2025 .newyear.newyear--1 .container {
        max-width: 1320px
    }
}

@keyframes zoomUp {
    0% {
        transform: scale(.5);
        opacity: .5
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

.year-2025 .newyear.newyear--1 .intro {
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 0;
    z-index: 2
}

@media (min-width: 992px) {
    .year-2025 .newyear.newyear--1 .intro {
        min-height: 720px
    }
}

.year-2025 .newyear.newyear--1 .intro .intro__row {
    width: 100%;
    height: auto
}

.year-2025 .newyear.newyear--1 .intro .intro__content {
    position: relative
}

.year-2025 .newyear.newyear--1 .intro .intro__figure {
    position: relative;
    margin-top: 8rem;
    margin-bottom: 1.25rem
}

@media (max-width: 1650px) {
    .year-2025 .newyear.newyear--1 .intro .intro__figure {
        margin-top: 7rem
    }
}

@media (max-width: 1399.98px) {
    .year-2025 .newyear.newyear--1 .intro .intro__figure {
        margin-top: 5rem
    }
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--1 .intro .intro__figure {
        margin-top: 3rem
    }
}

@media (max-height: 720px) and (max-width: 991.98px) {
    .year-2025 .newyear.newyear--1 .intro .intro__figure {
        margin-top: 3rem !important
    }
}

.year-2025 .newyear.newyear--1 .intro .intro__image {
    width: 380px
}

@media (max-width: 1650px) {
    .year-2025 .newyear.newyear--1 .intro .intro__image {
        width: 320px
    }
}

@media (max-width: 1400px) {
    .year-2025 .newyear.newyear--1 .intro .intro__image {
        width: 280px
    }
}

@media (max-width: 1399.98px) {
    .year-2025 .newyear.newyear--1 .intro .intro__image {
        width: 280px
    }
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--1 .intro .intro__image {
        width: 240px
    }
}

.year-2025 .newyear.newyear--1 .intro .intro__title {
    margin-bottom: 1.5rem;
    display: none
}

.year-2025 .newyear.newyear--1 .intro .intro__subtitle {
    display: none;
    margin-bottom: 1rem;
    color: #fff
}

.year-2025 .newyear.newyear--1 .intro .intro__subtitle.intro__subtitle--longlive {
    display: none;
    color: #fff
}

.year-2025 .newyear.newyear--1 .intro .intro__text {
    color: #fff;
    margin-bottom: 1.2rem;
    text-shadow: 0 3px 3px rgba(0, 0, 0, .1)
}

@media (max-height: 720px) {
    .year-2025 .newyear.newyear--1 .intro .intro__footer {
        padding-bottom: 50px
    }
}

.year-2025 .newyear.newyear--2 {
    position: relative
}

@media (min-width: 768px) {
    .year-2025 .newyear.newyear--2 {
        max-height: 100vh
    }
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--2 .container {
        order: 1;
        margin-top: -9rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--2 .container {
        margin-top: -5.5rem
    }
}

.year-2025 .newyear.newyear--2 .wrapper__bg {
    display: none
}

.year-2025 .newyear.newyear--2 .intro {
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 0;
    z-index: 2;
    text-align: left;
    overflow: hidden
}

@media (min-width: 992px) {
    .year-2025 .newyear.newyear--2 .intro {
        min-height: 720px
    }
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--2 .intro {
        text-align: center
    }
}

.year-2025 .newyear.newyear--2 .intro .intro__content {
    text-align: center
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .year-2025 .newyear.newyear--2 .intro .intro__content {
        transform: translateX(3rem)
    }
}

.year-2025 .newyear.newyear--2 .intro .intro__row {
    width: 100%;
    height: auto
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--2 .intro .intro__row {
        width: auto;
        min-height: 0
    }
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--2 .intro .intro__row .intro__image {
        max-width: none
    }
}

.year-2025 .newyear.newyear--2 .intro .intro__figure-year {
    display: none
}

.year-2025 .newyear.newyear--2 .intro .intro__figure {
    position: absolute;
    top: calc(50% + 5rem);
    left: 40%;
    width: inherit;
    z-index: 2;
    pointer-events: none;
    display: flex;
    justify-content: flex-end;
    transform: translate(15%, -50%)
}

@media (min-width: 1400px) {
    .year-2025 .newyear.newyear--2 .intro .intro__figure {
        top: calc(50% + 7rem);
        left: 50%;
        transform: translateY(-50%)
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .newyear.newyear--2 .intro .intro__figure {
        left: 45%;
        transform: translate(5%, -50%);
        height: 563px
    }
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--2 .intro .intro__figure {
        order: 0;
        position: relative;
        justify-content: center;
        top: 10px;
        left: 34px;
        right: 0;
        bottom: 0;
        transform: translate(0);
        height: 400px
    }
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--2 .intro .intro__figure {
        left: 22px;
        height: 250px !important
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .newyear.newyear--2 .intro .intro__figure .intro__image.intro__image--animation > svg {
        width: 598px !important
    }
}

@media (max-width: 575.98px) {
    .year-2025 .newyear.newyear--2 .intro .intro__figure .intro__image.intro__image--animation-responsive > svg {
        max-width: 360px
    }
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--2 .intro .intro__image {
        display: none
    }
}

.year-2025 .newyear.newyear--2 .intro .intro__image.intro__image--animation-responsive {
    display: none
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--2 .intro .intro__image.intro__image--animation-responsive {
        display: block
    }
}

.year-2025 .newyear.newyear--2 .intro .intro__line {
    padding: 20px
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--2 .intro .intro__line {
        margin: auto;
        width: 60%
    }
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--2 .intro .intro__line {
        width: 250px
    }
}

.year-2025 .newyear.newyear--2 .intro .intro__subtitle, .year-2025 .newyear.newyear--2 .intro .intro__subtitle.intro__subtitle--name, .year-2025 .newyear.newyear--2 .intro .intro__title {
    display: none
}

.year-2025 .newyear.newyear--2 .intro .intro__text {
    color: #fff;
    margin-bottom: 2rem;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2025 .newyear.newyear--3 .container {
    position: static;
    display: flex;
    justify-content: center;
    min-height: 100vh
}

.year-2025 .newyear.newyear--3 .row > .col-12 {
    position: static
}

.year-2025 .newyear.newyear--3 .wrapper.wrapper--3 {
    background-position: bottom
}

.year-2025 .newyear.newyear--3 .intro {
    padding-bottom: 0;
    justify-content: center
}

.year-2025 .newyear.newyear--3 .intro .intro__subtitle, .year-2025 .newyear.newyear--3 .intro .intro__subtitle.intro__subtitle--name, .year-2025 .newyear.newyear--3 .intro .intro__title {
    display: none
}

.year-2025 .newyear.newyear--3 .intro .intro__content {
    margin-top: 0
}

@media (max-width: 1199.98px) {
    .year-2025 .newyear.newyear--3 .intro .intro__content {
        margin-top: 0
    }
}

.year-2025 .newyear.newyear--3 .intro .intro__figure {
    order: 1;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 345px;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

@media (max-width: 1199.98px) {
    .year-2025 .newyear.newyear--3 .intro .intro__figure {
        min-height: 291px
    }
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--3 .intro .intro__figure {
        min-height: 242px
    }
}

.year-2025 .newyear.newyear--3 .intro .intro__image {
    width: 65vh;
    min-width: 468px;
    max-width: 575px
}

@media (max-width: 1399.98px) {
    .year-2025 .newyear.newyear--3 .intro .intro__image {
        min-width: 460px;
        width: 65vh
    }
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--3 .intro .intro__image {
        max-width: 387px;
        min-width: 300px;
        width: 57vh
    }
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--3 .intro .intro__image {
        width: 320px;
        min-width: 0
    }
}

.year-2025 .newyear.newyear--3 .intro .intro__image.intro__image--animation-responsive {
    display: none
}

.year-2025 .newyear.newyear--3 .intro .intro__line {
    margin: auto;
    padding: 0;
    width: 83%
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--3 .intro .intro__line {
        width: 60%
    }
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--3 .intro .intro__line {
        width: 320px
    }
}

@media (max-width: 575.98px) {
    .year-2025 .newyear.newyear--3 .intro .intro__line {
        width: 280px
    }
}

.year-2025 .newyear.newyear--3 .intro .intro__text {
    margin-bottom: .75rem;
    color: #603d1e
}

.year-2025 .newyear.newyear--4 .intro {
    text-align: center;
    padding-bottom: 0
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--4 .intro .intro__row .intro__image {
        margin-bottom: 0;
        max-width: 40%
    }
}

.year-2025 .newyear.newyear--4 .intro .intro__figure {
    position: relative;
    padding: 0 21px;
    margin-bottom: 0;
    right: -40px
}

@media (max-width: 1199.98px) {
    .year-2025 .newyear.newyear--4 .intro .intro__figure {
        right: -30px
    }
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--4 .intro .intro__figure {
        right: -18px;
        width: 600px
    }
}

@media (max-width: 575.98px) {
    .year-2025 .newyear.newyear--4 .intro .intro__figure {
        right: -5px;
        width: 600px
    }
}

.year-2025 .newyear.newyear--4 .intro .intro__subtitle, .year-2025 .newyear.newyear--4 .intro .intro__title {
    display: none
}

.year-2025 .newyear.newyear--4 .intro .intro__text {
    margin-bottom: 1.5rem;
    color: #a57d2f;
    text-shadow: 0 3px 3px rgba(0, 0, 0, .1)
}

.year-2025 .newyear.newyear--4 .intro .intro__line {
    margin-top: -5rem;
    margin-bottom: 1rem;
    padding: 0
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--4 .intro .intro__line {
        margin: auto;
        width: 60%
    }
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--4 .intro .intro__line {
        width: 285px
    }
}

.year-2025 .newyear.newyear--4 .intro .intro__button {
    margin: 0
}

.year-2025 .newyear.newyear--5 .container {
    display: flex;
    min-height: 100vh
}

.year-2025 .newyear.newyear--5 .intro {
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 0;
    z-index: 2
}

@media (min-width: 992px) {
    .year-2025 .newyear.newyear--5 .intro {
        min-height: 720px
    }
}

.year-2025 .newyear.newyear--5 .intro .intro__row {
    width: 100%;
    height: auto
}

.year-2025 .newyear.newyear--5 .intro .intro__figure {
    position: relative;
    margin-top: 3rem
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--5 .intro .intro__figure {
        margin-top: 0
    }
}

.year-2025 .newyear.newyear--5 .intro .intro__figure img {
    position: relative;
    left: -19%;
    margin-bottom: 0;
    width: 138%;
    max-width: inherit;
    height: 100%
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--5 .intro .intro__figure img {
        left: 0;
        width: 290px
    }
}

.year-2025 .newyear.newyear--5 .intro .intro__line {
    margin-top: 0;
    padding: 0
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--5 .intro .intro__line {
        margin: auto;
        width: 60%
    }
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--5 .intro .intro__line {
        width: 285px
    }
}

@media (max-width: 575.98px) {
    .year-2025 .newyear.newyear--5 .intro .intro__line {
        width: 250px
    }
}

.year-2025 .newyear.newyear--5 .intro .intro__subtitle, .year-2025 .newyear.newyear--5 .intro .intro__subtitle.intro__subtitle--longlive, .year-2025 .newyear.newyear--5 .intro .intro__subtitle.intro__subtitle--name, .year-2025 .newyear.newyear--5 .intro .intro__title {
    display: none
}

.year-2025 .newyear.newyear--5 .intro .intro__text {
    position: relative;
    color: #fff;
    text-shadow: 0 3px 3px rgba(0, 0, 0, .1)
}

.year-2025 .newyear.newyear--6 .container {
    display: flex;
    min-height: 100vh
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--6 .container {
        justify-content: center
    }
}

.year-2025 .newyear.newyear--6 .intro {
    position: relative;
    padding: 0
}

@media (min-width: 992px) {
    .year-2025 .newyear.newyear--6 .intro {
        min-height: 720px
    }
}

.year-2025 .newyear.newyear--6 .intro .intro__row {
    width: 100%;
    height: auto
}

.year-2025 .newyear.newyear--6 .intro .intro__figure {
    position: relative;
    margin-top: 3rem
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--6 .intro .intro__figure {
        display: none
    }
}

.year-2025 .newyear.newyear--6 .intro .intro__figure img {
    position: relative;
    left: -10%;
    margin-bottom: 0;
    width: 115%;
    max-width: inherit;
    height: 100%
}

@media (max-width: 1399.98px) {
    .year-2025 .newyear.newyear--6 .intro .intro__figure img {
        left: 2rem;
        width: 93%
    }
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--6 .intro .intro__figure img {
        left: 0;
        width: 200px
    }
}

.year-2025 .newyear.newyear--6 .intro .intro__content {
    margin-top: 7rem
}

@media (max-width: 1399.98px) {
    .year-2025 .newyear.newyear--6 .intro .intro__content {
        margin-left: -4rem;
        margin-right: 4rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .newyear.newyear--6 .intro .intro__content {
        margin-left: -2rem;
        margin-right: 2rem
    }
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--6 .intro .intro__content {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }
}

.year-2025 .newyear.newyear--6 .intro .intro__subtitle, .year-2025 .newyear.newyear--6 .intro .intro__subtitle.intro__subtitle--event, .year-2025 .newyear.newyear--6 .intro .intro__title {
    display: none
}

.year-2025 .newyear.newyear--6 .intro .intro__line {
    margin: auto;
    padding: 0
}

@media (max-width: 1399.98px) {
    .year-2025 .newyear.newyear--6 .intro .intro__line {
        left: 0;
        width: 75%
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .newyear.newyear--6 .intro .intro__line {
        width: 70%
    }
}

@media (max-width: 991.98px) {
    .year-2025 .newyear.newyear--6 .intro .intro__line {
        margin-top: 5rem;
        width: 88%
    }
}

@media (max-width: 767.98px) {
    .year-2025 .newyear.newyear--6 .intro .intro__line {
        margin-top: 3rem;
        width: 100%
    }
}

.year-2025 .newyear.newyear--6 .intro .intro__text {
    position: relative;
    margin-bottom: 1.5rem;
    color: #7c6026;
    text-shadow: 0 3px 3px rgba(0, 0, 0, .1)
}

.year-2025 .newyear .intro {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 5px 0 10vh;
    text-align: center
}

.year-2025 .newyear .intro__figure {
    height: auto;
    max-width: none;
    min-height: auto
}

.year-2025 .newyear .intro__content, .year-2025 .newyear .intro__figure img {
    height: auto
}

.year-2025 .newyear .intro__button {
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .24);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .24);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .24)
}

@media (max-width: 767px) {
    .year-2025 .newyear .intro__button {
        margin-top: 10px
    }
}

.year-2025 .newyear .intro__button a {
    padding: 7px 15px 7px 25px
}

.year-2025 .newyear .intro__button a + a {
    padding: 7px 25px 7px 15px
}

.year-2025 .newyear .intro__button a:before {
    top: 8px;
    left: -9px;
    color: #fff
}

.year-2025 .newyear .intro__button--1 {
    margin-top: 0;
    border-radius: 0;
    background: linear-gradient(90deg, #ad752a, #ffd045 50%, #c3842b)
}

.year-2025 .newyear .intro__button--1 a {
    color: #fff;
    padding: 20px 15px 20px 35px;
    text-shadow: 0 3px 3px rgba(0, 0, 0, .1)
}

@media (max-width: 575.98px) {
    .year-2025 .newyear .intro__button--1 a {
        padding: 15px 10px 15px 25px
    }
}

.year-2025 .newyear .intro__button--1 a + a {
    padding: 20px 35px 20px 15px
}

@media (max-width: 575.98px) {
    .year-2025 .newyear .intro__button--1 a + a {
        padding: 15px 25px 15px 10px
    }
}

.year-2025 .newyear .intro__button--1 a:before {
    top: 20px !important;
    left: -6px !important
}

@media (max-width: 575.98px) {
    .year-2025 .newyear .intro__button--1 a:before {
        top: 15px !important
    }
}

.year-2025 .newyear .intro__button--2 {
    margin-top: 0;
    padding: 0 20px;
    border-radius: 31px;
    background: linear-gradient(90deg, #ba2b2e, #be2d30 48%, #9f1f22)
}

.year-2025 .newyear .intro__button--2 a {
    color: #fff;
    padding: 17px 10px 17px 15px
}

@media (max-width: 575.98px) {
    .year-2025 .newyear .intro__button--2 a {
        padding: 15px 10px 15px 15px
    }
}

.year-2025 .newyear .intro__button--2 a + a {
    padding: 17px 10px 17px 15px
}

@media (max-width: 575.98px) {
    .year-2025 .newyear .intro__button--2 a + a {
        padding: 15px 15px 15px 10px
    }
}

.year-2025 .newyear .intro__button--2 a:before {
    top: 17px !important;
    left: -5px !important;
    color: #fff !important
}

@media (max-width: 575.98px) {
    .year-2025 .newyear .intro__button--2 a:before {
        top: 15px !important
    }
}

.year-2025 .newyear .intro__button--3 {
    margin-top: 0;
    padding: 0 20px;
    border-radius: 31px;
    background: #edc211;
    box-shadow: 4px 4px 0 0 #603d1e
}

.year-2025 .newyear .intro__button--3 a {
    color: #fff;
    padding: 12px 15px 12px 18px;
    text-shadow: 0 3px 3px rgba(0, 0, 0, .1)
}

@media (max-width: 575.98px) {
    .year-2025 .newyear .intro__button--3 a {
        padding: 12px 10px 12px 15px
    }
}

.year-2025 .newyear .intro__button--3 a + a {
    padding: 12px 18px 12px 15px
}

@media (max-width: 575.98px) {
    .year-2025 .newyear .intro__button--3 a + a {
        padding: 12px 15px 12px 10px
    }
}

.year-2025 .newyear .intro__button--3 a:before {
    top: 15px !important;
    left: -6px !important;
    color: #fff !important
}

@media (max-width: 575.98px) {
    .year-2025 .newyear .intro__button--3 a:before {
        top: 15px !important
    }
}

.year-2018 .king10 .year-2025 .newyear .intro__button--11, .year-2018 .king10 .year-2025 .newyear .intro__button--12, .year-2019 .king .year-2025 .newyear .intro__button--11, .year-2019 .king .year-2025 .newyear .intro__button--12, .year-2025 .newyear .intro__button--4, .year-2025 .newyear .year-2018 .king10 .intro__button--11, .year-2025 .newyear .year-2018 .king10 .intro__button--12, .year-2025 .newyear .year-2019 .king .intro__button--11, .year-2025 .newyear .year-2019 .king .intro__button--12 {
    margin-top: 0;
    padding: 0 20px;
    border-radius: 30px;
    background: linear-gradient(270deg, #bb9d55 .04%, #dccc8f 37.38%, #e2d59a 49.33%, #ddce91 61.28%, #b39147 99.61%);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .26)
}

.year-2018 .king10 .year-2025 .newyear .intro__button--11 a, .year-2018 .king10 .year-2025 .newyear .intro__button--12 a, .year-2019 .king .year-2025 .newyear .intro__button--11 a, .year-2019 .king .year-2025 .newyear .intro__button--12 a, .year-2025 .newyear .intro__button--4 a, .year-2025 .newyear .year-2018 .king10 .intro__button--11 a, .year-2025 .newyear .year-2018 .king10 .intro__button--12 a, .year-2025 .newyear .year-2019 .king .intro__button--11 a, .year-2025 .newyear .year-2019 .king .intro__button--12 a {
    color: #fff;
    padding: 20px 25px
}

.year-2018 .king10 .year-2025 .newyear .intro__button--11 a + a, .year-2018 .king10 .year-2025 .newyear .intro__button--12 a + a, .year-2019 .king .year-2025 .newyear .intro__button--11 a + a, .year-2019 .king .year-2025 .newyear .intro__button--12 a + a, .year-2025 .newyear .intro__button--4 a + a, .year-2025 .newyear .year-2018 .king10 .intro__button--11 a + a, .year-2025 .newyear .year-2018 .king10 .intro__button--12 a + a, .year-2025 .newyear .year-2019 .king .intro__button--11 a + a, .year-2025 .newyear .year-2019 .king .intro__button--12 a + a {
    padding: 20px 25px
}

.year-2018 .king10 .year-2025 .newyear .intro__button--11 a:before, .year-2018 .king10 .year-2025 .newyear .intro__button--12 a:before, .year-2019 .king .year-2025 .newyear .intro__button--11 a:before, .year-2019 .king .year-2025 .newyear .intro__button--12 a:before, .year-2025 .newyear .intro__button--4 a:before, .year-2025 .newyear .year-2018 .king10 .intro__button--11 a:before, .year-2025 .newyear .year-2018 .king10 .intro__button--12 a:before, .year-2025 .newyear .year-2019 .king .intro__button--11 a:before, .year-2025 .newyear .year-2019 .king .intro__button--12 a:before {
    top: 16px !important;
    left: -6px !important;
    color: #fff !important
}

.year-2018 .year-2025 .newyear .intro__button--14, .year-2019 .queen-mother .year-2025 .newyear .intro__button--14, .year-2025 .newyear .intro__button--5, .year-2025 .newyear .year-2018 .intro__button--14, .year-2025 .newyear .year-2019 .queen-mother .intro__button--14 {
    margin-top: 0;
    border-radius: 9px;
    border: 1px solid #fff;
    background: linear-gradient(272deg, #d2484e, #e81a26 99.72%);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .26)
}

.year-2018 .year-2025 .newyear .intro__button--14 a, .year-2019 .queen-mother .year-2025 .newyear .intro__button--14 a, .year-2025 .newyear .intro__button--5 a, .year-2025 .newyear .year-2018 .intro__button--14 a, .year-2025 .newyear .year-2019 .queen-mother .intro__button--14 a {
    color: #fff;
    padding: 20px 15px 20px 35px
}

@media (max-width: 991.98px) {
    .year-2018 .year-2025 .newyear .intro__button--14 a, .year-2019 .queen-mother .year-2025 .newyear .intro__button--14 a, .year-2025 .newyear .intro__button--5 a, .year-2025 .newyear .year-2018 .intro__button--14 a, .year-2025 .newyear .year-2019 .queen-mother .intro__button--14 a {
        padding: 15px 10px 15px 25px
    }
}

.year-2018 .year-2025 .newyear .intro__button--14 a + a, .year-2019 .queen-mother .year-2025 .newyear .intro__button--14 a + a, .year-2025 .newyear .intro__button--5 a + a, .year-2025 .newyear .year-2018 .intro__button--14 a + a, .year-2025 .newyear .year-2019 .queen-mother .intro__button--14 a + a {
    padding: 20px 35px 20px 15px
}

@media (max-width: 991.98px) {
    .year-2018 .year-2025 .newyear .intro__button--14 a + a, .year-2019 .queen-mother .year-2025 .newyear .intro__button--14 a + a, .year-2025 .newyear .intro__button--5 a + a, .year-2025 .newyear .year-2018 .intro__button--14 a + a, .year-2025 .newyear .year-2019 .queen-mother .intro__button--14 a + a {
        padding: 15px 25px 15px 10px
    }
}

.year-2018 .year-2025 .newyear .intro__button--14 a:before, .year-2019 .queen-mother .year-2025 .newyear .intro__button--14 a:before, .year-2025 .newyear .intro__button--5 a:before, .year-2025 .newyear .year-2018 .intro__button--14 a:before, .year-2025 .newyear .year-2019 .queen-mother .intro__button--14 a:before {
    top: 20px !important;
    left: -6px !important;
    color: #503010 !important
}

@media (max-width: 575.98px) {
    .year-2018 .year-2025 .newyear .intro__button--14 a:before, .year-2019 .queen-mother .year-2025 .newyear .intro__button--14 a:before, .year-2025 .newyear .intro__button--5 a:before, .year-2025 .newyear .year-2018 .intro__button--14 a:before, .year-2025 .newyear .year-2019 .queen-mother .intro__button--14 a:before {
        top: 15px !important
    }
}

.year-2018 .year-2025 .newyear .intro__button--11, .year-2019 .queen-mother .year-2025 .newyear .intro__button--11, .year-2025 .newyear .intro__button--6, .year-2025 .newyear .year-2018 .intro__button--11, .year-2025 .newyear .year-2019 .queen-mother .intro__button--11 {
    margin-top: 0;
    padding: 0 20px;
    border-radius: 0;
    background: linear-gradient(270deg, #c78102 .04%, #f5ce61 24.45%, #ffe179 38.89%, #fff2a1 49.35%, #f3d370 64.29%, #f5cf62 77.23%, #c78102 99.64%);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .26)
}

.year-2018 .year-2025 .newyear .intro__button--11 a, .year-2019 .queen-mother .year-2025 .newyear .intro__button--11 a, .year-2025 .newyear .intro__button--6 a, .year-2025 .newyear .year-2018 .intro__button--11 a, .year-2025 .newyear .year-2019 .queen-mother .intro__button--11 a {
    color: #7c6026;
    padding: 20px 15px 20px 35px
}

@media (max-width: 575.98px) {
    .year-2018 .year-2025 .newyear .intro__button--11 a, .year-2019 .queen-mother .year-2025 .newyear .intro__button--11 a, .year-2025 .newyear .intro__button--6 a, .year-2025 .newyear .year-2018 .intro__button--11 a, .year-2025 .newyear .year-2019 .queen-mother .intro__button--11 a {
        padding: 15px 10px 15px 25px
    }
}

.year-2018 .year-2025 .newyear .intro__button--11 a + a, .year-2019 .queen-mother .year-2025 .newyear .intro__button--11 a + a, .year-2025 .newyear .intro__button--6 a + a, .year-2025 .newyear .year-2018 .intro__button--11 a + a, .year-2025 .newyear .year-2019 .queen-mother .intro__button--11 a + a {
    padding: 20px 35px 20px 15px
}

@media (max-width: 575.98px) {
    .year-2018 .year-2025 .newyear .intro__button--11 a + a, .year-2019 .queen-mother .year-2025 .newyear .intro__button--11 a + a, .year-2025 .newyear .intro__button--6 a + a, .year-2025 .newyear .year-2018 .intro__button--11 a + a, .year-2025 .newyear .year-2019 .queen-mother .intro__button--11 a + a {
        padding: 15px 25px 15px 10px
    }
}

.year-2018 .year-2025 .newyear .intro__button--11 a:before, .year-2019 .queen-mother .year-2025 .newyear .intro__button--11 a:before, .year-2025 .newyear .intro__button--6 a:before, .year-2025 .newyear .year-2018 .intro__button--11 a:before, .year-2025 .newyear .year-2019 .queen-mother .intro__button--11 a:before {
    top: 20px !important;
    left: -6px !important;
    color: #7c6026 !important
}

@media (max-width: 575.98px) {
    .year-2018 .year-2025 .newyear .intro__button--11 a:before, .year-2019 .queen-mother .year-2025 .newyear .intro__button--11 a:before, .year-2025 .newyear .intro__button--6 a:before, .year-2025 .newyear .year-2018 .intro__button--11 a:before, .year-2025 .newyear .year-2019 .queen-mother .intro__button--11 a:before {
        top: 15px !important
    }
}

.year-2025 .queen10 {
    font-family: Noto Sans Thai
}

.year-2025 .queen10 .intro__content.intro__content--1 h4 {
    text-wrap: nowrap
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2025 .queen10 .intro__content.intro__content--1 h4 {
        font-size: 2rem
    }
}

.year-2025 .queen10 .intro__content.intro__content--1 .intro__image {
    margin-left: -6%
}

.year-2025 .queen10 .intro__content.intro__content--1 .intro__title {
    margin: 0 0 5px;
    padding-left: .2rem;
    display: inline-block;
    letter-spacing: 3px
}

.year-2025 .queen10 .intro__content.intro__content--1 .intro__subtitle {
    font-family: Noto Sans Thai !important;
    font-size: 23px !important;
    font-size: 1.4375rem !important;
    font-weight: 400;
    line-height: 1.3;
    text-shadow: unset;
    color: #790c8d
}

.year-2025 .queen10 .intro__content.intro__content--1 .intro__text {
    font-size: 19px !important;
    font-size: 1.1875rem !important;
    text-shadow: 2px 2px 0 #fff;
    line-height: 1.3;
    margin-bottom: .5rem
}

.year-2025 .queen10 .intro__content.intro__content--1 .intro__button a {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400
}

@media (min-width: 1200px) {
    .year-2025 .queen10 .intro__content.intro__content--2 {
        min-width: 600px
    }
}

@media (max-width: 480px) {
    .year-2025 .queen10 .intro__content.intro__content--2 {
        padding-top: 0
    }
}

.year-2025 .queen10 .intro__content.intro__content--2 .intro__text {
    font-family: PSL Kanda Pro !important;
    text-wrap: nowrap;
    font-size: 27px;
    font-size: 1.6875rem;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 1rem
}

.year-2025 .queen10 .intro__content.intro__content--2 .intro__title {
    font-size: 75px !important;
    font-size: 4.6875rem !important;
    color: #fff;
    font-weight: 700
}

@media (min-width: 1024px) {
    .year-2025 .queen10 .intro__content.intro__content--2 .intro__title {
        font-size: 122px !important;
        font-size: 7.625rem !important
    }
}

.year-2025 .queen10 .intro__content.intro__content--2 .intro__subtitle {
    font-family: PSL Kanda Pro !important;
    font-weight: 700;
    font-size: 35px !important;
    font-size: 2.1875rem !important
}

@media (max-width: 480px) {
    .year-2025 .queen10 .intro__content.intro__content--2 .intro__subtitle {
        font-size: 27px !important;
        font-size: 1.6875rem !important
    }
}

.year-2025 .queen10 .intro__content.intro__content--2 .intro__button {
    font-weight: 700;
    font-size: 25px !important;
    font-size: 1.5625rem !important
}

.year-2025 .queen10 .intro__content.intro__content--3 h4 {
    text-wrap: nowrap
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2025 .queen10 .intro__content.intro__content--3 h4 {
        font-size: 2rem
    }
}

.year-2025 .queen10 .intro__content.intro__content--3 .intro__text {
    font-family: PSL Methinee Pro !important;
    font-size: 22px !important;
    font-size: 1.375rem !important;
    line-height: 1.25
}

@media (min-width: 992px) {
    .year-2025 .queen10 .intro__content.intro__content--3 .intro__text {
        font-size: 22px !important;
        font-size: 1.375rem !important
    }
}

.year-2025 .queen10 .intro__content.intro__content--3 .intro__subtitle {
    font-family: Sarabun !important;
    font-size: 30px !important;
    font-size: 1.875rem !important
}

@media (min-width: 992px) {
    .year-2025 .queen10 .intro__content.intro__content--3 .intro__subtitle {
        font-size: 33px !important;
        font-size: 2.0625rem !important
    }
}

.year-2025 .queen10 .intro__content.intro__content--3 .intro__button a {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400
}

@media (min-width: 992px) {
    .year-2025 .queen10 .intro__content.intro__content--3 .intro__button a {
        font-size: 22px !important;
        font-size: 1.375rem !important
    }
}

.year-2025 .queen10 .intro__content.intro__content--4 h4 {
    text-wrap: nowrap
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2025 .queen10 .intro__content.intro__content--4 h4 {
        font-size: 2rem
    }
}

.year-2025 .queen10 .intro__content.intro__content--4 .intro__title {
    font-family: PSL Methinee Pro !important;
    font-size: 50px !important;
    font-size: 3.125rem !important
}

@media (min-width: 992px) {
    .year-2025 .queen10 .intro__content.intro__content--4 .intro__title {
        font-size: 100px !important;
        font-size: 6.25rem !important
    }
}

.year-2025 .queen10 .intro__content.intro__content--4 .intro__subtitle {
    font-size: 16px !important;
    font-size: 1rem !important;
    text-shadow: unset;
    line-height: 1.5;
    font-weight: 700
}

@media (min-width: 992px) {
    .year-2025 .queen10 .intro__content.intro__content--4 .intro__subtitle {
        font-size: 22px !important;
        font-size: 1.375rem !important
    }
}

.year-2025 .queen10 .intro__content.intro__content--4 .intro__text {
    font-size: 16px !important;
    font-size: 1rem !important;
    font-weight: 500;
    line-height: 1.5
}

@media (min-width: 992px) {
    .year-2025 .queen10 .intro__content.intro__content--4 .intro__text {
        font-size: 20px !important;
        font-size: 1.25rem !important
    }
}

.year-2025 .queen10 .intro__content.intro__content--4 .intro__button a {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600
}

@media (min-width: 1200px) {
    .year-2025 .queen10 .intro__content.intro__content--5 {
        min-width: 525px;
        margin-left: -10%
    }
}

.year-2025 .queen10 .intro__content.intro__content--5 .intro__text {
    font-family: Kanit !important;
    font-size: 16px !important;
    font-size: 1rem !important;
    line-height: 1.8
}

@media (min-width: 1200px) {
    .year-2025 .queen10 .intro__content.intro__content--5 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2025 .queen10 .intro__content.intro__content--5 .intro__title {
    font-size: 65px !important;
    font-size: 4.0625rem !important;
    letter-spacing: 1px;
    margin-bottom: .25rem
}

@media (min-width: 992px) {
    .year-2025 .queen10 .intro__content.intro__content--5 .intro__title {
        font-size: 125px !important;
        font-size: 7.8125rem !important
    }
}

.year-2025 .queen10 .intro__content.intro__content--5 .intro__subtitle {
    font-family: Sarabun !important;
    font-size: 26px !important;
    font-size: 1.625rem !important;
    font-weight: 600;
    text-shadow: unset;
    line-height: 1.2
}

@media (min-width: 992px) {
    .year-2025 .queen10 .intro__content.intro__content--5 .intro__subtitle {
        font-size: 32px !important;
        font-size: 2rem !important
    }
}

.year-2025 .queen10 .intro__content.intro__content--5 .intro__button, .year-2025 .queen10 .intro__content.intro__content--6 .intro__text {
    font-family: Kanit !important;
    font-size: 16px !important;
    font-size: 1rem !important
}

.year-2025 .queen10 .intro__content.intro__content--6 .intro__text {
    line-height: 1.5;
    font-weight: 400
}

@media (min-width: 768px) {
    .year-2025 .queen10 .intro__content.intro__content--6 .intro__text {
        font-size: 20px !important;
        font-size: 1.25rem !important
    }
}

.year-2025 .queen10 .intro__content.intro__content--6 .intro__title {
    display: inline-block;
    font-size: 65px !important;
    font-size: 4.0625rem !important
}

@media (min-width: 768px) {
    .year-2025 .queen10 .intro__content.intro__content--6 .intro__title {
        font-size: 110px !important;
        font-size: 6.875rem !important;
        font-style: italic;
        font-weight: 400
    }
}

.year-2025 .queen10 .intro__content.intro__content--6 .intro__subtitle {
    font-family: Kanit !important;
    font-size: 20px !important;
    font-size: 1.25rem !important;
    line-height: 1.5;
    text-shadow: unset;
    font-weight: 700
}

@media (min-width: 992px) {
    .year-2025 .queen10 .intro__content.intro__content--6 .intro__subtitle {
        font-size: 23px !important;
        font-size: 1.4375rem !important
    }
}

.year-2025 .queen10 .intro__content.intro__content--6 .intro__button {
    font-family: IBM Plex Sans Thai !important;
    font-size: 16px !important;
    font-size: 1rem !important;
    font-weight: 600
}

.year-2025 .queen10 .intro__title {
    font-size: 104px !important;
    font-size: 6.5rem !important;
    font-weight: 600
}

.year-2025 .queen10 .intro__subtitle {
    font-size: 30px !important;
    font-size: 1.875rem !important;
    font-weight: 400
}

@supports not (-webkit-touch-callout:none) {
    .year-2025 .queen10 .intro__subtitle {
        letter-spacing: 1px
    }
}

.year-2025 .queen10 .intro__subtitle--name {
    line-height: 1;
    margin-bottom: 15px
}

.year-2025 .queen10 .intro__subtitle--event {
    line-height: 1
}

.year-2025 .queen10 .intro__text {
    font-size: 37px;
    font-size: 2.3125rem;
    line-height: .9
}

@media (max-width: 479px) {
    .year-2025 .queen10 .intro__text {
        font-size: 24px !important;
        font-size: 1.5rem !important
    }
}

.year-2025 .queen10 {
    display: flex;
    align-items: center
}

.year-2025 .queen10 .intro__figure--1 {
    height: 45vh;
    display: flex;
    justify-content: center;
    align-items: end
}

@media (max-width: 768px) {
    .year-2025 .queen10 .intro__figure--1 {
        max-width: 75%
    }
}

.year-2025 .queen10 .intro__figure--1 .intro__image {
    margin-left: -5%
}

@media (min-width: 992px) {
    .year-2025 .queen10 .intro__figure--1 .intro__image {
        max-width: 320px
    }
}

.year-2025 .queen10 .intro__figure--2 {
    max-width: 100%;
    height: auto
}

@media (min-width: 768px) {
    .year-2025 .queen10 .intro__figure--2 {
        max-width: 450px
    }
}

@media (min-width: 992px) {
    .year-2025 .queen10 .intro__figure--2 {
        max-width: 350px
    }
}

@media (max-width: 480px) {
    .year-2025 .queen10 .intro__figure--2 .intro__image {
        max-width: 230px
    }
}

@media (max-width: 992px) {
    .year-2025 .queen10 .intro__figure--3 .intro__image {
        margin-left: 0;
        margin-bottom: 0
    }
}

.year-2025 .queen10 .intro__figure--4 {
    height: 45vh;
    display: flex;
    justify-content: center;
    align-items: end
}

@media (min-width: 992px) {
    .year-2025 .queen10 .intro__figure--4 .intro__image {
        max-width: 350px
    }
}

@media (max-width: 576px) {
    .year-2025 .queen10 .intro__figure--4 .intro__image {
        max-width: 230px
    }
}

.year-2025 .queen10 .intro__figure--5 {
    max-width: 80%;
    height: auto
}

@media (min-width: 992px) {
    .year-2025 .queen10 .intro__figure--5 {
        max-width: 450px
    }
}

.year-2025 .queen10 .intro__figure--6 {
    height: 40vh;
    display: flex;
    justify-content: center;
    align-items: end
}

@media (min-width: 992px) {
    .year-2025 .queen10 .intro__figure--6 {
        max-width: 450px
    }
}

.year-2025 .queen10 .intro__content {
    width: 100%;
    padding-top: 20px
}

.year-2025 .queen10 .intro__content .firstname {
    display: inline-block
}

.year-2025 .queen10 .intro__content--1 {
    padding-top: 0
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2025 .queen10 .intro__content--1 {
        min-width: 500px;
        margin-left: -35px
    }
}

@media (min-width: 1200px) {
    .year-2025 .queen10 .intro__content--1 {
        min-width: 500px;
        margin-left: -25px
    }
}

@media (max-width: 991px) {
    .year-2025 .queen10 .intro__content--1 {
        padding: 0 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .year-2025 .queen10 .intro__content--1 > .d-md-block {
        display: none !important
    }
}

.year-2025 .queen10 .intro__content--1 .intro__title {
    letter-spacing: 3px;
    background: linear-gradient(0deg, #7a0c8d 29.56%, #b26fd6 65.28%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.year-2025 .queen10 .intro__content--1 .intro__subtitle {
    color: #fff
}

.year-2025 .queen10 .intro__content--1 .intro__subtitle--name {
    margin-bottom: 0
}

.year-2025 .queen10 .intro__content--1 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2025 .queen10 .intro__content--1 .intro__subtitle .master .d-inline-block {
    display: block !important
}

@media (max-width: 576px) {
    .year-2025 .queen10 .intro__content--1 .intro__subtitle .master {
        display: block
    }
}

.year-2025 .queen10 .intro__content--1 .intro__text {
    color: #790c8d
}

.year-2025 .queen10 .intro__content--1 .intro__line {
    text-align: center;
    padding: 1rem 0;
    margin-bottom: 0
}

.year-2025 .queen10 .intro__content--1 .intro__line .img-fluid {
    margin: 0 auto
}

@media (min-width: 768px) {
    .year-2025 .queen10 .intro__content--1 .intro__line .img-fluid {
        max-width: 215px
    }
}

.year-2025 .queen10 .intro__content--1 .intro__logo img {
    filter: drop-shadow(0 0 1px rgba(255, 255, 255, .5))
}

@media (min-width: 992px) {
    .year-2025 .queen10 .intro__content--1 .intro__logo img {
        max-width: 60px !important
    }
}

@media (min-width: 1024px) {
    .year-2025 .queen10 .intro__content--2 {
        margin-top: -50px;
        margin-left: -50px
    }
}

.year-2025 .queen10 .intro__content--2 .intro__title {
    color: #fff;
    margin-bottom: .3rem
}

.year-2025 .queen10 .intro__content--2 .intro__subtitle {
    color: #fff
}

.year-2025 .queen10 .intro__content--2 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2025 .queen10 .intro__content--2 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2025 .queen10 .intro__content--2 .intro__text {
    color: #fff;
    margin-bottom: 5px
}

.year-2025 .queen10 .intro__content--2 .intro__line {
    text-align: center;
    padding: 0 0 10px
}

.year-2025 .queen10 .intro__content--2 .intro__line .img-fluid {
    margin: 10px auto;
    max-width: 300px
}

.year-2025 .queen10 .intro__content--2 .intro__footer {
    padding-bottom: 10px
}

.year-2025 .queen10 .intro__content--3 {
    padding-top: 0
}

@media (max-width: 991px) {
    .year-2025 .queen10 .intro__content--3 {
        padding: 0 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .year-2025 .queen10 .intro__content--3 > .d-md-block {
        display: none !important
    }
}

.year-2025 .queen10 .intro__content--3 .intro__title {
    background: linear-gradient(227deg, #a14cc6 26.83%, #600f7d 65.27%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: .5rem;
    display: inline-block;
    letter-spacing: 3px;
    padding-left: .25rem
}

.year-2025 .queen10 .intro__content--3 .intro__subtitle {
    color: #580467;
    text-shadow: none
}

.year-2025 .queen10 .intro__content--3 .intro__subtitle--name {
    margin-bottom: 0
}

.year-2025 .queen10 .intro__content--3 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2025 .queen10 .intro__content--3 .intro__subtitle .master .d-inline-block {
    display: block !important
}

@media (max-width: 576px) {
    .year-2025 .queen10 .intro__content--3 .intro__subtitle .master {
        display: block
    }
}

.year-2025 .queen10 .intro__content--3 .intro__text {
    color: #45005e
}

.year-2025 .queen10 .intro__content--3 .intro__line {
    text-align: center;
    padding: 1rem 0;
    margin-bottom: 0
}

.year-2025 .queen10 .intro__content--3 .intro__line .img-fluid {
    margin: 0 auto
}

@media (min-width: 768px) {
    .year-2025 .queen10 .intro__content--3 .intro__line .img-fluid {
        max-width: 350px
    }
}

@media (min-width: 992px) {
    .year-2025 .queen10 .intro__content--3 .intro__logo img {
        max-width: 60px !important
    }
}

.year-2025 .queen10 .intro__content--4 {
    padding-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2025 .queen10 .intro__content--4 {
        min-width: 500px;
        margin-left: -35px
    }
}

@media (min-width: 1200px) {
    .year-2025 .queen10 .intro__content--4 {
        min-width: 500px;
        margin-left: -25px
    }
}

@media (max-width: 991px) {
    .year-2025 .queen10 .intro__content--4 {
        padding: 0 10px
    }
}

.year-2025 .queen10 .intro__content--4 .intro__title {
    background: linear-gradient(96deg, #1d084e -7.01%, #ae94fd 52.06%, #1d084e 103.64%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    margin: 0
}

.year-2025 .queen10 .intro__content--4 .intro__subtitle {
    color: #4d1707
}

.year-2025 .queen10 .intro__content--4 .intro__subtitle--name {
    margin-bottom: 0
}

.year-2025 .queen10 .intro__content--4 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2025 .queen10 .intro__content--4 .intro__subtitle .master .d-inline-block {
    display: block !important
}

@media (max-width: 576px) {
    .year-2025 .queen10 .intro__content--4 .intro__subtitle .master {
        display: block
    }
}

.year-2025 .queen10 .intro__content--4 .intro__text {
    color: #4d1707
}

.year-2025 .queen10 .intro__content--4 .intro__line {
    text-align: center;
    padding: 1rem 0;
    margin-bottom: 0
}

.year-2025 .queen10 .intro__content--4 .intro__line .img-fluid {
    margin: 0 auto
}

@media (min-width: 768px) {
    .year-2025 .queen10 .intro__content--4 .intro__line .img-fluid {
        max-width: 350px
    }
}

.year-2025 .queen10 .intro__content--4 .intro__logo img {
    filter: drop-shadow(0 2px 1px white)
}

.year-2025 .queen10 .intro__content--5 {
    margin-top: -2vh
}

.year-2025 .queen10 .intro__content--5 .intro__title {
    color: #584099;
    text-shadow: none;
    padding-left: .25rem;
    display: inline-block
}

.year-2025 .queen10 .intro__content--5 .intro__subtitle {
    color: #44055e
}

.year-2025 .queen10 .intro__content--5 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2025 .queen10 .intro__content--5 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2025 .queen10 .intro__content--5 .intro__text {
    color: #44055e
}

.year-2025 .queen10 .intro__content--5 .intro__line {
    text-align: center;
    padding: 0 0 15px
}

.year-2025 .queen10 .intro__content--5 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 200px
}

.year-2025 .queen10 .intro__content--5 .intro__footer {
    padding-bottom: 52px
}

.year-2025 .queen10 .intro__content--6 {
    margin-top: -2vh
}

.year-2025 .queen10 .intro__content--6 .intro__title {
    background: linear-gradient(90deg, #1d084e 9.07%, #57419a 57.62%, #1d084e);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none
}

.year-2025 .queen10 .intro__content--6 .intro__subtitle {
    color: #3d2673
}

.year-2025 .queen10 .intro__content--6 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2025 .queen10 .intro__content--6 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2025 .queen10 .intro__content--6 .intro__text {
    color: #1d084e
}

.year-2025 .queen10 .intro__content--6 .intro__line {
    text-align: center;
    padding: 0 0 15px
}

.year-2025 .queen10 .intro__content--6 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 315px
}

.year-2025 .queen10 .intro__content--6 .intro__footer {
    padding-bottom: 52px
}

.year-2025 .queen10 .intro__subtitle {
    letter-spacing: 0
}

.year-2025 .queen10 .intro__title .header-top {
    display: none
}

.year-2025 .queen10.queen10--1 .intro {
    padding: 5px
}

.year-2025 .queen10.queen10--1 .intro__column .intro__logo img {
    max-width: 60px
}

@media (min-width: 768px) and (max-width: 991px) {
    .year-2025 .queen10.queen10--1 .intro__column > .d-md-none {
        display: block !important
    }
}

@media (min-width: 768px) {
    .year-2025 .queen10.queen10--2 {
        display: flex;
        align-items: center
    }
}

.year-2025 .queen10.queen10--3 .intro__column .intro__logo img {
    max-width: 60px
}

@media (min-width: 768px) and (max-width: 991px) {
    .year-2025 .queen10.queen10--3 .intro__column > .d-md-none {
        display: block !important
    }
}

@media (min-width: 768px) {
    .year-2025 .queen10.queen10--5, .year-2025 .queen10.queen10--6 {
        display: flex;
        align-items: center
    }
}

.year-2025 .queen10 .intro__button--1 {
    font-family: PSL Display Pro !important;
    padding: 3px;
    margin-top: .5rem;
    border-radius: 100px;
    background: linear-gradient(263deg, #a14cc6 3.66%, #600f7d 93.69%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A14CC6", endColorstr="#600F7D", GradientType=1)
}

.year-2025 .queen10 .intro__button--1 a {
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
    font-size: 20px !important;
    font-size: 1.25rem !important
}

.year-2025 .queen10 .intro__button--1 a:first-child {
    padding: 10px 5px 10px 30px
}

.year-2025 .queen10 .intro__button--1 a:last-child {
    padding: 10px 30px 10px 5px;
    font-weight: 700 !important
}

.year-2025 .queen10 .intro__button--1 a:last-child:before {
    top: 10px;
    color: #fff
}

.year-2025 .queen10 .intro__button--1 a:focus, .year-2025 .queen10 .intro__button--1 a:hover {
    text-decoration: none
}

.year-2025 .queen10 .intro__button--2 {
    font-family: PSL Kanda Pro !important;
    padding: 3px;
    margin-top: .5rem;
    border-radius: 51px;
    background: #c98407;
    background: radial-gradient(268.79% 257.81% at 57.61% 49.37%, #fff 0, #b26fd6 34.08%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c98407", endColorstr="#c98407", GradientType=1)
}

.year-2025 .queen10 .intro__button--2 a {
    color: #790c8d
}

.year-2025 .queen10 .intro__button--2 a:first-child {
    padding: 10px 5px 10px 30px
}

.year-2025 .queen10 .intro__button--2 a:last-child {
    padding: 10px 30px 10px 5px
}

.year-2025 .queen10 .intro__button--2 a:last-child:before {
    top: 10px;
    color: #790c8d
}

.year-2025 .queen10 .intro__button--2 a:focus, .year-2025 .queen10 .intro__button--2 a:hover {
    text-decoration: none
}

.year-2025 .queen10 .intro__button--3 {
    font-family: PSL Methinee Pro !important;
    padding: 3px;
    margin-top: .5rem;
    border-radius: 100px;
    background: linear-gradient(0deg, #be79d5 -15%, #8c4bdd 111%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c98407", endColorstr="#c98407", GradientType=1)
}

.year-2025 .queen10 .intro__button--3 a {
    color: #fff
}

.year-2025 .queen10 .intro__button--3 a:first-child {
    padding: 10px 10px 10px 35px
}

.year-2025 .queen10 .intro__button--3 a:last-child {
    padding: 10px 35px 10px 10px
}

.year-2025 .queen10 .intro__button--3 a:last-child:before {
    top: 10px;
    color: #fff
}

.year-2025 .queen10 .intro__button--3 a:focus, .year-2025 .queen10 .intro__button--3 a:hover {
    text-decoration: none
}

.year-2018 .king10 .year-2025 .queen10 .intro__button--11, .year-2018 .king10 .year-2025 .queen10 .intro__button--12, .year-2019 .king .year-2025 .queen10 .intro__button--11, .year-2019 .king .year-2025 .queen10 .intro__button--12, .year-2025 .queen10 .intro__button--4, .year-2025 .queen10 .year-2018 .king10 .intro__button--11, .year-2025 .queen10 .year-2018 .king10 .intro__button--12, .year-2025 .queen10 .year-2019 .king .intro__button--11, .year-2025 .queen10 .year-2019 .king .intro__button--12 {
    font-family: IBM Plex Sans Thai !important;
    padding: 3px;
    margin-top: .5rem;
    border-radius: 51px;
    background: -moz-linear-gradient(90deg, #57419a 0, #8f83b6 47.96%, #57419a 90.16%);
    background: -webkit-linear-gradient(90deg, #57419a, #8f83b6 47.96%, #57419a 90.16%);
    background: linear-gradient(90deg, #57419a, #8f83b6 47.96%, #57419a 90.16%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F2D286", endColorstr="#BA8430", GradientType=1)
}

.year-2018 .king10 .year-2025 .queen10 .intro__button--11 a, .year-2018 .king10 .year-2025 .queen10 .intro__button--12 a, .year-2019 .king .year-2025 .queen10 .intro__button--11 a, .year-2019 .king .year-2025 .queen10 .intro__button--12 a, .year-2025 .queen10 .intro__button--4 a, .year-2025 .queen10 .year-2018 .king10 .intro__button--11 a, .year-2025 .queen10 .year-2018 .king10 .intro__button--12 a, .year-2025 .queen10 .year-2019 .king .intro__button--11 a, .year-2025 .queen10 .year-2019 .king .intro__button--12 a {
    font-weight: 700;
    color: #fff
}

.year-2018 .king10 .year-2025 .queen10 .intro__button--11 a:first-child, .year-2018 .king10 .year-2025 .queen10 .intro__button--12 a:first-child, .year-2019 .king .year-2025 .queen10 .intro__button--11 a:first-child, .year-2019 .king .year-2025 .queen10 .intro__button--12 a:first-child, .year-2025 .queen10 .intro__button--4 a:first-child, .year-2025 .queen10 .year-2018 .king10 .intro__button--11 a:first-child, .year-2025 .queen10 .year-2018 .king10 .intro__button--12 a:first-child, .year-2025 .queen10 .year-2019 .king .intro__button--11 a:first-child, .year-2025 .queen10 .year-2019 .king .intro__button--12 a:first-child {
    padding: 15px 5px 15px 40px
}

.year-2018 .king10 .year-2025 .queen10 .intro__button--11 a:last-child, .year-2018 .king10 .year-2025 .queen10 .intro__button--12 a:last-child, .year-2019 .king .year-2025 .queen10 .intro__button--11 a:last-child, .year-2019 .king .year-2025 .queen10 .intro__button--12 a:last-child, .year-2025 .queen10 .intro__button--4 a:last-child, .year-2025 .queen10 .year-2018 .king10 .intro__button--11 a:last-child, .year-2025 .queen10 .year-2018 .king10 .intro__button--12 a:last-child, .year-2025 .queen10 .year-2019 .king .intro__button--11 a:last-child, .year-2025 .queen10 .year-2019 .king .intro__button--12 a:last-child {
    padding: 10px 40px 5px 7px
}

.year-2018 .king10 .year-2025 .queen10 .intro__button--11 a:last-child:before, .year-2018 .king10 .year-2025 .queen10 .intro__button--12 a:last-child:before, .year-2019 .king .year-2025 .queen10 .intro__button--11 a:last-child:before, .year-2019 .king .year-2025 .queen10 .intro__button--12 a:last-child:before, .year-2025 .queen10 .intro__button--4 a:last-child:before, .year-2025 .queen10 .year-2018 .king10 .intro__button--11 a:last-child:before, .year-2025 .queen10 .year-2018 .king10 .intro__button--12 a:last-child:before, .year-2025 .queen10 .year-2019 .king .intro__button--11 a:last-child:before, .year-2025 .queen10 .year-2019 .king .intro__button--12 a:last-child:before {
    top: 10px;
    color: #fff
}

.year-2018 .king10 .year-2025 .queen10 .intro__button--11 a:focus, .year-2018 .king10 .year-2025 .queen10 .intro__button--11 a:hover, .year-2018 .king10 .year-2025 .queen10 .intro__button--12 a:focus, .year-2018 .king10 .year-2025 .queen10 .intro__button--12 a:hover, .year-2019 .king .year-2025 .queen10 .intro__button--11 a:focus, .year-2019 .king .year-2025 .queen10 .intro__button--11 a:hover, .year-2019 .king .year-2025 .queen10 .intro__button--12 a:focus, .year-2019 .king .year-2025 .queen10 .intro__button--12 a:hover, .year-2025 .queen10 .intro__button--4 a:focus, .year-2025 .queen10 .intro__button--4 a:hover, .year-2025 .queen10 .year-2018 .king10 .intro__button--11 a:focus, .year-2025 .queen10 .year-2018 .king10 .intro__button--11 a:hover, .year-2025 .queen10 .year-2018 .king10 .intro__button--12 a:focus, .year-2025 .queen10 .year-2018 .king10 .intro__button--12 a:hover, .year-2025 .queen10 .year-2019 .king .intro__button--11 a:focus, .year-2025 .queen10 .year-2019 .king .intro__button--11 a:hover, .year-2025 .queen10 .year-2019 .king .intro__button--12 a:focus, .year-2025 .queen10 .year-2019 .king .intro__button--12 a:hover {
    text-decoration: none
}

.year-2018 .year-2025 .queen10 .intro__button--14, .year-2019 .queen-mother .year-2025 .queen10 .intro__button--14, .year-2025 .queen10 .intro__button--5, .year-2025 .queen10 .year-2018 .intro__button--14, .year-2025 .queen10 .year-2019 .queen-mother .intro__button--14 {
    font-family: Kanit !important;
    padding: 3px;
    margin-top: .5rem;
    border-radius: 51px;
    background: linear-gradient(-13deg, #e1c8f2 10%, #fdfdfd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c98407", endColorstr="#c98407", GradientType=1)
}

.year-2018 .year-2025 .queen10 .intro__button--14 a, .year-2019 .queen-mother .year-2025 .queen10 .intro__button--14 a, .year-2025 .queen10 .intro__button--5 a, .year-2025 .queen10 .year-2018 .intro__button--14 a, .year-2025 .queen10 .year-2019 .queen-mother .intro__button--14 a {
    color: #44055e
}

.year-2018 .year-2025 .queen10 .intro__button--14 a:first-child, .year-2019 .queen-mother .year-2025 .queen10 .intro__button--14 a:first-child, .year-2025 .queen10 .intro__button--5 a:first-child, .year-2025 .queen10 .year-2018 .intro__button--14 a:first-child, .year-2025 .queen10 .year-2019 .queen-mother .intro__button--14 a:first-child {
    padding: 15px 5px 15px 40px
}

.year-2018 .year-2025 .queen10 .intro__button--14 a:last-child, .year-2019 .queen-mother .year-2025 .queen10 .intro__button--14 a:last-child, .year-2025 .queen10 .intro__button--5 a:last-child, .year-2025 .queen10 .year-2018 .intro__button--14 a:last-child, .year-2025 .queen10 .year-2019 .queen-mother .intro__button--14 a:last-child {
    padding: 10px 40px 7px 10px
}

.year-2018 .year-2025 .queen10 .intro__button--14 a:last-child:before, .year-2019 .queen-mother .year-2025 .queen10 .intro__button--14 a:last-child:before, .year-2025 .queen10 .intro__button--5 a:last-child:before, .year-2025 .queen10 .year-2018 .intro__button--14 a:last-child:before, .year-2025 .queen10 .year-2019 .queen-mother .intro__button--14 a:last-child:before {
    top: 10px;
    color: #44055e
}

.year-2018 .year-2025 .queen10 .intro__button--14 a:focus, .year-2018 .year-2025 .queen10 .intro__button--14 a:hover, .year-2019 .queen-mother .year-2025 .queen10 .intro__button--14 a:focus, .year-2019 .queen-mother .year-2025 .queen10 .intro__button--14 a:hover, .year-2025 .queen10 .intro__button--5 a:focus, .year-2025 .queen10 .intro__button--5 a:hover, .year-2025 .queen10 .year-2018 .intro__button--14 a:focus, .year-2025 .queen10 .year-2018 .intro__button--14 a:hover, .year-2025 .queen10 .year-2019 .queen-mother .intro__button--14 a:focus, .year-2025 .queen10 .year-2019 .queen-mother .intro__button--14 a:hover {
    text-decoration: none
}

.year-2018 .year-2025 .queen10 .intro__button--11, .year-2019 .queen-mother .year-2025 .queen10 .intro__button--11, .year-2025 .queen10 .intro__button--6, .year-2025 .queen10 .year-2018 .intro__button--11, .year-2025 .queen10 .year-2019 .queen-mother .intro__button--11 {
    padding: 3px;
    margin-top: .5rem;
    border-radius: 100px;
    background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), linear-gradient(90deg, #412a75, #7a4fdb 51.51%, #412a75 103.27%);
    box-shadow: 0 0 24px 0 rgba(255, 239, 179, .75);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c98407", endColorstr="#c98407", GradientType=1)
}

.year-2018 .year-2025 .queen10 .intro__button--11 a, .year-2019 .queen-mother .year-2025 .queen10 .intro__button--11 a, .year-2025 .queen10 .intro__button--6 a, .year-2025 .queen10 .year-2018 .intro__button--11 a, .year-2025 .queen10 .year-2019 .queen-mother .intro__button--11 a {
    color: #fff
}

.year-2018 .year-2025 .queen10 .intro__button--11 a:first-child, .year-2019 .queen-mother .year-2025 .queen10 .intro__button--11 a:first-child, .year-2025 .queen10 .intro__button--6 a:first-child, .year-2025 .queen10 .year-2018 .intro__button--11 a:first-child, .year-2025 .queen10 .year-2019 .queen-mother .intro__button--11 a:first-child {
    padding: 15px 5px 15px 40px
}

.year-2018 .year-2025 .queen10 .intro__button--11 a:last-child, .year-2019 .queen-mother .year-2025 .queen10 .intro__button--11 a:last-child, .year-2025 .queen10 .intro__button--6 a:last-child, .year-2025 .queen10 .year-2018 .intro__button--11 a:last-child, .year-2025 .queen10 .year-2019 .queen-mother .intro__button--11 a:last-child {
    padding: 10px 40px 7px 5px
}

.year-2018 .year-2025 .queen10 .intro__button--11 a:last-child:before, .year-2019 .queen-mother .year-2025 .queen10 .intro__button--11 a:last-child:before, .year-2025 .queen10 .intro__button--6 a:last-child:before, .year-2025 .queen10 .year-2018 .intro__button--11 a:last-child:before, .year-2025 .queen10 .year-2019 .queen-mother .intro__button--11 a:last-child:before {
    top: 10px;
    color: #fff
}

.year-2018 .year-2025 .queen10 .intro__button--11 a:focus, .year-2018 .year-2025 .queen10 .intro__button--11 a:hover, .year-2019 .queen-mother .year-2025 .queen10 .intro__button--11 a:focus, .year-2019 .queen-mother .year-2025 .queen10 .intro__button--11 a:hover, .year-2025 .queen10 .intro__button--6 a:focus, .year-2025 .queen10 .intro__button--6 a:hover, .year-2025 .queen10 .year-2018 .intro__button--11 a:focus, .year-2025 .queen10 .year-2018 .intro__button--11 a:hover, .year-2025 .queen10 .year-2019 .queen-mother .intro__button--11 a:focus, .year-2025 .queen10 .year-2019 .queen-mother .intro__button--11 a:hover {
    text-decoration: none
}

.year-2025 .queen-mother h3 {
    font-size: 70px;
    font-size: 4.375rem;
    font-weight: 700
}

.year-2025 .queen-mother h4 {
    font-size: 26px;
    font-size: 1.625rem;
    margin: 0 0 5px
}

.year-2025 .queen-mother h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2025 .queen-mother h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2025 .queen-mother .intro__title.intro__title--1 {
    font-family: Sarabun !important;
    font-size: 120px;
    font-size: 7.5rem;
    font-weight: 700
}

@media (min-width: 1400px) {
    .year-2025 .queen-mother .intro__title.intro__title--1 {
        font-size: 140px;
        font-size: 8.75rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-mother .intro__title.intro__title--1 {
        font-size: 100px;
        font-size: 6.25rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .queen-mother .intro__title.intro__title--1 {
        font-size: 90px;
        font-size: 5.625rem
    }
}

.year-2025 .queen-mother .intro__title.intro__title--2 {
    font-family: Sarabun !important;
    font-size: 90px;
    font-size: 5.625rem;
    font-weight: 500
}

@media (min-width: 1400px) {
    .year-2025 .queen-mother .intro__title.intro__title--2 {
        font-size: 110px;
        font-size: 6.875rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-mother .intro__title.intro__title--2 {
        font-size: 90px;
        font-size: 5.625rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .queen-mother .intro__title.intro__title--2 {
        font-size: 74px;
        font-size: 4.625rem
    }
}

.year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--10, .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--11, .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--13, .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--14, .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--15, .year-2025 .queen-mother .intro__title.intro__title--3, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--10, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--11, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--13, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--14, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--15 {
    font-family: Sarabun !important;
    font-size: 80px;
    font-size: 5rem;
    font-weight: 500
}

@media (min-width: 1400px) {
    .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--10, .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--11, .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--13, .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--14, .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--15, .year-2025 .queen-mother .intro__title.intro__title--3, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--10, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--11, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--13, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--14, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--15 {
        font-size: 96px;
        font-size: 6rem
    }
}

@media (max-width: 1199.98px) {
    .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--10, .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--11, .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--13, .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--14, .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--15, .year-2025 .queen-mother .intro__title.intro__title--3, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--10, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--11, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--13, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--14, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--15 {
        font-size: 80px;
        font-size: 5rem
    }
}

@media (max-width: 767.98px) {
    .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--10, .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--11, .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--13, .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--14, .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--15, .year-2025 .queen-mother .intro__title.intro__title--3, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--10, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--11, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--13, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--14, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--15 {
        font-size: 74px;
        font-size: 4.625rem
    }
}

.year-2018 .king10 .year-2025 .queen-mother .intro__title.intro__title--10, .year-2018 .king10 .year-2025 .queen-mother .intro__title.intro__title--11, .year-2018 .king10 .year-2025 .queen-mother .intro__title.intro__title--12, .year-2025 .queen-mother .intro__title.intro__title--4, .year-2025 .queen-mother .year-2018 .king10 .intro__title.intro__title--10, .year-2025 .queen-mother .year-2018 .king10 .intro__title.intro__title--11, .year-2025 .queen-mother .year-2018 .king10 .intro__title.intro__title--12 {
    font-size: 100px;
    font-size: 6.25rem;
    font-weight: 700;
    letter-spacing: 1px
}

@media (min-width: 1400px) {
    .year-2018 .king10 .year-2025 .queen-mother .intro__title.intro__title--10, .year-2018 .king10 .year-2025 .queen-mother .intro__title.intro__title--11, .year-2018 .king10 .year-2025 .queen-mother .intro__title.intro__title--12, .year-2025 .queen-mother .intro__title.intro__title--4, .year-2025 .queen-mother .year-2018 .king10 .intro__title.intro__title--10, .year-2025 .queen-mother .year-2018 .king10 .intro__title.intro__title--11, .year-2025 .queen-mother .year-2018 .king10 .intro__title.intro__title--12 {
        font-size: 120px;
        font-size: 7.5rem
    }
}

@media (max-width: 1199.98px) {
    .year-2018 .king10 .year-2025 .queen-mother .intro__title.intro__title--10, .year-2018 .king10 .year-2025 .queen-mother .intro__title.intro__title--11, .year-2018 .king10 .year-2025 .queen-mother .intro__title.intro__title--12, .year-2025 .queen-mother .intro__title.intro__title--4, .year-2025 .queen-mother .year-2018 .king10 .intro__title.intro__title--10, .year-2025 .queen-mother .year-2018 .king10 .intro__title.intro__title--11, .year-2025 .queen-mother .year-2018 .king10 .intro__title.intro__title--12 {
        font-size: 90px;
        font-size: 5.625rem
    }
}

@media (max-width: 767.98px) {
    .year-2018 .king10 .year-2025 .queen-mother .intro__title.intro__title--10, .year-2018 .king10 .year-2025 .queen-mother .intro__title.intro__title--11, .year-2018 .king10 .year-2025 .queen-mother .intro__title.intro__title--12, .year-2025 .queen-mother .intro__title.intro__title--4, .year-2025 .queen-mother .year-2018 .king10 .intro__title.intro__title--10, .year-2025 .queen-mother .year-2018 .king10 .intro__title.intro__title--11, .year-2025 .queen-mother .year-2018 .king10 .intro__title.intro__title--12 {
        font-size: 74px;
        font-size: 4.625rem
    }
}

.year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--12, .year-2025 .queen-mother .intro__title.intro__title--5, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--12 {
    font-family: PSL Display Pro !important;
    font-size: 100px;
    font-size: 6.25rem;
    font-weight: 700;
    line-height: 1
}

@media (min-width: 1400px) {
    .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--12, .year-2025 .queen-mother .intro__title.intro__title--5, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--12 {
        font-size: 120px;
        font-size: 7.5rem
    }
}

@media (max-width: 1199.98px) {
    .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--12, .year-2025 .queen-mother .intro__title.intro__title--5, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--12 {
        font-size: 100px;
        font-size: 6.25rem
    }
}

@media (max-width: 767.98px) {
    .year-2018 .queen .year-2025 .queen-mother .intro__title.intro__title--12, .year-2025 .queen-mother .intro__title.intro__title--5, .year-2025 .queen-mother .year-2018 .queen .intro__title.intro__title--12 {
        font-size: 78px;
        font-size: 4.875rem;
        line-height: .8
    }
}

.year-2025 .queen-mother .intro__title.intro__title--6 {
    font-family: Sarabun !important;
    font-size: 100px;
    font-size: 6.25rem;
    font-weight: 400;
    font-style: italic;
    line-height: 1
}

@media (min-width: 1400px) {
    .year-2025 .queen-mother .intro__title.intro__title--6 {
        font-size: 110px;
        font-size: 6.875rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-mother .intro__title.intro__title--6 {
        font-size: 100px;
        font-size: 6.25rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .queen-mother .intro__title.intro__title--6 {
        font-size: 78px;
        font-size: 4.875rem
    }
}

.year-2025 .queen-mother .intro__subtitle.intro__subtitle--1 {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.8;
    margin-bottom: 0
}

@media (min-width: 1400px) {
    .year-2025 .queen-mother .intro__subtitle.intro__subtitle--1 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-mother .intro__subtitle.intro__subtitle--1 {
        font-size: 19px;
        font-size: 1.1875rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .queen-mother .intro__subtitle.intro__subtitle--1 {
        font-size: 16px;
        font-size: 1rem
    }
}

.year-2025 .queen-mother .intro__subtitle.intro__subtitle--2 {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.7;
    margin-bottom: 0
}

@media (min-width: 1400px) {
    .year-2025 .queen-mother .intro__subtitle.intro__subtitle--2 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-mother .intro__subtitle.intro__subtitle--2 {
        font-size: 19px;
        font-size: 1.1875rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .queen-mother .intro__subtitle.intro__subtitle--2 {
        font-size: 16px;
        font-size: 1rem
    }
}

.year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--10, .year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--11, .year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--13, .year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--14, .year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--15, .year-2025 .queen-mother .intro__subtitle.intro__subtitle--3, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--10, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--11, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--13, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--14, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--15 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.7;
    margin-bottom: 0
}

@media (min-width: 1400px) {
    .year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--10, .year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--11, .year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--13, .year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--14, .year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--15, .year-2025 .queen-mother .intro__subtitle.intro__subtitle--3, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--10, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--11, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--13, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--14, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--15 {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media (max-width: 1199.98px) {
    .year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--10, .year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--11, .year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--13, .year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--14, .year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--15, .year-2025 .queen-mother .intro__subtitle.intro__subtitle--3, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--10, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--11, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--13, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--14, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--15 {
        font-size: 17px;
        font-size: 1.0625rem
    }
}

@media (max-width: 767.98px) {
    .year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--10, .year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--11, .year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--13, .year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--14, .year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--15, .year-2025 .queen-mother .intro__subtitle.intro__subtitle--3, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--10, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--11, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--13, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--14, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--15 {
        font-size: 16px;
        font-size: 1rem
    }
}

.year-2018 .king10 .year-2025 .queen-mother .intro__subtitle.intro__subtitle--10, .year-2018 .king10 .year-2025 .queen-mother .intro__subtitle.intro__subtitle--11, .year-2018 .king10 .year-2025 .queen-mother .intro__subtitle.intro__subtitle--12, .year-2025 .queen-mother .intro__subtitle.intro__subtitle--4, .year-2025 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--10, .year-2025 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--11, .year-2025 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--12 {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    letter-spacing: 1px
}

@media (max-width: 767.98px) {
    .year-2018 .king10 .year-2025 .queen-mother .intro__subtitle.intro__subtitle--10, .year-2018 .king10 .year-2025 .queen-mother .intro__subtitle.intro__subtitle--11, .year-2018 .king10 .year-2025 .queen-mother .intro__subtitle.intro__subtitle--12, .year-2025 .queen-mother .intro__subtitle.intro__subtitle--4, .year-2025 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--10, .year-2025 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--11, .year-2025 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--12 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--12, .year-2025 .queen-mother .intro__subtitle.intro__subtitle--5, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--12 {
    font-family: PSL Kittithada Pro !important;
    font-size: 30px;
    font-size: 1.875rem;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .year-2018 .queen .year-2025 .queen-mother .intro__subtitle.intro__subtitle--12, .year-2025 .queen-mother .intro__subtitle.intro__subtitle--5, .year-2025 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--12 {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1.1
    }
}

.year-2025 .queen-mother .intro__subtitle.intro__subtitle--6 {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .year-2025 .queen-mother .intro__subtitle.intro__subtitle--6 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2025 .queen-mother .intro__content.intro__content--1 .intro__text {
    font-family: Kanit;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.67;
    font-weight: 400
}

@media (min-width: 1400px) {
    .year-2025 .queen-mother .intro__content.intro__content--1 .intro__text {
        font-size: 21px;
        font-size: 1.3125rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-mother .intro__content.intro__content--1 .intro__text {
        font-size: 16px;
        font-size: 1rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .queen-mother .intro__content.intro__content--1 .intro__text {
        font-size: 13px;
        font-size: .8125rem
    }
}

.year-2025 .queen-mother .intro__content.intro__content--1 .intro__button {
    font-family: Sarabun;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 400;
    letter-spacing: 1px
}

.year-2025 .queen-mother .intro__content.intro__content--2 .intro__text {
    font-family: Kanit;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.67;
    font-weight: 400
}

@media (min-width: 1400px) {
    .year-2025 .queen-mother .intro__content.intro__content--2 .intro__text {
        font-size: 21px;
        font-size: 1.3125rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-mother .intro__content.intro__content--2 .intro__text {
        font-size: 16px;
        font-size: 1rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .queen-mother .intro__content.intro__content--2 .intro__text {
        font-size: 13px;
        font-size: .8125rem
    }
}

.year-2025 .queen-mother .intro__content.intro__content--2 .intro__button {
    font-family: Sarabun;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 400;
    letter-spacing: 1px
}

.year-2025 .queen-mother .intro__content.intro__content--3 .intro__text {
    font-family: Kanit;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.67;
    font-weight: 400
}

@media (min-width: 1400px) {
    .year-2025 .queen-mother .intro__content.intro__content--3 .intro__text {
        font-size: 19px;
        font-size: 1.1875rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-mother .intro__content.intro__content--3 .intro__text {
        font-size: 15px;
        font-size: .9375rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .queen-mother .intro__content.intro__content--3 .intro__text {
        font-size: 13px;
        font-size: .8125rem
    }
}

.year-2025 .queen-mother .intro__content.intro__content--3 .intro__button {
    font-family: Sarabun;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 400;
    letter-spacing: 1px
}

.year-2025 .queen-mother .intro__content.intro__content--4 .intro__text {
    font-family: Sarabun;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1px
}

@media (max-width: 767.98px) {
    .year-2025 .queen-mother .intro__content.intro__content--4 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.year-2025 .queen-mother .intro__content.intro__content--4 .intro__button {
    font-family: Sarabun;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 400;
    letter-spacing: 1px
}

.year-2025 .queen-mother .intro__content.intro__content--5 .intro__text {
    font-family: PSL Kittithada Pro;
    font-size: 27px;
    font-size: 1.6875rem
}

@media (max-width: 767.98px) {
    .year-2025 .queen-mother .intro__content.intro__content--5 .intro__text {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 1.1
    }
}

.year-2025 .queen-mother .intro__content.intro__content--5 .intro__button {
    font-family: Sarabun;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 400;
    letter-spacing: 1px
}

.year-2025 .queen-mother .intro__content.intro__content--6 .intro__text {
    font-family: Sarabun;
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.1;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .year-2025 .queen-mother .intro__content.intro__content--6 .intro__text {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2025 .queen-mother .intro__content.intro__content--6 .intro__button {
    font-family: Sarabun;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 400;
    letter-spacing: 1px
}

@media (max-width: 767.98px) {
    .year-2025 .queen-mother .intro.intro--horizontal .intro__row {
        width: auto
    }
}

.year-2025 .queen-mother .intro .intro__figure.intro__figure--1 {
    max-width: 400px;
    margin: 0
}

@media (min-width: 1400px) {
    .year-2025 .queen-mother .intro .intro__figure.intro__figure--1 {
        max-width: 485px;
        margin-top: 2rem;
        margin-left: -2rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-mother .intro .intro__figure.intro__figure--1 {
        max-width: 360px
    }
}

@media (max-width: 991.98px) {
    .year-2025 .queen-mother .intro .intro__figure.intro__figure--1 {
        max-width: 100%
    }
}

.year-2025 .queen-mother .intro .intro__figure.intro__figure--1 .intro__image {
    margin-bottom: 0
}

.year-2025 .queen-mother .intro .intro__figure.intro__figure--2 {
    height: 300px
}

@media (min-width: 1400px) {
    .year-2025 .queen-mother .intro .intro__figure.intro__figure--2 {
        height: 360px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .year-2025 .queen-mother .intro .intro__figure.intro__figure--2 {
        height: auto;
        margin-bottom: .45rem
    }
}

.year-2025 .queen-mother .intro .intro__figure.intro__figure--3 {
    height: 300px
}

@media (min-width: 1400px) {
    .year-2025 .queen-mother .intro .intro__figure.intro__figure--3 {
        height: 400px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .year-2025 .queen-mother .intro .intro__figure.intro__figure--3 {
        height: 380px
    }
}

.year-2025 .queen-mother .intro .intro__figure.intro__figure--4 {
    max-width: 400px;
    margin-left: -100px;
    margin-top: .75rem
}

@media (min-width: 1400px) {
    .year-2025 .queen-mother .intro .intro__figure.intro__figure--4 {
        max-width: 441px
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-mother .intro .intro__figure.intro__figure--4 {
        margin: 0
    }
}

@media (max-width: 991.98px) {
    .year-2025 .queen-mother .intro .intro__figure.intro__figure--4 {
        max-width: 100%
    }
}

.year-2025 .queen-mother .intro .intro__figure.intro__figure--4 .intro__image {
    margin-bottom: 0
}

.year-2025 .queen-mother .intro .intro__figure.intro__figure--5 {
    max-width: 400px;
    margin-left: -20px
}

@media (min-width: 1400px) {
    .year-2025 .queen-mother .intro .intro__figure.intro__figure--5 {
        max-width: 464px;
        margin-left: -30px
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-mother .intro .intro__figure.intro__figure--5 {
        margin: 0
    }
}

@media (max-width: 991.98px) {
    .year-2025 .queen-mother .intro .intro__figure.intro__figure--5 {
        max-width: 100%
    }
}

.year-2025 .queen-mother .intro .intro__figure.intro__figure--5 .intro__image {
    margin-bottom: 0
}

.year-2025 .queen-mother .intro .intro__figure.intro__figure--6 {
    height: 300px;
    margin-bottom: .75rem
}

@media (min-width: 1400px) {
    .year-2025 .queen-mother .intro .intro__figure.intro__figure--6 {
        height: auto;
        margin-bottom: .85rem
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .year-2025 .queen-mother .intro .intro__figure.intro__figure--6 {
        height: 380px
    }
}

@media (max-width: 767px) {
    .year-2025 .queen-mother .intro .intro__figure.intro__figure--6 {
        max-width: 240px !important
    }
}

.year-2025 .queen-mother .intro .intro__content .intro__title {
    margin: 0
}

.year-2025 .queen-mother .intro .intro__content .intro__subtitle .master {
    display: none
}

.year-2025 .queen-mother .intro .intro__content.intro__content--1 {
    color: #0164ac;
    min-width: 650px;
    margin-left: -130px;
    position: relative;
    z-index: 1
}

.year-2025 .queen-mother .intro .intro__content.intro__content--1:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 754px;
    background: radial-gradient(50% 53.31% at 50% 50%, hsla(0, 0%, 100%, .9) 0, hsla(0, 0%, 100%, 0) 100%);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1
}

@media (min-width: 1400px) {
    .year-2025 .queen-mother .intro .intro__content.intro__content--1 {
        margin-left: -76px
    }

    .year-2025 .queen-mother .intro .intro__content.intro__content--1:after {
        left: -8px;
        width: 707px;
        height: 754px
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-mother .intro .intro__content.intro__content--1 {
        min-width: auto;
        margin-left: -80px
    }
}

@media (max-width: 991.98px) {
    .year-2025 .queen-mother .intro .intro__content.intro__content--1 {
        margin-left: 0;
        padding: 0
    }

    .year-2025 .queen-mother .intro .intro__content.intro__content--1:after {
        left: 0
    }
}

.year-2025 .queen-mother .intro .intro__content.intro__content--1 .company-name {
    display: block
}

.year-2025 .queen-mother .intro .intro__content.intro__content--1 .intro__title {
    position: relative;
    display: inline-block;
    letter-spacing: 4px;
    background: linear-gradient(96deg, #004f87 -7.01%, #0375c6 49.26%, #005897 98.84%);
    margin-bottom: .45rem;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4px
}

.year-2025 .queen-mother .intro .intro__content.intro__content--1 .intro__title:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(3px);
    z-index: -1;
    background: radial-gradient(60% 40% at 50% 65%, hsla(0, 0%, 100%, .7) 0, hsla(0, 0%, 100%, 0) 100%);
    width: 160%;
    height: 100%;
    pointer-events: none;
    filter: blur(6px)
}

.year-2025 .queen-mother .intro .intro__content.intro__content--1 .intro__subtitle .firstname, .year-2025 .queen-mother .intro .intro__content.intro__content--1 .intro__subtitle .lastname {
    display: inline-block
}

.year-2025 .queen-mother .intro .intro__content.intro__content--1 .intro__text {
    margin-bottom: 2.45rem
}

@media (max-width: 767.98px) {
    .year-2025 .queen-mother .intro .intro__content.intro__content--1 .intro__text {
        margin-bottom: 1.75rem
    }
}

.year-2025 .queen-mother .intro .intro__content.intro__content--1 .intro__line {
    margin: 1.5rem auto 1.25rem;
    padding: 0
}

@media (max-width: 767.98px) {
    .year-2025 .queen-mother .intro .intro__content.intro__content--1 .intro__line {
        margin: 1.25rem auto 1rem
    }
}

.year-2025 .queen-mother .intro .intro__content.intro__content--2 {
    color: #0078cd
}

.year-2025 .queen-mother .intro .intro__content.intro__content--2 .company-name {
    display: block
}

.year-2025 .queen-mother .intro .intro__content.intro__content--2 .intro__title {
    background: linear-gradient(96deg, #004f87 -7.01%, #0375c6 49.26%, #005897 98.84%);
    margin-bottom: .45rem;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: fit-content;
    margin-left: auto;
    margin-right: auto
}

.year-2025 .queen-mother .intro .intro__content.intro__content--2 .intro__subtitle .firstname, .year-2025 .queen-mother .intro .intro__content.intro__content--2 .intro__subtitle .lastname {
    display: inline-block
}

.year-2025 .queen-mother .intro .intro__content.intro__content--2 .intro__line {
    margin: .75rem auto;
    padding: 0
}

.year-2025 .queen-mother .intro .intro__content.intro__content--3 {
    color: #063657
}

.year-2025 .queen-mother .intro .intro__content.intro__content--3 .company-name {
    display: block
}

.year-2025 .queen-mother .intro .intro__content.intro__content--3 .intro__title {
    margin-bottom: .45rem;
    color: #d9a815;
    text-shadow: 0 3px 22px #fff
}

.year-2025 .queen-mother .intro .intro__content.intro__content--3 .intro__subtitle .firstname, .year-2025 .queen-mother .intro .intro__content.intro__content--3 .intro__subtitle .lastname {
    display: inline-block
}

.year-2025 .queen-mother .intro .intro__content.intro__content--3 .intro__line {
    margin: .75rem auto .5rem;
    padding: 0
}

.year-2025 .queen-mother .intro .intro__content.intro__content--4 {
    color: #1b4278;
    min-width: 650px;
    margin-left: -136px
}

@media (min-width: 1400px) {
    .year-2025 .queen-mother .intro .intro__content.intro__content--4 {
        margin-top: 2.75rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-mother .intro .intro__content.intro__content--4 {
        min-width: auto;
        margin-left: -60px
    }
}

@media (max-width: 991.98px) {
    .year-2025 .queen-mother .intro .intro__content.intro__content--4 {
        margin-left: 0;
        padding: 0
    }
}

.year-2025 .queen-mother .intro .intro__content.intro__content--4 .company-name {
    display: block
}

.year-2025 .queen-mother .intro .intro__content.intro__content--4 .intro__title {
    position: relative;
    display: inline-block;
    letter-spacing: 4px;
    background: linear-gradient(96deg, #005897 -7.01%, #008bee 49.26%, #005897 98.84%);
    margin-bottom: 1.45rem;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: fit-content;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-mother .intro .intro__content.intro__content--4 .intro__title {
        margin-bottom: 1rem
    }
}

.year-2025 .queen-mother .intro .intro__content.intro__content--4 .intro__subtitle .firstname, .year-2025 .queen-mother .intro .intro__content.intro__content--4 .intro__subtitle .lastname {
    display: inline-block
}

.year-2025 .queen-mother .intro .intro__content.intro__content--4 .intro__text {
    margin-bottom: 1.45rem
}

.year-2025 .queen-mother .intro .intro__content.intro__content--4 .intro__line {
    margin: 1.25rem auto;
    padding: 0
}

@media (max-width: 767.98px) {
    .year-2025 .queen-mother .intro .intro__content.intro__content--4 .intro__line {
        margin: 1.25rem auto 1rem
    }
}

.year-2025 .queen-mother .intro .intro__content.intro__content--5 {
    color: #fff;
    min-width: 650px;
    margin-left: -140px
}

@media (min-width: 1400px) {
    .year-2025 .queen-mother .intro .intro__content.intro__content--5 {
        margin-top: 3.25rem;
        margin-left: -120px
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-mother .intro .intro__content.intro__content--5 {
        min-width: auto;
        margin-left: -80px
    }
}

@media (max-width: 991.98px) {
    .year-2025 .queen-mother .intro .intro__content.intro__content--5 {
        margin-left: 0;
        padding: 0
    }
}

.year-2025 .queen-mother .intro .intro__content.intro__content--5 .company-name {
    display: block
}

.year-2025 .queen-mother .intro .intro__content.intro__content--5 .intro__title {
    margin-bottom: .45rem
}

@media (max-width: 767.98px) {
    .year-2025 .queen-mother .intro .intro__content.intro__content--5 .intro__title {
        margin-bottom: 0
    }
}

.year-2025 .queen-mother .intro .intro__content.intro__content--5 .intro__subtitle .firstname, .year-2025 .queen-mother .intro .intro__content.intro__content--5 .intro__subtitle .lastname {
    display: inline-block
}

.year-2025 .queen-mother .intro .intro__content.intro__content--5 .intro__text {
    margin-bottom: 2.65rem
}

@media (max-width: 767.98px) {
    .year-2025 .queen-mother .intro .intro__content.intro__content--5 .intro__text {
        margin-bottom: 1.35rem
    }
}

.year-2025 .queen-mother .intro .intro__content.intro__content--5 .intro__line {
    margin: 1.65rem auto;
    padding: 0
}

@media (max-width: 767.98px) {
    .year-2025 .queen-mother .intro .intro__content.intro__content--5 .intro__line {
        margin: .45rem auto
    }
}

.year-2025 .queen-mother .intro .intro__content.intro__content--6 {
    color: #4c4009
}

.year-2025 .queen-mother .intro .intro__content.intro__content--6 .company-name {
    display: block
}

.year-2025 .queen-mother .intro .intro__content.intro__content--6 .intro__title {
    background: linear-gradient(93deg, #c6972f 13.8%, #b37e10 23.42%, #f8dd7b 41.4%, #f8dd7b 60.66%, #b37e10 73.5%, #b68215 74.14%, #cb9e34 77.99%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: fit-content;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1400px) {
    .year-2025 .queen-mother .intro .intro__content.intro__content--6 .intro__title {
        margin-bottom: .25rem
    }
}

.year-2025 .queen-mother .intro .intro__content.intro__content--6 .intro__subtitle .firstname, .year-2025 .queen-mother .intro .intro__content.intro__content--6 .intro__subtitle .lastname {
    display: inline-block
}

.year-2025 .queen-mother .intro .intro__content.intro__content--6 .intro__line {
    margin: 1rem auto;
    padding: 0
}

@media (max-width: 767.98px) {
    .year-2025 .queen-mother .intro .intro__content.intro__content--6 .intro__line {
        margin: .75rem auto
    }
}

.year-2025 .queen-mother.queen-mother--1 {
    background-position: 50%
}

.year-2025 .queen-mother.queen-mother--1 .intro {
    min-height: 100vh
}

.year-2025 .queen-mother.queen-mother--2 {
    background-position: 50%
}

.year-2025 .queen-mother.queen-mother--2 .intro, .year-2025 .queen-mother.queen-mother--3 .intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh
}

.year-2025 .queen-mother.queen-mother--4 {
    background-position: 50%
}

.year-2025 .queen-mother.queen-mother--4 .intro {
    min-height: 100vh
}

.year-2025 .queen-mother.queen-mother--5 {
    background-position: 50%
}

.year-2025 .queen-mother.queen-mother--5 .intro {
    min-height: 100vh
}

.year-2025 .queen-mother.queen-mother--6 {
    background-position: 50%
}

.year-2025 .queen-mother.queen-mother--6 .intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh
}

.year-2025 .queen-mother .intro__button {
    border-radius: 24px;
    display: inline-flex;
    align-items: center
}

.year-2025 .queen-mother .intro__button a {
    font-size: inherit;
    text-decoration: none
}

.year-2025 .queen-mother .intro__button.intro__button--1 {
    margin-top: 0;
    background: -webkit-linear-gradient(96deg, #cae9ff -18.05%, #008bee 49.26%, #cae9ff 103.64%);
    background: -moz-linear-gradient(96deg, #cae9ff -18.05%, #008bee 49.26%, #cae9ff 103.64%);
    background: linear-gradient(96deg, #cae9ff -18.05%, #008bee 49.26%, #cae9ff 103.64%);
    border: 1.5px solid #fff;
    border-radius: 60px
}

.year-2025 .queen-mother .intro__button.intro__button--1 a {
    color: #fff;
    padding: 12px 15px 12px 40px
}

.year-2025 .queen-mother .intro__button.intro__button--1 a + a {
    padding: 12px 40px 12px 15px
}

.year-2025 .queen-mother .intro__button.intro__button--1 a:before {
    top: 13px;
    left: -3px;
    color: #fff
}

.year-2025 .queen-mother .intro__button.intro__button--2 {
    margin-top: 0;
    background: -webkit-linear-gradient(96deg, #005897 -7.01%, #008bee 49.26%, #005897 98.84%);
    background: -moz-linear-gradient(96deg, #005897 -7.01%, #008bee 49.26%, #005897 98.84%);
    background: linear-gradient(96deg, #005897 -7.01%, #008bee 49.26%, #005897 98.84%);
    border-radius: 60px
}

.year-2025 .queen-mother .intro__button.intro__button--2 a {
    color: #fff;
    padding: 13px 15px 13px 40px
}

.year-2025 .queen-mother .intro__button.intro__button--2 a + a {
    padding: 13px 40px 13px 15px
}

.year-2025 .queen-mother .intro__button.intro__button--2 a:before {
    top: 14px;
    left: -3px;
    color: #fff
}

.year-2025 .queen-mother .intro__button.intro__button--3 {
    margin-top: 0;
    background-color: #d9a815;
    border-radius: 60px
}

.year-2025 .queen-mother .intro__button.intro__button--3 a {
    color: #fff;
    padding: 13px 15px 13px 40px
}

.year-2025 .queen-mother .intro__button.intro__button--3 a + a {
    padding: 13px 40px 13px 15px
}

.year-2025 .queen-mother .intro__button.intro__button--3 a:before {
    top: 14px;
    left: -3px;
    color: #fff
}

.year-2018 .king10 .year-2025 .queen-mother .intro__button.intro__button--11, .year-2018 .king10 .year-2025 .queen-mother .intro__button.intro__button--12, .year-2019 .king .year-2025 .queen-mother .intro__button.intro__button--11, .year-2019 .king .year-2025 .queen-mother .intro__button.intro__button--12, .year-2025 .queen-mother .intro__button.intro__button--4, .year-2025 .queen-mother .year-2018 .king10 .intro__button.intro__button--11, .year-2025 .queen-mother .year-2018 .king10 .intro__button.intro__button--12, .year-2025 .queen-mother .year-2019 .king .intro__button.intro__button--11, .year-2025 .queen-mother .year-2019 .king .intro__button.intro__button--12 {
    margin-top: 0;
    background: -webkit-linear-gradient(96deg, #cae9ff -18.05%, #008bee 49.26%, #cae9ff 103.64%);
    background: -moz-linear-gradient(96deg, #cae9ff -18.05%, #008bee 49.26%, #cae9ff 103.64%);
    background: linear-gradient(96deg, #cae9ff -18.05%, #008bee 49.26%, #cae9ff 103.64%);
    border: 1.5px solid #fff;
    border-radius: 60px
}

.year-2018 .king10 .year-2025 .queen-mother .intro__button.intro__button--11 a, .year-2018 .king10 .year-2025 .queen-mother .intro__button.intro__button--12 a, .year-2019 .king .year-2025 .queen-mother .intro__button.intro__button--11 a, .year-2019 .king .year-2025 .queen-mother .intro__button.intro__button--12 a, .year-2025 .queen-mother .intro__button.intro__button--4 a, .year-2025 .queen-mother .year-2018 .king10 .intro__button.intro__button--11 a, .year-2025 .queen-mother .year-2018 .king10 .intro__button.intro__button--12 a, .year-2025 .queen-mother .year-2019 .king .intro__button.intro__button--11 a, .year-2025 .queen-mother .year-2019 .king .intro__button.intro__button--12 a {
    color: #fff;
    padding: 12px 15px 12px 40px
}

.year-2018 .king10 .year-2025 .queen-mother .intro__button.intro__button--11 a + a, .year-2018 .king10 .year-2025 .queen-mother .intro__button.intro__button--12 a + a, .year-2019 .king .year-2025 .queen-mother .intro__button.intro__button--11 a + a, .year-2019 .king .year-2025 .queen-mother .intro__button.intro__button--12 a + a, .year-2025 .queen-mother .intro__button.intro__button--4 a + a, .year-2025 .queen-mother .year-2018 .king10 .intro__button.intro__button--11 a + a, .year-2025 .queen-mother .year-2018 .king10 .intro__button.intro__button--12 a + a, .year-2025 .queen-mother .year-2019 .king .intro__button.intro__button--11 a + a, .year-2025 .queen-mother .year-2019 .king .intro__button.intro__button--12 a + a {
    padding: 12px 40px 12px 15px
}

.year-2018 .king10 .year-2025 .queen-mother .intro__button.intro__button--11 a:before, .year-2018 .king10 .year-2025 .queen-mother .intro__button.intro__button--12 a:before, .year-2019 .king .year-2025 .queen-mother .intro__button.intro__button--11 a:before, .year-2019 .king .year-2025 .queen-mother .intro__button.intro__button--12 a:before, .year-2025 .queen-mother .intro__button.intro__button--4 a:before, .year-2025 .queen-mother .year-2018 .king10 .intro__button.intro__button--11 a:before, .year-2025 .queen-mother .year-2018 .king10 .intro__button.intro__button--12 a:before, .year-2025 .queen-mother .year-2019 .king .intro__button.intro__button--11 a:before, .year-2025 .queen-mother .year-2019 .king .intro__button.intro__button--12 a:before {
    top: 13px;
    left: -3px;
    color: #fff
}

.year-2018 .year-2025 .queen-mother .intro__button.intro__button--14, .year-2019 .year-2025 .queen-mother .intro__button.intro__button--14, .year-2025 .queen-mother .intro__button.intro__button--5, .year-2025 .queen-mother .year-2018 .intro__button.intro__button--14, .year-2025 .year-2019 .queen-mother .intro__button.intro__button--14 {
    margin-top: 0;
    border: 1px solid #fff;
    border-radius: 60px;
    background: -webkit-linear-gradient(90deg, #96e0ff, #0050c3 108.16%);
    background: -moz-linear-gradient(90deg, #96e0ff 0, #0050c3 108.16%);
    background: linear-gradient(90deg, #96e0ff, #0050c3 108.16%)
}

.year-2018 .year-2025 .queen-mother .intro__button.intro__button--14 a, .year-2019 .year-2025 .queen-mother .intro__button.intro__button--14 a, .year-2025 .queen-mother .intro__button.intro__button--5 a, .year-2025 .queen-mother .year-2018 .intro__button.intro__button--14 a, .year-2025 .year-2019 .queen-mother .intro__button.intro__button--14 a {
    color: #fff;
    padding: 12px 15px 12px 40px
}

.year-2018 .year-2025 .queen-mother .intro__button.intro__button--14 a + a, .year-2019 .year-2025 .queen-mother .intro__button.intro__button--14 a + a, .year-2025 .queen-mother .intro__button.intro__button--5 a + a, .year-2025 .queen-mother .year-2018 .intro__button.intro__button--14 a + a, .year-2025 .year-2019 .queen-mother .intro__button.intro__button--14 a + a {
    padding: 12px 40px 12px 15px
}

.year-2018 .year-2025 .queen-mother .intro__button.intro__button--14 a:before, .year-2019 .year-2025 .queen-mother .intro__button.intro__button--14 a:before, .year-2025 .queen-mother .intro__button.intro__button--5 a:before, .year-2025 .queen-mother .year-2018 .intro__button.intro__button--14 a:before, .year-2025 .year-2019 .queen-mother .intro__button.intro__button--14 a:before {
    top: 13px;
    left: -3px;
    color: #fff
}

.year-2018 .year-2025 .queen-mother .intro__button.intro__button--11, .year-2019 .year-2025 .queen-mother .intro__button.intro__button--11, .year-2025 .queen-mother .intro__button.intro__button--6, .year-2025 .queen-mother .year-2018 .intro__button.intro__button--11, .year-2025 .year-2019 .queen-mother .intro__button.intro__button--11 {
    margin-top: 0;
    background: -webkit-linear-gradient(97deg, #976905 .71%, #ffc13c 48.79%, #976905 107.13%);
    background: -moz-linear-gradient(97deg, #976905 .71%, #ffc13c 48.79%, #976905 107.13%);
    background: linear-gradient(97deg, #976905 .71%, #ffc13c 48.79%, #976905 107.13%);
    border-radius: 60px
}

.year-2018 .year-2025 .queen-mother .intro__button.intro__button--11 a, .year-2019 .year-2025 .queen-mother .intro__button.intro__button--11 a, .year-2025 .queen-mother .intro__button.intro__button--6 a, .year-2025 .queen-mother .year-2018 .intro__button.intro__button--11 a, .year-2025 .year-2019 .queen-mother .intro__button.intro__button--11 a {
    color: #fff;
    padding: 13px 15px 13px 40px
}

.year-2018 .year-2025 .queen-mother .intro__button.intro__button--11 a + a, .year-2019 .year-2025 .queen-mother .intro__button.intro__button--11 a + a, .year-2025 .queen-mother .intro__button.intro__button--6 a + a, .year-2025 .queen-mother .year-2018 .intro__button.intro__button--11 a + a, .year-2025 .year-2019 .queen-mother .intro__button.intro__button--11 a + a {
    padding: 13px 40px 13px 15px
}

.year-2018 .year-2025 .queen-mother .intro__button.intro__button--11 a:before, .year-2019 .year-2025 .queen-mother .intro__button.intro__button--11 a:before, .year-2025 .queen-mother .intro__button.intro__button--6 a:before, .year-2025 .queen-mother .year-2018 .intro__button.intro__button--11 a:before, .year-2025 .year-2019 .queen-mother .intro__button.intro__button--11 a:before {
    top: 14px;
    left: -3px;
    color: #fff
}

.year-2025 .queen-9-memorial-day h3 {
    font-size: 70px;
    font-size: 4.375rem;
    font-weight: 700
}

.year-2025 .queen-9-memorial-day h4 {
    font-size: 26px;
    font-size: 1.625rem;
    margin: 0 0 5px
}

.year-2025 .queen-9-memorial-day h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2025 .queen-9-memorial-day h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2025 .queen-9-memorial-day .intro__title.intro__title--1 {
    font-family: Sarabun !important;
    font-size: 56px;
    font-size: 3.5rem;
    font-weight: 400;
    font-style: italic;
    line-height: 1.3
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-9-memorial-day .intro__title.intro__title--1 {
        font-size: 46px;
        font-size: 2.875rem
    }
}

@media (max-width: 991.98px) {
    .year-2025 .queen-9-memorial-day .intro__title.intro__title--1 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .queen-9-memorial-day .intro__title.intro__title--1 {
        font-size: 43px;
        font-size: 2.6875rem
    }
}

.year-2025 .queen-9-memorial-day .intro__title.intro__title--2 {
    font-family: Sarabun !important;
    font-size: 56px;
    font-size: 3.5rem;
    font-weight: 400;
    font-style: italic;
    line-height: 1.3
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-9-memorial-day .intro__title.intro__title--2 {
        font-size: 46px;
        font-size: 2.875rem
    }
}

@media (max-width: 991.98px) {
    .year-2025 .queen-9-memorial-day .intro__title.intro__title--2 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .queen-9-memorial-day .intro__title.intro__title--2 {
        font-size: 43px;
        font-size: 2.6875rem
    }
}

.year-2025 .queen-9-memorial-day .intro__subtitle.intro__subtitle--1 {
    font-size: 38px;
    font-size: 2.375rem;
    font-weight: 700;
    margin-bottom: 0
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-9-memorial-day .intro__subtitle.intro__subtitle--1 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 991.98px) {
    .year-2025 .queen-9-memorial-day .intro__subtitle.intro__subtitle--1 {
        font-size: 33px;
        font-size: 2.0625rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .queen-9-memorial-day .intro__subtitle.intro__subtitle--1 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2025 .queen-9-memorial-day .intro__subtitle.intro__subtitle--2 {
    font-size: 38px;
    font-size: 2.375rem;
    font-weight: 700;
    margin-bottom: 0
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-9-memorial-day .intro__subtitle.intro__subtitle--2 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 991.98px) {
    .year-2025 .queen-9-memorial-day .intro__subtitle.intro__subtitle--2 {
        font-size: 33px;
        font-size: 2.0625rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .queen-9-memorial-day .intro__subtitle.intro__subtitle--2 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2025 .queen-9-memorial-day .intro__content.intro__content--1 .intro__text {
    font-family: Sarabun;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 700
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-9-memorial-day .intro__content.intro__content--1 .intro__text {
        font-size: 27px;
        font-size: 1.6875rem
    }
}

@media (max-width: 991.98px) {
    .year-2025 .queen-9-memorial-day .intro__content.intro__content--1 .intro__text {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .queen-9-memorial-day .intro__content.intro__content--1 .intro__text {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

.year-2025 .queen-9-memorial-day .intro__content.intro__content--1 .intro__button {
    font-family: Sarabun;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 400;
    letter-spacing: 1px
}

.year-2025 .queen-9-memorial-day .intro__content.intro__content--2 .intro__text {
    font-family: Sarabun;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 700
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-9-memorial-day .intro__content.intro__content--2 .intro__text {
        font-size: 27px;
        font-size: 1.6875rem
    }
}

@media (max-width: 991.98px) {
    .year-2025 .queen-9-memorial-day .intro__content.intro__content--2 .intro__text {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .queen-9-memorial-day .intro__content.intro__content--2 .intro__text {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

.year-2025 .queen-9-memorial-day .intro__content.intro__content--2 .intro__button {
    font-family: Sarabun;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 400;
    letter-spacing: 1px
}

@media (max-width: 767.98px) {
    .year-2025 .queen-9-memorial-day .intro.intro--horizontal .intro__row {
        width: auto
    }
}

.year-2025 .queen-9-memorial-day .intro .intro__figure.intro__figure--1 {
    max-width: 350px;
    margin-left: 2rem
}

@media (min-width: 1400px) {
    .year-2025 .queen-9-memorial-day .intro .intro__figure.intro__figure--1 {
        max-width: 380px;
        margin-left: 1rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-9-memorial-day .intro .intro__figure.intro__figure--1 {
        max-width: 340px;
        margin-left: 1rem
    }
}

@media (max-width: 991.98px) {
    .year-2025 .queen-9-memorial-day .intro .intro__figure.intro__figure--1 {
        max-width: 100%
    }
}

.year-2025 .queen-9-memorial-day .intro .intro__figure.intro__figure--1 .intro__image {
    margin-bottom: 0
}

@media (max-width: 991.98px) {
    .year-2025 .queen-9-memorial-day .intro .intro__figure.intro__figure--1 .intro__image {
        margin-bottom: 2rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .queen-9-memorial-day .intro .intro__figure.intro__figure--1 .intro__image {
        margin-bottom: 1rem
    }
}

.year-2025 .queen-9-memorial-day .intro .intro__figure.intro__figure--2 {
    max-width: 400px;
    margin: 0
}

@media (min-width: 1400px) {
    .year-2025 .queen-9-memorial-day .intro .intro__figure.intro__figure--2 {
        max-width: 430px;
        margin-left: -1rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-9-memorial-day .intro .intro__figure.intro__figure--2 {
        max-width: 360px
    }
}

@media (max-width: 991.98px) {
    .year-2025 .queen-9-memorial-day .intro .intro__figure.intro__figure--2 {
        max-width: 100%
    }
}

.year-2025 .queen-9-memorial-day .intro .intro__figure.intro__figure--2 .intro__image {
    margin-bottom: 0
}

@media (max-width: 991.98px) {
    .year-2025 .queen-9-memorial-day .intro .intro__figure.intro__figure--2 .intro__image {
        margin-bottom: 2rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .queen-9-memorial-day .intro .intro__figure.intro__figure--2 .intro__image {
        margin-bottom: 1rem
    }
}

.year-2025 .queen-9-memorial-day .intro .intro__content .intro__title {
    margin: 0
}

.year-2025 .queen-9-memorial-day .intro .intro__content .intro__subtitle .master {
    display: none
}

.year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--1 {
    color: #fff;
    min-width: 650px;
    margin-left: -130px
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--1 {
        min-width: auto;
        margin-left: -80px
    }
}

@media (max-width: 991.98px) {
    .year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--1 {
        margin-left: 0;
        padding: 0
    }

    .year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--1:after {
        left: 0
    }
}

.year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--1 .company-name {
    display: block
}

.year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--1 .intro__title {
    color: #fff;
    margin: 0 0 .75rem
}

.year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--1 .intro__subtitle .firstname, .year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--1 .intro__subtitle .lastname {
    display: inline-block
}

.year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--1 .intro__text {
    margin-bottom: 1.75rem
}

@media (max-width: 767.98px) {
    .year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--1 .intro__text {
        margin-bottom: 1rem
    }
}

.year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--1 .intro__line {
    margin: 1.25rem auto;
    padding: 0
}

@media (max-width: 767.98px) {
    .year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--1 .intro__line {
        margin: .75rem auto
    }
}

.year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--2 {
    color: #fff;
    min-width: 650px;
    margin-left: -130px
}

@media (max-width: 1199.98px) {
    .year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--2 {
        min-width: auto;
        margin-left: -80px
    }
}

@media (max-width: 991.98px) {
    .year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--2 {
        margin-left: 0;
        padding: 0
    }

    .year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--2:after {
        left: 0
    }
}

.year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--2 .company-name {
    display: block
}

.year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--2 .intro__title {
    color: #fff;
    margin: 0 0 .75rem
}

.year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--2 .intro__subtitle .firstname, .year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--2 .intro__subtitle .lastname {
    display: inline-block
}

.year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--2 .intro__text {
    margin-bottom: 2.45rem
}

@media (max-width: 767.98px) {
    .year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--2 .intro__text {
        margin-bottom: 1rem
    }
}

.year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--2 .intro__line {
    margin: 1.75rem auto 1rem;
    padding: 0
}

@media (max-width: 767.98px) {
    .year-2025 .queen-9-memorial-day .intro .intro__content.intro__content--2 .intro__line {
        margin: 1rem auto .75rem
    }
}

.year-2025 .queen-9-memorial-day.queen-9-memorial-day--1 {
    background-position: 50%
}

.year-2025 .queen-9-memorial-day.queen-9-memorial-day--1 .intro {
    min-height: 100vh
}

.year-2025 .queen-9-memorial-day.queen-9-memorial-day--2 {
    background-position: 50%
}

.year-2025 .queen-9-memorial-day.queen-9-memorial-day--2 .intro {
    min-height: 100vh
}

.year-2025 .queen-9-memorial-day .intro__button {
    border-radius: 24px;
    display: inline-flex;
    align-items: center
}

.year-2025 .queen-9-memorial-day .intro__button a {
    font-size: inherit;
    text-decoration: none
}

.year-2025 .queen-9-memorial-day .intro__button.intro__button--1 {
    margin-top: 0;
    background-color: #fff;
    border-radius: 60px
}

.year-2025 .queen-9-memorial-day .intro__button.intro__button--1 a {
    color: #000;
    padding: 10px 15px 10px 30px
}

.year-2025 .queen-9-memorial-day .intro__button.intro__button--1 a + a {
    padding: 10px 30px 10px 15px
}

.year-2025 .queen-9-memorial-day .intro__button.intro__button--1 a:before {
    top: 11px;
    left: -3px;
    color: #000
}

.year-2025 .queen-9-memorial-day .intro__button.intro__button--2 {
    margin-top: 0;
    background: -webkit-linear-gradient(96deg, #fff -18.05%, #656565 49.26%, #fff 103.64%);
    background: -moz-linear-gradient(96deg, #fff -18.05%, #656565 49.26%, #fff 103.64%);
    background: linear-gradient(96deg, #fff -18.05%, #656565 49.26%, #fff 103.64%);
    border: 2px solid #fff;
    border-radius: 60px
}

.year-2025 .queen-9-memorial-day .intro__button.intro__button--2 a {
    color: #fff;
    padding: 10px 15px 10px 30px
}

.year-2025 .queen-9-memorial-day .intro__button.intro__button--2 a + a {
    padding: 10px 30px 10px 15px
}

.year-2025 .queen-9-memorial-day .intro__button.intro__button--2 a:before {
    top: 11px;
    left: -3px;
    color: #fff
}

.year-2025 .king .intro__content h3, .year-2025 .king .intro__content h4 {
    font-weight: 700
}

.year-2025 .king .intro__title--1 {
    font-family: PSL Methinee Pro !important;
    font-style: italic;
    font-size: 126px;
    font-size: 7.875rem;
    line-height: .9;
    font-weight: 700 !important
}

@media (max-width: 1199px) {
    .year-2025 .king .intro__title--1 {
        font-size: 110px;
        font-size: 6.875rem
    }
}

@media (max-width: 737px) {
    .year-2025 .king .intro__title--1 {
        font-size: 76px;
        font-size: 4.75rem
    }
}

.year-2025 .king .intro__title--2 {
    font-family: PSL Methinee Pro !important;
    font-style: italic;
    font-size: 112px;
    font-size: 7rem;
    line-height: .9;
    font-weight: 700 !important
}

@media (max-width: 1199px) {
    .year-2025 .king .intro__title--2 {
        font-size: 100px;
        font-size: 6.25rem
    }
}

@media (max-width: 737px) {
    .year-2025 .king .intro__title--2 {
        font-size: 76px;
        font-size: 4.75rem
    }
}

.year-2018 .queen .year-2025 .king .intro__title--10, .year-2018 .queen .year-2025 .king .intro__title--11, .year-2018 .queen .year-2025 .king .intro__title--13, .year-2018 .queen .year-2025 .king .intro__title--14, .year-2018 .queen .year-2025 .king .intro__title--15, .year-2025 .king .intro__title--3, .year-2025 .king .year-2018 .queen .intro__title--10, .year-2025 .king .year-2018 .queen .intro__title--11, .year-2025 .king .year-2018 .queen .intro__title--13, .year-2025 .king .year-2018 .queen .intro__title--14, .year-2025 .king .year-2018 .queen .intro__title--15 {
    font-family: Sarabun !important;
    font-size: 120px;
    font-size: 7.5rem;
    line-height: .9;
    font-weight: 400 !important
}

@media (max-width: 1199px) {
    .year-2018 .queen .year-2025 .king .intro__title--10, .year-2018 .queen .year-2025 .king .intro__title--11, .year-2018 .queen .year-2025 .king .intro__title--13, .year-2018 .queen .year-2025 .king .intro__title--14, .year-2018 .queen .year-2025 .king .intro__title--15, .year-2025 .king .intro__title--3, .year-2025 .king .year-2018 .queen .intro__title--10, .year-2025 .king .year-2018 .queen .intro__title--11, .year-2025 .king .year-2018 .queen .intro__title--13, .year-2025 .king .year-2018 .queen .intro__title--14, .year-2025 .king .year-2018 .queen .intro__title--15 {
        font-size: 104px;
        font-size: 6.5rem
    }
}

@media (max-width: 737px) {
    .year-2018 .queen .year-2025 .king .intro__title--10, .year-2018 .queen .year-2025 .king .intro__title--11, .year-2018 .queen .year-2025 .king .intro__title--13, .year-2018 .queen .year-2025 .king .intro__title--14, .year-2018 .queen .year-2025 .king .intro__title--15, .year-2025 .king .intro__title--3, .year-2025 .king .year-2018 .queen .intro__title--10, .year-2025 .king .year-2018 .queen .intro__title--11, .year-2025 .king .year-2018 .queen .intro__title--13, .year-2025 .king .year-2018 .queen .intro__title--14, .year-2025 .king .year-2018 .queen .intro__title--15 {
        font-size: 76px;
        font-size: 4.75rem
    }
}

.year-2018 .king10 .year-2025 .king .intro__title--10, .year-2018 .king10 .year-2025 .king .intro__title--11, .year-2018 .king10 .year-2025 .king .intro__title--12, .year-2025 .king .intro__title--4, .year-2025 .king .year-2018 .king10 .intro__title--10, .year-2025 .king .year-2018 .king10 .intro__title--11, .year-2025 .king .year-2018 .king10 .intro__title--12 {
    font-family: Sarabun !important;
    font-size: 86px;
    font-size: 5.375rem;
    line-height: .9;
    font-weight: 400 !important
}

@media (max-width: 1199px) {
    .year-2018 .king10 .year-2025 .king .intro__title--10, .year-2018 .king10 .year-2025 .king .intro__title--11, .year-2018 .king10 .year-2025 .king .intro__title--12, .year-2025 .king .intro__title--4, .year-2025 .king .year-2018 .king10 .intro__title--10, .year-2025 .king .year-2018 .king10 .intro__title--11, .year-2025 .king .year-2018 .king10 .intro__title--12 {
        font-size: 78px;
        font-size: 4.875rem
    }
}

@media (max-width: 737px) {
    .year-2018 .king10 .year-2025 .king .intro__title--10, .year-2018 .king10 .year-2025 .king .intro__title--11, .year-2018 .king10 .year-2025 .king .intro__title--12, .year-2025 .king .intro__title--4, .year-2025 .king .year-2018 .king10 .intro__title--10, .year-2025 .king .year-2018 .king10 .intro__title--11, .year-2025 .king .year-2018 .king10 .intro__title--12 {
        font-size: 70px;
        font-size: 4.375rem
    }
}

.year-2018 .queen .year-2025 .king .intro__title--12, .year-2025 .king .intro__title--5, .year-2025 .king .year-2018 .queen .intro__title--12 {
    font-family: Sarabun !important;
    font-size: 78px;
    font-size: 4.875rem;
    line-height: .9;
    font-weight: 400 !important
}

@media (max-width: 1199px) {
    .year-2018 .queen .year-2025 .king .intro__title--12, .year-2025 .king .intro__title--5, .year-2025 .king .year-2018 .queen .intro__title--12 {
        font-size: 74px;
        font-size: 4.625rem
    }
}

@media (max-width: 737px) {
    .year-2018 .queen .year-2025 .king .intro__title--12, .year-2025 .king .intro__title--5, .year-2025 .king .year-2018 .queen .intro__title--12 {
        font-size: 68px;
        font-size: 4.25rem
    }
}

.year-2025 .king .intro__title--6 {
    font-family: Sarabun !important;
    font-size: 120px;
    font-size: 7.5rem;
    line-height: 1;
    font-weight: 700 !important
}

@media (max-width: 1199px) {
    .year-2025 .king .intro__title--6 {
        font-size: 92px;
        font-size: 5.75rem
    }
}

@media (max-width: 737px) {
    .year-2025 .king .intro__title--6 {
        font-size: 80px;
        font-size: 5rem
    }
}

.year-2025 .king .intro__subtitle--1 {
    font-family: Kanit !important;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: 700 !important
}

@media (max-width: 1199px) {
    .year-2025 .king .intro__subtitle--1 {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 479px) {
    .year-2025 .king .intro__subtitle--1 {
        font-size: 16px;
        font-size: 1rem
    }
}

.year-2025 .king .intro__subtitle--2 {
    font-family: Kanit !important;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: 700 !important
}

@media (max-width: 1199px) {
    .year-2025 .king .intro__subtitle--2 {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 479px) {
    .year-2025 .king .intro__subtitle--2 {
        font-size: 16px;
        font-size: 1rem
    }
}

.year-2018 .queen .year-2025 .king .intro__subtitle--10, .year-2018 .queen .year-2025 .king .intro__subtitle--11, .year-2018 .queen .year-2025 .king .intro__subtitle--13, .year-2018 .queen .year-2025 .king .intro__subtitle--14, .year-2018 .queen .year-2025 .king .intro__subtitle--15, .year-2025 .king .intro__subtitle--3, .year-2025 .king .year-2018 .queen .intro__subtitle--10, .year-2025 .king .year-2018 .queen .intro__subtitle--11, .year-2025 .king .year-2018 .queen .intro__subtitle--13, .year-2025 .king .year-2018 .queen .intro__subtitle--14, .year-2025 .king .year-2018 .queen .intro__subtitle--15 {
    font-family: Sarabun !important;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1;
    font-weight: 400 !important
}

@media (max-width: 1199px) {
    .year-2018 .queen .year-2025 .king .intro__subtitle--10, .year-2018 .queen .year-2025 .king .intro__subtitle--11, .year-2018 .queen .year-2025 .king .intro__subtitle--13, .year-2018 .queen .year-2025 .king .intro__subtitle--14, .year-2018 .queen .year-2025 .king .intro__subtitle--15, .year-2025 .king .intro__subtitle--3, .year-2025 .king .year-2018 .queen .intro__subtitle--10, .year-2025 .king .year-2018 .queen .intro__subtitle--11, .year-2025 .king .year-2018 .queen .intro__subtitle--13, .year-2025 .king .year-2018 .queen .intro__subtitle--14, .year-2025 .king .year-2018 .queen .intro__subtitle--15 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2025 .king .intro__subtitle--10, .year-2018 .queen .year-2025 .king .intro__subtitle--11, .year-2018 .queen .year-2025 .king .intro__subtitle--13, .year-2018 .queen .year-2025 .king .intro__subtitle--14, .year-2018 .queen .year-2025 .king .intro__subtitle--15, .year-2025 .king .intro__subtitle--3, .year-2025 .king .year-2018 .queen .intro__subtitle--10, .year-2025 .king .year-2018 .queen .intro__subtitle--11, .year-2025 .king .year-2018 .queen .intro__subtitle--13, .year-2025 .king .year-2018 .queen .intro__subtitle--14, .year-2025 .king .year-2018 .queen .intro__subtitle--15 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2018 .king10 .year-2025 .king .intro__subtitle--10, .year-2018 .king10 .year-2025 .king .intro__subtitle--11, .year-2018 .king10 .year-2025 .king .intro__subtitle--12, .year-2025 .king .intro__subtitle--4, .year-2025 .king .year-2018 .king10 .intro__subtitle--10, .year-2025 .king .year-2018 .king10 .intro__subtitle--11, .year-2025 .king .year-2018 .king10 .intro__subtitle--12 {
    font-family: Sarabun !important;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1;
    font-weight: 400 !important
}

@media (max-width: 1199px) {
    .year-2018 .king10 .year-2025 .king .intro__subtitle--10, .year-2018 .king10 .year-2025 .king .intro__subtitle--11, .year-2018 .king10 .year-2025 .king .intro__subtitle--12, .year-2025 .king .intro__subtitle--4, .year-2025 .king .year-2018 .king10 .intro__subtitle--10, .year-2025 .king .year-2018 .king10 .intro__subtitle--11, .year-2025 .king .year-2018 .king10 .intro__subtitle--12 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 479px) {
    .year-2018 .king10 .year-2025 .king .intro__subtitle--10, .year-2018 .king10 .year-2025 .king .intro__subtitle--11, .year-2018 .king10 .year-2025 .king .intro__subtitle--12, .year-2025 .king .intro__subtitle--4, .year-2025 .king .year-2018 .king10 .intro__subtitle--10, .year-2025 .king .year-2018 .king10 .intro__subtitle--11, .year-2025 .king .year-2018 .king10 .intro__subtitle--12 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2018 .queen .year-2025 .king .intro__subtitle--12, .year-2025 .king .intro__subtitle--5, .year-2025 .king .year-2018 .queen .intro__subtitle--12 {
    font-family: Sarabun !important;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 400 !important
}

@media (max-width: 1199px) {
    .year-2018 .queen .year-2025 .king .intro__subtitle--12, .year-2025 .king .intro__subtitle--5, .year-2025 .king .year-2018 .queen .intro__subtitle--12 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2025 .king .intro__subtitle--12, .year-2025 .king .intro__subtitle--5, .year-2025 .king .year-2018 .queen .intro__subtitle--12 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2025 .king .intro__subtitle--6 {
    font-family: Sarabun !important;
    font-size: 32px;
    font-size: 2rem;
    line-height: 1;
    font-weight: 400 !important
}

@media (max-width: 1199px) {
    .year-2025 .king .intro__subtitle--6 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 479px) {
    .year-2025 .king .intro__subtitle--6 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2025 .king .intro__content--1 .intro__text {
    font-family: Kanit;
    font-weight: 700;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.7
}

@media (max-width: 1199px) {
    .year-2025 .king .intro__content--1 .intro__text {
        font-size: 14px;
        font-size: .875rem
    }
}

@media (max-width: 479px) {
    .year-2025 .king .intro__content--1 .intro__text {
        font-size: 13px;
        font-size: .8125rem
    }
}

.year-2025 .king .intro__content--1 .intro__button {
    font-family: Kanit;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400
}

.year-2025 .king .intro__content--2 .intro__text {
    font-family: Kanit;
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.7
}

@media (max-width: 1199px) {
    .year-2025 .king .intro__content--2 .intro__text {
        font-size: 14px;
        font-size: .875rem
    }
}

@media (max-width: 479px) {
    .year-2025 .king .intro__content--2 .intro__text {
        font-size: 13px;
        font-size: .8125rem
    }
}

.year-2025 .king .intro__content--2 .intro__button {
    font-family: Kanit;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400
}

.year-2025 .king .intro__content--3 .intro__text {
    font-family: Sarabun;
    font-weight: 700;
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1
}

@media (max-width: 1199px) {
    .year-2025 .king .intro__content--3 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media (max-width: 479px) {
    .year-2025 .king .intro__content--3 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.year-2025 .king .intro__content--3 .intro__button {
    font-family: Kanit;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400
}

.year-2025 .king .intro__content--4 .intro__text {
    font-family: Sarabun;
    font-weight: 700;
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1
}

@media (max-width: 1199px) {
    .year-2025 .king .intro__content--4 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media (max-width: 479px) {
    .year-2025 .king .intro__content--4 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.year-2025 .king .intro__content--4 .intro__button {
    font-family: Kanit;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400
}

.year-2025 .king .intro__content--5 .intro__text {
    font-family: Sarabun;
    font-weight: 700;
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1
}

@media (max-width: 1199px) {
    .year-2025 .king .intro__content--5 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media (max-width: 479px) {
    .year-2025 .king .intro__content--5 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.year-2025 .king .intro__content--5 .intro__button {
    font-family: Kanit;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400
}

.year-2025 .king .intro__content--6 .intro__text {
    font-family: IBM Plex Sans Thai Looped;
    font-weight: 500;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5
}

@media (max-width: 1199px) {
    .year-2025 .king .intro__content--6 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 479px) {
    .year-2025 .king .intro__content--6 .intro__text {
        font-size: 13px;
        font-size: .8125rem
    }
}

.year-2025 .king .intro__content--6 .intro__button {
    font-family: Kanit;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400
}

.year-2025 .king .intro.intro--vertical {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100vh - 30px)
}

.year-2025 .king .intro__figure--1 {
    min-height: 300px;
    max-width: 380px;
    margin: 0
}

@media (max-width: 991px) {
    .year-2025 .king .intro__figure--1 {
        max-width: 100%;
        min-height: auto;
        margin: 0 auto
    }
}

.year-2025 .king .intro__figure--2 {
    height: auto;
    width: 80%
}

.year-2025 .king .intro__figure--3 {
    max-width: 450px;
    min-height: 300px;
    margin: 0
}

@media (max-width: 991px) {
    .year-2025 .king .intro__figure--3 {
        max-width: 100%;
        min-height: auto;
        margin: 0 auto
    }
}

.year-2025 .king .intro__figure--4 {
    height: auto;
    width: 80%
}

.year-2025 .king .intro__figure--4 img {
    max-height: 380px
}

.year-2025 .king .intro__figure--5 {
    height: auto;
    width: 80%
}

.year-2025 .king .intro__figure--6 {
    min-height: 300px;
    max-width: 360px;
    margin: 0
}

@media (max-width: 991px) {
    .year-2025 .king .intro__figure--6 {
        width: 80%;
        max-width: 100%;
        min-height: auto;
        margin: 0 auto
    }
}

.year-2025 .king .intro__subtitle--event {
    order: 3
}

.year-2025 .king .intro__subtitle--longlive {
    order: 2
}

.year-2025 .king .intro__subtitle--name {
    display: none !important
}

.year-2025 .king .intro__content {
    display: flex;
    flex-direction: column
}

.year-2025 .king .intro__content--1 {
    min-width: 620px;
    margin-left: -100px
}

@media (max-width: 1199px) {
    .year-2025 .king .intro__content--1 {
        margin-left: -110px
    }
}

@media (max-width: 991px) {
    .year-2025 .king .intro__content--1 {
        min-width: auto;
        margin-left: 0
    }
}

.year-2025 .king .intro__content--1 .intro__title {
    margin-bottom: 0;
    color: #ca9c04;
    order: 1
}

.year-2025 .king .intro__content--1 .intro__subtitle, .year-2025 .king .intro__content--1 .intro__text {
    color: #400
}

.year-2025 .king .intro__content--1 .intro__line {
    max-width: 100%;
    margin: 0 auto;
    padding: 16px
}

.year-2025 .king .intro__content--1 .intro__line img {
    max-height: 25px
}

.year-2025 .king .intro__content--2 .intro__title {
    margin-bottom: 0;
    background: linear-gradient(93deg, #ca9c04 -8.22%, #ecc061 57.81%, #ca9c04 129.46%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    order: 1
}

.year-2025 .king .intro__content--2 .intro__subtitle, .year-2025 .king .intro__content--2 .intro__text {
    color: #400
}

.year-2025 .king .intro__content--2 .intro__line {
    max-width: 100%;
    margin: 0 auto;
    padding: 16px
}

.year-2025 .king .intro__content--2 .intro__line img {
    max-height: 20px
}

.year-2025 .king .intro__content--3 {
    min-width: 620px;
    margin-left: -100px
}

@media (max-width: 991px) {
    .year-2025 .king .intro__content--3 {
        min-width: auto;
        margin-left: 0
    }
}

.year-2025 .king .intro__content--3 .intro__title {
    margin-bottom: 0;
    color: #fff7ba;
    text-shadow: 2px 3px 3px #8a5925;
    order: 1
}

.year-2025 .king .intro__content--3 .intro__subtitle, .year-2025 .king .intro__content--3 .intro__text {
    color: #683502
}

.year-2025 .king .intro__content--3 .intro__line {
    max-width: 100%;
    margin: 0 auto;
    padding: 16px
}

.year-2025 .king .intro__content--3 .intro__line img {
    max-height: 22px
}

.year-2025 .king .intro__content--4 .intro__title {
    margin-bottom: 0;
    background: linear-gradient(180deg, #463100 4.66%, #6d4303 63.8%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    order: 1
}

.year-2025 .king .intro__content--4 .intro__subtitle, .year-2025 .king .intro__content--4 .intro__text {
    color: #5a3900
}

.year-2025 .king .intro__content--4 .intro__line {
    max-width: 100%;
    margin: 0 auto;
    padding: 16px
}

.year-2025 .king .intro__content--4 .intro__line img {
    max-height: 28px
}

.year-2025 .king .intro__content--5 .intro__title {
    margin-bottom: 0;
    color: #7b5000;
    order: 1
}

.year-2025 .king .intro__content--5 .intro__subtitle, .year-2025 .king .intro__content--5 .intro__text {
    color: #683502
}

.year-2025 .king .intro__content--5 .intro__line {
    max-width: 100%;
    margin: 0 auto;
    padding: 16px
}

.year-2025 .king .intro__content--5 .intro__line img {
    max-height: 25px
}

.year-2025 .king .intro__content--6 {
    min-width: 620px;
    margin-left: -120px
}

@media (max-width: 1199px) {
    .year-2025 .king .intro__content--6 {
        margin-left: -140px
    }
}

@media (max-width: 991px) {
    .year-2025 .king .intro__content--6 {
        min-width: auto;
        margin-left: 0
    }
}

.year-2025 .king .intro__content--6 .intro__title {
    margin-bottom: 0;
    background: linear-gradient(180deg, #ecc061 23.54%, #dba100);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    text-shadow: 2px 2px 0 #6b470d;
    order: 1
}

.year-2025 .king .intro__content--6 .intro__subtitle {
    color: #874b00
}

.year-2025 .king .intro__content--6 .intro__text {
    color: #643800
}

.year-2025 .king .intro__content--6 .intro__line {
    max-width: 100%;
    margin: 0 auto;
    padding: 16px
}

.year-2025 .king .intro__content--6 .intro__line img {
    max-width: 80%
}

.year-2025 .king .intro__text {
    order: 5
}

.year-2025 .king .intro__line {
    order: 4
}

.year-2025 .king .intro__footer {
    order: 6
}

.year-2025 .king .intro .hidden-lg-up {
    display: none
}

.year-2025 .king .intro__button a {
    font-size: 100%
}

.year-2025 .king .intro__button--1 {
    position: relative;
    border-radius: 30px;
    padding: 5px;
    margin: 1rem 0 0;
    background: linear-gradient(90deg, #c67f00 0, #fff2a2 50%, #c67f00)
}

.year-2025 .king .intro__button--1 a {
    color: #894818;
    padding: 10px 5px 10px 28px
}

.year-2025 .king .intro__button--1 a + a {
    padding: 10px 28px 10px 5px
}

.year-2025 .king .intro__button--1 a:focus, .year-2025 .king .intro__button--1 a:hover {
    text-decoration: none
}

.year-2025 .king .intro__button--1 a:before {
    color: #894818
}

.year-2025 .king .intro__button--2 {
    position: relative;
    border-radius: 30px;
    padding: 5px;
    margin: 0;
    background: linear-gradient(90deg, #c67f00 0, #fff2a2 50%, #c67f00)
}

.year-2025 .king .intro__button--2 a {
    color: #894818;
    padding: 10px 5px 10px 28px
}

.year-2025 .king .intro__button--2 a + a {
    padding: 10px 28px 10px 5px
}

.year-2025 .king .intro__button--2 a:focus, .year-2025 .king .intro__button--2 a:hover {
    text-decoration: none
}

.year-2025 .king .intro__button--2 a:before {
    color: #894818
}

.year-2025 .king .intro__button--3 {
    position: relative;
    margin: 0;
    border-radius: 30px;
    padding: 5px;
    background: linear-gradient(270deg, #ffbb40 -56.51%, #fcfcb2 47.48%, #ffbb40 151.47%)
}

.year-2025 .king .intro__button--3 a {
    color: #603913;
    padding: 10px 5px 10px 28px
}

.year-2025 .king .intro__button--3 a + a {
    padding: 10px 28px 10px 5px
}

.year-2025 .king .intro__button--3 a:focus, .year-2025 .king .intro__button--3 a:hover {
    text-decoration: none
}

.year-2025 .king .intro__button--3 a:before {
    color: #603913
}

.year-2018 .king10 .year-2025 .king .intro__button--11, .year-2018 .king10 .year-2025 .king .intro__button--12, .year-2019 .year-2025 .king .intro__button--11, .year-2019 .year-2025 .king .intro__button--12, .year-2025 .king .intro__button--4, .year-2025 .king .year-2018 .king10 .intro__button--11, .year-2025 .king .year-2018 .king10 .intro__button--12, .year-2025 .year-2019 .king .intro__button--11, .year-2025 .year-2019 .king .intro__button--12 {
    position: relative;
    margin-top: .5rem;
    border-radius: 30px;
    padding: 5px;
    background: #694002
}

.year-2018 .king10 .year-2025 .king .intro__button--11 a, .year-2018 .king10 .year-2025 .king .intro__button--12 a, .year-2019 .year-2025 .king .intro__button--11 a, .year-2019 .year-2025 .king .intro__button--12 a, .year-2025 .king .intro__button--4 a, .year-2025 .king .year-2018 .king10 .intro__button--11 a, .year-2025 .king .year-2018 .king10 .intro__button--12 a, .year-2025 .year-2019 .king .intro__button--11 a, .year-2025 .year-2019 .king .intro__button--12 a {
    color: #fff;
    padding: 10px 5px 10px 28px
}

.year-2018 .king10 .year-2025 .king .intro__button--11 a + a, .year-2018 .king10 .year-2025 .king .intro__button--12 a + a, .year-2019 .year-2025 .king .intro__button--11 a + a, .year-2019 .year-2025 .king .intro__button--12 a + a, .year-2025 .king .intro__button--4 a + a, .year-2025 .king .year-2018 .king10 .intro__button--11 a + a, .year-2025 .king .year-2018 .king10 .intro__button--12 a + a, .year-2025 .year-2019 .king .intro__button--11 a + a, .year-2025 .year-2019 .king .intro__button--12 a + a {
    padding: 10px 28px 10px 5px
}

.year-2018 .king10 .year-2025 .king .intro__button--11 a:focus, .year-2018 .king10 .year-2025 .king .intro__button--11 a:hover, .year-2018 .king10 .year-2025 .king .intro__button--12 a:focus, .year-2018 .king10 .year-2025 .king .intro__button--12 a:hover, .year-2019 .year-2025 .king .intro__button--11 a:focus, .year-2019 .year-2025 .king .intro__button--11 a:hover, .year-2019 .year-2025 .king .intro__button--12 a:focus, .year-2019 .year-2025 .king .intro__button--12 a:hover, .year-2025 .king .intro__button--4 a:focus, .year-2025 .king .intro__button--4 a:hover, .year-2025 .king .year-2018 .king10 .intro__button--11 a:focus, .year-2025 .king .year-2018 .king10 .intro__button--11 a:hover, .year-2025 .king .year-2018 .king10 .intro__button--12 a:focus, .year-2025 .king .year-2018 .king10 .intro__button--12 a:hover, .year-2025 .year-2019 .king .intro__button--11 a:focus, .year-2025 .year-2019 .king .intro__button--11 a:hover, .year-2025 .year-2019 .king .intro__button--12 a:focus, .year-2025 .year-2019 .king .intro__button--12 a:hover {
    text-decoration: none
}

.year-2018 .king10 .year-2025 .king .intro__button--11 a:before, .year-2018 .king10 .year-2025 .king .intro__button--12 a:before, .year-2019 .year-2025 .king .intro__button--11 a:before, .year-2019 .year-2025 .king .intro__button--12 a:before, .year-2025 .king .intro__button--4 a:before, .year-2025 .king .year-2018 .king10 .intro__button--11 a:before, .year-2025 .king .year-2018 .king10 .intro__button--12 a:before, .year-2025 .year-2019 .king .intro__button--11 a:before, .year-2025 .year-2019 .king .intro__button--12 a:before {
    color: #fff
}

.year-2018 .year-2025 .king .intro__button--14, .year-2019 .queen-mother .year-2025 .king .intro__button--14, .year-2025 .king .intro__button--5, .year-2025 .king .year-2018 .intro__button--14, .year-2025 .king .year-2019 .queen-mother .intro__button--14 {
    position: relative;
    margin: 0;
    border-radius: 30px;
    padding: 5px;
    background: linear-gradient(270deg, #ffcd6a, #fff 52.4%, #ffcd6a);
    border: 1px solid #fff
}

.year-2018 .year-2025 .king .intro__button--14 a, .year-2019 .queen-mother .year-2025 .king .intro__button--14 a, .year-2025 .king .intro__button--5 a, .year-2025 .king .year-2018 .intro__button--14 a, .year-2025 .king .year-2019 .queen-mother .intro__button--14 a {
    color: #683502;
    padding: 10px 5px 10px 28px
}

.year-2018 .year-2025 .king .intro__button--14 a + a, .year-2019 .queen-mother .year-2025 .king .intro__button--14 a + a, .year-2025 .king .intro__button--5 a + a, .year-2025 .king .year-2018 .intro__button--14 a + a, .year-2025 .king .year-2019 .queen-mother .intro__button--14 a + a {
    padding: 10px 28px 10px 5px
}

.year-2018 .year-2025 .king .intro__button--14 a:focus, .year-2018 .year-2025 .king .intro__button--14 a:hover, .year-2019 .queen-mother .year-2025 .king .intro__button--14 a:focus, .year-2019 .queen-mother .year-2025 .king .intro__button--14 a:hover, .year-2025 .king .intro__button--5 a:focus, .year-2025 .king .intro__button--5 a:hover, .year-2025 .king .year-2018 .intro__button--14 a:focus, .year-2025 .king .year-2018 .intro__button--14 a:hover, .year-2025 .king .year-2019 .queen-mother .intro__button--14 a:focus, .year-2025 .king .year-2019 .queen-mother .intro__button--14 a:hover {
    text-decoration: none
}

.year-2018 .year-2025 .king .intro__button--14 a:before, .year-2019 .queen-mother .year-2025 .king .intro__button--14 a:before, .year-2025 .king .intro__button--5 a:before, .year-2025 .king .year-2018 .intro__button--14 a:before, .year-2025 .king .year-2019 .queen-mother .intro__button--14 a:before {
    color: #683502
}

.year-2018 .year-2025 .king .intro__button--11, .year-2019 .queen-mother .year-2025 .king .intro__button--11, .year-2025 .king .intro__button--6, .year-2025 .king .year-2018 .intro__button--11, .year-2025 .king .year-2019 .queen-mother .intro__button--11 {
    position: relative;
    margin: 0;
    border-radius: 30px;
    padding: 5px;
    background: #694002
}

.year-2018 .year-2025 .king .intro__button--11 a, .year-2019 .queen-mother .year-2025 .king .intro__button--11 a, .year-2025 .king .intro__button--6 a, .year-2025 .king .year-2018 .intro__button--11 a, .year-2025 .king .year-2019 .queen-mother .intro__button--11 a {
    color: #fff;
    padding: 10px 5px 10px 28px
}

.year-2018 .year-2025 .king .intro__button--11 a + a, .year-2019 .queen-mother .year-2025 .king .intro__button--11 a + a, .year-2025 .king .intro__button--6 a + a, .year-2025 .king .year-2018 .intro__button--11 a + a, .year-2025 .king .year-2019 .queen-mother .intro__button--11 a + a {
    padding: 10px 28px 10px 5px
}

.year-2018 .year-2025 .king .intro__button--11 a:focus, .year-2018 .year-2025 .king .intro__button--11 a:hover, .year-2019 .queen-mother .year-2025 .king .intro__button--11 a:focus, .year-2019 .queen-mother .year-2025 .king .intro__button--11 a:hover, .year-2025 .king .intro__button--6 a:focus, .year-2025 .king .intro__button--6 a:hover, .year-2025 .king .year-2018 .intro__button--11 a:focus, .year-2025 .king .year-2018 .intro__button--11 a:hover, .year-2025 .king .year-2019 .queen-mother .intro__button--11 a:focus, .year-2025 .king .year-2019 .queen-mother .intro__button--11 a:hover {
    text-decoration: none
}

.year-2018 .year-2025 .king .intro__button--11 a:before, .year-2019 .queen-mother .year-2025 .king .intro__button--11 a:before, .year-2025 .king .intro__button--6 a:before, .year-2025 .king .year-2018 .intro__button--11 a:before, .year-2025 .king .year-2019 .queen-mother .intro__button--11 a:before {
    color: #fff
}

.year-2025 .king-rama-9-memorial-day h3, .year-2025 .king-rama-9-memorial-day h4 {
    font-weight: 700;
    line-height: 1
}

.year-2025 .king-rama-9-memorial-day p {
    font-weight: 400;
    line-height: 1.2
}

body .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 {
    font-family: Sarabun
}

.year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h3 {
    font-family: Sarabun !important;
    font-weight: 400;
    font-size: 50px;
    font-size: 3.125rem
}

@media (max-width: 1199px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h3 {
        font-size: 46px;
        font-size: 2.875rem
    }
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h3 {
        font-size: 38px;
        font-size: 2.375rem
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h3 {
        font-size: 36px;
        font-size: 2.25rem
    }
}

.year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h4 {
    font-family: Sarabun !important;
    font-weight: 400;
    font-size: 36px;
    font-size: 2.25rem
}

@media (max-width: 1199px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h4 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h4 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h4 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 p {
    font-size: 28px;
    font-size: 1.75rem
}

@media (max-width: 1199px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 p {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

body .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 {
    font-family: Sarabun
}

.year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 h3 {
    font-family: Sarabun !important;
    font-weight: 400;
    font-size: 50px;
    font-size: 3.125rem
}

@media (max-width: 1199px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 h3 {
        font-size: 46px;
        font-size: 2.875rem
    }
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 h3 {
        font-size: 38px;
        font-size: 2.375rem
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 h3 {
        font-size: 36px;
        font-size: 2.25rem
    }
}

.year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 h4 {
    font-family: Sarabun !important;
    font-weight: 400;
    font-size: 36px;
    font-size: 2.25rem
}

@media (max-width: 1199px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 h4 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 h4 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 h4 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 p {
    font-size: 28px;
    font-size: 1.75rem
}

@media (max-width: 1199px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 p {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

body .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 {
    font-family: Sarabun
}

.year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 h3 {
    font-family: Sarabun !important;
    font-weight: 400;
    font-size: 50px;
    font-size: 3.125rem
}

@media (max-width: 1199px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 h3 {
        font-size: 46px;
        font-size: 2.875rem
    }
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 h3 {
        font-size: 38px;
        font-size: 2.375rem
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 h3 {
        font-size: 36px;
        font-size: 2.25rem
    }
}

.year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 h4 {
    font-family: Sarabun !important;
    font-weight: 400;
    font-size: 36px;
    font-size: 2.25rem
}

@media (max-width: 1199px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 h4 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 h4 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 h4 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 p {
    font-size: 28px;
    font-size: 1.75rem
}

@media (max-width: 1199px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 p {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

body .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 {
    font-family: PSL Paksin Pro
}

.year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 h3 {
    font-family: PSL Paksin Pro !important;
    font-size: 46px;
    font-size: 2.875rem
}

@media (max-width: 1199px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 h3 {
        font-size: 44px;
        font-size: 2.75rem
    }
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 h3 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 h3 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 h4 {
    font-family: PSL Paksin Pro !important;
    font-weight: 400;
    font-size: 30px;
    font-size: 1.875rem
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 h4 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 h4 {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

.year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 p {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.1
}

@media (max-width: 1199px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 p {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

body .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 {
    font-family: PSL Paksin Pro
}

.year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 h3 {
    font-family: PSL Paksin Pro !important;
    font-size: 46px;
    font-size: 2.875rem
}

@media (max-width: 1199px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 h3 {
        font-size: 44px;
        font-size: 2.75rem
    }
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 h3 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 h3 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 h4 {
    font-family: PSL Paksin Pro !important;
    font-weight: 400;
    font-size: 30px;
    font-size: 1.875rem
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 h4 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 h4 {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

.year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 p {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.1
}

@media (max-width: 1199px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 p {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

body .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 {
    font-family: PSL Paksin Pro
}

.year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 h3 {
    font-family: PSL Paksin Pro !important;
    font-size: 46px;
    font-size: 2.875rem
}

@media (max-width: 1199px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 h3 {
        font-size: 44px;
        font-size: 2.75rem
    }
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 h3 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 h3 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 h4 {
    font-family: PSL Paksin Pro !important;
    font-weight: 400;
    font-size: 30px;
    font-size: 1.875rem
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 h4 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 h4 {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

.year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 p {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.1
}

@media (max-width: 1199px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 p {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2025 .king-rama-9-memorial-day .intro.intro--vertical {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100vh - 30px)
}

.year-2025 .king-rama-9-memorial-day .intro .intro__figure {
    max-width: 100%
}

.year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--1 {
    max-width: 420px;
    margin: 0 2rem 0 auto
}

.year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--1 .intro__image {
    margin-bottom: 0
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--1 {
        max-width: 100%;
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--1 .intro__image {
        max-width: 80%
    }
}

.year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--2 {
    max-width: 400px;
    margin: 0 2rem 0 auto
}

.year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--2 .intro__image {
    margin-bottom: 0
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--2 {
        max-width: 100%;
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--2 .intro__image {
        max-width: 70%
    }
}

.year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--3 {
    max-width: 360px;
    margin: 0 2rem 0 auto
}

.year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--3 .intro__image {
    margin-bottom: 0
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--3 {
        max-width: 100%;
        margin: 0 auto
    }

    .year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--3 .intro__image {
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--3 .intro__image {
        max-width: 70%
    }
}

.year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--4 {
    height: auto;
    width: 75%
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--4 {
        width: 100%
    }
}

.year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--5 {
    height: auto;
    width: 30%;
    margin-bottom: .5rem
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--5 {
        width: 50%
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--5 {
        width: 80%
    }
}

.year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--6 {
    height: auto;
    width: 28%;
    margin-bottom: .5rem
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--6 {
        width: 50%
    }
}

@media (max-width: 767px) {
    .year-2025 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--6 {
        width: 80%
    }
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day .intro .intro__content {
        padding: 0
    }
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--1 {
    color: #5d3900;
    margin-left: -120px;
    max-width: 620px
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--1 {
        margin-left: 0;
        max-width: 100%
    }
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--1 .intro__line {
    padding: 20px 0
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--1 .intro__line img {
    max-height: 28px
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--1 .intro__text {
    color: #553400
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--1 .intro__text .intro__text-prefix {
    display: block
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--2 {
    color: #794a00;
    margin-left: -120px;
    max-width: 620px
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--2 {
        margin-left: 0;
        max-width: 100%
    }
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--2 .intro__line {
    padding: 20px 0
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--2 .intro__line img {
    max-height: 22px
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--2 .intro__text {
    color: #794a00
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--2 .intro__text .intro__text-prefix {
    display: block
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--3 {
    color: #794a00;
    margin-left: -80px;
    max-width: 620px
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--3 {
        margin-left: 0;
        max-width: 100%
    }
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--3 .intro__line {
    padding: 20px 0
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--3 .intro__line img {
    max-height: 22px
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--3 .intro__text {
    color: #794a00
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--3 .intro__text .intro__text-prefix {
    display: block
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--4 {
    color: #794a00
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--4 .intro__line {
    padding: 15px 0
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--4 .intro__line img {
    max-height: 32px
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--4 .company-name {
    display: block
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--4 .intro__text {
    margin-bottom: .5rem
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--4 .intro__text .intro__text-prefix {
        display: block
    }
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--5 {
    color: #794a00
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--5 .intro__line {
    padding: 15px 0
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--5 .intro__line img {
    max-height: 22px
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--5 .company-name {
    display: block
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--5 .intro__text {
    margin-bottom: .5rem
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--5 .intro__text .intro__text-prefix {
        display: block
    }
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--6 {
    color: #794a00
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--6 .intro__line {
    padding: 15px 0
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--6 .intro__line img {
    max-height: 30px
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--6 .company-name {
    display: block
}

.year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--6 .intro__text {
    margin-bottom: .5rem
}

@media (max-width: 991px) {
    .year-2025 .king-rama-9-memorial-day .intro .intro__content.intro__content--6 .intro__text .intro__text-prefix {
        display: block
    }
}

.year-2025 .king-rama-9-memorial-day .intro .intro__title {
    margin-bottom: .75rem
}

.year-2025 .king-rama-9-memorial-day .intro .intro__title.intro__title--1 {
    color: #5d3900
}

.year-2018 .queen .year-2025 .king-rama-9-memorial-day .intro .intro__title.intro__title--10, .year-2018 .queen .year-2025 .king-rama-9-memorial-day .intro .intro__title.intro__title--11, .year-2018 .queen .year-2025 .king-rama-9-memorial-day .intro .intro__title.intro__title--13, .year-2018 .queen .year-2025 .king-rama-9-memorial-day .intro .intro__title.intro__title--14, .year-2018 .queen .year-2025 .king-rama-9-memorial-day .intro .intro__title.intro__title--15, .year-2025 .king-rama-9-memorial-day .intro .intro__title.intro__title--2, .year-2025 .king-rama-9-memorial-day .intro .intro__title.intro__title--3, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__title.intro__title--10, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__title.intro__title--11, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__title.intro__title--13, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__title.intro__title--14, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__title.intro__title--15 {
    color: #794a00
}

.year-2018 .king10 .year-2025 .king-rama-9-memorial-day .intro .intro__title.intro__title--10, .year-2018 .king10 .year-2025 .king-rama-9-memorial-day .intro .intro__title.intro__title--11, .year-2018 .king10 .year-2025 .king-rama-9-memorial-day .intro .intro__title.intro__title--12, .year-2018 .queen .year-2025 .king-rama-9-memorial-day .intro .intro__title.intro__title--12, .year-2025 .king-rama-9-memorial-day .intro .intro__title.intro__title--4, .year-2025 .king-rama-9-memorial-day .intro .intro__title.intro__title--5, .year-2025 .king-rama-9-memorial-day .intro .intro__title.intro__title--6, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__title.intro__title--10, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__title.intro__title--11, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__title.intro__title--12, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__title.intro__title--12 {
    color: #794a00;
    margin-bottom: .5rem
}

.year-2018 .king10 .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--10 .firstname, .year-2018 .king10 .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--11 .firstname, .year-2018 .king10 .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--12 .firstname, .year-2018 .queen .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--10 .firstname, .year-2018 .queen .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--11 .firstname, .year-2018 .queen .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--13 .firstname, .year-2018 .queen .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--14 .firstname, .year-2018 .queen .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--15 .firstname, .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--1, .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--1 .firstname, .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--2 .firstname, .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--3 .firstname, .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--4 .firstname, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__subtitle.intro__subtitle--10 .firstname, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__subtitle.intro__subtitle--11 .firstname, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__subtitle.intro__subtitle--12 .firstname, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__subtitle.intro__subtitle--10 .firstname, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__subtitle.intro__subtitle--11 .firstname, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__subtitle.intro__subtitle--13 .firstname, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__subtitle.intro__subtitle--14 .firstname, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__subtitle.intro__subtitle--15 .firstname {
    display: inline-block
}

.year-2018 .king10 .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--10 .master, .year-2018 .king10 .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--11 .master, .year-2018 .king10 .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--12 .master, .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--4 .master, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__subtitle.intro__subtitle--10 .master, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__subtitle.intro__subtitle--11 .master, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__subtitle.intro__subtitle--12 .master {
    display: block
}

.year-2018 .queen .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--12 .firstname, .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--5 .firstname, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__subtitle.intro__subtitle--12 .firstname {
    display: inline-block
}

.year-2018 .queen .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--12 .master, .year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--5 .master, .year-2025 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__subtitle.intro__subtitle--12 .master {
    display: block
}

.year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--6 .firstname {
    display: inline-block
}

.year-2025 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--6 .master {
    display: block
}

.year-2025 .king-rama-9-memorial-day .intro__button {
    font-family: Kanit;
    position: relative;
    display: inline-flex;
    margin: 0;
    padding: 6px 0;
    border-radius: 100px
}

.year-2025 .king-rama-9-memorial-day .intro__button a {
    position: relative;
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    padding: 10px 5px 10px 30px
}

@media (max-width: 479px) {
    .year-2025 .king-rama-9-memorial-day .intro__button a {
        font-size: 13px;
        font-size: .8125rem
    }
}

.year-2025 .king-rama-9-memorial-day .intro__button a:focus, .year-2025 .king-rama-9-memorial-day .intro__button a:hover {
    text-decoration: none
}

.year-2025 .king-rama-9-memorial-day .intro__button a + a {
    padding: 10px 30px 10px 5px
}

.year-2025 .king-rama-9-memorial-day .intro__button a + a:before {
    content: "";
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 0;
    width: 2px;
    height: 13px;
    transform: translate(-50%, -50%)
}

.year-2025 .king-rama-9-memorial-day .intro__button.intro__button--1 {
    background: linear-gradient(270deg, #efc555, #ffdf75 26.16%, #fff2a2 48.6%, #ffdf75 72.98%, #efc555)
}

.year-2025 .king-rama-9-memorial-day .intro__button.intro__button--1:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 100px;
    background: transparent linear-gradient(90deg, #d4a341 .48%, #fff 49.52%, #d4a341);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 1
}

.year-2025 .king-rama-9-memorial-day .intro__button.intro__button--1 a {
    color: #894818
}

.year-2025 .king-rama-9-memorial-day .intro__button.intro__button--1 a + a:before {
    background-color: #894818
}

.year-2025 .king-rama-9-memorial-day .intro__button.intro__button--2 {
    background: linear-gradient(270deg, #efc555, #ffdf75 26.16%, #fff2a2 48.6%, #ffdf75 72.98%, #efc555)
}

.year-2025 .king-rama-9-memorial-day .intro__button.intro__button--2:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 100px;
    background: transparent linear-gradient(90deg, #d4a341 .48%, #fff 49.52%, #d4a341);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 1
}

.year-2025 .king-rama-9-memorial-day .intro__button.intro__button--2 a {
    color: #894818
}

.year-2025 .king-rama-9-memorial-day .intro__button.intro__button--2 a + a:before {
    background-color: #894818
}

.year-2025 .king-rama-9-memorial-day .intro__button.intro__button--3 {
    background: linear-gradient(270deg, #efc555, #ffdf75 26.16%, #fff2a2 48.6%, #ffdf75 72.98%, #efc555)
}

.year-2025 .king-rama-9-memorial-day .intro__button.intro__button--3:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 100px;
    background: transparent linear-gradient(90deg, #d4a341 .48%, #fff 49.52%, #d4a341);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 1
}

.year-2025 .king-rama-9-memorial-day .intro__button.intro__button--3 a {
    color: #894818
}

.year-2025 .king-rama-9-memorial-day .intro__button.intro__button--3 a + a:before {
    background-color: #894818
}

.year-2018 .king10 .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--11, .year-2018 .king10 .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--12, .year-2019 .king .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--11, .year-2019 .king .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--12, .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--4, .year-2025 .king-rama-9-memorial-day .year-2018 .king10 .intro__button.intro__button--11, .year-2025 .king-rama-9-memorial-day .year-2018 .king10 .intro__button.intro__button--12, .year-2025 .king-rama-9-memorial-day .year-2019 .king .intro__button.intro__button--11, .year-2025 .king-rama-9-memorial-day .year-2019 .king .intro__button.intro__button--12 {
    background: linear-gradient(270deg, #a26f11, #daac14 48.6%, #a26f11);
    border: 2px solid #fff
}

.year-2018 .king10 .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--11 a, .year-2018 .king10 .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--12 a, .year-2019 .king .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--11 a, .year-2019 .king .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--12 a, .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--4 a, .year-2025 .king-rama-9-memorial-day .year-2018 .king10 .intro__button.intro__button--11 a, .year-2025 .king-rama-9-memorial-day .year-2018 .king10 .intro__button.intro__button--12 a, .year-2025 .king-rama-9-memorial-day .year-2019 .king .intro__button.intro__button--11 a, .year-2025 .king-rama-9-memorial-day .year-2019 .king .intro__button.intro__button--12 a {
    color: #fff;
    font-weight: 500
}

.year-2018 .king10 .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--11 a + a:before, .year-2018 .king10 .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--12 a + a:before, .year-2019 .king .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--11 a + a:before, .year-2019 .king .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--12 a + a:before, .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--4 a + a:before, .year-2025 .king-rama-9-memorial-day .year-2018 .king10 .intro__button.intro__button--11 a + a:before, .year-2025 .king-rama-9-memorial-day .year-2018 .king10 .intro__button.intro__button--12 a + a:before, .year-2025 .king-rama-9-memorial-day .year-2019 .king .intro__button.intro__button--11 a + a:before, .year-2025 .king-rama-9-memorial-day .year-2019 .king .intro__button.intro__button--12 a + a:before {
    background-color: #fff
}

.year-2018 .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--14, .year-2019 .queen-mother .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--14, .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--5, .year-2025 .king-rama-9-memorial-day .year-2018 .intro__button.intro__button--14, .year-2025 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button.intro__button--14 {
    background: linear-gradient(270deg, #a26f11, #daac14 48.6%, #a26f11);
    border: 2px solid #fff
}

.year-2018 .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--14 a, .year-2019 .queen-mother .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--14 a, .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--5 a, .year-2025 .king-rama-9-memorial-day .year-2018 .intro__button.intro__button--14 a, .year-2025 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button.intro__button--14 a {
    color: #fff;
    font-weight: 500
}

.year-2018 .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--14 a + a:before, .year-2019 .queen-mother .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--14 a + a:before, .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--5 a + a:before, .year-2025 .king-rama-9-memorial-day .year-2018 .intro__button.intro__button--14 a + a:before, .year-2025 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button.intro__button--14 a + a:before {
    background-color: #fff
}

.year-2018 .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--11, .year-2019 .queen-mother .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--11, .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--6, .year-2025 .king-rama-9-memorial-day .year-2018 .intro__button.intro__button--11, .year-2025 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button.intro__button--11 {
    background: linear-gradient(270deg, #a26f11, #daac14 48.6%, #a26f11);
    border: 2px solid #fff
}

.year-2018 .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--11 a, .year-2019 .queen-mother .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--11 a, .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--6 a, .year-2025 .king-rama-9-memorial-day .year-2018 .intro__button.intro__button--11 a, .year-2025 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button.intro__button--11 a {
    color: #fff;
    font-weight: 500
}

.year-2018 .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--11 a + a:before, .year-2019 .queen-mother .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--11 a + a:before, .year-2025 .king-rama-9-memorial-day .intro__button.intro__button--6 a + a:before, .year-2025 .king-rama-9-memorial-day .year-2018 .intro__button.intro__button--11 a + a:before, .year-2025 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button.intro__button--11 a + a:before {
    background-color: #fff
}

.year-2025 .king9 .intro__title {
    line-height: 1
}

.year-2025 .king9 .intro__title.intro__title--1 {
    font-size: 42px;
    font-size: 2.625rem;
    font-weight: 700
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__title.intro__title--1 {
        font-size: 55px;
        font-size: 3.4375rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__title.intro__title--1 {
        font-size: 48px;
        font-size: 3rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__title.intro__title--1 {
        font-size: 32px;
        font-size: 2rem
    }
}

.year-2025 .king9 .intro__title.intro__title--2 {
    font-size: 42px;
    font-size: 2.625rem;
    font-weight: 700
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__title.intro__title--2 {
        font-size: 55px;
        font-size: 3.4375rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__title.intro__title--2 {
        font-size: 48px;
        font-size: 3rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__title.intro__title--2 {
        font-size: 32px;
        font-size: 2rem
    }
}

.year-2018 .queen .year-2025 .king9 .intro__title.intro__title--10, .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--11, .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--13, .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--14, .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--15, .year-2025 .king9 .intro__title.intro__title--3, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--10, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--11, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--13, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--14, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--15 {
    font-size: 42px;
    font-size: 2.625rem;
    font-weight: 700
}

@media (min-width: 1400px) {
    .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--10, .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--11, .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--13, .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--14, .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--15, .year-2025 .king9 .intro__title.intro__title--3, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--10, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--11, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--13, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--14, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--15 {
        font-size: 55px;
        font-size: 3.4375rem
    }
}

@media (max-width: 1199.98px) {
    .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--10, .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--11, .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--13, .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--14, .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--15, .year-2025 .king9 .intro__title.intro__title--3, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--10, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--11, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--13, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--14, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--15 {
        font-size: 48px;
        font-size: 3rem
    }
}

@media (max-width: 767.98px) {
    .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--10, .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--11, .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--13, .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--14, .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--15, .year-2025 .king9 .intro__title.intro__title--3, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--10, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--11, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--13, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--14, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--15 {
        font-size: 32px;
        font-size: 2rem
    }
}

.year-2018 .king10 .year-2025 .king9 .intro__title.intro__title--10, .year-2018 .king10 .year-2025 .king9 .intro__title.intro__title--11, .year-2018 .king10 .year-2025 .king9 .intro__title.intro__title--12, .year-2025 .king9 .intro__title.intro__title--4, .year-2025 .king9 .year-2018 .king10 .intro__title.intro__title--10, .year-2025 .king9 .year-2018 .king10 .intro__title.intro__title--11, .year-2025 .king9 .year-2018 .king10 .intro__title.intro__title--12 {
    font-size: 42px;
    font-size: 2.625rem;
    font-weight: 700
}

@media (min-width: 1400px) {
    .year-2018 .king10 .year-2025 .king9 .intro__title.intro__title--10, .year-2018 .king10 .year-2025 .king9 .intro__title.intro__title--11, .year-2018 .king10 .year-2025 .king9 .intro__title.intro__title--12, .year-2025 .king9 .intro__title.intro__title--4, .year-2025 .king9 .year-2018 .king10 .intro__title.intro__title--10, .year-2025 .king9 .year-2018 .king10 .intro__title.intro__title--11, .year-2025 .king9 .year-2018 .king10 .intro__title.intro__title--12 {
        font-size: 55px;
        font-size: 3.4375rem
    }
}

@media (max-width: 1199.98px) {
    .year-2018 .king10 .year-2025 .king9 .intro__title.intro__title--10, .year-2018 .king10 .year-2025 .king9 .intro__title.intro__title--11, .year-2018 .king10 .year-2025 .king9 .intro__title.intro__title--12, .year-2025 .king9 .intro__title.intro__title--4, .year-2025 .king9 .year-2018 .king10 .intro__title.intro__title--10, .year-2025 .king9 .year-2018 .king10 .intro__title.intro__title--11, .year-2025 .king9 .year-2018 .king10 .intro__title.intro__title--12 {
        font-size: 48px;
        font-size: 3rem
    }
}

@media (max-width: 767.98px) {
    .year-2018 .king10 .year-2025 .king9 .intro__title.intro__title--10, .year-2018 .king10 .year-2025 .king9 .intro__title.intro__title--11, .year-2018 .king10 .year-2025 .king9 .intro__title.intro__title--12, .year-2025 .king9 .intro__title.intro__title--4, .year-2025 .king9 .year-2018 .king10 .intro__title.intro__title--10, .year-2025 .king9 .year-2018 .king10 .intro__title.intro__title--11, .year-2025 .king9 .year-2018 .king10 .intro__title.intro__title--12 {
        font-size: 32px;
        font-size: 2rem
    }
}

.year-2018 .queen .year-2025 .king9 .intro__title.intro__title--12, .year-2025 .king9 .intro__title.intro__title--5, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--12 {
    font-size: 42px;
    font-size: 2.625rem;
    font-weight: 700;
    line-height: 1
}

@media (min-width: 1400px) {
    .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--12, .year-2025 .king9 .intro__title.intro__title--5, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--12 {
        font-size: 60px;
        font-size: 3.75rem
    }
}

@media (max-width: 1199.98px) {
    .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--12, .year-2025 .king9 .intro__title.intro__title--5, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--12 {
        font-size: 48px;
        font-size: 3rem
    }
}

@media (max-width: 767.98px) {
    .year-2018 .queen .year-2025 .king9 .intro__title.intro__title--12, .year-2025 .king9 .intro__title.intro__title--5, .year-2025 .king9 .year-2018 .queen .intro__title.intro__title--12 {
        font-size: 32px;
        font-size: 2rem
    }
}

.year-2025 .king9 .intro__title.intro__title--6 {
    font-size: 52px;
    font-size: 3.25rem;
    font-weight: 700
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__title.intro__title--6 {
        font-size: 66px;
        font-size: 4.125rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__title.intro__title--6 {
        font-size: 48px;
        font-size: 3rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__title.intro__title--6 {
        font-size: 32px;
        font-size: 2rem
    }
}

.year-2025 .king9 .intro__subtitle {
    margin-bottom: 1rem;
    line-height: 1
}

.year-2025 .king9 .intro__content.intro__content--1 .intro__subtitle--name {
    font-size: 56px;
    font-size: 3.5rem;
    font-weight: 700
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__content.intro__content--1 .intro__subtitle--name {
        font-size: 66px;
        font-size: 4.125rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__content.intro__content--1 .intro__subtitle--name {
        font-size: 52px;
        font-size: 3.25rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__content.intro__content--1 .intro__subtitle--name {
        font-size: 32px;
        font-size: 2rem
    }
}

.year-2025 .king9 .intro__content.intro__content--1 .intro__subtitle--event {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 400
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__content.intro__content--1 .intro__subtitle--event {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__content.intro__content--1 .intro__subtitle--event {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__content.intro__content--1 .intro__subtitle--event {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2025 .king9 .intro__content.intro__content--1 .intro__text {
    font-family: PSL Kittithada Pro !important;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__content.intro__content--1 .intro__text {
        font-size: 33px;
        font-size: 2.0625rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__content.intro__content--1 .intro__text {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__content.intro__content--1 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2025 .king9 .intro__content.intro__content--2 .intro__subtitle--event {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 400
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__content.intro__content--2 .intro__subtitle--event {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__content.intro__content--2 .intro__subtitle--event {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__content.intro__content--2 .intro__subtitle--event {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2025 .king9 .intro__content.intro__content--2 .intro__subtitle--name {
    font-size: 56px;
    font-size: 3.5rem;
    font-weight: 700
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__content.intro__content--2 .intro__subtitle--name {
        font-size: 66px;
        font-size: 4.125rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__content.intro__content--2 .intro__subtitle--name {
        font-size: 52px;
        font-size: 3.25rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__content.intro__content--2 .intro__subtitle--name {
        font-size: 32px;
        font-size: 2rem
    }
}

.year-2025 .king9 .intro__content.intro__content--2 .intro__text {
    font-family: PSL Kittithada Pro !important;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__content.intro__content--2 .intro__text {
        font-size: 33px;
        font-size: 2.0625rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__content.intro__content--2 .intro__text {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__content.intro__content--2 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2025 .king9 .intro__content.intro__content--3 .intro__subtitle--event {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 400
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__content.intro__content--3 .intro__subtitle--event {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__content.intro__content--3 .intro__subtitle--event {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__content.intro__content--3 .intro__subtitle--event {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2025 .king9 .intro__content.intro__content--3 .intro__subtitle--name {
    font-size: 56px;
    font-size: 3.5rem;
    font-weight: 700
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__content.intro__content--3 .intro__subtitle--name {
        font-size: 66px;
        font-size: 4.125rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__content.intro__content--3 .intro__subtitle--name {
        font-size: 52px;
        font-size: 3.25rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__content.intro__content--3 .intro__subtitle--name {
        font-size: 32px;
        font-size: 2rem
    }
}

.year-2025 .king9 .intro__content.intro__content--3 .intro__text {
    font-family: PSL Narissara Pro !important;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__content.intro__content--3 .intro__text {
        font-size: 33px;
        font-size: 2.0625rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__content.intro__content--3 .intro__text {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__content.intro__content--3 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2025 .king9 .intro__content.intro__content--4 .intro__subtitle--name {
    font-size: 56px;
    font-size: 3.5rem;
    font-weight: 700
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__content.intro__content--4 .intro__subtitle--name {
        font-size: 66px;
        font-size: 4.125rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__content.intro__content--4 .intro__subtitle--name {
        font-size: 52px;
        font-size: 3.25rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__content.intro__content--4 .intro__subtitle--name {
        font-size: 32px;
        font-size: 2rem
    }
}

.year-2025 .king9 .intro__content.intro__content--4 .intro__subtitle--event {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 400
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__content.intro__content--4 .intro__subtitle--event {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__content.intro__content--4 .intro__subtitle--event {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__content.intro__content--4 .intro__subtitle--event {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2025 .king9 .intro__content.intro__content--4 .intro__text {
    font-family: PSL Kittithada Pro !important;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__content.intro__content--4 .intro__text {
        font-size: 33px;
        font-size: 2.0625rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__content.intro__content--4 .intro__text {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__content.intro__content--4 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2025 .king9 .intro__content.intro__content--5 .intro__subtitle--event {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 400;
    line-height: .9
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__content.intro__content--5 .intro__subtitle--event {
        font-size: 44px;
        font-size: 2.75rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__content.intro__content--5 .intro__subtitle--event {
        font-size: 36px;
        font-size: 2.25rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__content.intro__content--5 .intro__subtitle--event {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2025 .king9 .intro__content.intro__content--5 .intro__subtitle--name {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 700
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__content.intro__content--5 .intro__subtitle--name {
        font-size: 70px;
        font-size: 4.375rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__content.intro__content--5 .intro__subtitle--name {
        font-size: 48px;
        font-size: 3rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__content.intro__content--5 .intro__subtitle--name {
        font-size: 32px;
        font-size: 2rem
    }
}

.year-2025 .king9 .intro__content.intro__content--5 .intro__text {
    font-family: PSL Kittithada Pro !important;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.1
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__content.intro__content--5 .intro__text {
        font-size: 33px;
        font-size: 2.0625rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__content.intro__content--5 .intro__text {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__content.intro__content--5 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2025 .king9 .intro__content.intro__content--6 .intro__subtitle--event {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 400
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__content.intro__content--6 .intro__subtitle--event {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__content.intro__content--6 .intro__subtitle--event {
        font-size: 42px;
        font-size: 2.625rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__content.intro__content--6 .intro__subtitle--event {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2025 .king9 .intro__content.intro__content--6 .intro__subtitle--name {
    font-size: 56px;
    font-size: 3.5rem;
    font-weight: 700
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__content.intro__content--6 .intro__subtitle--name {
        font-size: 70px;
        font-size: 4.375rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__content.intro__content--6 .intro__subtitle--name {
        font-size: 52px;
        font-size: 3.25rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__content.intro__content--6 .intro__subtitle--name {
        font-size: 32px;
        font-size: 2rem
    }
}

.year-2025 .king9 .intro__content.intro__content--6 .intro__text {
    font-family: PSL Narissara Pro !important;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.1
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__content.intro__content--6 .intro__text {
        font-size: 33px;
        font-size: 2.0625rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__content.intro__content--6 .intro__text {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__content.intro__content--6 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2025 .king9 .intro__button.intro__button--1 {
    font-family: PSL Kittithada Pro !important;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 400
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__button.intro__button--1 {
        font-size: 33px;
        font-size: 2.0625rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__button.intro__button--1 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__button.intro__button--1 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2025 .king9 .intro__button.intro__button--2 {
    font-family: PSL Kittithada Pro !important;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 400
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__button.intro__button--2 {
        font-size: 33px;
        font-size: 2.0625rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__button.intro__button--2 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__button.intro__button--2 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2025 .king9 .intro__button.intro__button--2 a:first-child {
    padding: 12px 15px 12px 25px
}

.year-2025 .king9 .intro__button.intro__button--2 a:last-child {
    padding: 10px 25px 12px 15px
}

.year-2025 .king9 .intro__button.intro__button--3 {
    font-family: PSL Narissara Pro !important;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 400
}

@media (min-width: 1400px) {
    .year-2025 .king9 .intro__button.intro__button--3 {
        font-size: 33px;
        font-size: 2.0625rem
    }
}

@media (max-width: 1199.98px) {
    .year-2025 .king9 .intro__button.intro__button--3 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro__button.intro__button--3 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2018 .king10 .year-2025 .king9 .intro__button.intro__button--11, .year-2018 .king10 .year-2025 .king9 .intro__button.intro__button--12, .year-2019 .king .year-2025 .king9 .intro__button.intro__button--11, .year-2019 .king .year-2025 .king9 .intro__button.intro__button--12, .year-2025 .king9 .intro__button.intro__button--4, .year-2025 .king9 .year-2018 .king10 .intro__button.intro__button--11, .year-2025 .king9 .year-2018 .king10 .intro__button.intro__button--12, .year-2025 .king9 .year-2019 .king .intro__button.intro__button--11, .year-2025 .king9 .year-2019 .king .intro__button.intro__button--12 {
    font-family: PSL Kittithada Pro !important;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 400
}

@media (min-width: 1400px) {
    .year-2018 .king10 .year-2025 .king9 .intro__button.intro__button--11, .year-2018 .king10 .year-2025 .king9 .intro__button.intro__button--12, .year-2019 .king .year-2025 .king9 .intro__button.intro__button--11, .year-2019 .king .year-2025 .king9 .intro__button.intro__button--12, .year-2025 .king9 .intro__button.intro__button--4, .year-2025 .king9 .year-2018 .king10 .intro__button.intro__button--11, .year-2025 .king9 .year-2018 .king10 .intro__button.intro__button--12, .year-2025 .king9 .year-2019 .king .intro__button.intro__button--11, .year-2025 .king9 .year-2019 .king .intro__button.intro__button--12 {
        font-size: 33px;
        font-size: 2.0625rem
    }
}

@media (max-width: 1199.98px) {
    .year-2018 .king10 .year-2025 .king9 .intro__button.intro__button--11, .year-2018 .king10 .year-2025 .king9 .intro__button.intro__button--12, .year-2019 .king .year-2025 .king9 .intro__button.intro__button--11, .year-2019 .king .year-2025 .king9 .intro__button.intro__button--12, .year-2025 .king9 .intro__button.intro__button--4, .year-2025 .king9 .year-2018 .king10 .intro__button.intro__button--11, .year-2025 .king9 .year-2018 .king10 .intro__button.intro__button--12, .year-2025 .king9 .year-2019 .king .intro__button.intro__button--11, .year-2025 .king9 .year-2019 .king .intro__button.intro__button--12 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 767.98px) {
    .year-2018 .king10 .year-2025 .king9 .intro__button.intro__button--11, .year-2018 .king10 .year-2025 .king9 .intro__button.intro__button--12, .year-2019 .king .year-2025 .king9 .intro__button.intro__button--11, .year-2019 .king .year-2025 .king9 .intro__button.intro__button--12, .year-2025 .king9 .intro__button.intro__button--4, .year-2025 .king9 .year-2018 .king10 .intro__button.intro__button--11, .year-2025 .king9 .year-2018 .king10 .intro__button.intro__button--12, .year-2025 .king9 .year-2019 .king .intro__button.intro__button--11, .year-2025 .king9 .year-2019 .king .intro__button.intro__button--12 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2018 .year-2025 .king9 .intro__button.intro__button--14, .year-2019 .queen-mother .year-2025 .king9 .intro__button.intro__button--14, .year-2025 .king9 .intro__button.intro__button--5, .year-2025 .king9 .year-2018 .intro__button.intro__button--14, .year-2025 .king9 .year-2019 .queen-mother .intro__button.intro__button--14 {
    font-family: PSL Kittithada Pro !important;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 400
}

@media (min-width: 1400px) {
    .year-2018 .year-2025 .king9 .intro__button.intro__button--14, .year-2019 .queen-mother .year-2025 .king9 .intro__button.intro__button--14, .year-2025 .king9 .intro__button.intro__button--5, .year-2025 .king9 .year-2018 .intro__button.intro__button--14, .year-2025 .king9 .year-2019 .queen-mother .intro__button.intro__button--14 {
        font-size: 33px;
        font-size: 2.0625rem
    }
}

@media (max-width: 1199.98px) {
    .year-2018 .year-2025 .king9 .intro__button.intro__button--14, .year-2019 .queen-mother .year-2025 .king9 .intro__button.intro__button--14, .year-2025 .king9 .intro__button.intro__button--5, .year-2025 .king9 .year-2018 .intro__button.intro__button--14, .year-2025 .king9 .year-2019 .queen-mother .intro__button.intro__button--14 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 767.98px) {
    .year-2018 .year-2025 .king9 .intro__button.intro__button--14, .year-2019 .queen-mother .year-2025 .king9 .intro__button.intro__button--14, .year-2025 .king9 .intro__button.intro__button--5, .year-2025 .king9 .year-2018 .intro__button.intro__button--14, .year-2025 .king9 .year-2019 .queen-mother .intro__button.intro__button--14 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2018 .year-2025 .king9 .intro__button.intro__button--11, .year-2019 .queen-mother .year-2025 .king9 .intro__button.intro__button--11, .year-2025 .king9 .intro__button.intro__button--6, .year-2025 .king9 .year-2018 .intro__button.intro__button--11, .year-2025 .king9 .year-2019 .queen-mother .intro__button.intro__button--11 {
    font-family: PSL Narissara Pro !important;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 400
}

@media (min-width: 1400px) {
    .year-2018 .year-2025 .king9 .intro__button.intro__button--11, .year-2019 .queen-mother .year-2025 .king9 .intro__button.intro__button--11, .year-2025 .king9 .intro__button.intro__button--6, .year-2025 .king9 .year-2018 .intro__button.intro__button--11, .year-2025 .king9 .year-2019 .queen-mother .intro__button.intro__button--11 {
        font-size: 33px;
        font-size: 2.0625rem
    }
}

@media (max-width: 1199.98px) {
    .year-2018 .year-2025 .king9 .intro__button.intro__button--11, .year-2019 .queen-mother .year-2025 .king9 .intro__button.intro__button--11, .year-2025 .king9 .intro__button.intro__button--6, .year-2025 .king9 .year-2018 .intro__button.intro__button--11, .year-2025 .king9 .year-2019 .queen-mother .intro__button.intro__button--11 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 767.98px) {
    .year-2018 .year-2025 .king9 .intro__button.intro__button--11, .year-2019 .queen-mother .year-2025 .king9 .intro__button.intro__button--11, .year-2025 .king9 .intro__button.intro__button--6, .year-2025 .king9 .year-2018 .intro__button.intro__button--11, .year-2025 .king9 .year-2019 .queen-mother .intro__button.intro__button--11 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2025 .king9 {
    padding: 0 !important
}

.year-2025 .king9 .intro.intro__logo {
    display: none !important
}

.year-2025 .king9 .intro.intro--vertical .intro__logo {
    display: none
}

@media (max-width: 991px) {
    .year-2025 .king9 .intro .intro__row .intro__image {
        max-width: 100%;
        width: 100%
    }
}

.year-2025 .king9 .intro .intro__line {
    padding: 0 0 5px
}

.year-2025 .king9 .intro .intro__line .img-fluid {
    max-width: 400px;
    width: 100%
}

.year-2025 .king9 .intro .intro__figure.intro__figure--1 {
    max-width: 100%;
    height: 300px
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .year-2025 .king9 .intro .intro__figure.intro__figure--1 {
        height: auto;
        margin-bottom: .45rem
    }
}

.year-2025 .king9 .intro .intro__figure.intro__figure--2 {
    max-width: 100%;
    height: 300px
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .year-2025 .king9 .intro .intro__figure.intro__figure--2 {
        height: auto;
        margin-bottom: .45rem
    }
}

.year-2025 .king9 .intro .intro__figure.intro__figure--3 {
    height: 300px
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .year-2025 .king9 .intro .intro__figure.intro__figure--3 {
        height: auto;
        margin-bottom: .45rem
    }
}

.year-2025 .king9 .intro .intro__figure.intro__figure--4 {
    margin: -1rem auto -2rem;
    max-width: 600px;
    height: 100%
}

@media (max-width: 991.98px) {
    .year-2025 .king9 .intro .intro__figure.intro__figure--4 {
        max-width: 300px;
        margin-bottom: 1rem
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .year-2025 .king9 .intro .intro__figure.intro__figure--4 .intro__image {
        width: auto !important
    }
}

.year-2025 .king9 .intro .intro__figure.intro__figure--5 {
    margin: 0 auto;
    height: 100%;
    max-width: 650px
}

@media (max-width: 991.98px) {
    .year-2025 .king9 .intro .intro__figure.intro__figure--5 .intro__image {
        width: auto !important;
        height: 420px
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro .intro__figure.intro__figure--5 .intro__image {
        height: 320px
    }
}

.year-2025 .king9 .intro .intro__figure.intro__figure--6 {
    margin: 0 auto;
    max-width: 450px;
    height: 100%
}

@media (max-width: 991.98px) {
    .year-2025 .king9 .intro .intro__figure.intro__figure--6 .intro__image {
        width: auto !important;
        height: 420px
    }
}

@media (max-width: 767.98px) {
    .year-2025 .king9 .intro .intro__figure.intro__figure--6 .intro__image {
        height: 320px
    }
}

.year-2025 .king9 .intro .intro__content {
    width: 100%
}

.year-2025 .king9 .intro .intro__content .company-name {
    display: inline-block
}

.year-2025 .king9 .intro .intro__content.intro__content--1 .intro__title {
    color: #6f551e;
    margin-bottom: 0
}

.year-2025 .king9 .intro .intro__content.intro__content--1 .intro__subtitle {
    margin: 1rem 0 0
}

.year-2025 .king9 .intro .intro__content.intro__content--1 .intro__subtitle--event {
    color: #72581f
}

.year-2025 .king9 .intro .intro__content.intro__content--1 .intro__subtitle--name {
    background: linear-gradient(0deg, #ad7c23 9.5%, #dba22b 67.22%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.year-2025 .king9 .intro .intro__content.intro__content--1 .intro__text {
    color: #6d4d0b
}

.year-2025 .king9 .intro .intro__content.intro__content--1 .intro__line .img-fluid {
    padding: 15px 0;
    max-width: 229px
}

@media (max-width: 575px) {
    .year-2025 .king9 .intro .intro__content.intro__content--1 .intro__line .img-fluid {
        max-width: 175px
    }
}

.year-2025 .king9 .intro .intro__content.intro__content--2 .intro__title {
    color: #794a00;
    margin-bottom: 0
}

.year-2025 .king9 .intro .intro__content.intro__content--2 .intro__subtitle {
    margin: 1rem 0 0
}

.year-2025 .king9 .intro .intro__content.intro__content--2 .intro__subtitle--event {
    color: #794a00
}

.year-2025 .king9 .intro .intro__content.intro__content--2 .intro__subtitle--name {
    background: linear-gradient(90deg, #794a00, #df8800);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.year-2025 .king9 .intro .intro__content.intro__content--2 .intro__text {
    color: #794a00
}

.year-2025 .king9 .intro .intro__content.intro__content--2 .intro__line .img-fluid {
    padding: 15px 0;
    max-width: 470px
}

@media (max-width: 575px) {
    .year-2025 .king9 .intro .intro__content.intro__content--2 .intro__line .img-fluid {
        max-width: 175px
    }
}

.year-2025 .king9 .intro .intro__content.intro__content--3 .intro__title {
    color: #6f551e;
    margin-bottom: 0
}

.year-2025 .king9 .intro .intro__content.intro__content--3 .intro__subtitle {
    margin: 1rem 0 0
}

.year-2025 .king9 .intro .intro__content.intro__content--3 .intro__subtitle--event {
    color: #72581f
}

.year-2025 .king9 .intro .intro__content.intro__content--3 .intro__subtitle--name {
    background: linear-gradient(90deg, #8e3f05 28.02%, #c19539 50.22%, #8e3f05 77.82%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.year-2025 .king9 .intro .intro__content.intro__content--3 .intro__text {
    color: #6d4d0b
}

.year-2025 .king9 .intro .intro__content.intro__content--3 .intro__line .img-fluid {
    padding: 15px 0;
    max-width: 299px
}

@media (max-width: 575px) {
    .year-2025 .king9 .intro .intro__content.intro__content--3 .intro__line .img-fluid {
        max-width: 175px
    }
}

.year-2025 .king9 .intro .intro__content.intro__content--4 .intro__title {
    color: #794a00;
    margin-bottom: 0
}

.year-2025 .king9 .intro .intro__content.intro__content--4 .intro__subtitle {
    margin: 1.5rem 0 0
}

.year-2025 .king9 .intro .intro__content.intro__content--4 .intro__subtitle--event {
    color: #794a00
}

.year-2025 .king9 .intro .intro__content.intro__content--4 .intro__subtitle--name {
    background: linear-gradient(90deg, #794a00, #df8800);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.year-2025 .king9 .intro .intro__content.intro__content--4 .intro__text {
    color: #794a00
}

.year-2025 .king9 .intro .intro__content.intro__content--4 .intro__line .img-fluid {
    padding: 15px 0;
    max-width: 530px
}

@media (max-width: 575px) {
    .year-2025 .king9 .intro .intro__content.intro__content--4 .intro__line .img-fluid {
        max-width: 175px
    }
}

.year-2025 .king9 .intro .intro__content.intro__content--5 .intro__title {
    color: #6f551e;
    margin-bottom: 0
}

.year-2025 .king9 .intro .intro__content.intro__content--5 .intro__subtitle {
    margin: 1rem 0 0
}

.year-2025 .king9 .intro .intro__content.intro__content--5 .intro__subtitle.intro__subtitle--event {
    color: #72581f
}

.year-2025 .king9 .intro .intro__content.intro__content--5 .intro__subtitle.intro__subtitle--name {
    color: #764710
}

.year-2025 .king9 .intro .intro__content.intro__content--5 .intro__text {
    color: #6d4d0b
}

.year-2025 .king9 .intro .intro__content.intro__content--5 .intro__line .img-fluid {
    padding: 15px 0;
    max-width: 286px
}

@media (max-width: 575px) {
    .year-2025 .king9 .intro .intro__content.intro__content--5 .intro__line .img-fluid {
        max-width: 175px
    }
}

.year-2025 .king9 .intro .intro__content.intro__content--6 .intro__title {
    color: #7a5400;
    margin-bottom: 0
}

.year-2025 .king9 .intro .intro__content.intro__content--6 .intro__subtitle {
    margin: 1rem 0 0
}

.year-2025 .king9 .intro .intro__content.intro__content--6 .intro__subtitle.intro__subtitle--event {
    color: #7a5400
}

.year-2025 .king9 .intro .intro__content.intro__content--6 .intro__subtitle.intro__subtitle--name {
    background: linear-gradient(180deg, #d08b00 57.69%, #fedb87 155.77%, #a45206 248.13%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.year-2025 .king9 .intro .intro__content.intro__content--6 .intro__text {
    color: #794a00
}

.year-2025 .king9 .intro .intro__content.intro__content--6 .intro__line .img-fluid {
    padding: 15px 0;
    max-width: 388px
}

@media (max-width: 575px) {
    .year-2025 .king9 .intro .intro__content.intro__content--6 .intro__line .img-fluid {
        max-width: 175px
    }
}

.year-2025 .king9.king9--1 .intro, .year-2025 .king9.king9--2 .intro, .year-2025 .king9.king9--3 .intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh
}

.year-2025 .king9 .intro__button {
    position: relative;
    margin-top: 14px
}

.year-2025 .king9 .intro__button a {
    color: #fff
}

.year-2025 .king9 .intro__button a:first-child {
    padding: 15px 15px 15px 25px
}

.year-2025 .king9 .intro__button a:last-child {
    padding: 15px 25px 15px 15px
}

.year-2025 .king9 .intro__button a:last-child:before {
    top: 15px;
    left: -8px
}

.year-2025 .king9 .intro__button a:before {
    color: #fff
}

.year-2025 .king9 .intro__button a:focus, .year-2025 .king9 .intro__button a:hover {
    text-decoration: none
}

.year-2025 .king9 .intro__button.intro__button--1 {
    border-radius: 38px;
    line-height: 1;
    background: linear-gradient(90deg, #ad7c23, #dba22b 50%, #ad7c23)
}

.year-2025 .king9 .intro__button.intro__button--2 {
    border-radius: 100px;
    background: linear-gradient(270deg, #efc555, #ffdf75 26.16%, #fff2a2 48.6%, #ffdf75 72.98%, #efc555)
}

.year-2025 .king9 .intro__button.intro__button--2:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 100px;
    background: linear-gradient(90deg, #d4a341 .48%, #fff 49.52%, #d4a341);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 1
}

.year-2025 .king9 .intro__button.intro__button--2 a, .year-2025 .king9 .intro__button.intro__button--2 a + a:before {
    color: #894818
}

.year-2025 .king9 .intro__button.intro__button--2 a:last-child:before {
    top: 10px
}

.year-2025 .king9 .intro__button.intro__button--3 {
    border-radius: 38px;
    line-height: 1;
    background: linear-gradient(0deg, #dba22b 20.69%, #f6d266 118.9%)
}

.year-2018 .king10 .year-2025 .king9 .intro__button.intro__button--11, .year-2018 .king10 .year-2025 .king9 .intro__button.intro__button--12, .year-2018 .year-2025 .king9 .intro__button.intro__button--14, .year-2019 .king .year-2025 .king9 .intro__button.intro__button--11, .year-2019 .king .year-2025 .king9 .intro__button.intro__button--12, .year-2019 .queen-mother .year-2025 .king9 .intro__button.intro__button--14, .year-2025 .king9 .intro__button.intro__button--4, .year-2025 .king9 .intro__button.intro__button--5, .year-2025 .king9 .year-2018 .intro__button.intro__button--14, .year-2025 .king9 .year-2018 .king10 .intro__button.intro__button--11, .year-2025 .king9 .year-2018 .king10 .intro__button.intro__button--12, .year-2025 .king9 .year-2019 .king .intro__button.intro__button--11, .year-2025 .king9 .year-2019 .king .intro__button.intro__button--12, .year-2025 .king9 .year-2019 .queen-mother .intro__button.intro__button--14 {
    border-radius: 100px;
    line-height: 1;
    background: linear-gradient(270deg, #a26f11, #daac14 48.6%, #a26f11)
}

.year-2018 .year-2025 .king9 .intro__button.intro__button--11, .year-2019 .queen-mother .year-2025 .king9 .intro__button.intro__button--11, .year-2025 .king9 .intro__button.intro__button--6, .year-2025 .king9 .year-2018 .intro__button.intro__button--11, .year-2025 .king9 .year-2019 .queen-mother .intro__button.intro__button--11 {
    border-radius: 100px;
    background: linear-gradient(270deg, #efc555, #ffdf75 26.16%, #fff2a2 48.6%, #ffdf75 72.98%, #efc555)
}

.year-2018 .year-2025 .king9 .intro__button.intro__button--11:before, .year-2019 .queen-mother .year-2025 .king9 .intro__button.intro__button--11:before, .year-2025 .king9 .intro__button.intro__button--6:before, .year-2025 .king9 .year-2018 .intro__button.intro__button--11:before, .year-2025 .king9 .year-2019 .queen-mother .intro__button.intro__button--11:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 100px;
    background: linear-gradient(90deg, #d4a341 .48%, #fff 49.52%, #d4a341);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 1
}

.year-2018 .year-2025 .king9 .intro__button.intro__button--11 a, .year-2018 .year-2025 .king9 .intro__button.intro__button--11 a + a:before, .year-2019 .queen-mother .year-2025 .king9 .intro__button.intro__button--11 a, .year-2019 .queen-mother .year-2025 .king9 .intro__button.intro__button--11 a + a:before, .year-2025 .king9 .intro__button.intro__button--6 a, .year-2025 .king9 .intro__button.intro__button--6 a + a:before, .year-2025 .king9 .year-2018 .intro__button.intro__button--11 a, .year-2025 .king9 .year-2018 .intro__button.intro__button--11 a + a:before, .year-2025 .king9 .year-2019 .queen-mother .intro__button.intro__button--11 a, .year-2025 .king9 .year-2019 .queen-mother .intro__button.intro__button--11 a + a:before {
    color: #894818
}

.year-2018 .year-2025 .king9 .intro__button.intro__button--11 a:first-child, .year-2019 .queen-mother .year-2025 .king9 .intro__button.intro__button--11 a:first-child, .year-2025 .king9 .intro__button.intro__button--6 a:first-child, .year-2025 .king9 .year-2018 .intro__button.intro__button--11 a:first-child, .year-2025 .king9 .year-2019 .queen-mother .intro__button.intro__button--11 a:first-child {
    padding: 13px 15px 13px 25px
}

.year-2018 .year-2025 .king9 .intro__button.intro__button--11 a:last-child, .year-2019 .queen-mother .year-2025 .king9 .intro__button.intro__button--11 a:last-child, .year-2025 .king9 .intro__button.intro__button--6 a:last-child, .year-2025 .king9 .year-2018 .intro__button.intro__button--11 a:last-child, .year-2025 .king9 .year-2019 .queen-mother .intro__button.intro__button--11 a:last-child {
    padding: 13px 25px 13px 15px
}

.year-2018 .year-2025 .king9 .intro__button.intro__button--11 a:last-child:before, .year-2019 .queen-mother .year-2025 .king9 .intro__button.intro__button--11 a:last-child:before, .year-2025 .king9 .intro__button.intro__button--6 a:last-child:before, .year-2025 .king9 .year-2018 .intro__button.intro__button--11 a:last-child:before, .year-2025 .king9 .year-2019 .queen-mother .intro__button.intro__button--11 a:last-child:before {
    top: 10px
}

.year-2025 .bajrakitiyabha .intro__title {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 1
}

@media (max-width: 737px) {
    .year-2025 .bajrakitiyabha .intro__title {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 479px) {
    .year-2025 .bajrakitiyabha .intro__title {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2025 .bajrakitiyabha .intro__title--1 {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 700;
    letter-spacing: 1px
}

@media (max-width: 1180px) {
    .year-2025 .bajrakitiyabha .intro__title--1 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 479px) {
    .year-2025 .bajrakitiyabha .intro__title--1 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2025 .bajrakitiyabha .intro__title--2 {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 400;
    letter-spacing: 1px
}

@media (max-width: 1180px) {
    .year-2025 .bajrakitiyabha .intro__title--2 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 479px) {
    .year-2025 .bajrakitiyabha .intro__title--2 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2018 .queen .year-2025 .bajrakitiyabha .intro__title--10, .year-2018 .queen .year-2025 .bajrakitiyabha .intro__title--11, .year-2018 .queen .year-2025 .bajrakitiyabha .intro__title--13, .year-2018 .queen .year-2025 .bajrakitiyabha .intro__title--14, .year-2018 .queen .year-2025 .bajrakitiyabha .intro__title--15, .year-2025 .bajrakitiyabha .intro__title--3, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__title--10, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__title--11, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__title--13, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__title--14, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__title--15 {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 400;
    letter-spacing: 1px
}

@media (max-width: 1180px) {
    .year-2018 .queen .year-2025 .bajrakitiyabha .intro__title--10, .year-2018 .queen .year-2025 .bajrakitiyabha .intro__title--11, .year-2018 .queen .year-2025 .bajrakitiyabha .intro__title--13, .year-2018 .queen .year-2025 .bajrakitiyabha .intro__title--14, .year-2018 .queen .year-2025 .bajrakitiyabha .intro__title--15, .year-2025 .bajrakitiyabha .intro__title--3, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__title--10, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__title--11, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__title--13, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__title--14, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__title--15 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2025 .bajrakitiyabha .intro__title--10, .year-2018 .queen .year-2025 .bajrakitiyabha .intro__title--11, .year-2018 .queen .year-2025 .bajrakitiyabha .intro__title--13, .year-2018 .queen .year-2025 .bajrakitiyabha .intro__title--14, .year-2018 .queen .year-2025 .bajrakitiyabha .intro__title--15, .year-2025 .bajrakitiyabha .intro__title--3, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__title--10, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__title--11, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__title--13, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__title--14, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__title--15 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2018 .king10 .year-2025 .bajrakitiyabha .intro__title--10, .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__title--11, .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__title--12, .year-2025 .bajrakitiyabha .intro__title--4, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__title--10, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__title--11, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__title--12 {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 700;
    letter-spacing: 1px
}

@media (max-width: 1180px) {
    .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__title--10, .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__title--11, .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__title--12, .year-2025 .bajrakitiyabha .intro__title--4, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__title--10, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__title--11, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__title--12 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 479px) {
    .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__title--10, .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__title--11, .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__title--12, .year-2025 .bajrakitiyabha .intro__title--4, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__title--10, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__title--11, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__title--12 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2018 .queen .year-2025 .bajrakitiyabha .intro__title--12, .year-2025 .bajrakitiyabha .intro__title--5, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__title--12 {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 400;
    letter-spacing: 1px
}

@media (max-width: 1180px) {
    .year-2018 .queen .year-2025 .bajrakitiyabha .intro__title--12, .year-2025 .bajrakitiyabha .intro__title--5, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__title--12 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2025 .bajrakitiyabha .intro__title--12, .year-2025 .bajrakitiyabha .intro__title--5, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__title--12 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2025 .bajrakitiyabha .intro__title--6 {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 400;
    letter-spacing: 1px
}

@media (max-width: 1180px) {
    .year-2025 .bajrakitiyabha .intro__title--6 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 479px) {
    .year-2025 .bajrakitiyabha .intro__title--6 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2025 .bajrakitiyabha .intro__subtitle--1 {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 400;
    font-family: Sarabun !important;
    letter-spacing: 1px;
    line-height: 1
}

@media (max-width: 1180px) {
    .year-2025 .bajrakitiyabha .intro__subtitle--1 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2025 .bajrakitiyabha .intro__subtitle--2 {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 400;
    font-family: Sarabun !important;
    letter-spacing: 1px;
    line-height: 1
}

@media (max-width: 1180px) {
    .year-2025 .bajrakitiyabha .intro__subtitle--2 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2018 .queen .year-2025 .bajrakitiyabha .intro__subtitle--10, .year-2018 .queen .year-2025 .bajrakitiyabha .intro__subtitle--11, .year-2018 .queen .year-2025 .bajrakitiyabha .intro__subtitle--13, .year-2018 .queen .year-2025 .bajrakitiyabha .intro__subtitle--14, .year-2018 .queen .year-2025 .bajrakitiyabha .intro__subtitle--15, .year-2025 .bajrakitiyabha .intro__subtitle--3, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__subtitle--10, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__subtitle--11, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__subtitle--13, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__subtitle--14, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__subtitle--15 {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 400;
    font-family: Sarabun !important;
    letter-spacing: 1px;
    line-height: 1
}

@media (max-width: 1180px) {
    .year-2018 .queen .year-2025 .bajrakitiyabha .intro__subtitle--10, .year-2018 .queen .year-2025 .bajrakitiyabha .intro__subtitle--11, .year-2018 .queen .year-2025 .bajrakitiyabha .intro__subtitle--13, .year-2018 .queen .year-2025 .bajrakitiyabha .intro__subtitle--14, .year-2018 .queen .year-2025 .bajrakitiyabha .intro__subtitle--15, .year-2025 .bajrakitiyabha .intro__subtitle--3, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__subtitle--10, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__subtitle--11, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__subtitle--13, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__subtitle--14, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__subtitle--15 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2018 .king10 .year-2025 .bajrakitiyabha .intro__subtitle--10, .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__subtitle--11, .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__subtitle--12, .year-2025 .bajrakitiyabha .intro__subtitle--4, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__subtitle--10, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__subtitle--11, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__subtitle--12 {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 400;
    font-family: Sarabun !important;
    letter-spacing: 1px;
    line-height: 1
}

@media (max-width: 1180px) {
    .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__subtitle--10, .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__subtitle--11, .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__subtitle--12, .year-2025 .bajrakitiyabha .intro__subtitle--4, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__subtitle--10, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__subtitle--11, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__subtitle--12 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2018 .queen .year-2025 .bajrakitiyabha .intro__subtitle--12, .year-2025 .bajrakitiyabha .intro__subtitle--5, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__subtitle--12 {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 400;
    font-family: Sarabun !important;
    letter-spacing: 1px;
    line-height: 1
}

@media (max-width: 1180px) {
    .year-2018 .queen .year-2025 .bajrakitiyabha .intro__subtitle--12, .year-2025 .bajrakitiyabha .intro__subtitle--5, .year-2025 .bajrakitiyabha .year-2018 .queen .intro__subtitle--12 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2025 .bajrakitiyabha .intro__subtitle--6 {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 400;
    font-family: Sarabun !important;
    letter-spacing: 1px;
    line-height: 1
}

@media (max-width: 1180px) {
    .year-2025 .bajrakitiyabha .intro__subtitle--6 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2025 .bajrakitiyabha .intro__text {
    font-size: 20px;
    font-size: 1.25rem
}

@media (max-width: 414px) {
    .year-2025 .bajrakitiyabha .intro__text {
        font-size: 16px;
        font-size: 1rem
    }
}

.year-2025 .bajrakitiyabha .intro__content--1 .intro__text {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 700;
    font-family: Sarabun !important;
    line-height: .8
}

@media (max-width: 767px) {
    .year-2025 .bajrakitiyabha .intro__content--1 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media (max-width: 479px) {
    .year-2025 .bajrakitiyabha .intro__content--1 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.year-2025 .bajrakitiyabha .intro__content--1 .intro__button {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400;
    font-family: Sarabun !important
}

.year-2025 .bajrakitiyabha .intro__content--2 .intro__text {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 700;
    font-family: Sarabun !important;
    line-height: .8
}

@media (max-width: 767px) {
    .year-2025 .bajrakitiyabha .intro__content--2 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media (max-width: 479px) {
    .year-2025 .bajrakitiyabha .intro__content--2 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.year-2025 .bajrakitiyabha .intro__content--2 .intro__button {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400;
    font-family: Sarabun !important
}

.year-2025 .bajrakitiyabha .intro__content--3 .intro__text {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 400;
    font-family: Sarabun !important;
    line-height: .9
}

@media (max-width: 767px) {
    .year-2025 .bajrakitiyabha .intro__content--3 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media (max-width: 479px) {
    .year-2025 .bajrakitiyabha .intro__content--3 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.year-2025 .bajrakitiyabha .intro__content--3 .intro__button {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400;
    font-family: Sarabun !important
}

.year-2025 .bajrakitiyabha .intro__content--4 .intro__text {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 700;
    font-family: Sarabun !important;
    line-height: .8
}

@media (max-width: 767px) {
    .year-2025 .bajrakitiyabha .intro__content--4 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media (max-width: 479px) {
    .year-2025 .bajrakitiyabha .intro__content--4 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.year-2025 .bajrakitiyabha .intro__content--4 .intro__button {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400;
    font-family: Sarabun !important
}

.year-2025 .bajrakitiyabha .intro__content--5 .intro__text {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 700;
    font-family: Sarabun !important;
    line-height: .8
}

@media (max-width: 767px) {
    .year-2025 .bajrakitiyabha .intro__content--5 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media (max-width: 479px) {
    .year-2025 .bajrakitiyabha .intro__content--5 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.year-2025 .bajrakitiyabha .intro__content--5 .intro__button {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400;
    font-family: Sarabun !important
}

.year-2025 .bajrakitiyabha .intro__content--6 .intro__text {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 400;
    font-family: Sarabun !important;
    line-height: .9
}

@media (max-width: 767px) {
    .year-2025 .bajrakitiyabha .intro__content--6 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media (max-width: 479px) {
    .year-2025 .bajrakitiyabha .intro__content--6 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.year-2025 .bajrakitiyabha .intro__content--6 .intro__button {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400;
    font-family: Sarabun !important
}

.year-2025 .bajrakitiyabha .intro__logo {
    display: none !important
}

.year-2025 .bajrakitiyabha .intro--vertical .intro__logo {
    display: none
}

.year-2025 .bajrakitiyabha .intro__line {
    padding: 25px 0
}

.year-2025 .bajrakitiyabha .intro__line .img-fluid {
    max-width: 400px;
    width: 100%
}

.year-2025 .bajrakitiyabha .intro__figure {
    max-width: 380px
}

.year-2025 .bajrakitiyabha .intro__figure--1 {
    max-width: 100%
}

.year-2025 .bajrakitiyabha .intro__figure--2 {
    margin: 4vh auto 0;
    max-width: 330px;
    height: auto;
    min-height: 300px
}

@media (max-height: 660px) {
    .year-2025 .bajrakitiyabha .intro__figure--2 {
        height: 300px
    }
}

.year-2025 .bajrakitiyabha .intro__figure--3 {
    margin: 4vh auto 1.5rem;
    max-width: 330px;
    height: auto;
    min-height: 300px
}

@media (max-height: 660px) {
    .year-2025 .bajrakitiyabha .intro__figure--3 {
        height: 300px
    }
}

.year-2025 .bajrakitiyabha .intro__figure--4, .year-2025 .bajrakitiyabha .intro__figure--5, .year-2025 .bajrakitiyabha .intro__figure--6 {
    height: 30vh
}

.year-2025 .bajrakitiyabha .intro__figure--4 img, .year-2025 .bajrakitiyabha .intro__figure--5 img, .year-2025 .bajrakitiyabha .intro__figure--6 img {
    display: none
}

@media (max-width: 767px) {
    .year-2025 .bajrakitiyabha .intro__figure--4, .year-2025 .bajrakitiyabha .intro__figure--5, .year-2025 .bajrakitiyabha .intro__figure--6 {
        height: 25vh !important
    }
}

@media (max-width: 479px) {
    .year-2025 .bajrakitiyabha .intro__figure--4, .year-2025 .bajrakitiyabha .intro__figure--5, .year-2025 .bajrakitiyabha .intro__figure--6 {
        height: 15vh !important
    }
}

.year-2025 .bajrakitiyabha .intro__title span {
    display: initial
}

.year-2018 .king10 .year-2025 .bajrakitiyabha .intro__subtitle--10 span, .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__subtitle--11 span, .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__subtitle--12 span, .year-2025 .bajrakitiyabha .intro__subtitle--4 span, .year-2025 .bajrakitiyabha .intro__subtitle--6 span, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__subtitle--10 span, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__subtitle--11 span, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__subtitle--12 span {
    display: inline-block
}

.year-2025 .bajrakitiyabha .intro__content {
    width: 100%;
    color: #fff
}

.year-2025 .bajrakitiyabha .intro__content .company-name {
    display: inline-block
}

.year-2025 .bajrakitiyabha .intro__content--1 .intro__text {
    line-height: 1
}

.year-2025 .bajrakitiyabha .intro__content--1 .intro__line .img-fluid {
    padding: 15px 0;
    max-width: 350px
}

.year-2025 .bajrakitiyabha .intro__content--2 .intro__subtitle, .year-2025 .bajrakitiyabha .intro__content--2 .intro__title {
    color: #fff
}

.year-2025 .bajrakitiyabha .intro__content--2 .intro__text {
    color: #fff;
    line-height: 1
}

.year-2025 .bajrakitiyabha .intro__content--2 .intro__line .img-fluid {
    padding: 10px 0 0;
    max-width: 350px
}

.year-2025 .bajrakitiyabha .intro__content--3 .intro__subtitle, .year-2025 .bajrakitiyabha .intro__content--3 .intro__title {
    color: #fff
}

.year-2025 .bajrakitiyabha .intro__content--3 .intro__text {
    color: #fff;
    line-height: 1
}

.year-2025 .bajrakitiyabha .intro__content--3 .intro__line .img-fluid {
    padding: 10px 0 0;
    max-width: 350px
}

.year-2025 .bajrakitiyabha .intro__content--4 .intro__subtitle, .year-2025 .bajrakitiyabha .intro__content--4 .intro__title {
    color: #fff
}

.year-2025 .bajrakitiyabha .intro__content--4 .intro__text {
    color: #fff;
    line-height: 1
}

.year-2025 .bajrakitiyabha .intro__content--4 .intro__line .img-fluid {
    padding: 10px 0 0;
    max-width: 98px
}

.year-2025 .bajrakitiyabha .intro__content--5 .intro__subtitle, .year-2025 .bajrakitiyabha .intro__content--5 .intro__title {
    color: #fff
}

.year-2025 .bajrakitiyabha .intro__content--5 .intro__text {
    color: #fff;
    line-height: 1
}

.year-2025 .bajrakitiyabha .intro__content--5 .intro__line .img-fluid {
    padding: 10px 0 0;
    max-width: 260px
}

.year-2025 .bajrakitiyabha .intro__content--6 .intro__subtitle, .year-2025 .bajrakitiyabha .intro__content--6 .intro__title {
    color: #fff
}

.year-2025 .bajrakitiyabha .intro__content--6 .intro__text {
    color: #fff;
    line-height: 1
}

.year-2025 .bajrakitiyabha .intro__content--6 .intro__line .img-fluid {
    padding: 10px 0 0;
    max-width: 230px
}

.year-2025 .bajrakitiyabha .intro__button {
    border-radius: 7px
}

.year-2025 .bajrakitiyabha .intro__button--1 {
    position: relative;
    margin-top: 15px;
    background-color: #fff;
    border: none;
    border-radius: 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2025 .bajrakitiyabha .intro__button--1 a {
    color: #191918
}

.year-2025 .bajrakitiyabha .intro__button--1 a:first-child {
    padding: 15px 15px 10px 25px
}

.year-2025 .bajrakitiyabha .intro__button--1 a:last-child {
    padding: 15px 25px 10px 15px
}

.year-2025 .bajrakitiyabha .intro__button--1 a:last-child:before {
    top: 15px;
    left: -8px
}

.year-2025 .bajrakitiyabha .intro__button--1 a:before {
    color: #7a7a77
}

.year-2025 .bajrakitiyabha .intro__button--1 a:focus, .year-2025 .bajrakitiyabha .intro__button--1 a:hover {
    text-decoration: none
}

.year-2025 .bajrakitiyabha .intro__button--2 {
    position: relative;
    margin-top: 15px;
    background-color: #fff;
    border: none;
    border-radius: 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2025 .bajrakitiyabha .intro__button--2 a {
    color: #191918
}

.year-2025 .bajrakitiyabha .intro__button--2 a:first-child {
    padding: 15px 15px 10px 25px
}

.year-2025 .bajrakitiyabha .intro__button--2 a:last-child {
    padding: 15px 25px 10px 15px
}

.year-2025 .bajrakitiyabha .intro__button--2 a:last-child:before {
    top: 15px;
    left: -8px
}

.year-2025 .bajrakitiyabha .intro__button--2 a:before {
    color: #7a7a77
}

.year-2025 .bajrakitiyabha .intro__button--2 a:focus, .year-2025 .bajrakitiyabha .intro__button--2 a:hover {
    text-decoration: none
}

.year-2025 .bajrakitiyabha .intro__button--3 {
    position: relative;
    margin-top: 15px;
    background-color: #fff;
    border: none;
    border-radius: 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2025 .bajrakitiyabha .intro__button--3 a {
    color: #191918
}

.year-2025 .bajrakitiyabha .intro__button--3 a:first-child {
    padding: 15px 15px 10px 25px
}

.year-2025 .bajrakitiyabha .intro__button--3 a:last-child {
    padding: 15px 25px 10px 15px
}

.year-2025 .bajrakitiyabha .intro__button--3 a:last-child:before {
    top: 15px;
    left: -8px
}

.year-2025 .bajrakitiyabha .intro__button--3 a:before {
    color: #7a7a77
}

.year-2025 .bajrakitiyabha .intro__button--3 a:focus, .year-2025 .bajrakitiyabha .intro__button--3 a:hover {
    text-decoration: none
}

.year-2018 .king10 .year-2025 .bajrakitiyabha .intro__button--11, .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__button--12, .year-2019 .king .year-2025 .bajrakitiyabha .intro__button--11, .year-2019 .king .year-2025 .bajrakitiyabha .intro__button--12, .year-2025 .bajrakitiyabha .intro__button--4, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__button--11, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__button--12, .year-2025 .bajrakitiyabha .year-2019 .king .intro__button--11, .year-2025 .bajrakitiyabha .year-2019 .king .intro__button--12 {
    position: relative;
    margin-top: 10px;
    background-color: #fecd80;
    border: none;
    border-radius: 31px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .33)
}

.year-2018 .king10 .year-2025 .bajrakitiyabha .intro__button--11 a, .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__button--12 a, .year-2019 .king .year-2025 .bajrakitiyabha .intro__button--11 a, .year-2019 .king .year-2025 .bajrakitiyabha .intro__button--12 a, .year-2025 .bajrakitiyabha .intro__button--4 a, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__button--11 a, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__button--12 a, .year-2025 .bajrakitiyabha .year-2019 .king .intro__button--11 a, .year-2025 .bajrakitiyabha .year-2019 .king .intro__button--12 a {
    color: #0f0e0e
}

.year-2018 .king10 .year-2025 .bajrakitiyabha .intro__button--11 a:first-child, .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__button--12 a:first-child, .year-2019 .king .year-2025 .bajrakitiyabha .intro__button--11 a:first-child, .year-2019 .king .year-2025 .bajrakitiyabha .intro__button--12 a:first-child, .year-2025 .bajrakitiyabha .intro__button--4 a:first-child, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__button--11 a:first-child, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__button--12 a:first-child, .year-2025 .bajrakitiyabha .year-2019 .king .intro__button--11 a:first-child, .year-2025 .bajrakitiyabha .year-2019 .king .intro__button--12 a:first-child {
    padding: 15px 15px 10px 25px
}

.year-2018 .king10 .year-2025 .bajrakitiyabha .intro__button--11 a:last-child, .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__button--12 a:last-child, .year-2019 .king .year-2025 .bajrakitiyabha .intro__button--11 a:last-child, .year-2019 .king .year-2025 .bajrakitiyabha .intro__button--12 a:last-child, .year-2025 .bajrakitiyabha .intro__button--4 a:last-child, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__button--11 a:last-child, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__button--12 a:last-child, .year-2025 .bajrakitiyabha .year-2019 .king .intro__button--11 a:last-child, .year-2025 .bajrakitiyabha .year-2019 .king .intro__button--12 a:last-child {
    padding: 15px 25px 10px 15px
}

.year-2018 .king10 .year-2025 .bajrakitiyabha .intro__button--11 a:last-child:before, .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__button--12 a:last-child:before, .year-2019 .king .year-2025 .bajrakitiyabha .intro__button--11 a:last-child:before, .year-2019 .king .year-2025 .bajrakitiyabha .intro__button--12 a:last-child:before, .year-2025 .bajrakitiyabha .intro__button--4 a:last-child:before, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__button--11 a:last-child:before, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__button--12 a:last-child:before, .year-2025 .bajrakitiyabha .year-2019 .king .intro__button--11 a:last-child:before, .year-2025 .bajrakitiyabha .year-2019 .king .intro__button--12 a:last-child:before {
    top: 15px;
    left: -8px;
    color: #0f0e0e
}

.year-2018 .king10 .year-2025 .bajrakitiyabha .intro__button--11 a:focus, .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__button--11 a:hover, .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__button--12 a:focus, .year-2018 .king10 .year-2025 .bajrakitiyabha .intro__button--12 a:hover, .year-2019 .king .year-2025 .bajrakitiyabha .intro__button--11 a:focus, .year-2019 .king .year-2025 .bajrakitiyabha .intro__button--11 a:hover, .year-2019 .king .year-2025 .bajrakitiyabha .intro__button--12 a:focus, .year-2019 .king .year-2025 .bajrakitiyabha .intro__button--12 a:hover, .year-2025 .bajrakitiyabha .intro__button--4 a:focus, .year-2025 .bajrakitiyabha .intro__button--4 a:hover, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__button--11 a:focus, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__button--11 a:hover, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__button--12 a:focus, .year-2025 .bajrakitiyabha .year-2018 .king10 .intro__button--12 a:hover, .year-2025 .bajrakitiyabha .year-2019 .king .intro__button--11 a:focus, .year-2025 .bajrakitiyabha .year-2019 .king .intro__button--11 a:hover, .year-2025 .bajrakitiyabha .year-2019 .king .intro__button--12 a:focus, .year-2025 .bajrakitiyabha .year-2019 .king .intro__button--12 a:hover {
    text-decoration: none
}

.year-2018 .year-2025 .bajrakitiyabha .intro__button--14, .year-2019 .queen-mother .year-2025 .bajrakitiyabha .intro__button--14, .year-2025 .bajrakitiyabha .intro__button--5, .year-2025 .bajrakitiyabha .year-2018 .intro__button--14, .year-2025 .bajrakitiyabha .year-2019 .queen-mother .intro__button--14 {
    position: relative;
    margin-top: 10px;
    background-color: #fecd80;
    border: none;
    border-radius: 31px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .33)
}

.year-2018 .year-2025 .bajrakitiyabha .intro__button--14 a, .year-2019 .queen-mother .year-2025 .bajrakitiyabha .intro__button--14 a, .year-2025 .bajrakitiyabha .intro__button--5 a, .year-2025 .bajrakitiyabha .year-2018 .intro__button--14 a, .year-2025 .bajrakitiyabha .year-2019 .queen-mother .intro__button--14 a {
    color: #0f0e0e
}

.year-2018 .year-2025 .bajrakitiyabha .intro__button--14 a:first-child, .year-2019 .queen-mother .year-2025 .bajrakitiyabha .intro__button--14 a:first-child, .year-2025 .bajrakitiyabha .intro__button--5 a:first-child, .year-2025 .bajrakitiyabha .year-2018 .intro__button--14 a:first-child, .year-2025 .bajrakitiyabha .year-2019 .queen-mother .intro__button--14 a:first-child {
    padding: 15px 15px 10px 25px
}

.year-2018 .year-2025 .bajrakitiyabha .intro__button--14 a:last-child, .year-2019 .queen-mother .year-2025 .bajrakitiyabha .intro__button--14 a:last-child, .year-2025 .bajrakitiyabha .intro__button--5 a:last-child, .year-2025 .bajrakitiyabha .year-2018 .intro__button--14 a:last-child, .year-2025 .bajrakitiyabha .year-2019 .queen-mother .intro__button--14 a:last-child {
    padding: 15px 25px 10px 15px
}

.year-2018 .year-2025 .bajrakitiyabha .intro__button--14 a:last-child:before, .year-2019 .queen-mother .year-2025 .bajrakitiyabha .intro__button--14 a:last-child:before, .year-2025 .bajrakitiyabha .intro__button--5 a:last-child:before, .year-2025 .bajrakitiyabha .year-2018 .intro__button--14 a:last-child:before, .year-2025 .bajrakitiyabha .year-2019 .queen-mother .intro__button--14 a:last-child:before {
    top: 15px;
    left: -8px;
    color: #0f0e0e
}

.year-2018 .year-2025 .bajrakitiyabha .intro__button--14 a:focus, .year-2018 .year-2025 .bajrakitiyabha .intro__button--14 a:hover, .year-2019 .queen-mother .year-2025 .bajrakitiyabha .intro__button--14 a:focus, .year-2019 .queen-mother .year-2025 .bajrakitiyabha .intro__button--14 a:hover, .year-2025 .bajrakitiyabha .intro__button--5 a:focus, .year-2025 .bajrakitiyabha .intro__button--5 a:hover, .year-2025 .bajrakitiyabha .year-2018 .intro__button--14 a:focus, .year-2025 .bajrakitiyabha .year-2018 .intro__button--14 a:hover, .year-2025 .bajrakitiyabha .year-2019 .queen-mother .intro__button--14 a:focus, .year-2025 .bajrakitiyabha .year-2019 .queen-mother .intro__button--14 a:hover {
    text-decoration: none
}

.year-2018 .year-2025 .bajrakitiyabha .intro__button--11, .year-2019 .queen-mother .year-2025 .bajrakitiyabha .intro__button--11, .year-2025 .bajrakitiyabha .intro__button--6, .year-2025 .bajrakitiyabha .year-2018 .intro__button--11, .year-2025 .bajrakitiyabha .year-2019 .queen-mother .intro__button--11 {
    position: relative;
    margin-top: 10px;
    background-color: #fecd80;
    border: none;
    border-radius: 31px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .33)
}

.year-2018 .year-2025 .bajrakitiyabha .intro__button--11 a, .year-2019 .queen-mother .year-2025 .bajrakitiyabha .intro__button--11 a, .year-2025 .bajrakitiyabha .intro__button--6 a, .year-2025 .bajrakitiyabha .year-2018 .intro__button--11 a, .year-2025 .bajrakitiyabha .year-2019 .queen-mother .intro__button--11 a {
    color: #0f0e0e
}

.year-2018 .year-2025 .bajrakitiyabha .intro__button--11 a:first-child, .year-2019 .queen-mother .year-2025 .bajrakitiyabha .intro__button--11 a:first-child, .year-2025 .bajrakitiyabha .intro__button--6 a:first-child, .year-2025 .bajrakitiyabha .year-2018 .intro__button--11 a:first-child, .year-2025 .bajrakitiyabha .year-2019 .queen-mother .intro__button--11 a:first-child {
    padding: 15px 15px 10px 25px
}

.year-2018 .year-2025 .bajrakitiyabha .intro__button--11 a:last-child, .year-2019 .queen-mother .year-2025 .bajrakitiyabha .intro__button--11 a:last-child, .year-2025 .bajrakitiyabha .intro__button--6 a:last-child, .year-2025 .bajrakitiyabha .year-2018 .intro__button--11 a:last-child, .year-2025 .bajrakitiyabha .year-2019 .queen-mother .intro__button--11 a:last-child {
    padding: 15px 25px 10px 15px
}

.year-2018 .year-2025 .bajrakitiyabha .intro__button--11 a:last-child:before, .year-2019 .queen-mother .year-2025 .bajrakitiyabha .intro__button--11 a:last-child:before, .year-2025 .bajrakitiyabha .intro__button--6 a:last-child:before, .year-2025 .bajrakitiyabha .year-2018 .intro__button--11 a:last-child:before, .year-2025 .bajrakitiyabha .year-2019 .queen-mother .intro__button--11 a:last-child:before {
    top: 15px;
    left: -8px;
    color: #0f0e0e
}

.year-2018 .year-2025 .bajrakitiyabha .intro__button--11 a:focus, .year-2018 .year-2025 .bajrakitiyabha .intro__button--11 a:hover, .year-2019 .queen-mother .year-2025 .bajrakitiyabha .intro__button--11 a:focus, .year-2019 .queen-mother .year-2025 .bajrakitiyabha .intro__button--11 a:hover, .year-2025 .bajrakitiyabha .intro__button--6 a:focus, .year-2025 .bajrakitiyabha .intro__button--6 a:hover, .year-2025 .bajrakitiyabha .year-2018 .intro__button--11 a:focus, .year-2025 .bajrakitiyabha .year-2018 .intro__button--11 a:hover, .year-2025 .bajrakitiyabha .year-2019 .queen-mother .intro__button--11 a:focus, .year-2025 .bajrakitiyabha .year-2019 .queen-mother .intro__button--11 a:hover {
    text-decoration: none
}

.year-2025 .soamsawali .intro__title {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 1
}

@media (max-width: 737px) {
    .year-2025 .soamsawali .intro__title {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 479px) {
    .year-2025 .soamsawali .intro__title {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2025 .soamsawali .intro__title--1 {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 700;
    letter-spacing: 1px
}

@media (max-width: 1180px) {
    .year-2025 .soamsawali .intro__title--1 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 479px) {
    .year-2025 .soamsawali .intro__title--1 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2025 .soamsawali .intro__title--2 {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 400;
    letter-spacing: 1px
}

@media (max-width: 1180px) {
    .year-2025 .soamsawali .intro__title--2 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 479px) {
    .year-2025 .soamsawali .intro__title--2 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2018 .queen .year-2025 .soamsawali .intro__title--10, .year-2018 .queen .year-2025 .soamsawali .intro__title--11, .year-2018 .queen .year-2025 .soamsawali .intro__title--13, .year-2018 .queen .year-2025 .soamsawali .intro__title--14, .year-2018 .queen .year-2025 .soamsawali .intro__title--15, .year-2025 .soamsawali .intro__title--3, .year-2025 .soamsawali .year-2018 .queen .intro__title--10, .year-2025 .soamsawali .year-2018 .queen .intro__title--11, .year-2025 .soamsawali .year-2018 .queen .intro__title--13, .year-2025 .soamsawali .year-2018 .queen .intro__title--14, .year-2025 .soamsawali .year-2018 .queen .intro__title--15 {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 400;
    letter-spacing: 1px
}

@media (max-width: 1180px) {
    .year-2018 .queen .year-2025 .soamsawali .intro__title--10, .year-2018 .queen .year-2025 .soamsawali .intro__title--11, .year-2018 .queen .year-2025 .soamsawali .intro__title--13, .year-2018 .queen .year-2025 .soamsawali .intro__title--14, .year-2018 .queen .year-2025 .soamsawali .intro__title--15, .year-2025 .soamsawali .intro__title--3, .year-2025 .soamsawali .year-2018 .queen .intro__title--10, .year-2025 .soamsawali .year-2018 .queen .intro__title--11, .year-2025 .soamsawali .year-2018 .queen .intro__title--13, .year-2025 .soamsawali .year-2018 .queen .intro__title--14, .year-2025 .soamsawali .year-2018 .queen .intro__title--15 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2025 .soamsawali .intro__title--10, .year-2018 .queen .year-2025 .soamsawali .intro__title--11, .year-2018 .queen .year-2025 .soamsawali .intro__title--13, .year-2018 .queen .year-2025 .soamsawali .intro__title--14, .year-2018 .queen .year-2025 .soamsawali .intro__title--15, .year-2025 .soamsawali .intro__title--3, .year-2025 .soamsawali .year-2018 .queen .intro__title--10, .year-2025 .soamsawali .year-2018 .queen .intro__title--11, .year-2025 .soamsawali .year-2018 .queen .intro__title--13, .year-2025 .soamsawali .year-2018 .queen .intro__title--14, .year-2025 .soamsawali .year-2018 .queen .intro__title--15 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2018 .king10 .year-2025 .soamsawali .intro__title--10, .year-2018 .king10 .year-2025 .soamsawali .intro__title--11, .year-2018 .king10 .year-2025 .soamsawali .intro__title--12, .year-2025 .soamsawali .intro__title--4, .year-2025 .soamsawali .year-2018 .king10 .intro__title--10, .year-2025 .soamsawali .year-2018 .king10 .intro__title--11, .year-2025 .soamsawali .year-2018 .king10 .intro__title--12 {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 700;
    letter-spacing: 1px
}

@media (max-width: 1180px) {
    .year-2018 .king10 .year-2025 .soamsawali .intro__title--10, .year-2018 .king10 .year-2025 .soamsawali .intro__title--11, .year-2018 .king10 .year-2025 .soamsawali .intro__title--12, .year-2025 .soamsawali .intro__title--4, .year-2025 .soamsawali .year-2018 .king10 .intro__title--10, .year-2025 .soamsawali .year-2018 .king10 .intro__title--11, .year-2025 .soamsawali .year-2018 .king10 .intro__title--12 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 479px) {
    .year-2018 .king10 .year-2025 .soamsawali .intro__title--10, .year-2018 .king10 .year-2025 .soamsawali .intro__title--11, .year-2018 .king10 .year-2025 .soamsawali .intro__title--12, .year-2025 .soamsawali .intro__title--4, .year-2025 .soamsawali .year-2018 .king10 .intro__title--10, .year-2025 .soamsawali .year-2018 .king10 .intro__title--11, .year-2025 .soamsawali .year-2018 .king10 .intro__title--12 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2018 .queen .year-2025 .soamsawali .intro__title--12, .year-2025 .soamsawali .intro__title--5, .year-2025 .soamsawali .year-2018 .queen .intro__title--12 {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 400;
    letter-spacing: 1px
}

@media (max-width: 1180px) {
    .year-2018 .queen .year-2025 .soamsawali .intro__title--12, .year-2025 .soamsawali .intro__title--5, .year-2025 .soamsawali .year-2018 .queen .intro__title--12 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2025 .soamsawali .intro__title--12, .year-2025 .soamsawali .intro__title--5, .year-2025 .soamsawali .year-2018 .queen .intro__title--12 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2025 .soamsawali .intro__title--6 {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 400;
    letter-spacing: 1px
}

@media (max-width: 1180px) {
    .year-2025 .soamsawali .intro__title--6 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 479px) {
    .year-2025 .soamsawali .intro__title--6 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2025 .soamsawali .intro__subtitle--1 {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 400;
    font-family: Sarabun !important;
    letter-spacing: 1px;
    line-height: 1
}

@media (max-width: 1180px) {
    .year-2025 .soamsawali .intro__subtitle--1 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2025 .soamsawali .intro__subtitle--2 {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 400;
    font-family: Sarabun !important;
    letter-spacing: 1px;
    line-height: 1
}

@media (max-width: 1180px) {
    .year-2025 .soamsawali .intro__subtitle--2 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2018 .queen .year-2025 .soamsawali .intro__subtitle--10, .year-2018 .queen .year-2025 .soamsawali .intro__subtitle--11, .year-2018 .queen .year-2025 .soamsawali .intro__subtitle--13, .year-2018 .queen .year-2025 .soamsawali .intro__subtitle--14, .year-2018 .queen .year-2025 .soamsawali .intro__subtitle--15, .year-2025 .soamsawali .intro__subtitle--3, .year-2025 .soamsawali .year-2018 .queen .intro__subtitle--10, .year-2025 .soamsawali .year-2018 .queen .intro__subtitle--11, .year-2025 .soamsawali .year-2018 .queen .intro__subtitle--13, .year-2025 .soamsawali .year-2018 .queen .intro__subtitle--14, .year-2025 .soamsawali .year-2018 .queen .intro__subtitle--15 {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 400;
    font-family: Sarabun !important;
    letter-spacing: 1px;
    line-height: 1
}

@media (max-width: 1180px) {
    .year-2018 .queen .year-2025 .soamsawali .intro__subtitle--10, .year-2018 .queen .year-2025 .soamsawali .intro__subtitle--11, .year-2018 .queen .year-2025 .soamsawali .intro__subtitle--13, .year-2018 .queen .year-2025 .soamsawali .intro__subtitle--14, .year-2018 .queen .year-2025 .soamsawali .intro__subtitle--15, .year-2025 .soamsawali .intro__subtitle--3, .year-2025 .soamsawali .year-2018 .queen .intro__subtitle--10, .year-2025 .soamsawali .year-2018 .queen .intro__subtitle--11, .year-2025 .soamsawali .year-2018 .queen .intro__subtitle--13, .year-2025 .soamsawali .year-2018 .queen .intro__subtitle--14, .year-2025 .soamsawali .year-2018 .queen .intro__subtitle--15 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2018 .king10 .year-2025 .soamsawali .intro__subtitle--10, .year-2018 .king10 .year-2025 .soamsawali .intro__subtitle--11, .year-2018 .king10 .year-2025 .soamsawali .intro__subtitle--12, .year-2025 .soamsawali .intro__subtitle--4, .year-2025 .soamsawali .year-2018 .king10 .intro__subtitle--10, .year-2025 .soamsawali .year-2018 .king10 .intro__subtitle--11, .year-2025 .soamsawali .year-2018 .king10 .intro__subtitle--12 {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 400;
    font-family: Sarabun !important;
    letter-spacing: 1px;
    line-height: 1
}

@media (max-width: 1180px) {
    .year-2018 .king10 .year-2025 .soamsawali .intro__subtitle--10, .year-2018 .king10 .year-2025 .soamsawali .intro__subtitle--11, .year-2018 .king10 .year-2025 .soamsawali .intro__subtitle--12, .year-2025 .soamsawali .intro__subtitle--4, .year-2025 .soamsawali .year-2018 .king10 .intro__subtitle--10, .year-2025 .soamsawali .year-2018 .king10 .intro__subtitle--11, .year-2025 .soamsawali .year-2018 .king10 .intro__subtitle--12 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2018 .queen .year-2025 .soamsawali .intro__subtitle--12, .year-2025 .soamsawali .intro__subtitle--5, .year-2025 .soamsawali .year-2018 .queen .intro__subtitle--12 {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 400;
    font-family: Sarabun !important;
    letter-spacing: 1px;
    line-height: 1
}

@media (max-width: 1180px) {
    .year-2018 .queen .year-2025 .soamsawali .intro__subtitle--12, .year-2025 .soamsawali .intro__subtitle--5, .year-2025 .soamsawali .year-2018 .queen .intro__subtitle--12 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2025 .soamsawali .intro__subtitle--6 {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 400;
    font-family: Sarabun !important;
    letter-spacing: 1px;
    line-height: 1
}

@media (max-width: 1180px) {
    .year-2025 .soamsawali .intro__subtitle--6 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2025 .soamsawali .intro__text {
    font-size: 20px;
    font-size: 1.25rem
}

@media (max-width: 414px) {
    .year-2025 .soamsawali .intro__text {
        font-size: 16px;
        font-size: 1rem
    }
}

.year-2025 .soamsawali .intro__content--1 .intro__text {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 700;
    font-family: Sarabun !important;
    line-height: .8
}

@media (max-width: 767px) {
    .year-2025 .soamsawali .intro__content--1 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media (max-width: 479px) {
    .year-2025 .soamsawali .intro__content--1 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.year-2025 .soamsawali .intro__content--1 .intro__button {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400;
    font-family: Sarabun !important
}

.year-2025 .soamsawali .intro__content--2 .intro__text {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 700;
    font-family: Sarabun !important;
    line-height: .8
}

@media (max-width: 767px) {
    .year-2025 .soamsawali .intro__content--2 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media (max-width: 479px) {
    .year-2025 .soamsawali .intro__content--2 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.year-2025 .soamsawali .intro__content--2 .intro__button {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400;
    font-family: Sarabun !important
}

.year-2025 .soamsawali .intro__content--3 .intro__text {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 400;
    font-family: Sarabun !important;
    line-height: .9
}

@media (max-width: 767px) {
    .year-2025 .soamsawali .intro__content--3 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media (max-width: 479px) {
    .year-2025 .soamsawali .intro__content--3 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.year-2025 .soamsawali .intro__content--3 .intro__button {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400;
    font-family: Sarabun !important
}

.year-2025 .soamsawali .intro__content--4 .intro__text {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 700;
    font-family: Sarabun !important;
    line-height: .8
}

@media (max-width: 767px) {
    .year-2025 .soamsawali .intro__content--4 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media (max-width: 479px) {
    .year-2025 .soamsawali .intro__content--4 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.year-2025 .soamsawali .intro__content--4 .intro__button {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400;
    font-family: Sarabun !important
}

.year-2025 .soamsawali .intro__content--5 .intro__text {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 700;
    font-family: Sarabun !important;
    line-height: .8
}

@media (max-width: 767px) {
    .year-2025 .soamsawali .intro__content--5 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media (max-width: 479px) {
    .year-2025 .soamsawali .intro__content--5 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.year-2025 .soamsawali .intro__content--5 .intro__button {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400;
    font-family: Sarabun !important
}

.year-2025 .soamsawali .intro__content--6 .intro__text {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 400;
    font-family: Sarabun !important;
    line-height: .9
}

@media (max-width: 767px) {
    .year-2025 .soamsawali .intro__content--6 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media (max-width: 479px) {
    .year-2025 .soamsawali .intro__content--6 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.year-2025 .soamsawali .intro__content--6 .intro__button {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400;
    font-family: Sarabun !important
}

.year-2025 .soamsawali .intro__logo {
    display: none !important
}

.year-2025 .soamsawali .intro--vertical .intro__logo {
    display: none
}

.year-2025 .soamsawali .intro__line {
    padding: 25px 0
}

.year-2025 .soamsawali .intro__line .img-fluid {
    max-width: 400px;
    width: 100%
}

.year-2025 .soamsawali .intro__figure {
    max-width: 380px
}

.year-2025 .soamsawali .intro__figure--1 {
    max-width: 100%
}

.year-2025 .soamsawali .intro__figure--2 {
    margin: 4vh auto 0;
    max-width: 330px;
    height: auto;
    min-height: 300px
}

@media (max-height: 660px) {
    .year-2025 .soamsawali .intro__figure--2 {
        height: 300px
    }
}

.year-2025 .soamsawali .intro__figure--3 {
    margin: 4vh auto 1.5rem;
    max-width: 330px;
    height: auto;
    min-height: 300px
}

@media (max-height: 660px) {
    .year-2025 .soamsawali .intro__figure--3 {
        height: 300px
    }
}

.year-2025 .soamsawali .intro__figure--4, .year-2025 .soamsawali .intro__figure--5, .year-2025 .soamsawali .intro__figure--6 {
    height: 30vh
}

.year-2025 .soamsawali .intro__figure--4 img, .year-2025 .soamsawali .intro__figure--5 img, .year-2025 .soamsawali .intro__figure--6 img {
    display: none
}

@media (max-width: 767px) {
    .year-2025 .soamsawali .intro__figure--4, .year-2025 .soamsawali .intro__figure--5, .year-2025 .soamsawali .intro__figure--6 {
        height: 25vh !important
    }
}

@media (max-width: 479px) {
    .year-2025 .soamsawali .intro__figure--4, .year-2025 .soamsawali .intro__figure--5, .year-2025 .soamsawali .intro__figure--6 {
        height: 15vh !important
    }
}

.year-2025 .soamsawali .intro__title span {
    display: initial
}

.year-2018 .king10 .year-2025 .soamsawali .intro__subtitle--10 span, .year-2018 .king10 .year-2025 .soamsawali .intro__subtitle--11 span, .year-2018 .king10 .year-2025 .soamsawali .intro__subtitle--12 span, .year-2025 .soamsawali .intro__subtitle--4 span, .year-2025 .soamsawali .intro__subtitle--6 span, .year-2025 .soamsawali .year-2018 .king10 .intro__subtitle--10 span, .year-2025 .soamsawali .year-2018 .king10 .intro__subtitle--11 span, .year-2025 .soamsawali .year-2018 .king10 .intro__subtitle--12 span {
    display: inline-block
}

.year-2025 .soamsawali .intro__content {
    width: 100%;
    color: #fff
}

.year-2025 .soamsawali .intro__content .company-name {
    display: inline-block
}

.year-2025 .soamsawali .intro__content--1 .intro__text {
    line-height: 1
}

.year-2025 .soamsawali .intro__content--1 .intro__line .img-fluid {
    padding: 15px 0;
    max-width: 350px
}

.year-2025 .soamsawali .intro__content--2 .intro__subtitle, .year-2025 .soamsawali .intro__content--2 .intro__title {
    color: #fff
}

.year-2025 .soamsawali .intro__content--2 .intro__text {
    color: #fff;
    line-height: 1
}

.year-2025 .soamsawali .intro__content--2 .intro__line .img-fluid {
    padding: 10px 0 0;
    max-width: 350px
}

.year-2025 .soamsawali .intro__content--3 .intro__subtitle, .year-2025 .soamsawali .intro__content--3 .intro__title {
    color: #fff
}

.year-2025 .soamsawali .intro__content--3 .intro__text {
    color: #fff;
    line-height: 1
}

.year-2025 .soamsawali .intro__content--3 .intro__line .img-fluid {
    padding: 10px 0 0;
    max-width: 350px
}

.year-2025 .soamsawali .intro__content--4 .intro__subtitle, .year-2025 .soamsawali .intro__content--4 .intro__title {
    color: #fff
}

.year-2025 .soamsawali .intro__content--4 .intro__text {
    color: #fff;
    line-height: 1
}

.year-2025 .soamsawali .intro__content--4 .intro__line .img-fluid {
    padding: 10px 0 0;
    max-width: 98px
}

.year-2025 .soamsawali .intro__content--5 .intro__subtitle, .year-2025 .soamsawali .intro__content--5 .intro__title {
    color: #fff
}

.year-2025 .soamsawali .intro__content--5 .intro__text {
    color: #fff;
    line-height: 1
}

.year-2025 .soamsawali .intro__content--5 .intro__line .img-fluid {
    padding: 10px 0 0;
    max-width: 260px
}

.year-2025 .soamsawali .intro__content--6 .intro__subtitle, .year-2025 .soamsawali .intro__content--6 .intro__title {
    color: #fff
}

.year-2025 .soamsawali .intro__content--6 .intro__text {
    color: #fff;
    line-height: 1
}

.year-2025 .soamsawali .intro__content--6 .intro__line .img-fluid {
    padding: 10px 0 0;
    max-width: 230px
}

.year-2025 .soamsawali .intro__button {
    border-radius: 7px
}

.year-2025 .soamsawali .intro__button--1 {
    position: relative;
    margin-top: 15px;
    background-color: #fff;
    border: none;
    border-radius: 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2025 .soamsawali .intro__button--1 a {
    color: #191918
}

.year-2025 .soamsawali .intro__button--1 a:first-child {
    padding: 15px 15px 10px 25px
}

.year-2025 .soamsawali .intro__button--1 a:last-child {
    padding: 15px 25px 10px 15px
}

.year-2025 .soamsawali .intro__button--1 a:last-child:before {
    top: 15px;
    left: -8px
}

.year-2025 .soamsawali .intro__button--1 a:before {
    color: #7a7a77
}

.year-2025 .soamsawali .intro__button--1 a:focus, .year-2025 .soamsawali .intro__button--1 a:hover {
    text-decoration: none
}

.year-2025 .soamsawali .intro__button--2 {
    position: relative;
    margin-top: 15px;
    background-color: #fff;
    border: none;
    border-radius: 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2025 .soamsawali .intro__button--2 a {
    color: #191918
}

.year-2025 .soamsawali .intro__button--2 a:first-child {
    padding: 15px 15px 10px 25px
}

.year-2025 .soamsawali .intro__button--2 a:last-child {
    padding: 15px 25px 10px 15px
}

.year-2025 .soamsawali .intro__button--2 a:last-child:before {
    top: 15px;
    left: -8px
}

.year-2025 .soamsawali .intro__button--2 a:before {
    color: #7a7a77
}

.year-2025 .soamsawali .intro__button--2 a:focus, .year-2025 .soamsawali .intro__button--2 a:hover {
    text-decoration: none
}

.year-2025 .soamsawali .intro__button--3 {
    position: relative;
    margin-top: 15px;
    background-color: #fff;
    border: none;
    border-radius: 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2025 .soamsawali .intro__button--3 a {
    color: #191918
}

.year-2025 .soamsawali .intro__button--3 a:first-child {
    padding: 15px 15px 10px 25px
}

.year-2025 .soamsawali .intro__button--3 a:last-child {
    padding: 15px 25px 10px 15px
}

.year-2025 .soamsawali .intro__button--3 a:last-child:before {
    top: 15px;
    left: -8px
}

.year-2025 .soamsawali .intro__button--3 a:before {
    color: #7a7a77
}

.year-2025 .soamsawali .intro__button--3 a:focus, .year-2025 .soamsawali .intro__button--3 a:hover {
    text-decoration: none
}

.year-2018 .king10 .year-2025 .soamsawali .intro__button--11, .year-2018 .king10 .year-2025 .soamsawali .intro__button--12, .year-2019 .king .year-2025 .soamsawali .intro__button--11, .year-2019 .king .year-2025 .soamsawali .intro__button--12, .year-2025 .soamsawali .intro__button--4, .year-2025 .soamsawali .year-2018 .king10 .intro__button--11, .year-2025 .soamsawali .year-2018 .king10 .intro__button--12, .year-2025 .soamsawali .year-2019 .king .intro__button--11, .year-2025 .soamsawali .year-2019 .king .intro__button--12 {
    position: relative;
    margin-top: 10px;
    background-color: #fecd80;
    border: none;
    border-radius: 31px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .33)
}

.year-2018 .king10 .year-2025 .soamsawali .intro__button--11 a, .year-2018 .king10 .year-2025 .soamsawali .intro__button--12 a, .year-2019 .king .year-2025 .soamsawali .intro__button--11 a, .year-2019 .king .year-2025 .soamsawali .intro__button--12 a, .year-2025 .soamsawali .intro__button--4 a, .year-2025 .soamsawali .year-2018 .king10 .intro__button--11 a, .year-2025 .soamsawali .year-2018 .king10 .intro__button--12 a, .year-2025 .soamsawali .year-2019 .king .intro__button--11 a, .year-2025 .soamsawali .year-2019 .king .intro__button--12 a {
    color: #0f0e0e
}

.year-2018 .king10 .year-2025 .soamsawali .intro__button--11 a:first-child, .year-2018 .king10 .year-2025 .soamsawali .intro__button--12 a:first-child, .year-2019 .king .year-2025 .soamsawali .intro__button--11 a:first-child, .year-2019 .king .year-2025 .soamsawali .intro__button--12 a:first-child, .year-2025 .soamsawali .intro__button--4 a:first-child, .year-2025 .soamsawali .year-2018 .king10 .intro__button--11 a:first-child, .year-2025 .soamsawali .year-2018 .king10 .intro__button--12 a:first-child, .year-2025 .soamsawali .year-2019 .king .intro__button--11 a:first-child, .year-2025 .soamsawali .year-2019 .king .intro__button--12 a:first-child {
    padding: 15px 15px 10px 25px
}

.year-2018 .king10 .year-2025 .soamsawali .intro__button--11 a:last-child, .year-2018 .king10 .year-2025 .soamsawali .intro__button--12 a:last-child, .year-2019 .king .year-2025 .soamsawali .intro__button--11 a:last-child, .year-2019 .king .year-2025 .soamsawali .intro__button--12 a:last-child, .year-2025 .soamsawali .intro__button--4 a:last-child, .year-2025 .soamsawali .year-2018 .king10 .intro__button--11 a:last-child, .year-2025 .soamsawali .year-2018 .king10 .intro__button--12 a:last-child, .year-2025 .soamsawali .year-2019 .king .intro__button--11 a:last-child, .year-2025 .soamsawali .year-2019 .king .intro__button--12 a:last-child {
    padding: 15px 25px 10px 15px
}

.year-2018 .king10 .year-2025 .soamsawali .intro__button--11 a:last-child:before, .year-2018 .king10 .year-2025 .soamsawali .intro__button--12 a:last-child:before, .year-2019 .king .year-2025 .soamsawali .intro__button--11 a:last-child:before, .year-2019 .king .year-2025 .soamsawali .intro__button--12 a:last-child:before, .year-2025 .soamsawali .intro__button--4 a:last-child:before, .year-2025 .soamsawali .year-2018 .king10 .intro__button--11 a:last-child:before, .year-2025 .soamsawali .year-2018 .king10 .intro__button--12 a:last-child:before, .year-2025 .soamsawali .year-2019 .king .intro__button--11 a:last-child:before, .year-2025 .soamsawali .year-2019 .king .intro__button--12 a:last-child:before {
    top: 15px;
    left: -8px;
    color: #0f0e0e
}

.year-2018 .king10 .year-2025 .soamsawali .intro__button--11 a:focus, .year-2018 .king10 .year-2025 .soamsawali .intro__button--11 a:hover, .year-2018 .king10 .year-2025 .soamsawali .intro__button--12 a:focus, .year-2018 .king10 .year-2025 .soamsawali .intro__button--12 a:hover, .year-2019 .king .year-2025 .soamsawali .intro__button--11 a:focus, .year-2019 .king .year-2025 .soamsawali .intro__button--11 a:hover, .year-2019 .king .year-2025 .soamsawali .intro__button--12 a:focus, .year-2019 .king .year-2025 .soamsawali .intro__button--12 a:hover, .year-2025 .soamsawali .intro__button--4 a:focus, .year-2025 .soamsawali .intro__button--4 a:hover, .year-2025 .soamsawali .year-2018 .king10 .intro__button--11 a:focus, .year-2025 .soamsawali .year-2018 .king10 .intro__button--11 a:hover, .year-2025 .soamsawali .year-2018 .king10 .intro__button--12 a:focus, .year-2025 .soamsawali .year-2018 .king10 .intro__button--12 a:hover, .year-2025 .soamsawali .year-2019 .king .intro__button--11 a:focus, .year-2025 .soamsawali .year-2019 .king .intro__button--11 a:hover, .year-2025 .soamsawali .year-2019 .king .intro__button--12 a:focus, .year-2025 .soamsawali .year-2019 .king .intro__button--12 a:hover {
    text-decoration: none
}

.year-2018 .year-2025 .soamsawali .intro__button--14, .year-2019 .queen-mother .year-2025 .soamsawali .intro__button--14, .year-2025 .soamsawali .intro__button--5, .year-2025 .soamsawali .year-2018 .intro__button--14, .year-2025 .soamsawali .year-2019 .queen-mother .intro__button--14 {
    position: relative;
    margin-top: 10px;
    background-color: #fecd80;
    border: none;
    border-radius: 31px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .33)
}

.year-2018 .year-2025 .soamsawali .intro__button--14 a, .year-2019 .queen-mother .year-2025 .soamsawali .intro__button--14 a, .year-2025 .soamsawali .intro__button--5 a, .year-2025 .soamsawali .year-2018 .intro__button--14 a, .year-2025 .soamsawali .year-2019 .queen-mother .intro__button--14 a {
    color: #0f0e0e
}

.year-2018 .year-2025 .soamsawali .intro__button--14 a:first-child, .year-2019 .queen-mother .year-2025 .soamsawali .intro__button--14 a:first-child, .year-2025 .soamsawali .intro__button--5 a:first-child, .year-2025 .soamsawali .year-2018 .intro__button--14 a:first-child, .year-2025 .soamsawali .year-2019 .queen-mother .intro__button--14 a:first-child {
    padding: 15px 15px 10px 25px
}

.year-2018 .year-2025 .soamsawali .intro__button--14 a:last-child, .year-2019 .queen-mother .year-2025 .soamsawali .intro__button--14 a:last-child, .year-2025 .soamsawali .intro__button--5 a:last-child, .year-2025 .soamsawali .year-2018 .intro__button--14 a:last-child, .year-2025 .soamsawali .year-2019 .queen-mother .intro__button--14 a:last-child {
    padding: 15px 25px 10px 15px
}

.year-2018 .year-2025 .soamsawali .intro__button--14 a:last-child:before, .year-2019 .queen-mother .year-2025 .soamsawali .intro__button--14 a:last-child:before, .year-2025 .soamsawali .intro__button--5 a:last-child:before, .year-2025 .soamsawali .year-2018 .intro__button--14 a:last-child:before, .year-2025 .soamsawali .year-2019 .queen-mother .intro__button--14 a:last-child:before {
    top: 15px;
    left: -8px;
    color: #0f0e0e
}

.year-2018 .year-2025 .soamsawali .intro__button--14 a:focus, .year-2018 .year-2025 .soamsawali .intro__button--14 a:hover, .year-2019 .queen-mother .year-2025 .soamsawali .intro__button--14 a:focus, .year-2019 .queen-mother .year-2025 .soamsawali .intro__button--14 a:hover, .year-2025 .soamsawali .intro__button--5 a:focus, .year-2025 .soamsawali .intro__button--5 a:hover, .year-2025 .soamsawali .year-2018 .intro__button--14 a:focus, .year-2025 .soamsawali .year-2018 .intro__button--14 a:hover, .year-2025 .soamsawali .year-2019 .queen-mother .intro__button--14 a:focus, .year-2025 .soamsawali .year-2019 .queen-mother .intro__button--14 a:hover {
    text-decoration: none
}

.year-2018 .year-2025 .soamsawali .intro__button--11, .year-2019 .queen-mother .year-2025 .soamsawali .intro__button--11, .year-2025 .soamsawali .intro__button--6, .year-2025 .soamsawali .year-2018 .intro__button--11, .year-2025 .soamsawali .year-2019 .queen-mother .intro__button--11 {
    position: relative;
    margin-top: 10px;
    background-color: #fecd80;
    border: none;
    border-radius: 31px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .33)
}

.year-2018 .year-2025 .soamsawali .intro__button--11 a, .year-2019 .queen-mother .year-2025 .soamsawali .intro__button--11 a, .year-2025 .soamsawali .intro__button--6 a, .year-2025 .soamsawali .year-2018 .intro__button--11 a, .year-2025 .soamsawali .year-2019 .queen-mother .intro__button--11 a {
    color: #0f0e0e
}

.year-2018 .year-2025 .soamsawali .intro__button--11 a:first-child, .year-2019 .queen-mother .year-2025 .soamsawali .intro__button--11 a:first-child, .year-2025 .soamsawali .intro__button--6 a:first-child, .year-2025 .soamsawali .year-2018 .intro__button--11 a:first-child, .year-2025 .soamsawali .year-2019 .queen-mother .intro__button--11 a:first-child {
    padding: 15px 15px 10px 25px
}

.year-2018 .year-2025 .soamsawali .intro__button--11 a:last-child, .year-2019 .queen-mother .year-2025 .soamsawali .intro__button--11 a:last-child, .year-2025 .soamsawali .intro__button--6 a:last-child, .year-2025 .soamsawali .year-2018 .intro__button--11 a:last-child, .year-2025 .soamsawali .year-2019 .queen-mother .intro__button--11 a:last-child {
    padding: 15px 25px 10px 15px
}

.year-2018 .year-2025 .soamsawali .intro__button--11 a:last-child:before, .year-2019 .queen-mother .year-2025 .soamsawali .intro__button--11 a:last-child:before, .year-2025 .soamsawali .intro__button--6 a:last-child:before, .year-2025 .soamsawali .year-2018 .intro__button--11 a:last-child:before, .year-2025 .soamsawali .year-2019 .queen-mother .intro__button--11 a:last-child:before {
    top: 15px;
    left: -8px;
    color: #0f0e0e
}

.year-2018 .year-2025 .soamsawali .intro__button--11 a:focus, .year-2018 .year-2025 .soamsawali .intro__button--11 a:hover, .year-2019 .queen-mother .year-2025 .soamsawali .intro__button--11 a:focus, .year-2019 .queen-mother .year-2025 .soamsawali .intro__button--11 a:hover, .year-2025 .soamsawali .intro__button--6 a:focus, .year-2025 .soamsawali .intro__button--6 a:hover, .year-2025 .soamsawali .year-2018 .intro__button--11 a:focus, .year-2025 .soamsawali .year-2018 .intro__button--11 a:hover, .year-2025 .soamsawali .year-2019 .queen-mother .intro__button--11 a:focus, .year-2025 .soamsawali .year-2019 .queen-mother .intro__button--11 a:hover {
    text-decoration: none
}

.body-snapshot .newyear .intro {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto !important
}

.body-snapshot .newyear .intro > .intro__figure {
    height: inherit
}

.body-snapshot .newyear .intro > .intro__figure img {
    max-height: inherit
}

.year-2024 .newyear {
    font-family: Sarabun;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1
}

.year-2024 .newyear h3 {
    line-height: 1;
    font-size: 54px;
    font-size: 3.375rem;
    font-weight: 700
}

.year-2024 .newyear h4 {
    font-size: 26px;
    font-size: 1.625rem;
    margin: 0 0 5px
}

.year-2024 .newyear h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2024 .newyear h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2024 .newyear .intro__text {
    font-size: 26px;
    font-size: 1.625rem
}

.year-2024 .newyear.newyear--1 .intro__subtitle.intro__subtitle--longlive {
    font-family: Chonburi;
    font-size: 90px;
    font-size: 5.625rem
}

@media (max-width: 1399.98px) {
    .year-2024 .newyear.newyear--1 .intro__subtitle.intro__subtitle--longlive {
        font-size: 76px;
        font-size: 4.75rem
    }
}

@media (max-width: 1199.98px) {
    .year-2024 .newyear.newyear--1 .intro__subtitle.intro__subtitle--longlive {
        font-size: 70px;
        font-size: 4.375rem
    }
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--1 .intro__subtitle.intro__subtitle--longlive {
        font-size: 50px;
        font-size: 3.125rem
    }
}

.year-2024 .newyear.newyear--1 .intro__text {
    font-family: Kanit;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.5;
    font-weight: 300
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--1 .intro__text {
        font-size: 15px;
        font-size: .9375rem
    }
}

.year-2024 .newyear.newyear--1 .intro__button {
    font-family: Kanit;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--1 .intro__button {
        font-size: 12px;
        font-size: .75rem
    }
}

.year-2024 .newyear.newyear--2 .intro__subtitle.intro__subtitle--longlive {
    font-family: Chonburi;
    font-size: 78px;
    font-size: 4.875rem;
    font-weight: 600
}

@media (max-width: 767.98px) {
    .year-2024 .newyear.newyear--2 .intro__subtitle.intro__subtitle--longlive {
        font-size: 48px;
        font-size: 3rem
    }
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--2 .intro__subtitle.intro__subtitle--longlive {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2024 .newyear.newyear--2 .intro__text {
    font-family: Kanit;
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300
}

@media (max-width: 1199.98px) {
    .year-2024 .newyear.newyear--2 .intro__text {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media (max-width: 767.98px) {
    .year-2024 .newyear.newyear--2 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.year-2024 .newyear.newyear--2 .intro__button {
    font-family: Kanit;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400
}

@media (max-width: 767.98px) {
    .year-2024 .newyear.newyear--2 .intro__button {
        font-size: 16px;
        font-size: 1rem
    }
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--2 .intro__button {
        font-size: 12px;
        font-size: .75rem
    }
}

.year-2024 .newyear.newyear--3 .intro__title {
    font-size: 80px;
    font-size: 5rem;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 700
}

@media (max-width: 1199.98px) {
    .year-2024 .newyear.newyear--3 .intro__title {
        font-size: 110px;
        font-size: 6.875rem
    }
}

@media (max-width: 991.98px) {
    .year-2024 .newyear.newyear--3 .intro__title {
        font-size: 100px;
        font-size: 6.25rem
    }
}

@media (max-width: 767.98px) {
    .year-2024 .newyear.newyear--3 .intro__title {
        font-size: 70px;
        font-size: 4.375rem
    }
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--3 .intro__title {
        font-size: 48px;
        font-size: 3rem
    }
}

.year-2024 .newyear.newyear--3 .intro__subtitle {
    font-size: 60px;
    font-size: 3.75rem;
    font-weight: 300
}

@media (max-width: 1199.98px) {
    .year-2024 .newyear.newyear--3 .intro__subtitle {
        font-size: 80px;
        font-size: 5rem
    }
}

@media (max-width: 767.98px) {
    .year-2024 .newyear.newyear--3 .intro__subtitle {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--3 .intro__subtitle {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2024 .newyear.newyear--3 .intro__text {
    font-family: Kanit;
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300
}

@media (max-width: 1199.98px) {
    .year-2024 .newyear.newyear--3 .intro__text {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media (max-width: 767.98px) {
    .year-2024 .newyear.newyear--3 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.year-2024 .newyear.newyear--3 .intro__button {
    font-family: Kanit;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400
}

@media (max-width: 767.98px) {
    .year-2024 .newyear.newyear--3 .intro__button {
        font-size: 16px;
        font-size: 1rem
    }
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--3 .intro__button {
        font-size: 12px;
        font-size: .75rem
    }
}

.year-2024 .newyear.newyear--4 .intro__text {
    font-family: Prompt;
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 300
}

@media (max-width: 991.98px) {
    .year-2024 .newyear.newyear--4 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media (max-width: 767.98px) {
    .year-2024 .newyear.newyear--4 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--4 .intro__text {
        font-size: 15px;
        font-size: .9375rem
    }
}

.year-2024 .newyear.newyear--4 .intro__button {
    font-family: Prompt;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 400
}

@media (max-width: 767.98px) {
    .year-2024 .newyear.newyear--4 .intro__button {
        font-size: 14px;
        font-size: .875rem
    }
}

.year-2024 .newyear.newyear--5 .intro__title {
    font-size: 65px;
    font-size: 4.0625rem;
    font-weight: 500;
    line-height: 1.25
}

@media (max-width: 1199.98px) {
    .year-2024 .newyear.newyear--5 .intro__title {
        font-size: 60px;
        font-size: 3.75rem
    }
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--5 .intro__title {
        font-size: 36px;
        font-size: 2.25rem
    }
}

.year-2024 .newyear.newyear--5 .intro__subtitle.intro__subtitle--event {
    font-size: 45px;
    font-size: 2.8125rem
}

@media (max-width: 1199.98px) {
    .year-2024 .newyear.newyear--5 .intro__subtitle.intro__subtitle--event {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--5 .intro__subtitle.intro__subtitle--event {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

.year-2024 .newyear.newyear--5 .intro__text {
    font-family: Kanit;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 300
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--5 .intro__text {
        font-size: 16px;
        font-size: 1rem
    }
}

.year-2024 .newyear.newyear--5 .intro__button {
    font-family: Kanit;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400
}

@media (max-width: 767.98px) {
    .year-2024 .newyear.newyear--5 .intro__button {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--5 .intro__button {
        font-size: 12px;
        font-size: .75rem
    }
}

.year-2024 .newyear.newyear--6 .intro__subtitle {
    line-height: 1.25
}

.year-2024 .newyear.newyear--6 .intro__subtitle .master {
    font-size: 62px;
    font-size: 3.875rem;
    font-weight: 500
}

@media (max-width: 1199.98px) {
    .year-2024 .newyear.newyear--6 .intro__subtitle .master {
        font-size: 52px;
        font-size: 3.25rem
    }
}

@media (max-width: 767.98px) {
    .year-2024 .newyear.newyear--6 .intro__subtitle .master {
        font-size: 50px;
        font-size: 3.125rem
    }
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--6 .intro__subtitle .master {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2024 .newyear.newyear--6 .intro__subtitle .firstname {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 500
}

@media (max-width: 1199.98px) {
    .year-2024 .newyear.newyear--6 .intro__subtitle .firstname {
        font-size: 32px;
        font-size: 2rem
    }
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--6 .intro__subtitle .firstname {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2024 .newyear.newyear--6 .intro__text {
    font-family: Kanit;
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 300
}

@media (max-width: 767.98px) {
    .year-2024 .newyear.newyear--6 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--6 .intro__text {
        font-size: 16px;
        font-size: 1rem
    }
}

.year-2024 .newyear.newyear--6 .intro__button {
    font-family: Kanit;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400
}

@media (max-width: 767.98px) {
    .year-2024 .newyear.newyear--6 .intro__button {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--6 .intro__button {
        font-size: 12px;
        font-size: .75rem
    }
}

.year-2024 .body-snapshot .newyear .intro {
    display: flex;
    justify-content: center;
    align-items: center
}

.year-2024 .body-snapshot .newyear .intro > .intro__figure {
    height: auto
}

.year-2024 .body-snapshot .newyear .intro > .intro__figure img {
    max-height: 100%
}

.year-2024 .wrapper {
    overflow-x: hidden;
    position: relative
}

.year-2024 .wrapper .wrapper__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.year-2024 .wrapper .wrapper__bg .wrapper__video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.year-2024 .wrapper--1, .year-2024 .wrapper--2 {
    background-position: bottom
}

.year-2024 .wrapper--3, .year-2024 .wrapper--4 {
    background-position: 50%
}

.year-2024 .wrapper--4 .wrapper__bg {
    overflow: hidden
}

@media (max-width: 991.98px) {
    .year-2024 .wrapper--4 .wrapper__video {
        object-position: left
    }
}

.year-2024 .wrapper--5 {
    background-position: 50%
}

.year-2024 .wrapper--5 .wrapper__bg {
    overflow: hidden
}

.year-2024 .wrapper--6 {
    background-position: bottom
}

.year-2024 .wrapper--6 .wrapper__bg {
    overflow: hidden
}

.year-2024 .newyear .intro__subtitle.intro__subtitle--longlive, .year-2024 .newyear .intro__subtitle.intro__subtitle--name .lastname {
    display: none
}

@media (min-width: 1200px) {
    .year-2024 .newyear.newyear--1 {
        min-height: 720px
    }
}

@media (min-width: 1400px) {
    .year-2024 .newyear.newyear--1 .container {
        max-width: 1320px
    }
}

.year-2024 .newyear.newyear--1 .intro {
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 0;
    z-index: 2
}

.year-2024 .newyear.newyear--1 .intro .intro__row {
    width: 100%;
    height: auto
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .year-2024 .newyear.newyear--1 .intro {
        min-height: 120vh
    }
}

.year-2024 .newyear.newyear--1 .intro .intro__content {
    position: relative
}

.year-2024 .newyear.newyear--1 .intro .intro__figure {
    position: relative;
    margin-top: -100px
}

.year-2024 .newyear.newyear--1 .intro .intro__title {
    margin-bottom: 1.5rem;
    display: none
}

.year-2024 .newyear.newyear--1 .intro .intro__subtitle {
    display: none;
    margin-bottom: 1rem;
    color: #fff
}

.year-2024 .newyear.newyear--1 .intro .intro__subtitle.intro__subtitle--longlive {
    display: none;
    color: #fff
}

.year-2024 .newyear.newyear--1 .intro .intro__text {
    color: #fff6bf;
    margin-bottom: 2rem
}

.year-2024 .newyear.newyear--1 .intro .intro__footer {
    padding-bottom: 50px
}

.year-2024 .newyear.newyear--2 {
    position: relative
}

@media (min-width: 768px) {
    .year-2024 .newyear.newyear--2 {
        max-height: 100vh
    }
}

.year-2024 .newyear.newyear--2 .wrapper__bg {
    display: none
}

.year-2024 .newyear.newyear--2 .intro {
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 0;
    z-index: 2;
    text-align: left;
    overflow: hidden
}

@media (max-width: 991.98px) {
    .year-2024 .newyear.newyear--2 .intro {
        text-align: center
    }
}

.year-2024 .newyear.newyear--2 .intro .intro__content {
    text-align: center
}

@media (max-width: 991.98px) {
    .year-2024 .newyear.newyear--2 .intro .intro__content {
        margin-top: 700px
    }
}

@media (max-width: 767.98px) {
    .year-2024 .newyear.newyear--2 .intro .intro__content {
        margin-top: 500px
    }
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--2 .intro .intro__content {
        margin-top: 180px
    }
}

.year-2024 .newyear.newyear--2 .intro .intro__row {
    width: 100%;
    height: auto
}

@media (max-width: 991.98px) {
    .year-2024 .newyear.newyear--2 .intro .intro__row {
        width: auto;
        min-height: 0
    }
}

@media (max-width: 991.98px) {
    .year-2024 .newyear.newyear--2 .intro .intro__row .intro__image {
        max-width: none
    }
}

.year-2024 .newyear.newyear--2 .intro .intro__figure-year {
    display: none
}

.year-2024 .newyear.newyear--2 .intro .intro__figure {
    position: absolute;
    top: 30px;
    right: 60px;
    width: 100%;
    z-index: 2;
    pointer-events: none;
    display: flex;
    justify-content: flex-end
}

.year-2024 .newyear.newyear--2 .intro .intro__figure .intro__image.intro__image--animation > svg {
    height: calc(100vh - 30px) !important
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--2 .intro .intro__figure .intro__image.intro__image--animation-responsive > svg {
        max-width: 360px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .year-2024 .newyear.newyear--2 .intro .intro__figure {
        right: -120px
    }
}

@media (max-width: 991.98px) {
    .year-2024 .newyear.newyear--2 .intro .intro__figure {
        justify-content: center;
        right: 0;
        width: 100%;
        top: -250px;
        bottom: 0
    }
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--2 .intro .intro__figure {
        top: -150px;
        top: -300px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .year-2024 .newyear.newyear--2 .intro .intro__figure.intro__figure--2 .intro__image.intro__image--animation > svg {
        width: 845px !important;
        height: calc(100vh - 140px) !important
    }
}

@media (max-width: 991.98px) {
    .year-2024 .newyear.newyear--2 .intro .intro__image {
        display: none
    }
}

.year-2024 .newyear.newyear--2 .intro .intro__image.intro__image--animation-responsive {
    display: none
}

@media (max-width: 991.98px) {
    .year-2024 .newyear.newyear--2 .intro .intro__image.intro__image--animation-responsive {
        display: block
    }
}

.year-2024 .newyear.newyear--2 .intro .intro__subtitle, .year-2024 .newyear.newyear--2 .intro .intro__subtitle.intro__subtitle--name, .year-2024 .newyear.newyear--2 .intro .intro__title {
    display: none
}

.year-2024 .newyear.newyear--2 .intro .intro__subtitle.intro__subtitle--longlive {
    display: block;
    color: #e0ba5f;
    text-shadow: 7px 6px 0 rgba(159, 117, 18, .46);
    margin-bottom: 1.5rem
}

.year-2024 .newyear.newyear--2 .intro .intro__text {
    color: #e0ba5f;
    margin-bottom: 2rem;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2024 .newyear.newyear--3 .container, .year-2024 .newyear.newyear--3 .row > .col-12 {
    position: static
}

.year-2024 .newyear.newyear--3 .wrapper.wrapper--3 {
    background-position: bottom
}

.year-2024 .newyear.newyear--3 .intro {
    padding-bottom: 0;
    justify-content: center
}

.year-2024 .newyear.newyear--3 .intro .intro__title {
    color: #fff;
    margin-bottom: 0
}

.year-2024 .newyear.newyear--3 .intro .intro__subtitle {
    color: #fff;
    margin-bottom: -10px;
    margin-top: -22px
}

@media (max-width: 1199.98px) {
    .year-2024 .newyear.newyear--3 .intro .intro__subtitle {
        margin-top: -10px
    }
}

.year-2024 .newyear.newyear--3 .intro .intro__subtitle.intro__subtitle--name {
    display: none
}

.year-2024 .newyear.newyear--3 .intro .intro__content {
    margin-top: -140px
}

@media (max-width: 1199.98px) {
    .year-2024 .newyear.newyear--3 .intro .intro__content {
        margin-top: 0
    }
}

.year-2024 .newyear.newyear--3 .intro .intro__figure {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: -30px;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

@media (max-width: 1199.98px) {
    .year-2024 .newyear.newyear--3 .intro .intro__figure {
        left: -20px
    }
}

@media (max-width: 767.98px) {
    .year-2024 .newyear.newyear--3 .intro .intro__figure {
        left: -10px
    }
}

.year-2024 .newyear.newyear--3 .intro .intro__figure > img {
    max-height: none;
    object-fit: cover;
    object-position: bottom;
    max-height: 100%;
    max-width: 100%
}

.year-2024 .newyear.newyear--3 .intro .intro__text {
    margin-bottom: 2rem;
    color: #fff
}

.year-2024 .newyear.newyear--4 .intro {
    text-align: center;
    padding-bottom: 0
}

@media (max-width: 991px) {
    .year-2024 .newyear.newyear--4 .intro .intro__row .intro__image {
        margin-bottom: 0;
        max-width: 100% !important
    }
}

.year-2024 .newyear.newyear--4 .intro .intro__figure {
    position: relative;
    padding: 0;
    margin-bottom: 0;
    right: -44px
}

@media (max-width: 1199.98px) {
    .year-2024 .newyear.newyear--4 .intro .intro__figure {
        right: -30px
    }
}

@media (max-width: 991.98px) {
    .year-2024 .newyear.newyear--4 .intro .intro__figure {
        right: -18px
    }
}

@media (max-width: 575.98px) {
    .year-2024 .newyear.newyear--4 .intro .intro__figure {
        right: 16px;
        width: 110%
    }
}

.year-2024 .newyear.newyear--4 .intro .intro__subtitle, .year-2024 .newyear.newyear--4 .intro .intro__title {
    display: none
}

.year-2024 .newyear.newyear--4 .intro .intro__text {
    margin-bottom: 2rem;
    color: #bc0000;
    text-shadow: inset 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2024 .newyear.newyear--4 .intro .intro__button {
    margin: 0
}

.year-2024 .newyear.newyear--5 .intro {
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 0;
    z-index: 2
}

.year-2024 .newyear.newyear--5 .intro .intro__row {
    width: 100%;
    height: auto
}

.year-2024 .newyear.newyear--5 .intro .intro__figure {
    position: relative
}

.year-2024 .newyear.newyear--5 .intro .intro__figure img {
    position: relative;
    height: 100%;
    margin-bottom: 0
}

@media (min-width: 1400px) {
    .year-2024 .newyear.newyear--5 .intro .intro__figure img {
        width: 120%;
        max-width: 120%
    }
}

.year-2024 .newyear.newyear--5 .intro .intro__line img {
    width: 30%
}

.year-2024 .newyear.newyear--5 .intro .intro__title {
    margin-bottom: 0
}

.year-2024 .newyear.newyear--5 .intro .intro__subtitle, .year-2024 .newyear.newyear--5 .intro .intro__title {
    color: #864f0c;
    text-shadow: 0 3px 4px hsla(0, 100%, 97%, .65)
}

.year-2024 .newyear.newyear--5 .intro .intro__subtitle.intro__subtitle--longlive, .year-2024 .newyear.newyear--5 .intro .intro__subtitle.intro__subtitle--name {
    display: none
}

.year-2024 .newyear.newyear--5 .intro .intro__text {
    position: relative;
    color: #864f0c;
    text-shadow: 0 3px 3px hsla(0, 0%, 100%, .69)
}

.year-2024 .newyear.newyear--6 .intro {
    position: relative;
    padding: 0
}

.year-2024 .newyear.newyear--6 .intro .intro__row {
    width: 100%;
    height: auto
}

@media (max-width: 1199.98px) {
    .year-2024 .newyear.newyear--6 .intro .intro__content {
        margin-top: 1rem
    }
}

.year-2024 .newyear.newyear--6 .intro .intro__title {
    display: none
}

.year-2024 .newyear.newyear--6 .intro .intro__subtitle {
    color: #fff;
    max-width: 700px;
    text-transform: uppercase;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .45)
}

.year-2024 .newyear.newyear--6 .intro .intro__subtitle.intro__subtitle--event {
    display: none
}

.year-2024 .newyear.newyear--6 .intro .intro__line {
    padding: 0
}

.year-2024 .newyear.newyear--6 .intro .intro__text {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    color: #fff;
    text-shadow: 0 3px 4px rgba(34, 34, 34, .6)
}

.year-2024 .newyear .intro {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 5px 0 10vh;
    text-align: center
}

.year-2024 .newyear .intro__figure {
    height: auto;
    max-width: none;
    min-height: auto
}

.year-2024 .newyear .intro__content, .year-2024 .newyear .intro__figure img {
    height: auto
}

.year-2024 .newyear .intro__button {
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .24);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .24);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .24)
}

@media (max-width: 767px) {
    .year-2024 .newyear .intro__button {
        margin-top: 10px
    }
}

.year-2024 .newyear .intro__button a {
    padding: 7px 15px 7px 25px
}

.year-2024 .newyear .intro__button a + a {
    padding: 7px 25px 7px 15px
}

.year-2024 .newyear .intro__button a:before {
    top: 8px;
    left: -9px;
    color: #fff !important
}

.year-2024 .newyear .intro__button--1 {
    margin-top: 0;
    border-radius: 32px;
    background: linear-gradient(90deg, #fff8c5 0, #d59b46)
}

.year-2024 .newyear .intro__button--1 a {
    color: #701b1c;
    padding: 20px 15px 20px 35px
}

@media (max-width: 575.98px) {
    .year-2024 .newyear .intro__button--1 a {
        padding: 15px 10px 15px 25px
    }
}

.year-2024 .newyear .intro__button--1 a + a {
    padding: 20px 35px 20px 15px
}

@media (max-width: 575.98px) {
    .year-2024 .newyear .intro__button--1 a + a {
        padding: 15px 25px 15px 10px
    }
}

.year-2024 .newyear .intro__button--1 a:before {
    top: 20px !important;
    left: -6px !important;
    color: #701b1c !important
}

@media (max-width: 575.98px) {
    .year-2024 .newyear .intro__button--1 a:before {
        top: 15px !important
    }
}

.year-2024 .newyear .intro__button--2 {
    margin-top: 0;
    border-radius: 46px;
    background-color: #e0ba5f
}

.year-2024 .newyear .intro__button--2 a {
    color: #c30623;
    padding: 20px 15px 20px 18px
}

@media (max-width: 575.98px) {
    .year-2024 .newyear .intro__button--2 a {
        padding: 15px 10px 15px 15px
    }
}

.year-2024 .newyear .intro__button--2 a + a {
    padding: 20px 18px 20px 15px
}

@media (max-width: 575.98px) {
    .year-2024 .newyear .intro__button--2 a + a {
        padding: 15px 15px 15px 10px
    }
}

.year-2024 .newyear .intro__button--2 a:before {
    top: 20px !important;
    left: -6px !important;
    color: #c30623 !important
}

@media (max-width: 575.98px) {
    .year-2024 .newyear .intro__button--2 a:before {
        top: 15px !important
    }
}

.year-2024 .newyear .intro__button--3 {
    margin-top: 0;
    border-radius: 65px;
    background-color: #fff
}

.year-2024 .newyear .intro__button--3 a {
    color: #30287c;
    padding: 20px 15px 20px 18px
}

@media (max-width: 575.98px) {
    .year-2024 .newyear .intro__button--3 a {
        padding: 15px 10px 15px 15px
    }
}

.year-2024 .newyear .intro__button--3 a + a {
    padding: 20px 18px 20px 15px
}

@media (max-width: 575.98px) {
    .year-2024 .newyear .intro__button--3 a + a {
        padding: 15px 15px 15px 10px
    }
}

.year-2024 .newyear .intro__button--3 a:before {
    top: 20px !important;
    left: -6px !important;
    color: #30287c !important
}

@media (max-width: 575.98px) {
    .year-2024 .newyear .intro__button--3 a:before {
        top: 15px !important
    }
}

.year-2018 .king10 .year-2024 .newyear .intro__button--11, .year-2018 .king10 .year-2024 .newyear .intro__button--12, .year-2019 .king .year-2024 .newyear .intro__button--11, .year-2019 .king .year-2024 .newyear .intro__button--12, .year-2024 .newyear .intro__button--4, .year-2024 .newyear .year-2018 .king10 .intro__button--11, .year-2024 .newyear .year-2018 .king10 .intro__button--12, .year-2024 .newyear .year-2019 .king .intro__button--11, .year-2024 .newyear .year-2019 .king .intro__button--12 {
    margin-top: 0;
    border-radius: 65px;
    background: linear-gradient(90deg, #e63322 0, #870001)
}

.year-2018 .king10 .year-2024 .newyear .intro__button--11 a, .year-2018 .king10 .year-2024 .newyear .intro__button--12 a, .year-2019 .king .year-2024 .newyear .intro__button--11 a, .year-2019 .king .year-2024 .newyear .intro__button--12 a, .year-2024 .newyear .intro__button--4 a, .year-2024 .newyear .year-2018 .king10 .intro__button--11 a, .year-2024 .newyear .year-2018 .king10 .intro__button--12 a, .year-2024 .newyear .year-2019 .king .intro__button--11 a, .year-2024 .newyear .year-2019 .king .intro__button--12 a {
    color: #fff;
    padding: 15px 15px 15px 18px
}

.year-2018 .king10 .year-2024 .newyear .intro__button--11 a + a, .year-2018 .king10 .year-2024 .newyear .intro__button--12 a + a, .year-2019 .king .year-2024 .newyear .intro__button--11 a + a, .year-2019 .king .year-2024 .newyear .intro__button--12 a + a, .year-2024 .newyear .intro__button--4 a + a, .year-2024 .newyear .year-2018 .king10 .intro__button--11 a + a, .year-2024 .newyear .year-2018 .king10 .intro__button--12 a + a, .year-2024 .newyear .year-2019 .king .intro__button--11 a + a, .year-2024 .newyear .year-2019 .king .intro__button--12 a + a {
    padding: 15px 18px 15px 15px
}

.year-2018 .king10 .year-2024 .newyear .intro__button--11 a:before, .year-2018 .king10 .year-2024 .newyear .intro__button--12 a:before, .year-2019 .king .year-2024 .newyear .intro__button--11 a:before, .year-2019 .king .year-2024 .newyear .intro__button--12 a:before, .year-2024 .newyear .intro__button--4 a:before, .year-2024 .newyear .year-2018 .king10 .intro__button--11 a:before, .year-2024 .newyear .year-2018 .king10 .intro__button--12 a:before, .year-2024 .newyear .year-2019 .king .intro__button--11 a:before, .year-2024 .newyear .year-2019 .king .intro__button--12 a:before {
    top: 16px !important;
    left: -6px !important;
    color: #fff !important
}

.year-2018 .year-2024 .newyear .intro__button--14, .year-2019 .queen-mother .year-2024 .newyear .intro__button--14, .year-2024 .newyear .intro__button--5, .year-2024 .newyear .year-2018 .intro__button--14, .year-2024 .newyear .year-2019 .queen-mother .intro__button--14 {
    margin-top: 0;
    border-radius: 35px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .24);
    background: linear-gradient(90deg, #fff8c5 0, #d59b46)
}

.year-2018 .year-2024 .newyear .intro__button--14 a, .year-2019 .queen-mother .year-2024 .newyear .intro__button--14 a, .year-2024 .newyear .intro__button--5 a, .year-2024 .newyear .year-2018 .intro__button--14 a, .year-2024 .newyear .year-2019 .queen-mother .intro__button--14 a {
    color: #503010;
    padding: 20px 15px 20px 35px
}

@media (max-width: 575.98px) {
    .year-2018 .year-2024 .newyear .intro__button--14 a, .year-2019 .queen-mother .year-2024 .newyear .intro__button--14 a, .year-2024 .newyear .intro__button--5 a, .year-2024 .newyear .year-2018 .intro__button--14 a, .year-2024 .newyear .year-2019 .queen-mother .intro__button--14 a {
        padding: 15px 10px 15px 25px
    }
}

.year-2018 .year-2024 .newyear .intro__button--14 a + a, .year-2019 .queen-mother .year-2024 .newyear .intro__button--14 a + a, .year-2024 .newyear .intro__button--5 a + a, .year-2024 .newyear .year-2018 .intro__button--14 a + a, .year-2024 .newyear .year-2019 .queen-mother .intro__button--14 a + a {
    padding: 20px 35px 20px 15px
}

@media (max-width: 575.98px) {
    .year-2018 .year-2024 .newyear .intro__button--14 a + a, .year-2019 .queen-mother .year-2024 .newyear .intro__button--14 a + a, .year-2024 .newyear .intro__button--5 a + a, .year-2024 .newyear .year-2018 .intro__button--14 a + a, .year-2024 .newyear .year-2019 .queen-mother .intro__button--14 a + a {
        padding: 15px 25px 15px 10px
    }
}

.year-2018 .year-2024 .newyear .intro__button--14 a:before, .year-2019 .queen-mother .year-2024 .newyear .intro__button--14 a:before, .year-2024 .newyear .intro__button--5 a:before, .year-2024 .newyear .year-2018 .intro__button--14 a:before, .year-2024 .newyear .year-2019 .queen-mother .intro__button--14 a:before {
    top: 20px !important;
    left: -6px !important;
    color: #503010 !important
}

@media (max-width: 575.98px) {
    .year-2018 .year-2024 .newyear .intro__button--14 a:before, .year-2019 .queen-mother .year-2024 .newyear .intro__button--14 a:before, .year-2024 .newyear .intro__button--5 a:before, .year-2024 .newyear .year-2018 .intro__button--14 a:before, .year-2024 .newyear .year-2019 .queen-mother .intro__button--14 a:before {
        top: 15px !important
    }
}

.year-2018 .year-2024 .newyear .intro__button--11, .year-2019 .queen-mother .year-2024 .newyear .intro__button--11, .year-2024 .newyear .intro__button--6, .year-2024 .newyear .year-2018 .intro__button--11, .year-2024 .newyear .year-2019 .queen-mother .intro__button--11 {
    margin-top: 0;
    border-radius: 35px;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .24)
}

.year-2018 .year-2024 .newyear .intro__button--11 a, .year-2019 .queen-mother .year-2024 .newyear .intro__button--11 a, .year-2024 .newyear .intro__button--6 a, .year-2024 .newyear .year-2018 .intro__button--11 a, .year-2024 .newyear .year-2019 .queen-mother .intro__button--11 a {
    color: #086788;
    padding: 20px 15px 20px 35px
}

@media (max-width: 575.98px) {
    .year-2018 .year-2024 .newyear .intro__button--11 a, .year-2019 .queen-mother .year-2024 .newyear .intro__button--11 a, .year-2024 .newyear .intro__button--6 a, .year-2024 .newyear .year-2018 .intro__button--11 a, .year-2024 .newyear .year-2019 .queen-mother .intro__button--11 a {
        padding: 15px 10px 15px 25px
    }
}

.year-2018 .year-2024 .newyear .intro__button--11 a + a, .year-2019 .queen-mother .year-2024 .newyear .intro__button--11 a + a, .year-2024 .newyear .intro__button--6 a + a, .year-2024 .newyear .year-2018 .intro__button--11 a + a, .year-2024 .newyear .year-2019 .queen-mother .intro__button--11 a + a {
    padding: 20px 35px 20px 15px
}

@media (max-width: 575.98px) {
    .year-2018 .year-2024 .newyear .intro__button--11 a + a, .year-2019 .queen-mother .year-2024 .newyear .intro__button--11 a + a, .year-2024 .newyear .intro__button--6 a + a, .year-2024 .newyear .year-2018 .intro__button--11 a + a, .year-2024 .newyear .year-2019 .queen-mother .intro__button--11 a + a {
        padding: 15px 25px 15px 10px
    }
}

.year-2018 .year-2024 .newyear .intro__button--11 a:before, .year-2019 .queen-mother .year-2024 .newyear .intro__button--11 a:before, .year-2024 .newyear .intro__button--6 a:before, .year-2024 .newyear .year-2018 .intro__button--11 a:before, .year-2024 .newyear .year-2019 .queen-mother .intro__button--11 a:before {
    top: 20px !important;
    left: -6px !important;
    color: #086788 !important
}

@media (max-width: 575.98px) {
    .year-2018 .year-2024 .newyear .intro__button--11 a:before, .year-2019 .queen-mother .year-2024 .newyear .intro__button--11 a:before, .year-2024 .newyear .intro__button--6 a:before, .year-2024 .newyear .year-2018 .intro__button--11 a:before, .year-2024 .newyear .year-2019 .queen-mother .intro__button--11 a:before {
        top: 15px !important
    }
}

.year-2024 .queen10 {
    font-family: Sarabun
}

.year-2024 .queen10 .intro__content h3 {
    font-size: 108px;
    font-size: 6.75rem;
    font-weight: 700;
    line-height: 1;
    font-family: PSL Narissara Pro !important
}

.year-2024 .queen10 .intro__content h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2024 .queen10 .intro__content h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2024 .queen10 .intro__content.intro__content--1 h4 {
    text-wrap: nowrap
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .queen10 .intro__content.intro__content--1 h4 {
        font-size: 2rem
    }
}

.year-2024 .queen10 .intro__content.intro__content--1 .intro__text {
    font-size: 22px !important;
    font-size: 1.375rem !important
}

.year-2024 .queen10 .intro__content.intro__content--1 .intro__button a {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400
}

.year-2024 .queen10 .intro__content.intro__content--2 .intro__text {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1
}

@media (min-width: 768px) and (max-width: 991px) {
    .year-2024 .queen10 .intro__content.intro__content--2 .intro__text {
        font-size: 30px !important;
        font-size: 1.875rem !important
    }
}

.year-2024 .queen10 .intro__content.intro__content--2 .intro__title {
    font-size: 65px !important;
    font-size: 4.0625rem !important
}

@media (min-width: 768px) and (max-width: 991px) {
    .year-2024 .queen10 .intro__content.intro__content--2 .intro__title {
        font-size: 80px !important;
        font-size: 5rem !important
    }
}

.year-2024 .queen10 .intro__content.intro__content--2 .intro__subtitle {
    font-size: 26px !important;
    font-size: 1.625rem !important
}

@media (min-width: 768px) and (max-width: 991px) {
    .year-2024 .queen10 .intro__content.intro__content--2 .intro__subtitle {
        font-size: 35px !important;
        font-size: 2.1875rem !important
    }
}

.year-2024 .queen10 .intro__content.intro__content--2 .intro__button {
    font-size: 20px !important;
    font-size: 1.25rem !important
}

@media (min-width: 768px) and (max-width: 991px) {
    .year-2024 .queen10 .intro__content.intro__content--2 .intro__button {
        font-size: 30px !important;
        font-size: 1.875rem !important
    }
}

.year-2024 .queen10 .intro__content.intro__content--3 h4 {
    text-wrap: nowrap
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .queen10 .intro__content.intro__content--3 h4 {
        font-size: 2rem
    }
}

.year-2024 .queen10 .intro__content.intro__content--3 .intro__text {
    font-size: 22px !important;
    font-size: 1.375rem !important
}

.year-2024 .queen10 .intro__content.intro__content--3 .intro__button a {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400
}

.year-2024 .queen10 .intro__content.intro__content--4 h4 {
    text-wrap: nowrap
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .queen10 .intro__content.intro__content--4 h4 {
        font-size: 2rem
    }
}

@media (min-width: 992px) {
    .year-2024 .queen10 .intro__content.intro__content--4 .intro__title {
        font-size: 110px !important;
        font-size: 6.875rem !important
    }
}

.year-2024 .queen10 .intro__content.intro__content--4 .intro__text {
    font-size: 21px !important;
    font-size: 1.3125rem !important
}

.year-2024 .queen10 .intro__content.intro__content--4 .intro__button a {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400
}

.year-2024 .queen10 .intro__content.intro__content--5 .intro__text {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1
}

@media (min-width: 768px) and (max-width: 991px) {
    .year-2024 .queen10 .intro__content.intro__content--5 .intro__text {
        font-size: 30px !important;
        font-size: 1.875rem !important
    }
}

.year-2024 .queen10 .intro__content.intro__content--5 .intro__title {
    font-size: 65px !important;
    font-size: 4.0625rem !important
}

@media (min-width: 768px) and (max-width: 991px) {
    .year-2024 .queen10 .intro__content.intro__content--5 .intro__title {
        font-size: 80px !important;
        font-size: 5rem !important
    }
}

.year-2024 .queen10 .intro__content.intro__content--5 .intro__subtitle {
    font-family: Sarabun !important;
    font-size: 26px !important;
    font-size: 1.625rem !important;
    letter-spacing: .25px
}

@media (min-width: 768px) and (max-width: 991px) {
    .year-2024 .queen10 .intro__content.intro__content--5 .intro__subtitle {
        font-size: 30px !important;
        font-size: 1.875rem !important
    }
}

@media (min-width: 992px) {
    .year-2024 .queen10 .intro__content.intro__content--5 .intro__subtitle {
        font-size: 24px !important;
        font-size: 1.5rem !important
    }
}

.year-2024 .queen10 .intro__content.intro__content--5 .intro__button {
    font-size: 20px !important;
    font-size: 1.25rem !important
}

@media (min-width: 768px) and (max-width: 991px) {
    .year-2024 .queen10 .intro__content.intro__content--5 .intro__button {
        font-size: 30px !important;
        font-size: 1.875rem !important
    }
}

.year-2024 .queen10 .intro__content.intro__content--6 .intro__text {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1
}

@media (min-width: 768px) and (max-width: 991px) {
    .year-2024 .queen10 .intro__content.intro__content--6 .intro__text {
        font-size: 30px !important;
        font-size: 1.875rem !important
    }
}

.year-2024 .queen10 .intro__content.intro__content--6 .intro__title {
    font-size: 65px !important;
    font-size: 4.0625rem !important
}

@media (min-width: 768px) and (max-width: 991px) {
    .year-2024 .queen10 .intro__content.intro__content--6 .intro__title {
        font-size: 80px !important;
        font-size: 5rem !important
    }
}

.year-2024 .queen10 .intro__content.intro__content--6 .intro__subtitle {
    font-family: Sarabun !important;
    font-size: 26px !important;
    font-size: 1.625rem !important;
    letter-spacing: .25px
}

@media (min-width: 768px) and (max-width: 991px) {
    .year-2024 .queen10 .intro__content.intro__content--6 .intro__subtitle {
        font-size: 30px !important;
        font-size: 1.875rem !important
    }
}

@media (min-width: 992px) {
    .year-2024 .queen10 .intro__content.intro__content--6 .intro__subtitle {
        font-size: 24px !important;
        font-size: 1.5rem !important
    }
}

.year-2024 .queen10 .intro__content.intro__content--6 .intro__button {
    font-size: 20px !important;
    font-size: 1.25rem !important
}

@media (min-width: 768px) and (max-width: 991px) {
    .year-2024 .queen10 .intro__content.intro__content--6 .intro__button {
        font-size: 30px !important;
        font-size: 1.875rem !important
    }
}

.year-2024 .queen10 .intro__title {
    font-weight: 400;
    line-height: .8;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .2);
    font-size: 70px !important;
    font-size: 4.375rem !important
}

@supports not (-webkit-touch-callout:none) {
    .year-2024 .queen10 .intro__title {
        letter-spacing: 1px
    }
}

@media (min-width: 768px) {
    .year-2024 .queen10 .intro__title {
        line-height: .9;
        font-size: 80px !important;
        font-size: 5rem !important
    }
}

.year-2024 .queen10 .intro__subtitle {
    font-size: 30px !important;
    font-size: 1.875rem !important;
    font-weight: 400;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .2)
}

@supports not (-webkit-touch-callout:none) {
    .year-2024 .queen10 .intro__subtitle {
        letter-spacing: 1px
    }
}

.year-2024 .queen10 .intro__subtitle--name {
    line-height: 1;
    margin-bottom: 15px
}

.year-2024 .queen10 .intro__subtitle--event {
    line-height: 1
}

.year-2024 .queen10 .intro__text {
    font-size: 37px;
    font-size: 2.3125rem;
    line-height: .9
}

@media (max-width: 479px) {
    .year-2024 .queen10 .intro__text {
        font-size: 24px !important;
        font-size: 1.5rem !important
    }
}

@media (max-width: 767px) {
    .year-2024 .queen10 .intro__figure--1 {
        max-width: 75%
    }
}

@media (min-width: 992px) {
    .year-2024 .queen10 .intro__figure--1 .intro__image {
        max-width: 320px
    }
}

.year-2024 .queen10 .intro__figure--2 {
    max-width: 100%;
    height: auto
}

@media (min-width: 768px) {
    .year-2024 .queen10 .intro__figure--2 {
        max-width: 450px
    }
}

@media (min-width: 992px) {
    .year-2024 .queen10 .intro__figure--2 {
        max-width: 350px
    }
}

.year-2024 .queen10 .intro__figure--3 .intro__image {
    transform: scale(1.5)
}

@media (min-width: 992px) {
    .year-2024 .queen10 .intro__figure--4 .intro__image {
        max-width: 350px
    }
}

@media (max-width: 576px) {
    .year-2024 .queen10 .intro__figure--4 .intro__image {
        max-width: 230px
    }
}

.year-2024 .queen10 .intro__figure--5 {
    max-width: 80%;
    height: auto
}

@media (min-width: 768px) {
    .year-2024 .queen10 .intro__figure--5 {
        max-width: 450px
    }
}

@media (min-width: 992px) {
    .year-2024 .queen10 .intro__figure--5 {
        max-width: 350px
    }
}

.year-2024 .queen10 .intro__figure--6 {
    max-width: 65%;
    height: auto
}

@media (min-width: 768px) {
    .year-2024 .queen10 .intro__figure--6 {
        max-width: 450px
    }
}

@media (min-width: 992px) {
    .year-2024 .queen10 .intro__figure--6 {
        max-width: 260px
    }
}

.year-2024 .queen10 .intro__content {
    width: 100%;
    padding-top: 20px
}

.year-2024 .queen10 .intro__content .firstname {
    display: inline-block
}

.year-2024 .queen10 .intro__content--1 {
    padding-top: 0
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .queen10 .intro__content--1 {
        min-width: 500px;
        margin-left: -35px
    }
}

@media (min-width: 1200px) {
    .year-2024 .queen10 .intro__content--1 {
        min-width: 500px;
        margin-left: -25px
    }
}

@media (max-width: 991px) {
    .year-2024 .queen10 .intro__content--1 {
        padding: 0 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .year-2024 .queen10 .intro__content--1 > .d-md-block {
        display: none !important
    }
}

.year-2024 .queen10 .intro__content--1 .intro__title {
    color: #ce9e48;
    -webkit-text-stroke: .25px #fff;
    margin-bottom: .75rem;
    margin-top: -1rem;
    background: -webkit-linear-gradient(270deg, #ffe889 30%, #ca8608);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, .35))
}

.year-2024 .queen10 .intro__content--1 .intro__subtitle {
    color: #fff
}

.year-2024 .queen10 .intro__content--1 .intro__subtitle--name {
    margin-bottom: 0
}

.year-2024 .queen10 .intro__content--1 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2024 .queen10 .intro__content--1 .intro__subtitle .master .d-inline-block {
    display: block !important
}

@media (max-width: 576px) {
    .year-2024 .queen10 .intro__content--1 .intro__subtitle .master {
        display: block
    }
}

.year-2024 .queen10 .intro__content--1 .intro__text {
    color: #fff
}

.year-2024 .queen10 .intro__content--1 .intro__line {
    text-align: center;
    padding: 1rem 0;
    margin-bottom: 10px;
    padding: 1.75rem 0 1rem
}

.year-2024 .queen10 .intro__content--1 .intro__line .img-fluid {
    margin: 0 auto
}

@media (min-width: 768px) {
    .year-2024 .queen10 .intro__content--1 .intro__line .img-fluid {
        max-width: 300px
    }
}

.year-2024 .queen10 .intro__content--1 .intro__logo img {
    filter: drop-shadow(0 0 1px rgba(255, 255, 255, .5))
}

@media (min-width: 992px) {
    .year-2024 .queen10 .intro__content--1 .intro__logo img {
        max-width: 60px !important
    }
}

.year-2024 .queen10 .intro__content--2 {
    margin-top: -50px
}

.year-2024 .queen10 .intro__content--2 .intro__title {
    color: #fff;
    margin-bottom: .3rem
}

.year-2024 .queen10 .intro__content--2 .intro__subtitle {
    color: #fff
}

.year-2024 .queen10 .intro__content--2 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2024 .queen10 .intro__content--2 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2024 .queen10 .intro__content--2 .intro__text {
    color: #fff;
    margin-bottom: 5px
}

.year-2024 .queen10 .intro__content--2 .intro__line {
    text-align: center;
    padding: 0 0 10px;
    margin-top: -10px
}

.year-2024 .queen10 .intro__content--2 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 210px
}

.year-2024 .queen10 .intro__content--2 .intro__footer {
    padding-bottom: 10px
}

.year-2024 .queen10 .intro__content--3 {
    padding-top: 0
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .queen10 .intro__content--3 {
        min-width: 500px;
        margin-left: -35px
    }
}

@media (min-width: 1200px) {
    .year-2024 .queen10 .intro__content--3 {
        min-width: 500px;
        margin-left: -25px
    }
}

@media (max-width: 991px) {
    .year-2024 .queen10 .intro__content--3 {
        padding: 0 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .year-2024 .queen10 .intro__content--3 > .d-md-block {
        display: none !important
    }
}

.year-2024 .queen10 .intro__content--3 .intro__title {
    color: #ce9e48;
    -webkit-text-stroke: .25px #fff;
    margin-bottom: .25rem;
    margin-top: -1rem;
    background: -webkit-linear-gradient(270deg, #ffe889 30%, #ca8608);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, .35))
}

.year-2024 .queen10 .intro__content--3 .intro__subtitle {
    color: #714100;
    text-shadow: none
}

.year-2024 .queen10 .intro__content--3 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2024 .queen10 .intro__content--3 .intro__subtitle .master .d-inline-block {
    display: block !important
}

@media (max-width: 576px) {
    .year-2024 .queen10 .intro__content--3 .intro__subtitle .master {
        display: block
    }
}

.year-2024 .queen10 .intro__content--3 .intro__text {
    color: #714100
}

.year-2024 .queen10 .intro__content--3 .intro__line {
    text-align: center;
    padding: 1rem 0;
    margin-bottom: 10px;
    padding: 0 0 .5rem
}

.year-2024 .queen10 .intro__content--3 .intro__line .img-fluid {
    margin: 0 auto
}

@media (min-width: 768px) {
    .year-2024 .queen10 .intro__content--3 .intro__line .img-fluid {
        max-width: 170px
    }
}

@media (min-width: 992px) {
    .year-2024 .queen10 .intro__content--3 .intro__logo img {
        max-width: 60px !important
    }
}

.year-2024 .queen10 .intro__content--4 {
    padding-top: 0
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .queen10 .intro__content--4 {
        min-width: 500px;
        margin-left: -35px
    }
}

@media (min-width: 1200px) {
    .year-2024 .queen10 .intro__content--4 {
        min-width: 500px;
        margin-left: -25px
    }
}

@media (max-width: 991px) {
    .year-2024 .queen10 .intro__content--4 {
        padding: 0 10px
    }
}

.year-2024 .queen10 .intro__content--4 .intro__title {
    color: #ce9e48;
    -webkit-text-stroke: .25px #fff;
    margin-bottom: .75rem;
    margin-top: -1rem;
    background: -webkit-linear-gradient(270deg, #ffe889 30%, #ca8608);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, .35))
}

.year-2024 .queen10 .intro__content--4 .intro__subtitle {
    color: #fff
}

.year-2024 .queen10 .intro__content--4 .intro__subtitle--name {
    margin-bottom: 0
}

.year-2024 .queen10 .intro__content--4 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2024 .queen10 .intro__content--4 .intro__subtitle .master .d-inline-block {
    display: block !important
}

@media (max-width: 576px) {
    .year-2024 .queen10 .intro__content--4 .intro__subtitle .master {
        display: block
    }
}

.year-2024 .queen10 .intro__content--4 .intro__text {
    color: #fff
}

.year-2024 .queen10 .intro__content--4 .intro__line {
    text-align: center;
    margin-bottom: 10px;
    padding: 1rem 0
}

.year-2024 .queen10 .intro__content--4 .intro__line .img-fluid {
    margin: 0 auto
}

@media (min-width: 768px) {
    .year-2024 .queen10 .intro__content--4 .intro__line .img-fluid {
        max-width: 280px
    }
}

.year-2024 .queen10 .intro__content--4 .intro__logo img {
    filter: drop-shadow(0 2px 1px white)
}

.year-2024 .queen10 .intro__content--5 {
    margin-top: -2vh
}

.year-2024 .queen10 .intro__content--5 .intro__title {
    color: #ce9e48;
    -webkit-text-stroke: .25px #fff;
    margin-bottom: .75rem;
    margin-top: -1rem;
    background: -webkit-linear-gradient(270deg, #ffe889 30%, #ca8608);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, .35))
}

.year-2024 .queen10 .intro__content--5 .intro__subtitle {
    color: #fff
}

.year-2024 .queen10 .intro__content--5 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2024 .queen10 .intro__content--5 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2024 .queen10 .intro__content--5 .intro__text {
    color: #fff
}

.year-2024 .queen10 .intro__content--5 .intro__line {
    text-align: center;
    padding: 0 0 15px
}

.year-2024 .queen10 .intro__content--5 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 240px
}

.year-2024 .queen10 .intro__content--5 .intro__footer {
    padding-bottom: 52px
}

.year-2024 .queen10 .intro__content--6 {
    margin-top: -2vh
}

.year-2024 .queen10 .intro__content--6 .intro__title {
    color: #ce9e48;
    -webkit-text-stroke: .25px #fff;
    margin-bottom: .75rem;
    margin-top: -1rem;
    background: -webkit-linear-gradient(270deg, #ffe889 30%, #ca8608);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, .35))
}

.year-2024 .queen10 .intro__content--6 .intro__subtitle {
    color: #fff
}

.year-2024 .queen10 .intro__content--6 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2024 .queen10 .intro__content--6 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2024 .queen10 .intro__content--6 .intro__text {
    color: #fff
}

.year-2024 .queen10 .intro__content--6 .intro__line {
    text-align: center;
    padding: 0 0 15px
}

.year-2024 .queen10 .intro__content--6 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 270px
}

.year-2024 .queen10 .intro__content--6 .intro__footer {
    padding-bottom: 52px
}

.year-2024 .queen10 .intro__subtitle {
    letter-spacing: 0
}

.year-2024 .queen10 .intro__title .header-top {
    display: none
}

.year-2024 .queen10.queen10--1 .intro__column .intro__logo img {
    max-width: 60px
}

@media (min-width: 768px) and (max-width: 991px) {
    .year-2024 .queen10.queen10--1 .intro__column > .d-md-none {
        display: block !important
    }
}

@media (min-width: 768px) {
    .year-2024 .queen10.queen10--2 {
        display: flex;
        align-items: center
    }
}

.year-2024 .queen10.queen10--3 .intro__column .intro__logo img {
    max-width: 60px
}

@media (min-width: 768px) and (max-width: 991px) {
    .year-2024 .queen10.queen10--3 .intro__column > .d-md-none {
        display: block !important
    }
}

@media (min-width: 768px) {
    .year-2024 .queen10.queen10--5, .year-2024 .queen10.queen10--6 {
        display: flex;
        align-items: center
    }
}

.year-2024 .queen10 .intro__button--1 {
    padding: 3px;
    margin-top: .5rem;
    border-radius: 51px;
    border: 1px solid #fff;
    background: #c98407;
    background: -moz-linear-gradient(left, #c67f00 0, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00 100%);
    background: -webkit-linear-gradient(left, #c67f00, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00);
    background: linear-gradient(90deg, #c67f00 0, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c98407", endColorstr="#c98407", GradientType=1)
}

.year-2024 .queen10 .intro__button--1 a {
    font-weight: 700;
    color: #5d451a
}

.year-2024 .queen10 .intro__button--1 a:first-child {
    padding: 10px 5px 7px 15px
}

@media (min-width: 768px) {
    .year-2024 .queen10 .intro__button--1 a:first-child {
        padding: 10px 10px 7px 25px
    }
}

.year-2024 .queen10 .intro__button--1 a:last-child {
    padding: 10px 15px 7px 5px
}

@media (min-width: 768px) {
    .year-2024 .queen10 .intro__button--1 a:last-child {
        padding: 10px 25px 7px 10px
    }
}

.year-2024 .queen10 .intro__button--1 a:last-child:before {
    top: 10px;
    color: #2c103e
}

.year-2024 .queen10 .intro__button--1 a:focus, .year-2024 .queen10 .intro__button--1 a:hover {
    text-decoration: none
}

.year-2024 .queen10 .intro__button--2 {
    padding: 3px;
    margin-top: .5rem;
    border-radius: 51px;
    border: 1px solid #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .29);
    background: #c98407;
    background: transparent linear-gradient(90deg, #c67f00, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00) 0 0 no-repeat padding-box;
    background: -moz-linear-gradient(left, #c67f00 0, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00 100%);
    background: -webkit-linear-gradient(left, #c67f00, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00);
    background: linear-gradient(90deg, #c67f00 0, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c98407", endColorstr="#c98407", GradientType=1)
}

.year-2024 .queen10 .intro__button--2 a {
    color: #a73a01
}

.year-2024 .queen10 .intro__button--2 a:first-child {
    padding: 10px 5px 7px 15px
}

@media (min-width: 768px) {
    .year-2024 .queen10 .intro__button--2 a:first-child {
        padding: 10px 10px 7px 25px
    }
}

.year-2024 .queen10 .intro__button--2 a:last-child {
    padding: 10px 15px 7px 5px
}

@media (min-width: 768px) {
    .year-2024 .queen10 .intro__button--2 a:last-child {
        padding: 10px 25px 7px 10px
    }
}

.year-2024 .queen10 .intro__button--2 a:last-child:before {
    top: 10px;
    color: #2c103e
}

.year-2024 .queen10 .intro__button--2 a:focus, .year-2024 .queen10 .intro__button--2 a:hover {
    text-decoration: none
}

.year-2024 .queen10 .intro__button--3 {
    padding: 3px;
    margin-top: .5rem;
    border-radius: 51px;
    border: 1px solid #fff;
    background: #c98407;
    background: -moz-linear-gradient(left, #c67f00 0, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00 100%);
    background: -webkit-linear-gradient(left, #c67f00, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00);
    background: linear-gradient(90deg, #c67f00 0, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c98407", endColorstr="#c98407", GradientType=1)
}

.year-2024 .queen10 .intro__button--3 a {
    color: #5d451a
}

.year-2024 .queen10 .intro__button--3 a:first-child {
    padding: 10px 5px 7px 15px
}

@media (min-width: 768px) {
    .year-2024 .queen10 .intro__button--3 a:first-child {
        padding: 10px 10px 7px 25px
    }
}

.year-2024 .queen10 .intro__button--3 a:last-child {
    padding: 10px 15px 7px 5px
}

@media (min-width: 768px) {
    .year-2024 .queen10 .intro__button--3 a:last-child {
        padding: 10px 25px 7px 10px
    }
}

.year-2024 .queen10 .intro__button--3 a:last-child:before {
    top: 10px;
    color: #2c103e
}

.year-2024 .queen10 .intro__button--3 a:focus, .year-2024 .queen10 .intro__button--3 a:hover {
    text-decoration: none
}

.year-2018 .king10 .year-2024 .queen10 .intro__button--11, .year-2018 .king10 .year-2024 .queen10 .intro__button--12, .year-2019 .king .year-2024 .queen10 .intro__button--11, .year-2019 .king .year-2024 .queen10 .intro__button--12, .year-2024 .queen10 .intro__button--4, .year-2024 .queen10 .year-2018 .king10 .intro__button--11, .year-2024 .queen10 .year-2018 .king10 .intro__button--12, .year-2024 .queen10 .year-2019 .king .intro__button--11, .year-2024 .queen10 .year-2019 .king .intro__button--12 {
    padding: 3px;
    margin-top: .5rem;
    border-radius: 51px;
    background: #c98407;
    background: -moz-linear-gradient(top, #f2d286, #ba8430);
    background: -webkit-linear-gradient(top, #f2d286, #ba8430);
    background: linear-gradient(180deg, #f2d286, #ba8430);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F2D286", endColorstr="#BA8430", GradientType=1)
}

.year-2018 .king10 .year-2024 .queen10 .intro__button--11 a, .year-2018 .king10 .year-2024 .queen10 .intro__button--12 a, .year-2019 .king .year-2024 .queen10 .intro__button--11 a, .year-2019 .king .year-2024 .queen10 .intro__button--12 a, .year-2024 .queen10 .intro__button--4 a, .year-2024 .queen10 .year-2018 .king10 .intro__button--11 a, .year-2024 .queen10 .year-2018 .king10 .intro__button--12 a, .year-2024 .queen10 .year-2019 .king .intro__button--11 a, .year-2024 .queen10 .year-2019 .king .intro__button--12 a {
    font-weight: 700;
    color: #fff
}

.year-2018 .king10 .year-2024 .queen10 .intro__button--11 a:first-child, .year-2018 .king10 .year-2024 .queen10 .intro__button--12 a:first-child, .year-2019 .king .year-2024 .queen10 .intro__button--11 a:first-child, .year-2019 .king .year-2024 .queen10 .intro__button--12 a:first-child, .year-2024 .queen10 .intro__button--4 a:first-child, .year-2024 .queen10 .year-2018 .king10 .intro__button--11 a:first-child, .year-2024 .queen10 .year-2018 .king10 .intro__button--12 a:first-child, .year-2024 .queen10 .year-2019 .king .intro__button--11 a:first-child, .year-2024 .queen10 .year-2019 .king .intro__button--12 a:first-child {
    padding: 10px 5px 7px 15px
}

@media (min-width: 768px) {
    .year-2018 .king10 .year-2024 .queen10 .intro__button--11 a:first-child, .year-2018 .king10 .year-2024 .queen10 .intro__button--12 a:first-child, .year-2019 .king .year-2024 .queen10 .intro__button--11 a:first-child, .year-2019 .king .year-2024 .queen10 .intro__button--12 a:first-child, .year-2024 .queen10 .intro__button--4 a:first-child, .year-2024 .queen10 .year-2018 .king10 .intro__button--11 a:first-child, .year-2024 .queen10 .year-2018 .king10 .intro__button--12 a:first-child, .year-2024 .queen10 .year-2019 .king .intro__button--11 a:first-child, .year-2024 .queen10 .year-2019 .king .intro__button--12 a:first-child {
        padding: 10px 10px 7px 25px
    }
}

.year-2018 .king10 .year-2024 .queen10 .intro__button--11 a:last-child, .year-2018 .king10 .year-2024 .queen10 .intro__button--12 a:last-child, .year-2019 .king .year-2024 .queen10 .intro__button--11 a:last-child, .year-2019 .king .year-2024 .queen10 .intro__button--12 a:last-child, .year-2024 .queen10 .intro__button--4 a:last-child, .year-2024 .queen10 .year-2018 .king10 .intro__button--11 a:last-child, .year-2024 .queen10 .year-2018 .king10 .intro__button--12 a:last-child, .year-2024 .queen10 .year-2019 .king .intro__button--11 a:last-child, .year-2024 .queen10 .year-2019 .king .intro__button--12 a:last-child {
    padding: 10px 15px 7px 5px
}

@media (min-width: 768px) {
    .year-2018 .king10 .year-2024 .queen10 .intro__button--11 a:last-child, .year-2018 .king10 .year-2024 .queen10 .intro__button--12 a:last-child, .year-2019 .king .year-2024 .queen10 .intro__button--11 a:last-child, .year-2019 .king .year-2024 .queen10 .intro__button--12 a:last-child, .year-2024 .queen10 .intro__button--4 a:last-child, .year-2024 .queen10 .year-2018 .king10 .intro__button--11 a:last-child, .year-2024 .queen10 .year-2018 .king10 .intro__button--12 a:last-child, .year-2024 .queen10 .year-2019 .king .intro__button--11 a:last-child, .year-2024 .queen10 .year-2019 .king .intro__button--12 a:last-child {
        padding: 10px 25px 7px 10px
    }
}

.year-2018 .king10 .year-2024 .queen10 .intro__button--11 a:last-child:before, .year-2018 .king10 .year-2024 .queen10 .intro__button--12 a:last-child:before, .year-2019 .king .year-2024 .queen10 .intro__button--11 a:last-child:before, .year-2019 .king .year-2024 .queen10 .intro__button--12 a:last-child:before, .year-2024 .queen10 .intro__button--4 a:last-child:before, .year-2024 .queen10 .year-2018 .king10 .intro__button--11 a:last-child:before, .year-2024 .queen10 .year-2018 .king10 .intro__button--12 a:last-child:before, .year-2024 .queen10 .year-2019 .king .intro__button--11 a:last-child:before, .year-2024 .queen10 .year-2019 .king .intro__button--12 a:last-child:before {
    top: 10px;
    color: #fff
}

.year-2018 .king10 .year-2024 .queen10 .intro__button--11 a:focus, .year-2018 .king10 .year-2024 .queen10 .intro__button--11 a:hover, .year-2018 .king10 .year-2024 .queen10 .intro__button--12 a:focus, .year-2018 .king10 .year-2024 .queen10 .intro__button--12 a:hover, .year-2019 .king .year-2024 .queen10 .intro__button--11 a:focus, .year-2019 .king .year-2024 .queen10 .intro__button--11 a:hover, .year-2019 .king .year-2024 .queen10 .intro__button--12 a:focus, .year-2019 .king .year-2024 .queen10 .intro__button--12 a:hover, .year-2024 .queen10 .intro__button--4 a:focus, .year-2024 .queen10 .intro__button--4 a:hover, .year-2024 .queen10 .year-2018 .king10 .intro__button--11 a:focus, .year-2024 .queen10 .year-2018 .king10 .intro__button--11 a:hover, .year-2024 .queen10 .year-2018 .king10 .intro__button--12 a:focus, .year-2024 .queen10 .year-2018 .king10 .intro__button--12 a:hover, .year-2024 .queen10 .year-2019 .king .intro__button--11 a:focus, .year-2024 .queen10 .year-2019 .king .intro__button--11 a:hover, .year-2024 .queen10 .year-2019 .king .intro__button--12 a:focus, .year-2024 .queen10 .year-2019 .king .intro__button--12 a:hover {
    text-decoration: none
}

.year-2018 .year-2024 .queen10 .intro__button--14, .year-2019 .queen-mother .year-2024 .queen10 .intro__button--14, .year-2024 .queen10 .intro__button--5, .year-2024 .queen10 .year-2018 .intro__button--14, .year-2024 .queen10 .year-2019 .queen-mother .intro__button--14 {
    padding: 3px;
    margin-top: .5rem;
    border-radius: 51px;
    border: 1px solid #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .29);
    background: #c98407;
    background: -moz-linear-gradient(left, #c67f00 0, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00 100%);
    background: -webkit-linear-gradient(left, #c67f00, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00);
    background: linear-gradient(90deg, #c67f00 0, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c98407", endColorstr="#c98407", GradientType=1)
}

.year-2018 .year-2024 .queen10 .intro__button--14 a, .year-2019 .queen-mother .year-2024 .queen10 .intro__button--14 a, .year-2024 .queen10 .intro__button--5 a, .year-2024 .queen10 .year-2018 .intro__button--14 a, .year-2024 .queen10 .year-2019 .queen-mother .intro__button--14 a {
    color: #5d451a
}

.year-2018 .year-2024 .queen10 .intro__button--14 a:first-child, .year-2019 .queen-mother .year-2024 .queen10 .intro__button--14 a:first-child, .year-2024 .queen10 .intro__button--5 a:first-child, .year-2024 .queen10 .year-2018 .intro__button--14 a:first-child, .year-2024 .queen10 .year-2019 .queen-mother .intro__button--14 a:first-child {
    padding: 10px 5px 7px 15px
}

@media (min-width: 768px) {
    .year-2018 .year-2024 .queen10 .intro__button--14 a:first-child, .year-2019 .queen-mother .year-2024 .queen10 .intro__button--14 a:first-child, .year-2024 .queen10 .intro__button--5 a:first-child, .year-2024 .queen10 .year-2018 .intro__button--14 a:first-child, .year-2024 .queen10 .year-2019 .queen-mother .intro__button--14 a:first-child {
        padding: 10px 10px 7px 25px
    }
}

.year-2018 .year-2024 .queen10 .intro__button--14 a:last-child, .year-2019 .queen-mother .year-2024 .queen10 .intro__button--14 a:last-child, .year-2024 .queen10 .intro__button--5 a:last-child, .year-2024 .queen10 .year-2018 .intro__button--14 a:last-child, .year-2024 .queen10 .year-2019 .queen-mother .intro__button--14 a:last-child {
    padding: 10px 15px 7px 5px
}

@media (min-width: 768px) {
    .year-2018 .year-2024 .queen10 .intro__button--14 a:last-child, .year-2019 .queen-mother .year-2024 .queen10 .intro__button--14 a:last-child, .year-2024 .queen10 .intro__button--5 a:last-child, .year-2024 .queen10 .year-2018 .intro__button--14 a:last-child, .year-2024 .queen10 .year-2019 .queen-mother .intro__button--14 a:last-child {
        padding: 10px 25px 7px 10px
    }
}

.year-2018 .year-2024 .queen10 .intro__button--14 a:last-child:before, .year-2019 .queen-mother .year-2024 .queen10 .intro__button--14 a:last-child:before, .year-2024 .queen10 .intro__button--5 a:last-child:before, .year-2024 .queen10 .year-2018 .intro__button--14 a:last-child:before, .year-2024 .queen10 .year-2019 .queen-mother .intro__button--14 a:last-child:before {
    top: 10px;
    color: #2c103e
}

.year-2018 .year-2024 .queen10 .intro__button--14 a:focus, .year-2018 .year-2024 .queen10 .intro__button--14 a:hover, .year-2019 .queen-mother .year-2024 .queen10 .intro__button--14 a:focus, .year-2019 .queen-mother .year-2024 .queen10 .intro__button--14 a:hover, .year-2024 .queen10 .intro__button--5 a:focus, .year-2024 .queen10 .intro__button--5 a:hover, .year-2024 .queen10 .year-2018 .intro__button--14 a:focus, .year-2024 .queen10 .year-2018 .intro__button--14 a:hover, .year-2024 .queen10 .year-2019 .queen-mother .intro__button--14 a:focus, .year-2024 .queen10 .year-2019 .queen-mother .intro__button--14 a:hover {
    text-decoration: none
}

.year-2018 .year-2024 .queen10 .intro__button--11, .year-2019 .queen-mother .year-2024 .queen10 .intro__button--11, .year-2024 .queen10 .intro__button--6, .year-2024 .queen10 .year-2018 .intro__button--11, .year-2024 .queen10 .year-2019 .queen-mother .intro__button--11 {
    padding: 3px;
    margin-top: .5rem;
    border-radius: 51px;
    border: 1px solid #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .29);
    background: #c98407;
    background: -moz-linear-gradient(left, #c67f00 0, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00 100%);
    background: -webkit-linear-gradient(left, #c67f00, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00);
    background: linear-gradient(90deg, #c67f00 0, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c98407", endColorstr="#c98407", GradientType=1)
}

.year-2018 .year-2024 .queen10 .intro__button--11 a, .year-2019 .queen-mother .year-2024 .queen10 .intro__button--11 a, .year-2024 .queen10 .intro__button--6 a, .year-2024 .queen10 .year-2018 .intro__button--11 a, .year-2024 .queen10 .year-2019 .queen-mother .intro__button--11 a {
    color: #2c103e
}

.year-2018 .year-2024 .queen10 .intro__button--11 a:first-child, .year-2019 .queen-mother .year-2024 .queen10 .intro__button--11 a:first-child, .year-2024 .queen10 .intro__button--6 a:first-child, .year-2024 .queen10 .year-2018 .intro__button--11 a:first-child, .year-2024 .queen10 .year-2019 .queen-mother .intro__button--11 a:first-child {
    padding: 10px 5px 7px 15px
}

@media (min-width: 768px) {
    .year-2018 .year-2024 .queen10 .intro__button--11 a:first-child, .year-2019 .queen-mother .year-2024 .queen10 .intro__button--11 a:first-child, .year-2024 .queen10 .intro__button--6 a:first-child, .year-2024 .queen10 .year-2018 .intro__button--11 a:first-child, .year-2024 .queen10 .year-2019 .queen-mother .intro__button--11 a:first-child {
        padding: 10px 10px 7px 25px
    }
}

.year-2018 .year-2024 .queen10 .intro__button--11 a:last-child, .year-2019 .queen-mother .year-2024 .queen10 .intro__button--11 a:last-child, .year-2024 .queen10 .intro__button--6 a:last-child, .year-2024 .queen10 .year-2018 .intro__button--11 a:last-child, .year-2024 .queen10 .year-2019 .queen-mother .intro__button--11 a:last-child {
    padding: 10px 15px 7px 5px
}

@media (min-width: 768px) {
    .year-2018 .year-2024 .queen10 .intro__button--11 a:last-child, .year-2019 .queen-mother .year-2024 .queen10 .intro__button--11 a:last-child, .year-2024 .queen10 .intro__button--6 a:last-child, .year-2024 .queen10 .year-2018 .intro__button--11 a:last-child, .year-2024 .queen10 .year-2019 .queen-mother .intro__button--11 a:last-child {
        padding: 10px 25px 7px 10px
    }
}

.year-2018 .year-2024 .queen10 .intro__button--11 a:last-child:before, .year-2019 .queen-mother .year-2024 .queen10 .intro__button--11 a:last-child:before, .year-2024 .queen10 .intro__button--6 a:last-child:before, .year-2024 .queen10 .year-2018 .intro__button--11 a:last-child:before, .year-2024 .queen10 .year-2019 .queen-mother .intro__button--11 a:last-child:before {
    top: 10px;
    color: #2c103e
}

.year-2018 .year-2024 .queen10 .intro__button--11 a:focus, .year-2018 .year-2024 .queen10 .intro__button--11 a:hover, .year-2019 .queen-mother .year-2024 .queen10 .intro__button--11 a:focus, .year-2019 .queen-mother .year-2024 .queen10 .intro__button--11 a:hover, .year-2024 .queen10 .intro__button--6 a:focus, .year-2024 .queen10 .intro__button--6 a:hover, .year-2024 .queen10 .year-2018 .intro__button--11 a:focus, .year-2024 .queen10 .year-2018 .intro__button--11 a:hover, .year-2024 .queen10 .year-2019 .queen-mother .intro__button--11 a:focus, .year-2024 .queen10 .year-2019 .queen-mother .intro__button--11 a:hover {
    text-decoration: none
}

.year-2024 .queen-mother h3 {
    line-height: 1;
    font-size: 70px;
    font-size: 4.375rem;
    font-weight: 700
}

.year-2024 .queen-mother h4 {
    font-size: 26px;
    font-size: 1.625rem;
    margin: 0 0 5px
}

.year-2024 .queen-mother h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2024 .queen-mother h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2024 .queen-mother .intro__title {
    display: none
}

.year-2024 .queen-mother .intro__title.intro__title--1 {
    font-family: Sarabun;
    font-size: 66px;
    font-size: 4.125rem;
    font-weight: 400
}

@media (max-width: 991px) {
    .year-2024 .queen-mother .intro__title.intro__title--1 {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

@media (max-width: 767px) {
    .year-2024 .queen-mother .intro__title.intro__title--1 {
        line-height: .8
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro__title.intro__title--1 {
        font-size: 42px;
        font-size: 2.625rem
    }
}

.year-2024 .queen-mother .intro__title.intro__title--2 {
    font-family: Sarabun;
    font-size: 66px;
    font-size: 4.125rem;
    font-weight: 400;
    margin-bottom: 0;
    line-height: .9
}

@media (max-width: 991px) {
    .year-2024 .queen-mother .intro__title.intro__title--2 {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro__title.intro__title--2 {
        font-size: 42px;
        font-size: 2.625rem
    }
}

.year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--10, .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--11, .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--13, .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--14, .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--15, .year-2024 .queen-mother .intro__title.intro__title--3, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--10, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--11, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--13, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--14, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--15 {
    font-family: Sarabun;
    font-size: 66px;
    font-size: 4.125rem;
    font-weight: 400
}

@media (max-width: 1199px) {
    .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--10, .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--11, .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--13, .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--14, .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--15, .year-2024 .queen-mother .intro__title.intro__title--3, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--10, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--11, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--13, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--14, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--15 {
        font-size: 50px;
        font-size: 3.125rem
    }
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--10, .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--11, .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--13, .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--14, .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--15, .year-2024 .queen-mother .intro__title.intro__title--3, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--10, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--11, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--13, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--14, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--15 {
        font-size: 42px;
        font-size: 2.625rem
    }
}

@media (max-width: 767px) {
    .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--10, .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--11, .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--13, .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--14, .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--15, .year-2024 .queen-mother .intro__title.intro__title--3, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--10, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--11, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--13, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--14, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--15 {
        line-height: .8
    }
}

.year-2018 .king10 .year-2024 .queen-mother .intro__title.intro__title--10, .year-2018 .king10 .year-2024 .queen-mother .intro__title.intro__title--11, .year-2018 .king10 .year-2024 .queen-mother .intro__title.intro__title--12, .year-2024 .queen-mother .intro__title.intro__title--4, .year-2024 .queen-mother .year-2018 .king10 .intro__title.intro__title--10, .year-2024 .queen-mother .year-2018 .king10 .intro__title.intro__title--11, .year-2024 .queen-mother .year-2018 .king10 .intro__title.intro__title--12 {
    font-family: Sarabun;
    font-size: 66px;
    font-size: 4.125rem;
    font-weight: 700;
    line-height: 1
}

@media (max-width: 1199px) {
    .year-2018 .king10 .year-2024 .queen-mother .intro__title.intro__title--10, .year-2018 .king10 .year-2024 .queen-mother .intro__title.intro__title--11, .year-2018 .king10 .year-2024 .queen-mother .intro__title.intro__title--12, .year-2024 .queen-mother .intro__title.intro__title--4, .year-2024 .queen-mother .year-2018 .king10 .intro__title.intro__title--10, .year-2024 .queen-mother .year-2018 .king10 .intro__title.intro__title--11, .year-2024 .queen-mother .year-2018 .king10 .intro__title.intro__title--12 {
        font-size: 50px;
        font-size: 3.125rem
    }
}

@media (max-width: 991px) {
    .year-2018 .king10 .year-2024 .queen-mother .intro__title.intro__title--10, .year-2018 .king10 .year-2024 .queen-mother .intro__title.intro__title--11, .year-2018 .king10 .year-2024 .queen-mother .intro__title.intro__title--12, .year-2024 .queen-mother .intro__title.intro__title--4, .year-2024 .queen-mother .year-2018 .king10 .intro__title.intro__title--10, .year-2024 .queen-mother .year-2018 .king10 .intro__title.intro__title--11, .year-2024 .queen-mother .year-2018 .king10 .intro__title.intro__title--12 {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

@media (max-width: 479px) {
    .year-2018 .king10 .year-2024 .queen-mother .intro__title.intro__title--10, .year-2018 .king10 .year-2024 .queen-mother .intro__title.intro__title--11, .year-2018 .king10 .year-2024 .queen-mother .intro__title.intro__title--12, .year-2024 .queen-mother .intro__title.intro__title--4, .year-2024 .queen-mother .year-2018 .king10 .intro__title.intro__title--10, .year-2024 .queen-mother .year-2018 .king10 .intro__title.intro__title--11, .year-2024 .queen-mother .year-2018 .king10 .intro__title.intro__title--12 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--12, .year-2024 .queen-mother .intro__title.intro__title--5, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--12 {
    font-size: 66px;
    font-size: 4.125rem;
    font-weight: 700
}

@media (max-width: 1199px) {
    .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--12, .year-2024 .queen-mother .intro__title.intro__title--5, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--12 {
        font-size: 55px;
        font-size: 3.4375rem
    }
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2024 .queen-mother .intro__title.intro__title--12, .year-2024 .queen-mother .intro__title.intro__title--5, .year-2024 .queen-mother .year-2018 .queen .intro__title.intro__title--12 {
        font-size: 42px;
        font-size: 2.625rem
    }
}

.year-2024 .queen-mother .intro__title.intro__title--6 {
    font-size: 66px;
    font-size: 4.125rem;
    font-weight: 400
}

@media (max-width: 1199px) {
    .year-2024 .queen-mother .intro__title.intro__title--6 {
        font-size: 55px;
        font-size: 3.4375rem
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro__title.intro__title--6 {
        font-size: 42px;
        font-size: 2.625rem
    }
}

.year-2024 .queen-mother .intro__subtitle {
    margin-top: 1.25rem;
    margin-bottom: 1.5rem
}

.year-2024 .queen-mother .intro__subtitle.intro__subtitle--1 {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: .7;
    font-weight: 400
}

@media (max-width: 991px) {
    .year-2024 .queen-mother .intro__subtitle.intro__subtitle--1 {
        font-size: 50px;
        font-size: 3.125rem
    }
}

.year-2024 .queen-mother .intro__subtitle.intro__subtitle--1.intro__subtitle--name {
    font-size: 32px;
    font-size: 2rem
}

@media (max-width: 991px) {
    .year-2024 .queen-mother .intro__subtitle.intro__subtitle--1.intro__subtitle--name {
        font-size: 35px;
        font-size: 2.1875rem
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro__subtitle.intro__subtitle--1.intro__subtitle--name {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2024 .queen-mother .intro__subtitle.intro__subtitle--1.intro__subtitle--longlive {
    font-size: 40px;
    font-size: 2.5rem
}

.year-2024 .queen-mother .intro__subtitle.intro__subtitle--2 {
    font-weight: 400;
    font-size: 60px;
    font-size: 3.75rem;
    line-height: .7;
    margin-bottom: 0
}

@media (max-width: 991px) {
    .year-2024 .queen-mother .intro__subtitle.intro__subtitle--2 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

.year-2024 .queen-mother .intro__subtitle.intro__subtitle--2 .firstname {
    display: inline-block
}

.year-2024 .queen-mother .intro__subtitle.intro__subtitle--2.intro__subtitle--name {
    font-size: 30px;
    font-size: 1.875rem
}

@media (max-width: 991px) {
    .year-2024 .queen-mother .intro__subtitle.intro__subtitle--2.intro__subtitle--name {
        font-size: 35px;
        font-size: 2.1875rem
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro__subtitle.intro__subtitle--2.intro__subtitle--name {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2024 .queen-mother .intro__subtitle.intro__subtitle--2.intro__subtitle--longlive {
    font-size: 40px;
    font-size: 2.5rem
}

.year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--10, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--11, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--13, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--14, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--15, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--3, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--10, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--11, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--13, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--14, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--15 {
    font-weight: 400;
    line-height: .7;
    font-size: 60px;
    font-size: 3.75rem
}

@media (max-width: 991px) {
    .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--10, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--11, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--13, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--14, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--15, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--3, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--10, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--11, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--13, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--14, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--15 {
        font-size: 55px;
        font-size: 3.4375rem
    }
}

.year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--event.intro__subtitle--10, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--event.intro__subtitle--11, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--event.intro__subtitle--13, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--event.intro__subtitle--14, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--event.intro__subtitle--15, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--3.intro__subtitle--event, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--event.intro__subtitle--10, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--event.intro__subtitle--11, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--event.intro__subtitle--13, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--event.intro__subtitle--14, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--event.intro__subtitle--15 {
    font-size: 60px;
    font-size: 3.75rem;
    font-weight: 400
}

@media (max-width: 1199px) {
    .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--event.intro__subtitle--10, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--event.intro__subtitle--11, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--event.intro__subtitle--13, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--event.intro__subtitle--14, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--event.intro__subtitle--15, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--3.intro__subtitle--event, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--event.intro__subtitle--10, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--event.intro__subtitle--11, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--event.intro__subtitle--13, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--event.intro__subtitle--14, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--event.intro__subtitle--15 {
        font-size: 55px;
        font-size: 3.4375rem
    }
}

.year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--10, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--11, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--13, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--14, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--15, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--3.intro__subtitle--name, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--10, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--11, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--13, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--14, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--15 {
    font-size: 32px;
    font-size: 2rem;
    margin-bottom: 0
}

@media (max-width: 1199px) {
    .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--10, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--11, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--13, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--14, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--15, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--3.intro__subtitle--name, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--10, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--11, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--13, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--14, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--15 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 991px) {
    .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--10, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--11, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--13, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--14, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--15, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--3.intro__subtitle--name, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--10, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--11, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--13, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--14, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--15 {
        font-size: 35px;
        font-size: 2.1875rem
    }
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--10, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--11, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--13, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--14, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--15, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--3.intro__subtitle--name, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--10, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--11, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--13, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--14, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--15 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--longlive.intro__subtitle--10, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--longlive.intro__subtitle--11, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--longlive.intro__subtitle--13, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--longlive.intro__subtitle--14, .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--longlive.intro__subtitle--15, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--3.intro__subtitle--longlive, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--longlive.intro__subtitle--10, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--longlive.intro__subtitle--11, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--longlive.intro__subtitle--13, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--longlive.intro__subtitle--14, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--longlive.intro__subtitle--15 {
    font-size: 40px;
    font-size: 2.5rem
}

.year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--10, .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--11, .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--12, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--4, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--10, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--11, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--12 {
    font-family: Sarabun !important;
    font-weight: 400;
    line-height: .7;
    font-size: 60px;
    font-size: 3.75rem
}

@media (max-width: 991px) {
    .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--10, .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--11, .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--12, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--4, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--10, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--11, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--12 {
        font-size: 55px;
        font-size: 3.4375rem
    }
}

.year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--event.intro__subtitle--10, .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--event.intro__subtitle--11, .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--event.intro__subtitle--12, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--4.intro__subtitle--event, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--event.intro__subtitle--10, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--event.intro__subtitle--11, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--event.intro__subtitle--12 {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: .75
}

@media (max-width: 1199px) {
    .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--event.intro__subtitle--10, .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--event.intro__subtitle--11, .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--event.intro__subtitle--12, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--4.intro__subtitle--event, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--event.intro__subtitle--10, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--event.intro__subtitle--11, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--event.intro__subtitle--12 {
        font-size: 55px;
        font-size: 3.4375rem
    }
}

.year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--10, .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--11, .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--12, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--4.intro__subtitle--name, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--name.intro__subtitle--10, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--name.intro__subtitle--11, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--name.intro__subtitle--12 {
    font-size: 32px;
    font-size: 2rem
}

@media (max-width: 1199px) {
    .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--10, .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--11, .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--12, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--4.intro__subtitle--name, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--name.intro__subtitle--10, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--name.intro__subtitle--11, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--name.intro__subtitle--12 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 991px) {
    .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--10, .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--11, .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--12, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--4.intro__subtitle--name, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--name.intro__subtitle--10, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--name.intro__subtitle--11, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--name.intro__subtitle--12 {
        font-size: 35px;
        font-size: 2.1875rem
    }
}

@media (max-width: 479px) {
    .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--10, .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--11, .year-2018 .king10 .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--12, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--4.intro__subtitle--name, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--name.intro__subtitle--10, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--name.intro__subtitle--11, .year-2024 .queen-mother .year-2018 .king10 .intro__subtitle.intro__subtitle--name.intro__subtitle--12 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--12, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--5, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--12 {
    font-family: Sarabun !important;
    font-weight: 400;
    line-height: .7;
    font-size: 60px;
    font-size: 3.75rem
}

@media (max-width: 991px) {
    .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--12, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--5, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--12 {
        font-size: 55px;
        font-size: 3.4375rem
    }
}

.year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--event.intro__subtitle--12, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--5.intro__subtitle--event, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--event.intro__subtitle--12 {
    font-size: 60px;
    font-size: 3.75rem;
    font-weight: 700
}

@media (max-width: 1199px) {
    .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--event.intro__subtitle--12, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--5.intro__subtitle--event, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--event.intro__subtitle--12 {
        font-size: 55px;
        font-size: 3.4375rem
    }
}

.year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--12, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--5.intro__subtitle--name, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--12 {
    font-weight: 700;
    font-size: 32px;
    font-size: 2rem
}

@media (max-width: 1024px) {
    .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--12, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--5.intro__subtitle--name, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--12 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 991px) {
    .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--12, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--5.intro__subtitle--name, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--12 {
        font-size: 35px;
        font-size: 2.1875rem
    }
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2024 .queen-mother .intro__subtitle.intro__subtitle--name.intro__subtitle--12, .year-2024 .queen-mother .intro__subtitle.intro__subtitle--5.intro__subtitle--name, .year-2024 .queen-mother .year-2018 .queen .intro__subtitle.intro__subtitle--name.intro__subtitle--12 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2024 .queen-mother .intro__subtitle.intro__subtitle--6 {
    font-weight: 400;
    line-height: .7;
    font-size: 60px;
    font-size: 3.75rem
}

@media (max-width: 991px) {
    .year-2024 .queen-mother .intro__subtitle.intro__subtitle--6 {
        font-size: 55px;
        font-size: 3.4375rem
    }
}

.year-2024 .queen-mother .intro__subtitle.intro__subtitle--6.intro__subtitle--event {
    font-family: Sarabun !important;
    font-weight: 400;
    font-size: 60px;
    font-size: 3.75rem
}

@media (max-width: 991px) {
    .year-2024 .queen-mother .intro__subtitle.intro__subtitle--6.intro__subtitle--event {
        font-size: 55px;
        font-size: 3.4375rem
    }
}

.year-2024 .queen-mother .intro__subtitle.intro__subtitle--6.intro__subtitle--name {
    font-family: Sarabun !important;
    font-weight: 400;
    font-size: 32px;
    font-size: 2rem
}

@media (max-width: 1024px) {
    .year-2024 .queen-mother .intro__subtitle.intro__subtitle--6.intro__subtitle--name {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 991px) {
    .year-2024 .queen-mother .intro__subtitle.intro__subtitle--6.intro__subtitle--name {
        font-size: 35px;
        font-size: 2.1875rem
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro__subtitle.intro__subtitle--6.intro__subtitle--name {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2024 .queen-mother .intro__content.intro__content--1 {
    font-family: Sarabun
}

.year-2024 .queen-mother .intro__content.intro__content--1 .intro__text {
    font-family: Sarabun;
    font-size: 32px;
    font-size: 2rem;
    line-height: 1;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro__content.intro__content--1 .intro__text {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2024 .queen-mother .intro__content.intro__content--1 .intro__button {
    font-size: 24px;
    font-size: 1.5rem
}

@media (max-width: 1199px) {
    .year-2024 .queen-mother .intro__content.intro__content--1 .intro__button {
        font-size: 26px;
        font-size: 1.625rem
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro__content.intro__content--1 .intro__button {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2024 .queen-mother .intro__content.intro__content--2 {
    font-family: Sarabun
}

.year-2024 .queen-mother .intro__content.intro__content--2 .intro__text {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro__content.intro__content--2 .intro__text {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2024 .queen-mother .intro__content.intro__content--2 .intro__button {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.2
}

@media (max-width: 1199px) {
    .year-2024 .queen-mother .intro__content.intro__content--2 .intro__button {
        font-size: 26px;
        font-size: 1.625rem
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro__content.intro__content--2 .intro__button {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2024 .queen-mother .intro__content.intro__content--3 {
    font-family: Sarabun
}

.year-2024 .queen-mother .intro__content.intro__content--3 .intro__text {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1;
    font-weight: 400
}

@media (max-width: 1199px) {
    .year-2024 .queen-mother .intro__content.intro__content--3 .intro__text {
        font-size: 26px;
        font-size: 1.625rem
    }
}

@media (max-width: 991px) {
    .year-2024 .queen-mother .intro__content.intro__content--3 .intro__text {
        font-size: 26px;
        font-size: 1.625rem
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro__content.intro__content--3 .intro__text {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2024 .queen-mother .intro__content.intro__content--3 .intro__button {
    font-size: 24px;
    font-size: 1.5rem
}

@media (max-width: 1199px) {
    .year-2024 .queen-mother .intro__content.intro__content--3 .intro__button {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro__content.intro__content--3 .intro__button {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2024 .queen-mother .intro__content.intro__content--4 {
    font-family: Sarabun
}

.year-2024 .queen-mother .intro__content.intro__content--4 .intro__text {
    line-height: 1;
    font-weight: 600;
    font-size: 32px;
    font-size: 2rem
}

@media (max-width: 1199px) {
    .year-2024 .queen-mother .intro__content.intro__content--4 .intro__text {
        font-size: 26px;
        font-size: 1.625rem
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro__content.intro__content--4 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.year-2024 .queen-mother .intro__content.intro__content--4 .intro__button {
    font-size: 24px;
    font-size: 1.5rem
}

@media (max-width: 1199px) {
    .year-2024 .queen-mother .intro__content.intro__content--4 .intro__button {
        font-size: 26px;
        font-size: 1.625rem
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro__content.intro__content--4 .intro__button {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2024 .queen-mother .intro__content.intro__content--5 {
    font-family: Sarabun
}

.year-2024 .queen-mother .intro__content.intro__content--5 .intro__text {
    font-family: Sarabun;
    line-height: 1;
    font-weight: 700;
    font-size: 32px;
    font-size: 2rem
}

@media (max-width: 1199px) {
    .year-2024 .queen-mother .intro__content.intro__content--5 .intro__text {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro__content.intro__content--5 .intro__text {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2024 .queen-mother .intro__content.intro__content--5 .intro__button {
    font-weight: 400;
    font-size: 24px;
    font-size: 1.5rem
}

@media (max-width: 1199px) {
    .year-2024 .queen-mother .intro__content.intro__content--5 .intro__button {
        font-size: 26px;
        font-size: 1.625rem
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro__content.intro__content--5 .intro__button {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2024 .queen-mother .intro__content.intro__content--6 {
    font-family: Sarabun
}

.year-2024 .queen-mother .intro__content.intro__content--6 .intro__text {
    line-height: 1.2;
    font-size: 32px;
    font-size: 2rem;
    font-family: Sarabun;
    font-weight: 400
}

@media (max-width: 1199px) {
    .year-2024 .queen-mother .intro__content.intro__content--6 .intro__text {
        font-size: 26px;
        font-size: 1.625rem
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro__content.intro__content--6 .intro__text {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2024 .queen-mother .intro__content.intro__content--6 .intro__button {
    font-family: Sarabun;
    font-size: 24px;
    font-size: 1.5rem
}

@media (max-width: 1199px) {
    .year-2024 .queen-mother .intro__content.intro__content--6 .intro__button {
        font-size: 26px;
        font-size: 1.625rem
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro__content.intro__content--6 .intro__button {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2024 .queen-mother .intro.intro--horizontal .intro__row {
    width: 100%
}

.year-2024 .queen-mother .intro .intro__figure.intro__figure--1 {
    min-height: 400px;
    height: 40vh !important;
    margin-bottom: 2rem
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--1 {
        min-height: 1px;
        margin-bottom: 1rem
    }
}

.year-2024 .queen-mother .intro .intro__figure.intro__figure--2 {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 1rem;
    margin-top: 1rem
}

@media (min-width: 992px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--2 {
        max-width: 500px
    }
}

@media (min-width: 1024px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--2 {
        max-width: 250px;
        width: 100%
    }
}

@media (max-width: 1370px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--2 {
        max-width: 100%;
        width: 230px
    }
}

@media (max-width: 768px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--2 {
        min-height: 45vh;
        width: 250px
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--2 {
        min-height: 45vh;
        width: 210px
    }
}

@media (max-width: 375px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--2 {
        min-height: 50vh;
        width: 165px
    }
}

@media (max-width: 991px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--2 .intro__image {
        max-width: 100% !important
    }
}

.year-2024 .queen-mother .intro .intro__figure.intro__figure--3 {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    max-width: 500px
}

@media (max-width: 991px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--3 .intro__image {
        max-width: 100% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--3 .intro__image {
        transform: scale(1.125)
    }
}

@media (min-width: 1200px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--3 .intro__image {
        transform: scale(1.1)
    }
}

.year-2024 .queen-mother .intro .intro__figure.intro__figure--4 {
    display: flex;
    justify-content: center
}

@media (min-width: 992px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--4 {
        max-width: 500px
    }
}

@media (min-width: 1200px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--4 {
        max-width: 100%;
        width: 100%;
        margin-left: -10%
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--4 {
        width: 170px
    }
}

.year-2024 .queen-mother .intro .intro__figure.intro__figure--4 .intro__image {
    margin-bottom: 0
}

@media (max-width: 991px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--4 .intro__image {
        max-width: 100% !important
    }
}

@media (min-width: 992px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--5 {
        max-width: 500px
    }
}

@media (min-width: 1200px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--5 {
        max-width: 450px;
        width: 100%;
        margin-left: -5%
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--5 {
        width: 200px
    }
}

@media (max-width: 991px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--5 .intro__image {
        max-width: 100% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--5 .intro__image {
        transform: scale(1.15)
    }
}

@media (min-width: 1200px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--6 {
        max-width: 100%;
        width: 100%;
        margin-left: -15%
    }
}

@media (min-width: 992px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--6 {
        max-width: 450px;
        margin-left: 0
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--6 {
        width: 200px
    }
}

@media (max-width: 991px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--6 .intro__image {
        max-width: 100% !important;
        margin-bottom: 0
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .queen-mother .intro .intro__figure.intro__figure--6 .intro__image {
        transform: scale(1.15)
    }
}

.year-2024 .queen-mother .intro .intro__content .intro__title {
    margin: 0
}

.year-2024 .queen-mother .intro .intro__content .intro__subtitle.intro--longlive, .year-2024 .queen-mother .intro .intro__content .intro__subtitle .master {
    display: none
}

.year-2024 .queen-mother .intro .intro__content.intro__content--1 {
    color: #fff;
    margin: 0 auto
}

.year-2024 .queen-mother .intro .intro__content.intro__content--1 .company-name {
    display: block
}

.year-2024 .queen-mother .intro .intro__content.intro__content--1 .intro__title {
    text-shadow: 0 3px 6px rgba(0, 0, 0, .1)
}

.year-2024 .queen-mother .intro .intro__content.intro__content--1 .intro__subtitle {
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .1)
}

.year-2024 .queen-mother .intro .intro__content.intro__content--1 .intro__subtitle.intro__subtitle--longlive {
    margin: 0 auto
}

.year-2024 .queen-mother .intro .intro__content.intro__content--1 .intro__subtitle.intro__subtitle--longlive span:last-child {
    display: block !important
}

.year-2024 .queen-mother .intro .intro__content.intro__content--1 .intro__subtitle .firstname, .year-2024 .queen-mother .intro .intro__content.intro__content--1 .intro__subtitle .lastname {
    display: inline-block
}

.year-2024 .queen-mother .intro .intro__content.intro__content--1 .intro__text {
    color: #fff;
    margin-bottom: 1.5rem;
    text-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, -1px -1px transparent, 1px 1px 0 transparent, -1px 1px 0 transparent, 3px 3px 6px rgba(0, 0, 0, .16)
}

.year-2024 .queen-mother .intro .intro__content.intro__content--1 .intro__line {
    max-width: 290px;
    margin: 1rem auto 0;
    padding: 0
}

.year-2024 .queen-mother .intro .intro__content.intro__content--2 {
    color: #fff
}

@media (max-width: 991px) {
    .year-2024 .queen-mother .intro .intro__content.intro__content--2 {
        margin: auto
    }
}

.year-2024 .queen-mother .intro .intro__content.intro__content--2 .company-name {
    display: block
}

.year-2024 .queen-mother .intro .intro__content.intro__content--2 .intro__title {
    color: #fff;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, .4)
}

.year-2024 .queen-mother .intro .intro__content.intro__content--2 .intro__subtitle {
    color: #fff;
    text-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, -1px -1px transparent, 1px 1px 0 transparent, -1px 1px 0 transparent, 3px 3px 4px rgba(0, 0, 0, .08)
}

.year-2024 .queen-mother .intro .intro__content.intro__content--2 .intro__subtitle--longlive {
    max-width: 420px;
    margin: 0 auto
}

.year-2024 .queen-mother .intro .intro__content.intro__content--2 .intro__line {
    max-width: 308px;
    margin: 0 auto;
    padding: 10px 0
}

.year-2024 .queen-mother .intro .intro__content.intro__content--2 .intro__text {
    color: #fff
}

.year-2024 .queen-mother .intro .intro__content.intro__content--3 {
    color: #fff;
    margin: auto
}

.year-2024 .queen-mother .intro .intro__content.intro__content--3 .company-name {
    display: block
}

.year-2024 .queen-mother .intro .intro__content.intro__content--3 .intro__title {
    margin-bottom: 0;
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .1)
}

.year-2024 .queen-mother .intro .intro__content.intro__content--3 .intro__subtitle {
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .1)
}

.year-2024 .queen-mother .intro .intro__content.intro__content--3 .intro__subtitle .intro__subtitle--name {
    margin-bottom: .5rem
}

.year-2024 .queen-mother .intro .intro__content.intro__content--3 .intro__subtitle .intro__subtitle--longlive {
    max-width: 420px;
    margin: 0 auto
}

.year-2024 .queen-mother .intro .intro__content.intro__content--3 .intro__subtitle .firstname {
    display: inline-block
}

.year-2024 .queen-mother .intro .intro__content.intro__content--3 .intro__line {
    width: 280px;
    margin: 0 auto
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro .intro__content.intro__content--3 .intro__line {
        width: 170px
    }
}

.year-2024 .queen-mother .intro .intro__content.intro__content--3 .intro__text {
    margin-bottom: .35rem;
    text-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, -1px -1px transparent, 1px 1px 0 transparent, -1px 1px 0 transparent, 3px 3px 6px rgba(0, 0, 0, .16)
}

.year-2024 .queen-mother .intro .intro__content.intro__content--4 {
    color: #0664a8;
    margin: auto;
    width: 620px;
    margin-left: -25%
}

@media (max-width: 1199px) {
    .year-2024 .queen-mother .intro .intro__content.intro__content--4 {
        width: 100%;
        margin-left: 0
    }
}

.year-2024 .queen-mother .intro .intro__content.intro__content--4 .intro__title {
    margin-bottom: 0;
    color: #0664a8;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .1)
}

.year-2024 .queen-mother .intro .intro__content.intro__content--4 .intro__subtitle {
    color: #3888c3;
    font-weight: 700;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .1)
}

.year-2024 .queen-mother .intro .intro__content.intro__content--4 .intro__subtitle .intro__subtitle--event {
    margin-bottom: 0
}

.year-2024 .queen-mother .intro .intro__content.intro__content--4 .intro__subtitle .firstname {
    display: inline-block
}

.year-2024 .queen-mother .intro .intro__content.intro__content--4 .intro__line {
    width: 280px;
    margin: 0 auto;
    padding: 10px 0
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro .intro__content.intro__content--4 .intro__line {
        width: 200px
    }
}

.year-2024 .queen-mother .intro .intro__content.intro__content--4 .intro__text {
    margin-bottom: 10px;
    color: #3888c3;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2024 .queen-mother .intro .intro__content.intro__content--5 {
    color: #0664a8
}

@media (max-width: 991px) {
    .year-2024 .queen-mother .intro .intro__content.intro__content--5 {
        margin: auto
    }
}

@media (min-width: 1200px) {
    .year-2024 .queen-mother .intro .intro__content.intro__content--5 {
        width: 740px;
        margin-left: -20%
    }
}

.year-2024 .queen-mother .intro .intro__content.intro__content--5 .intro__title {
    margin-bottom: 0;
    color: #0664a8;
    text-shadow: 0 0 0 rgba(0, 0, 0, .1), 0 3px 6px rgba(0, 0, 0, .1), 0 3px 6px rgba(0, 0, 0, .1)
}

.year-2024 .queen-mother .intro .intro__content.intro__content--5 .intro__subtitle {
    color: #0664a8
}

.year-2024 .queen-mother .intro .intro__content.intro__content--5 .intro__subtitle .firstname {
    display: inline-block
}

.year-2024 .queen-mother .intro .intro__content.intro__content--5 .intro__line {
    max-width: 450px;
    margin: 1.5rem auto 0;
    padding: 0
}

@media (max-width: 991px) {
    .year-2024 .queen-mother .intro .intro__content.intro__content--5 .intro__line {
        max-width: 290px
    }
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro .intro__content.intro__content--5 .intro__line {
        width: 200px;
        margin: 10px auto
    }
}

.year-2024 .queen-mother .intro .intro__content.intro__content--5 .intro__text {
    margin-bottom: 10px
}

.year-2024 .queen-mother .intro .intro__content.intro__content--6 {
    color: #fff
}

@media (min-width: 1200px) {
    .year-2024 .queen-mother .intro .intro__content.intro__content--6 {
        width: 720px;
        margin-left: -20%
    }
}

@media (max-width: 991px) {
    .year-2024 .queen-mother .intro .intro__content.intro__content--6 {
        margin: auto
    }
}

.year-2024 .queen-mother .intro .intro__content.intro__content--6 .intro__title {
    margin-bottom: 0;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .33)
}

.year-2024 .queen-mother .intro .intro__content.intro__content--6 .intro__subtitle {
    text-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, -1px -1px transparent, 1px 1px 0 transparent, -1px 1px 0 transparent, 3px 3px 6px rgba(0, 0, 0, .35)
}

.year-2024 .queen-mother .intro .intro__content.intro__content--6 .intro__subtitle .firstname {
    display: inline-block
}

.year-2024 .queen-mother .intro .intro__content.intro__content--6 .intro__line {
    width: 290px;
    margin: 0 auto;
    padding: 10px 0
}

.year-2024 .queen-mother .intro .intro__content.intro__content--6 .intro__text {
    margin-top: 10px;
    margin-bottom: 10px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .33)
}

.year-2024 .queen-mother .intro .intro__content.intro__content--6 .intro__footer {
    display: flex;
    justify-content: center;
    align-items: center
}

.year-2024 .queen-mother .intro .intro__content.intro__content--6 .intro__button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 278px
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro .intro__content.intro__content--6 .intro__button {
        width: auto
    }
}

.year-2024 .queen-mother.queen-mother--1, .year-2024 .queen-mother.queen-mother--2 {
    background-position: 50%
}

.year-2024 .queen-mother.queen-mother--2 .intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh
}

@media (max-width: 991px) {
    .year-2024 .queen-mother.queen-mother--2 .intro {
        height: 90vh
    }
}

.year-2024 .queen-mother.queen-mother--3 .intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh
}

@media (max-width: 991px) {
    .year-2024 .queen-mother.queen-mother--3 .intro {
        height: 90vh
    }
}

.year-2024 .queen-mother.queen-mother--4 {
    background-position: 50%
}

.year-2024 .queen-mother.queen-mother--4 .intro .intro__row {
    background-color: hsla(0, 0%, 100%, .92);
    box-shadow: 0 3px 11px rgba(0, 0, 0, .16);
    padding: 2rem
}

@media (max-width: 479px) {
    .year-2024 .queen-mother.queen-mother--4 .intro .intro__row {
        padding: 1.5rem 0 .5rem
    }
}

.year-2024 .queen-mother.queen-mother--5 {
    background-position: 50%
}

@media (max-width: 479px) {
    .year-2024 .queen-mother.queen-mother--5 .intro .intro__row .intro__right {
        padding: 0
    }
}

.year-2024 .queen-mother.queen-mother--6 {
    background-position: 50%
}

@media (max-width: 479px) {
    .year-2024 .queen-mother.queen-mother--6 .intro .intro__row .intro__right {
        padding: 0
    }
}

.year-2024 .queen-mother .intro__button {
    border-radius: 24px;
    display: inline-flex;
    align-items: center;
    min-height: 43px
}

.year-2024 .queen-mother .intro__button a {
    font-size: inherit;
    text-decoration: none
}

.year-2024 .queen-mother .intro__button.intro__button--1 {
    margin-top: 0;
    background-color: #075293
}

.year-2024 .queen-mother .intro__button.intro__button--1 a {
    color: #fff;
    padding: 10px 15px 10px 30px
}

.year-2024 .queen-mother .intro__button.intro__button--1 a + a {
    padding: 10px 30px 10px 15px
}

.year-2024 .queen-mother .intro__button.intro__button--1 a:before {
    color: #fff
}

.year-2024 .queen-mother .intro__button.intro__button--2 {
    margin: 10px 0 0;
    background: -webkit-linear-gradient(90deg, #c67f00, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00) 0 0 no-repeat padding-box;
    background: -moz-linear-linear-gradient(90deg, #c67f00 0, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00 100%) 0 0 no-repeat padding-box;
    background: linear-gradient(90deg, #c67f00, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00) 0 0 no-repeat padding-box;
    border: 1px solid #fff;
    min-height: 48px;
    border-radius: 100px
}

@media (max-width: 479px) {
    .year-2024 .queen-mother .intro__button.intro__button--2 {
        min-height: auto
    }
}

.year-2024 .queen-mother .intro__button.intro__button--2 a {
    color: #0d5384;
    padding: 10px 15px 10px 30px
}

@media (max-width: 324px) {
    .year-2024 .queen-mother .intro__button.intro__button--2 a {
        font-size: 80%
    }
}

.year-2024 .queen-mother .intro__button.intro__button--2 a + a {
    padding: 10px 30px 10px 15px
}

.year-2024 .queen-mother .intro__button.intro__button--2 a:before {
    color: #14639b
}

.year-2024 .queen-mother .intro__button.intro__button--3 {
    margin: 10px 0 0;
    background: -webkit-linear-gradient(90deg, #d0cbc1, #fff 53%, #c9c3b8) 0 0 no-repeat padding-box;
    background: -moz-linear-linear-gradient(90deg, #d0cbc1 0, #fff 53%, #c9c3b8 100%) 0 0 no-repeat padding-box;
    background: linear-gradient(90deg, #d0cbc1, #fff 53%, #c9c3b8) 0 0 no-repeat padding-box;
    min-height: 58px;
    border-radius: 100px
}

@media (max-width: 1199px) {
    .year-2024 .queen-mother .intro__button.intro__button--3 {
        min-height: 43px
    }
}

.year-2024 .queen-mother .intro__button.intro__button--3 a {
    color: #075293;
    padding: 10px 15px 10px 30px;
    font-weight: 600
}

@media (max-width: 324px) {
    .year-2024 .queen-mother .intro__button.intro__button--3 a {
        font-size: 80%
    }
}

.year-2024 .queen-mother .intro__button.intro__button--3 a + a {
    padding: 10px 30px 10px 15px
}

.year-2024 .queen-mother .intro__button.intro__button--3 a:before {
    color: #075293
}

.year-2018 .king10 .year-2024 .queen-mother .intro__button.intro__button--11, .year-2018 .king10 .year-2024 .queen-mother .intro__button.intro__button--12, .year-2019 .king .year-2024 .queen-mother .intro__button.intro__button--11, .year-2019 .king .year-2024 .queen-mother .intro__button.intro__button--12, .year-2024 .queen-mother .intro__button.intro__button--4, .year-2024 .queen-mother .year-2018 .king10 .intro__button.intro__button--11, .year-2024 .queen-mother .year-2018 .king10 .intro__button.intro__button--12, .year-2024 .queen-mother .year-2019 .king .intro__button.intro__button--11, .year-2024 .queen-mother .year-2019 .king .intro__button.intro__button--12 {
    margin: 10px 0 0;
    background: #003496;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    min-height: 48px;
    border-radius: 100px
}

@media (max-width: 479px) {
    .year-2018 .king10 .year-2024 .queen-mother .intro__button.intro__button--11, .year-2018 .king10 .year-2024 .queen-mother .intro__button.intro__button--12, .year-2019 .king .year-2024 .queen-mother .intro__button.intro__button--11, .year-2019 .king .year-2024 .queen-mother .intro__button.intro__button--12, .year-2024 .queen-mother .intro__button.intro__button--4, .year-2024 .queen-mother .year-2018 .king10 .intro__button.intro__button--11, .year-2024 .queen-mother .year-2018 .king10 .intro__button.intro__button--12, .year-2024 .queen-mother .year-2019 .king .intro__button.intro__button--11, .year-2024 .queen-mother .year-2019 .king .intro__button.intro__button--12 {
        min-height: auto
    }
}

.year-2018 .king10 .year-2024 .queen-mother .intro__button.intro__button--11 a, .year-2018 .king10 .year-2024 .queen-mother .intro__button.intro__button--12 a, .year-2019 .king .year-2024 .queen-mother .intro__button.intro__button--11 a, .year-2019 .king .year-2024 .queen-mother .intro__button.intro__button--12 a, .year-2024 .queen-mother .intro__button.intro__button--4 a, .year-2024 .queen-mother .year-2018 .king10 .intro__button.intro__button--11 a, .year-2024 .queen-mother .year-2018 .king10 .intro__button.intro__button--12 a, .year-2024 .queen-mother .year-2019 .king .intro__button.intro__button--11 a, .year-2024 .queen-mother .year-2019 .king .intro__button.intro__button--12 a {
    color: #fff;
    padding: 10px 15px 10px 35px
}

@media (max-width: 324px) {
    .year-2018 .king10 .year-2024 .queen-mother .intro__button.intro__button--11 a, .year-2018 .king10 .year-2024 .queen-mother .intro__button.intro__button--12 a, .year-2019 .king .year-2024 .queen-mother .intro__button.intro__button--11 a, .year-2019 .king .year-2024 .queen-mother .intro__button.intro__button--12 a, .year-2024 .queen-mother .intro__button.intro__button--4 a, .year-2024 .queen-mother .year-2018 .king10 .intro__button.intro__button--11 a, .year-2024 .queen-mother .year-2018 .king10 .intro__button.intro__button--12 a, .year-2024 .queen-mother .year-2019 .king .intro__button.intro__button--11 a, .year-2024 .queen-mother .year-2019 .king .intro__button.intro__button--12 a {
        font-size: 80%
    }
}

.year-2018 .king10 .year-2024 .queen-mother .intro__button.intro__button--11 a + a, .year-2018 .king10 .year-2024 .queen-mother .intro__button.intro__button--12 a + a, .year-2019 .king .year-2024 .queen-mother .intro__button.intro__button--11 a + a, .year-2019 .king .year-2024 .queen-mother .intro__button.intro__button--12 a + a, .year-2024 .queen-mother .intro__button.intro__button--4 a + a, .year-2024 .queen-mother .year-2018 .king10 .intro__button.intro__button--11 a + a, .year-2024 .queen-mother .year-2018 .king10 .intro__button.intro__button--12 a + a, .year-2024 .queen-mother .year-2019 .king .intro__button.intro__button--11 a + a, .year-2024 .queen-mother .year-2019 .king .intro__button.intro__button--12 a + a {
    padding: 10px 35px 10px 15px
}

.year-2018 .king10 .year-2024 .queen-mother .intro__button.intro__button--11 a:before, .year-2018 .king10 .year-2024 .queen-mother .intro__button.intro__button--12 a:before, .year-2019 .king .year-2024 .queen-mother .intro__button.intro__button--11 a:before, .year-2019 .king .year-2024 .queen-mother .intro__button.intro__button--12 a:before, .year-2024 .queen-mother .intro__button.intro__button--4 a:before, .year-2024 .queen-mother .year-2018 .king10 .intro__button.intro__button--11 a:before, .year-2024 .queen-mother .year-2018 .king10 .intro__button.intro__button--12 a:before, .year-2024 .queen-mother .year-2019 .king .intro__button.intro__button--11 a:before, .year-2024 .queen-mother .year-2019 .king .intro__button.intro__button--12 a:before {
    color: #fff
}

.year-2018 .year-2024 .queen-mother .intro__button.intro__button--14, .year-2019 .year-2024 .queen-mother .intro__button.intro__button--14, .year-2024 .queen-mother .intro__button.intro__button--5, .year-2024 .queen-mother .year-2018 .intro__button.intro__button--14, .year-2024 .year-2019 .queen-mother .intro__button.intro__button--14 {
    margin: 10px 0 0;
    background: -webkit-linear-gradient(90deg, #d0cbc1, #fff 53%, #c9c3b8) 0 0 no-repeat padding-box;
    background: -moz-linear-linear-gradient(90deg, #d0cbc1 0, #fff 53%, #c9c3b8 100%) 0 0 no-repeat padding-box;
    background: linear-gradient(90deg, #d0cbc1, #fff 53%, #c9c3b8) 0 0 no-repeat padding-box;
    min-height: 58px;
    border-radius: 100px
}

.year-2018 .year-2024 .queen-mother .intro__button.intro__button--14 a, .year-2019 .year-2024 .queen-mother .intro__button.intro__button--14 a, .year-2024 .queen-mother .intro__button.intro__button--5 a, .year-2024 .queen-mother .year-2018 .intro__button.intro__button--14 a, .year-2024 .year-2019 .queen-mother .intro__button.intro__button--14 a {
    color: #075293;
    padding: 10px 15px 10px 30px
}

.year-2018 .year-2024 .queen-mother .intro__button.intro__button--14 a + a, .year-2019 .year-2024 .queen-mother .intro__button.intro__button--14 a + a, .year-2024 .queen-mother .intro__button.intro__button--5 a + a, .year-2024 .queen-mother .year-2018 .intro__button.intro__button--14 a + a, .year-2024 .year-2019 .queen-mother .intro__button.intro__button--14 a + a {
    padding: 10px 30px 10px 15px
}

@media (max-width: 324px) {
    .year-2018 .year-2024 .queen-mother .intro__button.intro__button--14 a, .year-2019 .year-2024 .queen-mother .intro__button.intro__button--14 a, .year-2024 .queen-mother .intro__button.intro__button--5 a, .year-2024 .queen-mother .year-2018 .intro__button.intro__button--14 a, .year-2024 .year-2019 .queen-mother .intro__button.intro__button--14 a {
        font-size: 80%
    }
}

.year-2018 .year-2024 .queen-mother .intro__button.intro__button--14 a:before, .year-2019 .year-2024 .queen-mother .intro__button.intro__button--14 a:before, .year-2024 .queen-mother .intro__button.intro__button--5 a:before, .year-2024 .queen-mother .year-2018 .intro__button.intro__button--14 a:before, .year-2024 .year-2019 .queen-mother .intro__button.intro__button--14 a:before {
    color: #075293;
    top: 11px
}

@media (max-width: 479px) {
    .year-2018 .year-2024 .queen-mother .intro__button.intro__button--14, .year-2019 .year-2024 .queen-mother .intro__button.intro__button--14, .year-2024 .queen-mother .intro__button.intro__button--5, .year-2024 .queen-mother .year-2018 .intro__button.intro__button--14, .year-2024 .year-2019 .queen-mother .intro__button.intro__button--14 {
        min-height: auto
    }
}

.year-2018 .year-2024 .queen-mother .intro__button.intro__button--11, .year-2019 .year-2024 .queen-mother .intro__button.intro__button--11, .year-2024 .queen-mother .intro__button.intro__button--6, .year-2024 .queen-mother .year-2018 .intro__button.intro__button--11, .year-2024 .year-2019 .queen-mother .intro__button.intro__button--11 {
    margin: 10px 0 0;
    background: -webkit-linear-gradient(90deg, #c67f00, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00) 0 0 no-repeat padding-box;
    background: -moz-linear-linear-gradient(90deg, #c67f00 0, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00 100%) 0 0 no-repeat padding-box;
    background: linear-gradient(90deg, #c67f00, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00) 0 0 no-repeat padding-box;
    border: 1px solid #fffcfa
}

.year-2018 .year-2024 .queen-mother .intro__button.intro__button--11 a, .year-2019 .year-2024 .queen-mother .intro__button.intro__button--11 a, .year-2024 .queen-mother .intro__button.intro__button--6 a, .year-2024 .queen-mother .year-2018 .intro__button.intro__button--11 a, .year-2024 .year-2019 .queen-mother .intro__button.intro__button--11 a {
    color: #0d5384;
    padding: 10px 15px 10px 30px
}

.year-2018 .year-2024 .queen-mother .intro__button.intro__button--11 a + a, .year-2019 .year-2024 .queen-mother .intro__button.intro__button--11 a + a, .year-2024 .queen-mother .intro__button.intro__button--6 a + a, .year-2024 .queen-mother .year-2018 .intro__button.intro__button--11 a + a, .year-2024 .year-2019 .queen-mother .intro__button.intro__button--11 a + a {
    padding: 10px 30px 10px 15px
}

@media (max-width: 324px) {
    .year-2018 .year-2024 .queen-mother .intro__button.intro__button--11 a, .year-2019 .year-2024 .queen-mother .intro__button.intro__button--11 a, .year-2024 .queen-mother .intro__button.intro__button--6 a, .year-2024 .queen-mother .year-2018 .intro__button.intro__button--11 a, .year-2024 .year-2019 .queen-mother .intro__button.intro__button--11 a {
        font-size: 80%
    }
}

.year-2018 .year-2024 .queen-mother .intro__button.intro__button--11 a:before, .year-2019 .year-2024 .queen-mother .intro__button.intro__button--11 a:before, .year-2024 .queen-mother .intro__button.intro__button--6 a:before, .year-2024 .queen-mother .year-2018 .intro__button.intro__button--11 a:before, .year-2024 .year-2019 .queen-mother .intro__button.intro__button--11 a:before {
    color: #0d5384;
    top: 12px
}

.year-2024 .king .intro__content h3, .year-2024 .king .intro__content h4 {
    font-weight: 700
}

.year-2024 .king .intro__title--1 {
    font-family: Sarabun !important;
    font-style: italic;
    font-size: 112px;
    font-size: 7rem;
    line-height: .9;
    font-weight: 500 !important
}

@media (max-width: 737px) {
    .year-2024 .king .intro__title--1 {
        font-size: 90px;
        font-size: 5.625rem
    }
}

.year-2024 .king .intro__title--2 {
    font-family: Sarabun !important;
    font-style: italic;
    font-size: 112px;
    font-size: 7rem;
    line-height: .9;
    font-weight: 500 !important
}

@media (max-width: 737px) {
    .year-2024 .king .intro__title--2 {
        font-size: 90px;
        font-size: 5.625rem
    }
}

.year-2018 .queen .year-2024 .king .intro__title--10, .year-2018 .queen .year-2024 .king .intro__title--11, .year-2018 .queen .year-2024 .king .intro__title--13, .year-2018 .queen .year-2024 .king .intro__title--14, .year-2018 .queen .year-2024 .king .intro__title--15, .year-2024 .king .intro__title--3, .year-2024 .king .year-2018 .queen .intro__title--10, .year-2024 .king .year-2018 .queen .intro__title--11, .year-2024 .king .year-2018 .queen .intro__title--13, .year-2024 .king .year-2018 .queen .intro__title--14, .year-2024 .king .year-2018 .queen .intro__title--15 {
    font-family: Sarabun !important;
    font-size: 112px;
    font-size: 7rem;
    line-height: .9;
    font-weight: 500 !important
}

@media (max-width: 737px) {
    .year-2018 .queen .year-2024 .king .intro__title--10, .year-2018 .queen .year-2024 .king .intro__title--11, .year-2018 .queen .year-2024 .king .intro__title--13, .year-2018 .queen .year-2024 .king .intro__title--14, .year-2018 .queen .year-2024 .king .intro__title--15, .year-2024 .king .intro__title--3, .year-2024 .king .year-2018 .queen .intro__title--10, .year-2024 .king .year-2018 .queen .intro__title--11, .year-2024 .king .year-2018 .queen .intro__title--13, .year-2024 .king .year-2018 .queen .intro__title--14, .year-2024 .king .year-2018 .queen .intro__title--15 {
        font-size: 90px;
        font-size: 5.625rem
    }
}

.year-2018 .king10 .year-2024 .king .intro__title--10, .year-2018 .king10 .year-2024 .king .intro__title--11, .year-2018 .king10 .year-2024 .king .intro__title--12, .year-2024 .king .intro__title--4, .year-2024 .king .year-2018 .king10 .intro__title--10, .year-2024 .king .year-2018 .king10 .intro__title--11, .year-2024 .king .year-2018 .king10 .intro__title--12 {
    font-family: Sarabun !important;
    font-style: italic;
    font-size: 112px;
    font-size: 7rem;
    line-height: .9;
    font-weight: 500 !important
}

@media (max-width: 737px) {
    .year-2018 .king10 .year-2024 .king .intro__title--10, .year-2018 .king10 .year-2024 .king .intro__title--11, .year-2018 .king10 .year-2024 .king .intro__title--12, .year-2024 .king .intro__title--4, .year-2024 .king .year-2018 .king10 .intro__title--10, .year-2024 .king .year-2018 .king10 .intro__title--11, .year-2024 .king .year-2018 .king10 .intro__title--12 {
        font-size: 90px;
        font-size: 5.625rem
    }
}

.year-2018 .queen .year-2024 .king .intro__title--12, .year-2024 .king .intro__title--5, .year-2024 .king .year-2018 .queen .intro__title--12 {
    font-family: Sarabun !important;
    font-size: 112px;
    font-size: 7rem;
    line-height: .9;
    font-weight: 500 !important
}

@media (max-width: 737px) {
    .year-2018 .queen .year-2024 .king .intro__title--12, .year-2024 .king .intro__title--5, .year-2024 .king .year-2018 .queen .intro__title--12 {
        font-size: 90px;
        font-size: 5.625rem
    }
}

.year-2024 .king .intro__title--6 {
    font-family: Sarabun !important;
    font-style: italic;
    font-size: 112px;
    font-size: 7rem;
    line-height: .9;
    font-weight: 500 !important
}

@media (max-width: 737px) {
    .year-2024 .king .intro__title--6 {
        font-size: 90px;
        font-size: 5.625rem
    }
}

.year-2024 .king .intro__subtitle--1 {
    font-family: PSL Paksin Pro !important;
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1;
    font-weight: 400 !important
}

@media (max-width: 479px) {
    .year-2024 .king .intro__subtitle--1 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2024 .king .intro__subtitle--2 {
    font-family: PSL Paksin Pro !important;
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1;
    font-weight: 400 !important
}

@media (max-width: 479px) {
    .year-2024 .king .intro__subtitle--2 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2018 .queen .year-2024 .king .intro__subtitle--10, .year-2018 .queen .year-2024 .king .intro__subtitle--11, .year-2018 .queen .year-2024 .king .intro__subtitle--13, .year-2018 .queen .year-2024 .king .intro__subtitle--14, .year-2018 .queen .year-2024 .king .intro__subtitle--15, .year-2024 .king .intro__subtitle--3, .year-2024 .king .year-2018 .queen .intro__subtitle--10, .year-2024 .king .year-2018 .queen .intro__subtitle--11, .year-2024 .king .year-2018 .queen .intro__subtitle--13, .year-2024 .king .year-2018 .queen .intro__subtitle--14, .year-2024 .king .year-2018 .queen .intro__subtitle--15 {
    font-family: PSL Paksin Pro !important;
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1;
    font-weight: 400 !important
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2024 .king .intro__subtitle--10, .year-2018 .queen .year-2024 .king .intro__subtitle--11, .year-2018 .queen .year-2024 .king .intro__subtitle--13, .year-2018 .queen .year-2024 .king .intro__subtitle--14, .year-2018 .queen .year-2024 .king .intro__subtitle--15, .year-2024 .king .intro__subtitle--3, .year-2024 .king .year-2018 .queen .intro__subtitle--10, .year-2024 .king .year-2018 .queen .intro__subtitle--11, .year-2024 .king .year-2018 .queen .intro__subtitle--13, .year-2024 .king .year-2018 .queen .intro__subtitle--14, .year-2024 .king .year-2018 .queen .intro__subtitle--15 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2018 .king10 .year-2024 .king .intro__subtitle--10, .year-2018 .king10 .year-2024 .king .intro__subtitle--11, .year-2018 .king10 .year-2024 .king .intro__subtitle--12, .year-2024 .king .intro__subtitle--4, .year-2024 .king .year-2018 .king10 .intro__subtitle--10, .year-2024 .king .year-2018 .king10 .intro__subtitle--11, .year-2024 .king .year-2018 .king10 .intro__subtitle--12 {
    font-family: PSL Paksin Pro !important;
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1;
    font-weight: 400 !important
}

@media (max-width: 479px) {
    .year-2018 .king10 .year-2024 .king .intro__subtitle--10, .year-2018 .king10 .year-2024 .king .intro__subtitle--11, .year-2018 .king10 .year-2024 .king .intro__subtitle--12, .year-2024 .king .intro__subtitle--4, .year-2024 .king .year-2018 .king10 .intro__subtitle--10, .year-2024 .king .year-2018 .king10 .intro__subtitle--11, .year-2024 .king .year-2018 .king10 .intro__subtitle--12 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2018 .queen .year-2024 .king .intro__subtitle--12, .year-2024 .king .intro__subtitle--5, .year-2024 .king .year-2018 .queen .intro__subtitle--12 {
    font-family: PSL Paksin Pro !important;
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1;
    font-weight: 400 !important
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2024 .king .intro__subtitle--12, .year-2024 .king .intro__subtitle--5, .year-2024 .king .year-2018 .queen .intro__subtitle--12 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2024 .king .intro__subtitle--6 {
    font-family: PSL Paksin Pro !important;
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1;
    font-weight: 400 !important
}

@media (max-width: 479px) {
    .year-2024 .king .intro__subtitle--6 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2024 .king .intro__content--1 .intro__text {
    font-family: Kanit;
    font-weight: 300;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.3
}

@media (max-width: 479px) {
    .year-2024 .king .intro__content--1 .intro__text {
        font-size: 15px;
        font-size: .9375rem
    }
}

.year-2024 .king .intro__content--1 .intro__button {
    font-family: Kanit;
    font-size: 19px;
    font-size: 1.1875rem;
    font-weight: 300
}

@media (max-width: 479px) {
    .year-2024 .king .intro__content--1 .intro__button {
        font-size: 15px;
        font-size: .9375rem
    }
}

.year-2024 .king .intro__content--2 .intro__text {
    font-family: Kanit;
    font-weight: 300;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.3
}

@media (max-width: 479px) {
    .year-2024 .king .intro__content--2 .intro__text {
        font-size: 15px;
        font-size: .9375rem
    }
}

.year-2024 .king .intro__content--2 .intro__button {
    font-family: Kanit;
    font-size: 19px;
    font-size: 1.1875rem;
    font-weight: 300
}

@media (max-width: 479px) {
    .year-2024 .king .intro__content--2 .intro__button {
        font-size: 15px;
        font-size: .9375rem
    }
}

.year-2024 .king .intro__content--3 .intro__text {
    font-family: Kanit;
    font-weight: 300;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.3
}

@media (max-width: 479px) {
    .year-2024 .king .intro__content--3 .intro__text {
        font-size: 15px;
        font-size: .9375rem
    }
}

.year-2024 .king .intro__content--3 .intro__button {
    font-family: Kanit;
    font-size: 19px;
    font-size: 1.1875rem;
    font-weight: 300
}

@media (max-width: 479px) {
    .year-2024 .king .intro__content--3 .intro__button {
        font-size: 15px;
        font-size: .9375rem
    }
}

.year-2024 .king .intro__content--4 .intro__text {
    font-family: Kanit;
    font-weight: 300;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.3
}

@media (max-width: 667px) {
    .year-2024 .king .intro__content--4 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 479px) {
    .year-2024 .king .intro__content--4 .intro__text {
        font-size: 15px;
        font-size: .9375rem
    }
}

.year-2024 .king .intro__content--4 .intro__button {
    font-family: Kanit;
    font-size: 19px;
    font-size: 1.1875rem;
    font-weight: 300
}

@media (max-width: 479px) {
    .year-2024 .king .intro__content--4 .intro__button {
        font-size: 15px;
        font-size: .9375rem
    }
}

.year-2024 .king .intro__content--5 .intro__text {
    font-family: Kanit;
    font-weight: 300;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.3
}

@media (max-width: 667px) {
    .year-2024 .king .intro__content--5 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 479px) {
    .year-2024 .king .intro__content--5 .intro__text {
        font-size: 15px;
        font-size: .9375rem
    }
}

.year-2024 .king .intro__content--5 .intro__button {
    font-family: Kanit;
    font-size: 19px;
    font-size: 1.1875rem;
    font-weight: 300
}

@media (max-width: 479px) {
    .year-2024 .king .intro__content--5 .intro__button {
        font-size: 15px;
        font-size: .9375rem
    }
}

.year-2024 .king .intro__content--6 .intro__text {
    font-family: Kanit;
    font-weight: 300;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.3
}

@media (max-width: 667px) {
    .year-2024 .king .intro__content--6 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 479px) {
    .year-2024 .king .intro__content--6 .intro__text {
        font-size: 15px;
        font-size: .9375rem
    }
}

.year-2024 .king .intro__content--6 .intro__button {
    font-family: Kanit;
    font-size: 19px;
    font-size: 1.1875rem;
    font-weight: 300
}

@media (max-width: 479px) {
    .year-2024 .king .intro__content--6 .intro__button {
        font-size: 15px;
        font-size: .9375rem
    }
}

.year-2024 .king .intro__figure--1 {
    height: 45vh
}

@media (max-width: 1024px) {
    .year-2024 .king .intro__figure--1 {
        height: auto;
        margin-top: 5rem
    }
}

@media (max-width: 375px) {
    .year-2024 .king .intro__figure--1 {
        margin-top: 0
    }
}

.year-2024 .king .intro__figure--2 {
    height: 45vh;
    width: 80%;
    min-height: 300px
}

@media (max-width: 1024px) {
    .year-2024 .king .intro__figure--2 {
        height: auto
    }
}

.year-2024 .king .intro__figure--3 {
    height: 45vh;
    width: 80%;
    min-height: 300px;
    margin-top: 3rem;
    margin-bottom: 1rem
}

@media (max-width: 1024px) {
    .year-2024 .king .intro__figure--3 {
        height: auto;
        min-height: auto;
        margin-top: 10rem
    }
}

@media (max-width: 950px) {
    .year-2024 .king .intro__figure--3 {
        margin-top: 3rem
    }
}

@media (max-width: 375px) {
    .year-2024 .king .intro__figure--3 {
        margin-bottom: 0
    }
}

.year-2024 .king .intro__figure--4 {
    min-height: 300px
}

@media (max-width: 360px) {
    .year-2024 .king .intro__figure--4 {
        min-height: auto;
        margin-bottom: 1.5rem
    }
}

.year-2024 .king .intro__figure--5 {
    min-height: auto
}

@media (max-width: 1024px) {
    .year-2024 .king .intro__figure--5 {
        margin-right: -30px
    }
}

@media (max-width: 991px) {
    .year-2024 .king .intro__figure--5 {
        margin-right: auto
    }
}

@media (max-width: 430px) {
    .year-2024 .king .intro__figure--5 img {
        max-width: 60%
    }
}

@media (max-width: 1024px) {
    .year-2024 .king .intro__figure--6 {
        margin-left: -30px
    }
}

@media (max-width: 991px) {
    .year-2024 .king .intro__figure--6 {
        margin-left: auto
    }
}

@media (max-width: 991px) {
    .year-2024 .king .intro__figure--6 img {
        max-width: 100%
    }
}

@media (max-width: 430px) {
    .year-2024 .king .intro__figure--6 img {
        max-width: 60%
    }
}

.year-2024 .king .intro__subtitle--event {
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
    order: 3
}

.year-2024 .king .intro__subtitle--longlive {
    order: 2
}

.year-2024 .king .intro__subtitle--name {
    display: none !important
}

.year-2024 .king .intro__content {
    display: flex;
    flex-direction: column
}

@media (max-width: 991px) {
    .year-2024 .king .intro__content--1 {
        padding: 0 10px
    }
}

.year-2024 .king .intro__content--1 .intro__title {
    margin-bottom: 0;
    color: #5d3d00;
    background: -webkit-linear-gradient(180deg, #836116 30%, #ffc33c 50%, #836116 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    filter: drop-shadow(2px 2px 2px rgba(126, 126, 126, .4));
    order: 1
}

.year-2024 .king .intro__content--1 .intro__title .header-6 {
    display: none
}

.year-2024 .king .intro__content--1 .intro__subtitle {
    color: #5d3d00
}

.year-2024 .king .intro__content--1 .intro__subtitle .date-6, .year-2024 .king .intro__content--1 .intro__subtitle .event-6, .year-2024 .king .intro__content--1 .intro__subtitle .longlive-6 {
    display: none
}

.year-2024 .king .intro__content--1 .intro__text {
    color: #5d3d00
}

.year-2024 .king .intro__content--1 .intro__line {
    max-width: 70%;
    margin: 0 auto;
    padding: 10px 0
}

.year-2024 .king .intro__content--2 .intro__title {
    margin-bottom: 0;
    color: #836116;
    text-shadow: none;
    filter: drop-shadow(0 3px 2px rgba(255, 255, 255, .6));
    order: 1
}

.year-2024 .king .intro__content--2 .intro__title .header-6 {
    display: none
}

.year-2024 .king .intro__content--2 .intro__subtitle {
    color: #5d3d00
}

.year-2024 .king .intro__content--2 .intro__subtitle .date-6, .year-2024 .king .intro__content--2 .intro__subtitle .event-6, .year-2024 .king .intro__content--2 .intro__subtitle .longlive-6 {
    display: none
}

.year-2024 .king .intro__content--2 .intro__text {
    color: #5d3d00
}

.year-2024 .king .intro__content--2 .intro__line {
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 0 16px
}

.year-2024 .king .intro__content--3 .intro__title {
    margin-bottom: 0;
    color: #5d3d00;
    order: 1
}

.year-2024 .king .intro__content--3 .intro__title .header-6 {
    display: none
}

.year-2024 .king .intro__content--3 .intro__subtitle {
    color: #5d3d00
}

.year-2024 .king .intro__content--3 .intro__subtitle .date-6, .year-2024 .king .intro__content--3 .intro__subtitle .event-6, .year-2024 .king .intro__content--3 .intro__subtitle .longlive-6 {
    display: none
}

.year-2024 .king .intro__content--3 .intro__text {
    color: #5d3d00
}

.year-2024 .king .intro__content--3 .intro__line {
    max-width: 100%;
    padding: 10px 0
}

@media (max-width: 991px) {
    .year-2024 .king .intro__content--3 .intro__line {
        padding: 15px 0 25px
    }
}

.year-2024 .king .intro__content--3 .intro__footer {
    padding-bottom: 0
}

.year-2024 .king .intro__content--4 {
    min-width: 620px;
    margin-left: -25px
}

@media (max-width: 1024px) {
    .year-2024 .king .intro__content--4 {
        margin-left: -90px
    }
}

@media (max-width: 991px) {
    .year-2024 .king .intro__content--4 {
        min-width: auto;
        margin-left: 0
    }
}

.year-2024 .king .intro__content--4 .intro__title {
    margin-bottom: 0;
    color: #795309;
    order: 1
}

.year-2024 .king .intro__content--4 .intro__title .header-6 {
    display: none
}

.year-2024 .king .intro__content--4 .intro__subtitle {
    color: #924701
}

.year-2024 .king .intro__content--4 .intro__subtitle .date-6, .year-2024 .king .intro__content--4 .intro__subtitle .event-6, .year-2024 .king .intro__content--4 .intro__subtitle .longlive-6 {
    display: none
}

.year-2024 .king .intro__content--4 .intro__text {
    color: #924701
}

.year-2024 .king .intro__content--4 .intro__line {
    margin: 0 auto;
    padding: 10px 0;
    max-width: 80%
}

.year-2024 .king .intro__content--5 {
    min-width: 620px;
    margin-left: -100px
}

@media (max-width: 1024px) {
    .year-2024 .king .intro__content--5 {
        margin-left: -50px
    }
}

@media (max-width: 991px) {
    .year-2024 .king .intro__content--5 {
        min-width: auto;
        margin-left: auto
    }
}

.year-2024 .king .intro__content--5 .intro__title {
    margin-bottom: 1rem;
    color: #a57224;
    order: 1
}

.year-2024 .king .intro__content--5 .intro__title .header-6 {
    display: none
}

.year-2024 .king .intro__content--5 .intro__subtitle {
    color: #a8711a
}

.year-2024 .king .intro__content--5 .intro__subtitle .date-6, .year-2024 .king .intro__content--5 .intro__subtitle .event-6, .year-2024 .king .intro__content--5 .intro__subtitle .longlive-6 {
    display: none
}

.year-2024 .king .intro__content--5 .intro__text {
    color: #a8711a
}

.year-2024 .king .intro__content--5 .intro__line {
    max-width: 370px;
    margin: 0 auto
}

.year-2024 .king .intro__content--6 {
    min-width: 620px;
    margin-left: -60px
}

@media (max-width: 1024px) {
    .year-2024 .king .intro__content--6 {
        margin-left: -100px
    }
}

@media (max-width: 991px) {
    .year-2024 .king .intro__content--6 {
        min-width: auto;
        margin-left: auto
    }
}

.year-2024 .king .intro__content--6 .intro__title {
    margin-bottom: 0;
    color: #5d3d00;
    background: -webkit-linear-gradient(180deg, #a87400, #fed140 50%, #836116);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    order: 1
}

.year-2024 .king .intro__content--6 .intro__title .header-6 {
    display: none
}

.year-2024 .king .intro__content--6 .intro__subtitle {
    color: #836116
}

.year-2024 .king .intro__content--6 .intro__subtitle .date-6, .year-2024 .king .intro__content--6 .intro__subtitle .event-6, .year-2024 .king .intro__content--6 .intro__subtitle .longlive-6 {
    display: none
}

.year-2024 .king .intro__content--6 .intro__text {
    color: #836116
}

.year-2024 .king .intro__content--6 .intro__line {
    max-width: 500px;
    margin: 0 auto
}

.year-2024 .king .intro__text {
    order: 5
}

.year-2024 .king .intro__line {
    order: 4
}

.year-2024 .king .intro__footer {
    order: 6
}

.year-2024 .king .intro .hidden-lg-up {
    display: none
}

.year-2024 .king .intro__button a {
    font-size: 100%
}

.year-2024 .king .intro__button--1 {
    position: relative;
    margin-top: .5rem;
    border-radius: 25px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    padding: 5px;
    border: 1px solid #fffcfa;
    background: linear-gradient(90deg, #c67f00 0, #fff2a2 50%, #c67f00)
}

.year-2024 .king .intro__button--1 a {
    color: #5d451a
}

.year-2024 .king .intro__button--1 a:focus, .year-2024 .king .intro__button--1 a:hover {
    text-decoration: none
}

.year-2024 .king .intro__button--1 a:before {
    color: #5d451a
}

.year-2024 .king .intro__button--2 {
    position: relative;
    margin-top: .5rem;
    border-radius: 25px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    padding: 5px;
    border: 1px solid #fffcfa;
    background: linear-gradient(90deg, #c67f00 0, #fff2a2 50%, #c67f00)
}

.year-2024 .king .intro__button--2 a {
    color: #5d3d00
}

.year-2024 .king .intro__button--2 a:focus, .year-2024 .king .intro__button--2 a:hover {
    text-decoration: none
}

.year-2024 .king .intro__button--2 a:before {
    color: #5d3d00
}

.year-2024 .king .intro__button--3 {
    position: relative;
    margin-top: .5rem;
    border-radius: 25px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    padding: 5px;
    background-color: #6a4601
}

.year-2024 .king .intro__button--3 a {
    color: #fff
}

.year-2024 .king .intro__button--3 a:focus, .year-2024 .king .intro__button--3 a:hover {
    text-decoration: none
}

.year-2024 .king .intro__button--3 a:before {
    color: #fff
}

.year-2018 .king10 .year-2024 .king .intro__button--11, .year-2018 .king10 .year-2024 .king .intro__button--12, .year-2019 .year-2024 .king .intro__button--11, .year-2019 .year-2024 .king .intro__button--12, .year-2024 .king .intro__button--4, .year-2024 .king .year-2018 .king10 .intro__button--11, .year-2024 .king .year-2018 .king10 .intro__button--12, .year-2024 .year-2019 .king .intro__button--11, .year-2024 .year-2019 .king .intro__button--12 {
    position: relative;
    margin-top: .5rem;
    border-radius: 25px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    padding: 5px;
    border: 1px solid #fffcfa;
    background: linear-gradient(90deg, #c67f00 0, #fff2a2 50%, #c67f00)
}

.year-2018 .king10 .year-2024 .king .intro__button--11 a, .year-2018 .king10 .year-2024 .king .intro__button--12 a, .year-2019 .year-2024 .king .intro__button--11 a, .year-2019 .year-2024 .king .intro__button--12 a, .year-2024 .king .intro__button--4 a, .year-2024 .king .year-2018 .king10 .intro__button--11 a, .year-2024 .king .year-2018 .king10 .intro__button--12 a, .year-2024 .year-2019 .king .intro__button--11 a, .year-2024 .year-2019 .king .intro__button--12 a {
    color: #924701
}

.year-2018 .king10 .year-2024 .king .intro__button--11 a:focus, .year-2018 .king10 .year-2024 .king .intro__button--11 a:hover, .year-2018 .king10 .year-2024 .king .intro__button--12 a:focus, .year-2018 .king10 .year-2024 .king .intro__button--12 a:hover, .year-2019 .year-2024 .king .intro__button--11 a:focus, .year-2019 .year-2024 .king .intro__button--11 a:hover, .year-2019 .year-2024 .king .intro__button--12 a:focus, .year-2019 .year-2024 .king .intro__button--12 a:hover, .year-2024 .king .intro__button--4 a:focus, .year-2024 .king .intro__button--4 a:hover, .year-2024 .king .year-2018 .king10 .intro__button--11 a:focus, .year-2024 .king .year-2018 .king10 .intro__button--11 a:hover, .year-2024 .king .year-2018 .king10 .intro__button--12 a:focus, .year-2024 .king .year-2018 .king10 .intro__button--12 a:hover, .year-2024 .year-2019 .king .intro__button--11 a:focus, .year-2024 .year-2019 .king .intro__button--11 a:hover, .year-2024 .year-2019 .king .intro__button--12 a:focus, .year-2024 .year-2019 .king .intro__button--12 a:hover {
    text-decoration: none
}

.year-2018 .king10 .year-2024 .king .intro__button--11 a:before, .year-2018 .king10 .year-2024 .king .intro__button--12 a:before, .year-2019 .year-2024 .king .intro__button--11 a:before, .year-2019 .year-2024 .king .intro__button--12 a:before, .year-2024 .king .intro__button--4 a:before, .year-2024 .king .year-2018 .king10 .intro__button--11 a:before, .year-2024 .king .year-2018 .king10 .intro__button--12 a:before, .year-2024 .year-2019 .king .intro__button--11 a:before, .year-2024 .year-2019 .king .intro__button--12 a:before {
    color: #924701
}

.year-2018 .year-2024 .king .intro__button--14, .year-2019 .queen-mother .year-2024 .king .intro__button--14, .year-2024 .king .intro__button--5, .year-2024 .king .year-2018 .intro__button--14, .year-2024 .king .year-2019 .queen-mother .intro__button--14 {
    position: relative;
    margin-top: .5rem;
    border-radius: 25px;
    padding: 5px;
    background-color: #a57224
}

.year-2018 .year-2024 .king .intro__button--14 a, .year-2019 .queen-mother .year-2024 .king .intro__button--14 a, .year-2024 .king .intro__button--5 a, .year-2024 .king .year-2018 .intro__button--14 a, .year-2024 .king .year-2019 .queen-mother .intro__button--14 a {
    color: #fff
}

.year-2018 .year-2024 .king .intro__button--14 a:focus, .year-2018 .year-2024 .king .intro__button--14 a:hover, .year-2019 .queen-mother .year-2024 .king .intro__button--14 a:focus, .year-2019 .queen-mother .year-2024 .king .intro__button--14 a:hover, .year-2024 .king .intro__button--5 a:focus, .year-2024 .king .intro__button--5 a:hover, .year-2024 .king .year-2018 .intro__button--14 a:focus, .year-2024 .king .year-2018 .intro__button--14 a:hover, .year-2024 .king .year-2019 .queen-mother .intro__button--14 a:focus, .year-2024 .king .year-2019 .queen-mother .intro__button--14 a:hover {
    text-decoration: none
}

.year-2018 .year-2024 .king .intro__button--14 a:before, .year-2019 .queen-mother .year-2024 .king .intro__button--14 a:before, .year-2024 .king .intro__button--5 a:before, .year-2024 .king .year-2018 .intro__button--14 a:before, .year-2024 .king .year-2019 .queen-mother .intro__button--14 a:before {
    color: #fff
}

.year-2018 .year-2024 .king .intro__button--11, .year-2019 .queen-mother .year-2024 .king .intro__button--11, .year-2024 .king .intro__button--6, .year-2024 .king .year-2018 .intro__button--11, .year-2024 .king .year-2019 .queen-mother .intro__button--11 {
    position: relative;
    margin-top: .5rem;
    border-radius: 25px;
    padding: 5px;
    background: linear-gradient(180deg, #ffdf76 0, #ffc515)
}

.year-2018 .year-2024 .king .intro__button--11 a, .year-2019 .queen-mother .year-2024 .king .intro__button--11 a, .year-2024 .king .intro__button--6 a, .year-2024 .king .year-2018 .intro__button--11 a, .year-2024 .king .year-2019 .queen-mother .intro__button--11 a {
    color: #836116
}

.year-2018 .year-2024 .king .intro__button--11 a:focus, .year-2018 .year-2024 .king .intro__button--11 a:hover, .year-2019 .queen-mother .year-2024 .king .intro__button--11 a:focus, .year-2019 .queen-mother .year-2024 .king .intro__button--11 a:hover, .year-2024 .king .intro__button--6 a:focus, .year-2024 .king .intro__button--6 a:hover, .year-2024 .king .year-2018 .intro__button--11 a:focus, .year-2024 .king .year-2018 .intro__button--11 a:hover, .year-2024 .king .year-2019 .queen-mother .intro__button--11 a:focus, .year-2024 .king .year-2019 .queen-mother .intro__button--11 a:hover {
    text-decoration: none
}

.year-2018 .year-2024 .king .intro__button--11 a:before, .year-2019 .queen-mother .year-2024 .king .intro__button--11 a:before, .year-2024 .king .intro__button--6 a:before, .year-2024 .king .year-2018 .intro__button--11 a:before, .year-2024 .king .year-2019 .queen-mother .intro__button--11 a:before {
    color: #836116
}

.year-2024 .king-rama-9-memorial-day h3 {
    font-weight: 700;
    line-height: 1
}

.year-2024 .king-rama-9-memorial-day h4 {
    font-weight: 700
}

.year-2024 .king-rama-9-memorial-day p {
    font-weight: 400;
    line-height: 1.55
}

body .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 {
    font-family: Kanit
}

.year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h3 {
    font-family: Sarabun !important;
    font-size: 34px;
    font-size: 2.125rem
}

@media (min-width: 1200px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h3 {
        font-size: 50px;
        font-size: 3.125rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h3 {
        font-size: 46px;
        font-size: 2.875rem
    }
}

@media (min-width: 487px) and (max-width: 991px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h3 {
        font-size: 38px;
        font-size: 2.375rem
    }
}

.year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h4 {
    font-family: Sarabun !important;
    font-size: 24px;
    font-size: 1.5rem
}

@media (min-width: 1200px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h4 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h4 {
        font-size: 36px;
        font-size: 2.25rem
    }
}

@media (min-width: 487px) and (max-width: 991px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h4 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 p {
    font-size: 16px;
    font-size: 1rem
}

@media (min-width: 1200px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 p {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 486px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 p {
        font-size: 13px;
        font-size: .8125rem
    }
}

body .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 {
    font-family: Kanit
}

.year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 h3 {
    font-family: Sarabun !important;
    font-size: 34px;
    font-size: 2.125rem
}

@media (min-width: 1200px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 h3 {
        font-size: 50px;
        font-size: 3.125rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 h3 {
        font-size: 46px;
        font-size: 2.875rem
    }
}

@media (min-width: 487px) and (max-width: 991px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 h3 {
        font-size: 38px;
        font-size: 2.375rem
    }
}

.year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 h4 {
    font-family: Sarabun !important;
    font-size: 24px;
    font-size: 1.5rem
}

@media (min-width: 1200px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 h4 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 h4 {
        font-size: 36px;
        font-size: 2.25rem
    }
}

@media (min-width: 487px) and (max-width: 991px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 h4 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 p {
    font-size: 16px;
    font-size: 1rem
}

@media (min-width: 1200px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 p {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 486px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 p {
        font-size: 13px;
        font-size: .8125rem
    }
}

body .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 {
    font-family: Kanit
}

.year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 h3 {
    font-family: Sarabun !important;
    font-size: 34px;
    font-size: 2.125rem
}

@media (min-width: 1200px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 h3 {
        font-size: 50px;
        font-size: 3.125rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 h3 {
        font-size: 46px;
        font-size: 2.875rem
    }
}

@media (min-width: 487px) and (max-width: 991px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 h3 {
        font-size: 38px;
        font-size: 2.375rem
    }
}

.year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 h4 {
    font-family: Sarabun !important;
    font-size: 24px;
    font-size: 1.5rem
}

@media (min-width: 1200px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 h4 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 h4 {
        font-size: 36px;
        font-size: 2.25rem
    }
}

@media (min-width: 487px) and (max-width: 991px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 h4 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 p {
    font-size: 16px;
    font-size: 1rem
}

@media (min-width: 1200px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 p {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 486px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 p {
        font-size: 13px;
        font-size: .8125rem
    }
}

body .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 {
    font-family: Kanit
}

.year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 h3 {
    font-family: Sarabun !important;
    font-size: 36px;
    font-size: 2.25rem
}

@media (min-width: 1200px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 h3 {
        font-size: 56px;
        font-size: 3.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 h3 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

@media (min-width: 487px) and (max-width: 991px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 h3 {
        font-size: 44px;
        font-size: 2.75rem
    }
}

.year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 h4 {
    font-family: Sarabun !important;
    font-size: 28px;
    font-size: 1.75rem
}

@media (min-width: 1200px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 h4 {
        font-size: 44px;
        font-size: 2.75rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 h4 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (min-width: 487px) and (max-width: 991px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 h4 {
        font-size: 32px;
        font-size: 2rem
    }
}

.year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 p {
    font-size: 16px;
    font-size: 1rem
}

@media (min-width: 1200px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 p {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 486px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 p {
        font-size: 13px;
        font-size: .8125rem
    }
}

body .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 {
    font-family: Kanit
}

.year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 h3 {
    font-family: Sarabun !important;
    font-size: 36px;
    font-size: 2.25rem
}

@media (min-width: 1200px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 h3 {
        font-size: 56px;
        font-size: 3.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 h3 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

@media (min-width: 487px) and (max-width: 991px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 h3 {
        font-size: 44px;
        font-size: 2.75rem
    }
}

.year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 h4 {
    font-family: Sarabun !important;
    font-size: 28px;
    font-size: 1.75rem
}

@media (min-width: 1200px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 h4 {
        font-size: 44px;
        font-size: 2.75rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 h4 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (min-width: 487px) and (max-width: 991px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 h4 {
        font-size: 32px;
        font-size: 2rem
    }
}

.year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 p {
    font-size: 16px;
    font-size: 1rem
}

@media (min-width: 1200px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 p {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 486px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 p {
        font-size: 13px;
        font-size: .8125rem
    }
}

body .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 {
    font-family: Kanit
}

.year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 h3 {
    font-family: Sarabun !important;
    font-size: 36px;
    font-size: 2.25rem
}

@media (min-width: 1200px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 h3 {
        font-size: 56px;
        font-size: 3.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 h3 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

@media (min-width: 487px) and (max-width: 991px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 h3 {
        font-size: 44px;
        font-size: 2.75rem
    }
}

.year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 h4 {
    font-family: Sarabun !important;
    font-size: 28px;
    font-size: 1.75rem
}

@media (min-width: 1200px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 h4 {
        font-size: 44px;
        font-size: 2.75rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 h4 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (min-width: 487px) and (max-width: 991px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 h4 {
        font-size: 32px;
        font-size: 2rem
    }
}

.year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 p {
    font-size: 16px;
    font-size: 1rem
}

@media (min-width: 1200px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 p {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 486px) {
    .year-2024 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 p {
        font-size: 13px;
        font-size: .8125rem
    }
}

.year-2024 .king-rama-9-memorial-day .intro .intro__figure {
    max-width: 100%
}

@media (max-width: 767px) {
    .year-2024 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--1 .intro__image, .year-2024 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--2 .intro__image {
        max-width: 70%
    }
}

@media (max-width: 767px) {
    .year-2024 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--3 .intro__image {
        max-width: 70%;
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .year-2024 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--4 {
        padding-top: 1.25rem
    }
}

@media (max-width: 487px) {
    .year-2024 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--4 .intro__image {
        max-width: 240px
    }
}

.year-2024 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--5 {
    margin-top: 1rem;
    height: 42vh
}

@media (max-width: 1023px) {
    .year-2024 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--5 {
        height: 100%
    }
}

@media (max-width: 487px) {
    .year-2024 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--5 .intro__image {
        max-width: 240px
    }
}

@media (max-width: 487px) {
    .year-2024 .king-rama-9-memorial-day .intro .intro__figure.intro__figure--6 .intro__image {
        max-width: 260px
    }
}

@media (max-width: 991px) {
    .year-2024 .king-rama-9-memorial-day .intro .intro__content {
        padding: 0 2px
    }
}

.year-2024 .king-rama-9-memorial-day .intro .intro__content.intro__content--1 {
    color: #5d3900
}

.year-2024 .king-rama-9-memorial-day .intro .intro__content.intro__content--1 .intro__line {
    padding: 34px 0 30px
}

@media (max-width: 767px) {
    .year-2024 .king-rama-9-memorial-day .intro .intro__content.intro__content--1 .intro__line {
        padding: 20px 0 16px
    }
}

.year-2024 .king-rama-9-memorial-day .intro .intro__content.intro__content--2, .year-2024 .king-rama-9-memorial-day .intro .intro__content.intro__content--3 {
    color: #5d3900
}

@media (max-width: 767px) {
    .year-2024 .king-rama-9-memorial-day .intro .intro__content.intro__content--3 .intro__line {
        padding: 6px 0
    }
}

.year-2024 .king-rama-9-memorial-day .intro .intro__content.intro__content--4 {
    color: #5d3900
}

.year-2024 .king-rama-9-memorial-day .intro .intro__content.intro__content--4 .intro__line {
    padding: 10px 0 16px
}

.year-2024 .king-rama-9-memorial-day .intro .intro__content.intro__content--4 .company-name {
    display: inline-block
}

.year-2024 .king-rama-9-memorial-day .intro .intro__content.intro__content--5 {
    color: #5d3900
}

.year-2024 .king-rama-9-memorial-day .intro .intro__content.intro__content--5 .company-name {
    display: inline-block
}

.year-2024 .king-rama-9-memorial-day .intro .intro__content.intro__content--5 .intro__footer {
    position: relative;
    padding: 6px;
    width: fit-content;
    margin: 1rem auto 1.45rem
}

.year-2024 .king-rama-9-memorial-day .intro .intro__content.intro__content--5 .intro__footer:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 53px;
    border: 1px solid transparent;
    background: linear-gradient(270deg, #707070, #e4e4e4 40%, #e4e4e4 71%, #707070);
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude
}

.year-2024 .king-rama-9-memorial-day .intro .intro__content.intro__content--6 {
    color: #5d3900
}

.year-2024 .king-rama-9-memorial-day .intro .intro__content.intro__content--6 .intro__line {
    padding: 10px 0 16px
}

.year-2024 .king-rama-9-memorial-day .intro .intro__content.intro__content--6 .company-name {
    display: inline-block
}

.year-2024 .king-rama-9-memorial-day .intro .intro__title {
    margin-bottom: 0
}

.year-2018 .king10 .year-2024 .king-rama-9-memorial-day .intro .intro__title.intro__title--10, .year-2018 .king10 .year-2024 .king-rama-9-memorial-day .intro .intro__title.intro__title--11, .year-2018 .king10 .year-2024 .king-rama-9-memorial-day .intro .intro__title.intro__title--12, .year-2018 .queen .year-2024 .king-rama-9-memorial-day .intro .intro__title.intro__title--10, .year-2018 .queen .year-2024 .king-rama-9-memorial-day .intro .intro__title.intro__title--11, .year-2018 .queen .year-2024 .king-rama-9-memorial-day .intro .intro__title.intro__title--12, .year-2018 .queen .year-2024 .king-rama-9-memorial-day .intro .intro__title.intro__title--13, .year-2018 .queen .year-2024 .king-rama-9-memorial-day .intro .intro__title.intro__title--14, .year-2018 .queen .year-2024 .king-rama-9-memorial-day .intro .intro__title.intro__title--15, .year-2024 .king-rama-9-memorial-day .intro .intro__title.intro__title--1, .year-2024 .king-rama-9-memorial-day .intro .intro__title.intro__title--2, .year-2024 .king-rama-9-memorial-day .intro .intro__title.intro__title--3, .year-2024 .king-rama-9-memorial-day .intro .intro__title.intro__title--4, .year-2024 .king-rama-9-memorial-day .intro .intro__title.intro__title--5, .year-2024 .king-rama-9-memorial-day .intro .intro__title.intro__title--6, .year-2024 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__title.intro__title--10, .year-2024 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__title.intro__title--11, .year-2024 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__title.intro__title--12, .year-2024 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__title.intro__title--10, .year-2024 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__title.intro__title--11, .year-2024 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__title.intro__title--12, .year-2024 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__title.intro__title--13, .year-2024 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__title.intro__title--14, .year-2024 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__title.intro__title--15 {
    color: #5d3900
}

.year-2018 .king10 .year-2024 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--10 .firstname, .year-2018 .king10 .year-2024 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--11 .firstname, .year-2018 .king10 .year-2024 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--12 .firstname, .year-2018 .queen .year-2024 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--10 .firstname, .year-2018 .queen .year-2024 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--11 .firstname, .year-2018 .queen .year-2024 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--12 .firstname, .year-2018 .queen .year-2024 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--13 .firstname, .year-2018 .queen .year-2024 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--14 .firstname, .year-2018 .queen .year-2024 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--15 .firstname, .year-2024 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--1, .year-2024 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--1 .firstname, .year-2024 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--2 .firstname, .year-2024 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--3 .firstname, .year-2024 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--4 .firstname, .year-2024 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--5 .firstname, .year-2024 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--6 .firstname, .year-2024 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__subtitle.intro__subtitle--10 .firstname, .year-2024 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__subtitle.intro__subtitle--11 .firstname, .year-2024 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__subtitle.intro__subtitle--12 .firstname, .year-2024 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__subtitle.intro__subtitle--10 .firstname, .year-2024 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__subtitle.intro__subtitle--11 .firstname, .year-2024 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__subtitle.intro__subtitle--12 .firstname, .year-2024 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__subtitle.intro__subtitle--13 .firstname, .year-2024 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__subtitle.intro__subtitle--14 .firstname, .year-2024 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__subtitle.intro__subtitle--15 .firstname {
    display: inline-block
}

.year-2024 .king-rama-9-memorial-day .intro__button {
    position: relative;
    display: inline-flex;
    padding: 6px 16px;
    margin-top: 2rem;
    border: 1px solid #fffcfa;
    background: linear-gradient(90deg, #c67f00 0, #fff2a2 50%, #c67f00);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .26)
}

.year-2024 .king-rama-9-memorial-day .intro__button a {
    position: relative;
    color: #553400;
    font-weight: 400;
    padding: 12px;
    font-size: 18px;
    font-size: 1.125rem
}

@media (max-width: 479px) {
    .year-2024 .king-rama-9-memorial-day .intro__button a {
        font-size: 16px;
        font-size: 1rem
    }
}

.year-2024 .king-rama-9-memorial-day .intro__button a:first-child {
    padding-left: 20px
}

.year-2024 .king-rama-9-memorial-day .intro__button a:last-child {
    padding-right: 20px
}

.year-2024 .king-rama-9-memorial-day .intro__button a:focus, .year-2024 .king-rama-9-memorial-day .intro__button a:hover {
    text-decoration: none
}

.year-2024 .king-rama-9-memorial-day .intro__button a + a:before {
    content: "";
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 0;
    width: 2px;
    height: 20px;
    background-color: #553400;
    transform: translate(-50%, -50%)
}

@media (max-width: 767px) {
    .year-2024 .king-rama-9-memorial-day .intro__button.intro__button--1 {
        margin-top: 0
    }
}

.year-2024 .king-rama-9-memorial-day .intro__button.intro__button--2, .year-2024 .king-rama-9-memorial-day .intro__button.intro__button--3 {
    border-radius: 53px;
    margin-top: 1rem
}

@media (max-width: 767px) {
    .year-2024 .king-rama-9-memorial-day .intro__button.intro__button--3 {
        margin-top: 0
    }
}

.year-2018 .king10 .year-2024 .king-rama-9-memorial-day .intro__button.intro__button--11, .year-2018 .king10 .year-2024 .king-rama-9-memorial-day .intro__button.intro__button--12, .year-2019 .king .year-2024 .king-rama-9-memorial-day .intro__button.intro__button--11, .year-2019 .king .year-2024 .king-rama-9-memorial-day .intro__button.intro__button--12, .year-2024 .king-rama-9-memorial-day .intro__button.intro__button--4, .year-2024 .king-rama-9-memorial-day .year-2018 .king10 .intro__button.intro__button--11, .year-2024 .king-rama-9-memorial-day .year-2018 .king10 .intro__button.intro__button--12, .year-2024 .king-rama-9-memorial-day .year-2019 .king .intro__button.intro__button--11, .year-2024 .king-rama-9-memorial-day .year-2019 .king .intro__button.intro__button--12 {
    border-radius: 53px;
    margin-top: 1rem;
    border: 0
}

@media (max-width: 487px) {
    .year-2018 .king10 .year-2024 .king-rama-9-memorial-day .intro__button.intro__button--11, .year-2018 .king10 .year-2024 .king-rama-9-memorial-day .intro__button.intro__button--12, .year-2019 .king .year-2024 .king-rama-9-memorial-day .intro__button.intro__button--11, .year-2019 .king .year-2024 .king-rama-9-memorial-day .intro__button.intro__button--12, .year-2024 .king-rama-9-memorial-day .intro__button.intro__button--4, .year-2024 .king-rama-9-memorial-day .year-2018 .king10 .intro__button.intro__button--11, .year-2024 .king-rama-9-memorial-day .year-2018 .king10 .intro__button.intro__button--12, .year-2024 .king-rama-9-memorial-day .year-2019 .king .intro__button.intro__button--11, .year-2024 .king-rama-9-memorial-day .year-2019 .king .intro__button.intro__button--12 {
        margin-top: 0
    }
}

.year-2018 .year-2024 .king-rama-9-memorial-day .intro__button.intro__button--14, .year-2019 .queen-mother .year-2024 .king-rama-9-memorial-day .intro__button.intro__button--14, .year-2024 .king-rama-9-memorial-day .intro__button.intro__button--5, .year-2024 .king-rama-9-memorial-day .year-2018 .intro__button.intro__button--14, .year-2024 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button.intro__button--14 {
    position: relative;
    border-radius: 53px;
    border: 0;
    background: linear-gradient(270deg, #707070, #e4e4e4 40%, #e4e4e4 71%, #707070);
    box-shadow: 0 3px 3px rgba(0, 0, 0, .26);
    margin: 0;
    z-index: 1
}

.year-2018 .year-2024 .king-rama-9-memorial-day .intro__button.intro__button--11, .year-2019 .queen-mother .year-2024 .king-rama-9-memorial-day .intro__button.intro__button--11, .year-2024 .king-rama-9-memorial-day .intro__button.intro__button--6, .year-2024 .king-rama-9-memorial-day .year-2018 .intro__button.intro__button--11, .year-2024 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button.intro__button--11 {
    border-radius: 9px;
    border: 1px solid #fffcfa;
    margin-top: 1rem;
    background: linear-gradient(270deg, #707070, #e4e4e4 40%, #e4e4e4 71%, #707070)
}

.year-2024 .king9 .intro__title {
    font-family: Trirong Medium !important;
    font-size: 47px;
    font-size: 2.9375rem;
    font-weight: 500;
    line-height: 1.1
}

@media (max-width: 1024px) {
    .year-2024 .king9 .intro__title {
        font-size: 42px;
        font-size: 2.625rem
    }
}

@media (max-width: 737px) {
    .year-2024 .king9 .intro__title {
        font-size: 38px;
        font-size: 2.375rem;
        line-height: 1
    }
}

@media (max-width: 575px) {
    .year-2018 .king10 .year-2024 .king9 .intro__title.intro__title--10, .year-2018 .king10 .year-2024 .king9 .intro__title.intro__title--11, .year-2018 .king10 .year-2024 .king9 .intro__title.intro__title--12, .year-2018 .queen .year-2024 .king9 .intro__title.intro__title--10, .year-2018 .queen .year-2024 .king9 .intro__title.intro__title--11, .year-2018 .queen .year-2024 .king9 .intro__title.intro__title--12, .year-2018 .queen .year-2024 .king9 .intro__title.intro__title--13, .year-2018 .queen .year-2024 .king9 .intro__title.intro__title--14, .year-2018 .queen .year-2024 .king9 .intro__title.intro__title--15, .year-2024 .king9 .intro__title.intro__title--1, .year-2024 .king9 .intro__title.intro__title--2, .year-2024 .king9 .intro__title.intro__title--3, .year-2024 .king9 .intro__title.intro__title--4, .year-2024 .king9 .intro__title.intro__title--5, .year-2024 .king9 .intro__title.intro__title--6, .year-2024 .king9 .year-2018 .king10 .intro__title.intro__title--10, .year-2024 .king9 .year-2018 .king10 .intro__title.intro__title--11, .year-2024 .king9 .year-2018 .king10 .intro__title.intro__title--12, .year-2024 .king9 .year-2018 .queen .intro__title.intro__title--10, .year-2024 .king9 .year-2018 .queen .intro__title.intro__title--11, .year-2024 .king9 .year-2018 .queen .intro__title.intro__title--12, .year-2024 .king9 .year-2018 .queen .intro__title.intro__title--13, .year-2024 .king9 .year-2018 .queen .intro__title.intro__title--14, .year-2024 .king9 .year-2018 .queen .intro__title.intro__title--15 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2024 .king9 .intro__subtitle {
    margin-bottom: 1rem;
    line-height: 1.3
}

.year-2024 .king9 .intro__subtitle.intro__subtitle--1 {
    font-size: 65px;
    font-size: 4.0625rem;
    font-weight: 700
}

@media (max-width: 767px) {
    .year-2024 .king9 .intro__subtitle.intro__subtitle--1 {
        font-size: 54px;
        font-size: 3.375rem
    }
}

@media (max-width: 479px) {
    .year-2024 .king9 .intro__subtitle.intro__subtitle--1 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2024 .king9 .intro__subtitle.intro__subtitle--2 {
    font-size: 70px;
    font-size: 4.375rem;
    font-weight: 700
}

@media (max-width: 767px) {
    .year-2024 .king9 .intro__subtitle.intro__subtitle--2 {
        font-size: 54px;
        font-size: 3.375rem
    }
}

@media (max-width: 479px) {
    .year-2024 .king9 .intro__subtitle.intro__subtitle--2 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2018 .queen .year-2024 .king9 .intro__subtitle.intro__subtitle--10, .year-2018 .queen .year-2024 .king9 .intro__subtitle.intro__subtitle--11, .year-2018 .queen .year-2024 .king9 .intro__subtitle.intro__subtitle--13, .year-2018 .queen .year-2024 .king9 .intro__subtitle.intro__subtitle--14, .year-2018 .queen .year-2024 .king9 .intro__subtitle.intro__subtitle--15, .year-2024 .king9 .intro__subtitle.intro__subtitle--3, .year-2024 .king9 .year-2018 .queen .intro__subtitle.intro__subtitle--10, .year-2024 .king9 .year-2018 .queen .intro__subtitle.intro__subtitle--11, .year-2024 .king9 .year-2018 .queen .intro__subtitle.intro__subtitle--13, .year-2024 .king9 .year-2018 .queen .intro__subtitle.intro__subtitle--14, .year-2024 .king9 .year-2018 .queen .intro__subtitle.intro__subtitle--15 {
    font-size: 56px;
    font-size: 3.5rem;
    font-weight: 700
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2024 .king9 .intro__subtitle.intro__subtitle--10, .year-2018 .queen .year-2024 .king9 .intro__subtitle.intro__subtitle--11, .year-2018 .queen .year-2024 .king9 .intro__subtitle.intro__subtitle--13, .year-2018 .queen .year-2024 .king9 .intro__subtitle.intro__subtitle--14, .year-2018 .queen .year-2024 .king9 .intro__subtitle.intro__subtitle--15, .year-2024 .king9 .intro__subtitle.intro__subtitle--3, .year-2024 .king9 .year-2018 .queen .intro__subtitle.intro__subtitle--10, .year-2024 .king9 .year-2018 .queen .intro__subtitle.intro__subtitle--11, .year-2024 .king9 .year-2018 .queen .intro__subtitle.intro__subtitle--13, .year-2024 .king9 .year-2018 .queen .intro__subtitle.intro__subtitle--14, .year-2024 .king9 .year-2018 .queen .intro__subtitle.intro__subtitle--15 {
        font-size: 35px;
        font-size: 2.1875rem
    }
}

.year-2018 .king10 .year-2024 .king9 .intro__subtitle.intro__subtitle--10, .year-2018 .king10 .year-2024 .king9 .intro__subtitle.intro__subtitle--11, .year-2018 .king10 .year-2024 .king9 .intro__subtitle.intro__subtitle--12, .year-2024 .king9 .intro__subtitle.intro__subtitle--4, .year-2024 .king9 .year-2018 .king10 .intro__subtitle.intro__subtitle--10, .year-2024 .king9 .year-2018 .king10 .intro__subtitle.intro__subtitle--11, .year-2024 .king9 .year-2018 .king10 .intro__subtitle.intro__subtitle--12 {
    font-size: 70px;
    font-size: 4.375rem;
    font-weight: 700
}

@media (max-width: 767px) {
    .year-2018 .king10 .year-2024 .king9 .intro__subtitle.intro__subtitle--10, .year-2018 .king10 .year-2024 .king9 .intro__subtitle.intro__subtitle--11, .year-2018 .king10 .year-2024 .king9 .intro__subtitle.intro__subtitle--12, .year-2024 .king9 .intro__subtitle.intro__subtitle--4, .year-2024 .king9 .year-2018 .king10 .intro__subtitle.intro__subtitle--10, .year-2024 .king9 .year-2018 .king10 .intro__subtitle.intro__subtitle--11, .year-2024 .king9 .year-2018 .king10 .intro__subtitle.intro__subtitle--12 {
        font-size: 54px;
        font-size: 3.375rem
    }
}

@media (max-width: 479px) {
    .year-2018 .king10 .year-2024 .king9 .intro__subtitle.intro__subtitle--10, .year-2018 .king10 .year-2024 .king9 .intro__subtitle.intro__subtitle--11, .year-2018 .king10 .year-2024 .king9 .intro__subtitle.intro__subtitle--12, .year-2024 .king9 .intro__subtitle.intro__subtitle--4, .year-2024 .king9 .year-2018 .king10 .intro__subtitle.intro__subtitle--10, .year-2024 .king9 .year-2018 .king10 .intro__subtitle.intro__subtitle--11, .year-2024 .king9 .year-2018 .king10 .intro__subtitle.intro__subtitle--12 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2018 .queen .year-2024 .king9 .intro__subtitle.intro__subtitle--12, .year-2024 .king9 .intro__subtitle.intro__subtitle--5, .year-2024 .king9 .year-2018 .queen .intro__subtitle.intro__subtitle--12 {
    font-size: 70px;
    font-size: 4.375rem;
    font-weight: 700
}

@media (max-width: 767px) {
    .year-2018 .queen .year-2024 .king9 .intro__subtitle.intro__subtitle--12, .year-2024 .king9 .intro__subtitle.intro__subtitle--5, .year-2024 .king9 .year-2018 .queen .intro__subtitle.intro__subtitle--12 {
        font-size: 54px;
        font-size: 3.375rem
    }
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2024 .king9 .intro__subtitle.intro__subtitle--12, .year-2024 .king9 .intro__subtitle.intro__subtitle--5, .year-2024 .king9 .year-2018 .queen .intro__subtitle.intro__subtitle--12 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2024 .king9 .intro__subtitle.intro__subtitle--6 {
    font-size: 70px;
    font-size: 4.375rem;
    font-weight: 700
}

@media (max-width: 767px) {
    .year-2024 .king9 .intro__subtitle.intro__subtitle--6 {
        font-size: 54px;
        font-size: 3.375rem
    }
}

@media (max-width: 479px) {
    .year-2024 .king9 .intro__subtitle.intro__subtitle--6 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2024 .king9 .intro__text {
    font-family: IBM Plex Sans Thai !important;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5
}

@media (max-width: 575px) {
    .year-2024 .king9 .intro__text {
        font-size: 16px;
        font-size: 1rem
    }
}

.year-2024 .king9 .intro__content .intro__subtitle--event, .year-2024 .king9 .intro__content .intro__subtitle--name {
    font-family: IBM Plex Sans Thai Looped !important
}

.year-2024 .king9 .intro__content.intro__content--1 .intro__subtitle--event {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 500
}

@media (max-width: 575px) {
    .year-2024 .king9 .intro__content.intro__content--1 .intro__subtitle--event {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 478px) {
    .year-2024 .king9 .intro__content.intro__content--1 .intro__subtitle--event {
        font-size: 16px;
        font-size: 1rem
    }
}

.year-2024 .king9 .intro__content.intro__content--1 .intro__subtitle--name {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 500
}

@media (max-width: 1024px) {
    .year-2024 .king9 .intro__content.intro__content--1 .intro__subtitle--name {
        font-size: 35px;
        font-size: 2.1875rem
    }
}

@media (max-width: 575px) {
    .year-2024 .king9 .intro__content.intro__content--1 .intro__subtitle--name {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2024 .king9 .intro__content.intro__content--1 .intro__button {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    font-family: IBM Plex Sans Thai !important
}

.year-2024 .king9 .intro__content.intro__content--2 .intro__subtitle--event {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 500
}

@media (max-width: 575px) {
    .year-2024 .king9 .intro__content.intro__content--2 .intro__subtitle--event {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 478px) {
    .year-2024 .king9 .intro__content.intro__content--2 .intro__subtitle--event {
        font-size: 16px;
        font-size: 1rem
    }
}

.year-2024 .king9 .intro__content.intro__content--2 .intro__subtitle--name {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 500
}

@media (max-width: 1024px) {
    .year-2024 .king9 .intro__content.intro__content--2 .intro__subtitle--name {
        font-size: 35px;
        font-size: 2.1875rem
    }
}

@media (max-width: 575px) {
    .year-2024 .king9 .intro__content.intro__content--2 .intro__subtitle--name {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2024 .king9 .intro__content.intro__content--2 .intro__button {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    font-family: IBM Plex Sans Thai !important
}

.year-2024 .king9 .intro__content.intro__content--3 .intro__subtitle--event {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 500
}

@media (max-width: 575px) {
    .year-2024 .king9 .intro__content.intro__content--3 .intro__subtitle--event {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 478px) {
    .year-2024 .king9 .intro__content.intro__content--3 .intro__subtitle--event {
        font-size: 16px;
        font-size: 1rem
    }
}

.year-2024 .king9 .intro__content.intro__content--3 .intro__subtitle--name {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 500
}

@media (max-width: 1024px) {
    .year-2024 .king9 .intro__content.intro__content--3 .intro__subtitle--name {
        font-size: 35px;
        font-size: 2.1875rem
    }
}

@media (max-width: 575px) {
    .year-2024 .king9 .intro__content.intro__content--3 .intro__subtitle--name {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2024 .king9 .intro__content.intro__content--3 .intro__button {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    font-family: IBM Plex Sans Thai !important
}

.year-2024 .king9 .intro__content.intro__content--4 .intro__subtitle--event {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 500
}

@media (max-width: 575px) {
    .year-2024 .king9 .intro__content.intro__content--4 .intro__subtitle--event {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 478px) {
    .year-2024 .king9 .intro__content.intro__content--4 .intro__subtitle--event {
        font-size: 16px;
        font-size: 1rem
    }
}

.year-2024 .king9 .intro__content.intro__content--4 .intro__subtitle--name {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 500
}

@media (max-width: 1024px) {
    .year-2024 .king9 .intro__content.intro__content--4 .intro__subtitle--name {
        font-size: 35px;
        font-size: 2.1875rem
    }
}

@media (max-width: 575px) {
    .year-2024 .king9 .intro__content.intro__content--4 .intro__subtitle--name {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2024 .king9 .intro__content.intro__content--4 .intro__button {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    font-family: IBM Plex Sans Thai !important
}

.year-2024 .king9 .intro__content.intro__content--5 .intro__subtitle--event {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 500
}

@media (max-width: 575px) {
    .year-2024 .king9 .intro__content.intro__content--5 .intro__subtitle--event {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 478px) {
    .year-2024 .king9 .intro__content.intro__content--5 .intro__subtitle--event {
        font-size: 16px;
        font-size: 1rem
    }
}

.year-2024 .king9 .intro__content.intro__content--5 .intro__subtitle--name {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 500
}

@media (max-width: 1024px) {
    .year-2024 .king9 .intro__content.intro__content--5 .intro__subtitle--name {
        font-size: 35px;
        font-size: 2.1875rem
    }
}

@media (max-width: 575px) {
    .year-2024 .king9 .intro__content.intro__content--5 .intro__subtitle--name {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2024 .king9 .intro__content.intro__content--5 .intro__button {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    font-family: IBM Plex Sans Thai !important
}

.year-2024 .king9 .intro__content.intro__content--6 .intro__subtitle--event {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 500
}

@media (max-width: 575px) {
    .year-2024 .king9 .intro__content.intro__content--6 .intro__subtitle--event {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 478px) {
    .year-2024 .king9 .intro__content.intro__content--6 .intro__subtitle--event {
        font-size: 16px;
        font-size: 1rem
    }
}

.year-2024 .king9 .intro__content.intro__content--6 .intro__subtitle--name {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 500
}

@media (max-width: 1024px) {
    .year-2024 .king9 .intro__content.intro__content--6 .intro__subtitle--name {
        font-size: 35px;
        font-size: 2.1875rem
    }
}

@media (max-width: 575px) {
    .year-2024 .king9 .intro__content.intro__content--6 .intro__subtitle--name {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2024 .king9 .intro__content.intro__content--6 .intro__button {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    font-family: IBM Plex Sans Thai !important
}

.year-2024 .king9 {
    padding: 0 !important
}

.year-2024 .king9 .intro.intro__logo {
    display: none !important
}

.year-2024 .king9 .intro.intro--vertical .intro__logo {
    display: none
}

@media (max-width: 991px) {
    .year-2024 .king9 .intro .intro__row .intro__image {
        max-width: 100%;
        width: 100%
    }
}

.year-2024 .king9 .intro .intro__line {
    padding: 0 0 5px
}

.year-2024 .king9 .intro .intro__line .img-fluid {
    max-width: 400px;
    width: 100%
}

.year-2024 .king9 .intro .intro__figure {
    min-height: 295px;
    max-height: none !important;
    height: auto !important
}

.year-2024 .king9 .intro .intro__figure img {
    max-height: none !important
}

.year-2024 .king9 .intro .intro__figure.intro__figure--1 {
    margin-top: 2rem;
    max-width: 400px;
    height: 100%
}

@media (max-width: 1108px) {
    .year-2024 .king9 .intro .intro__figure.intro__figure--1 {
        height: auto !important
    }
}

@media (max-width: 820px) {
    .year-2024 .king9 .intro .intro__figure.intro__figure--1 {
        height: auto !important
    }
}

@media (max-width: 478px) {
    .year-2024 .king9 .intro .intro__figure.intro__figure--1 {
        min-height: auto;
        margin-top: 1rem
    }
}

.year-2024 .king9 .intro .intro__figure.intro__figure--2 {
    margin: 0 auto;
    max-width: 100%;
    min-height: auto;
    height: 100%
}

@media (max-width: 820px) {
    .year-2024 .king9 .intro .intro__figure.intro__figure--2 {
        margin: 0 auto;
        max-width: 360px;
        min-height: 0;
        height: auto
    }
}

@media (max-width: 478px) {
    .year-2024 .king9 .intro .intro__figure.intro__figure--2 {
        max-width: 260px
    }
}

@media (max-width: 375px) {
    .year-2024 .king9 .intro .intro__figure.intro__figure--2 {
        max-width: 215px
    }
}

.year-2024 .king9 .intro .intro__figure.intro__figure--3 {
    margin: 0 auto 0 5rem;
    max-width: 100%;
    height: 100%;
    width: 1200px
}

@media (max-width: 1024px) {
    .year-2024 .king9 .intro .intro__figure.intro__figure--3 {
        margin: 0 auto;
        max-width: 100%;
        width: 100%
    }
}

@media (max-width: 820px) {
    .year-2024 .king9 .intro .intro__figure.intro__figure--3 {
        max-width: 450px !important;
        width: 100%
    }
}

@media (max-width: 478px) {
    .year-2024 .king9 .intro .intro__figure.intro__figure--3 {
        min-height: 0;
        max-width: 300px !important;
        height: auto
    }
}

@media (max-width: 375px) {
    .year-2024 .king9 .intro .intro__figure.intro__figure--3 {
        max-width: 240px !important
    }
}

.year-2024 .king9 .intro .intro__figure.intro__figure--4 {
    margin: -1rem auto -2rem;
    max-width: 600px;
    height: 100%
}

@media (max-width: 1024px) {
    .year-2024 .king9 .intro .intro__figure.intro__figure--4 {
        max-width: 500px
    }
}

@media (max-width: 820px) {
    .year-2024 .king9 .intro .intro__figure.intro__figure--4 {
        margin: 0 auto
    }
}

@media (max-width: 575px) {
    .year-2024 .king9 .intro .intro__figure.intro__figure--4 {
        margin: -1rem auto 0
    }
}

@media (max-width: 478px) {
    .year-2024 .king9 .intro .intro__figure.intro__figure--4 {
        min-height: 0;
        height: auto
    }
}

.year-2024 .king9 .intro .intro__figure.intro__figure--5 {
    max-width: 650px
}

@media (max-width: 1024px) {
    .year-2024 .king9 .intro .intro__figure.intro__figure--5 {
        max-width: 550px;
        min-height: 100%
    }
}

@media (max-width: 820px) {
    .year-2024 .king9 .intro .intro__figure.intro__figure--5 {
        margin: 0 auto;
        max-width: 450px !important;
        min-height: 0;
        height: auto
    }
}

@media (max-width: 478px) {
    .year-2024 .king9 .intro .intro__figure.intro__figure--5 {
        margin: 0 auto 1rem;
        min-height: 0;
        height: auto
    }
}

.year-2024 .king9 .intro .intro__figure.intro__figure--6 {
    margin: 0 auto;
    max-width: 430px;
    height: 100%
}

@media (max-width: 820px) {
    .year-2024 .king9 .intro .intro__figure.intro__figure--6 {
        max-width: 480px !important;
        min-height: 0;
        height: auto
    }
}

@media (max-width: 478px) {
    .year-2024 .king9 .intro .intro__figure.intro__figure--6 {
        margin: -1rem auto;
        max-width: 200px !important;
        min-height: 0;
        height: auto
    }
}

@media (max-width: 375px) {
    .year-2024 .king9 .intro .intro__figure.intro__figure--6 {
        max-width: 160px !important
    }
}

.year-2024 .king9 .intro .intro__content {
    width: 100%
}

.year-2024 .king9 .intro .intro__content .company-name {
    display: inline-block
}

.year-2024 .king9 .intro .intro__content.intro__content--1 .intro__title {
    color: #dba22b;
    margin-bottom: 0
}

.year-2024 .king9 .intro .intro__content.intro__content--1 .intro__subtitle {
    color: #482700;
    margin: 1rem 0 0
}

.year-2024 .king9 .intro .intro__content.intro__content--1 .intro__text {
    color: #3c2a00
}

.year-2024 .king9 .intro .intro__content.intro__content--1 .intro__line .img-fluid {
    padding: 15px 0;
    max-width: 229px
}

@media (max-width: 575px) {
    .year-2024 .king9 .intro .intro__content.intro__content--1 .intro__line .img-fluid {
        max-width: 175px
    }
}

.year-2024 .king9 .intro .intro__content.intro__content--2 .intro__title {
    color: #a37000;
    margin-bottom: 0
}

.year-2024 .king9 .intro .intro__content.intro__content--2 .intro__subtitle {
    color: #855e13;
    margin: 1rem 0 0
}

.year-2024 .king9 .intro .intro__content.intro__content--2 .intro__text {
    color: #6a3f0c
}

.year-2024 .king9 .intro .intro__content.intro__content--2 .intro__line .img-fluid {
    padding: 15px 0;
    max-width: 350px
}

@media (max-width: 575px) {
    .year-2024 .king9 .intro .intro__content.intro__content--2 .intro__line .img-fluid {
        max-width: 175px
    }
}

.year-2024 .king9 .intro .intro__content.intro__content--3 .intro__title {
    color: #6f551e;
    text-shadow: 2px 2px 0 #fac124;
    margin-bottom: 0
}

.year-2024 .king9 .intro .intro__content.intro__content--3 .intro__subtitle {
    color: #6f551e;
    margin: 1rem 0 0
}

.year-2024 .king9 .intro .intro__content.intro__content--3 .intro__text {
    color: #6f551e
}

.year-2024 .king9 .intro .intro__content.intro__content--3 .intro__line .img-fluid {
    padding: 15px 0;
    max-width: 350px
}

@media (max-width: 575px) {
    .year-2024 .king9 .intro .intro__content.intro__content--3 .intro__line .img-fluid {
        max-width: 175px
    }
}

.year-2024 .king9 .intro .intro__content.intro__content--4 .intro__title {
    color: #ca7204;
    margin-bottom: 0
}

.year-2024 .king9 .intro .intro__content.intro__content--4 .intro__subtitle {
    color: #482700;
    margin: 1rem 0 0
}

.year-2024 .king9 .intro .intro__content.intro__content--4 .intro__text {
    color: #482700
}

.year-2024 .king9 .intro .intro__content.intro__content--4 .intro__line .img-fluid {
    padding: 15px 0;
    max-width: 350px
}

@media (max-width: 575px) {
    .year-2024 .king9 .intro .intro__content.intro__content--4 .intro__line .img-fluid {
        max-width: 175px
    }
}

.year-2024 .king9 .intro .intro__content.intro__content--5 .intro__title {
    color: #482700;
    margin-bottom: 0
}

.year-2024 .king9 .intro .intro__content.intro__content--5 .intro__subtitle {
    color: #482700;
    margin: 1rem 0 0
}

.year-2024 .king9 .intro .intro__content.intro__content--5 .intro__text {
    color: #482700
}

.year-2024 .king9 .intro .intro__content.intro__content--5 .intro__line .img-fluid {
    padding: 15px 0;
    max-width: 350px
}

@media (max-width: 575px) {
    .year-2024 .king9 .intro .intro__content.intro__content--5 .intro__line .img-fluid {
        max-width: 175px
    }
}

.year-2024 .king9 .intro .intro__content.intro__content--6 .intro__title {
    color: #91550e;
    text-shadow: 2px 2px 0 #fac124;
    margin-bottom: 0
}

.year-2024 .king9 .intro .intro__content.intro__content--6 .intro__subtitle {
    color: #8d6413;
    margin: 1rem 0 0
}

.year-2024 .king9 .intro .intro__content.intro__content--6 .intro__subtitle.intro__subtitle--name {
    color: #91550e;
    text-shadow: 2px 2px 0 #fac124
}

.year-2024 .king9 .intro .intro__content.intro__content--6 .intro__text {
    color: #3c2a00
}

.year-2024 .king9 .intro .intro__content.intro__content--6 .intro__line .img-fluid {
    padding: 15px 0;
    max-width: 100%
}

.year-2024 .king9 .intro__button {
    position: relative;
    margin-top: 14px
}

.year-2024 .king9 .intro__button a {
    color: #fff
}

.year-2024 .king9 .intro__button a:first-child {
    padding: 15px 15px 15px 25px
}

.year-2024 .king9 .intro__button a:last-child {
    padding: 15px 25px 15px 15px
}

.year-2024 .king9 .intro__button a:last-child:before {
    top: 15px;
    left: -8px
}

.year-2024 .king9 .intro__button a:before {
    color: #fff
}

.year-2024 .king9 .intro__button a:focus, .year-2024 .king9 .intro__button a:hover {
    text-decoration: none
}

.year-2024 .king9 .intro__button.intro__button--1 {
    border-radius: 38px;
    line-height: 1;
    background: #dba22b
}

.year-2024 .king9 .intro__button.intro__button--2 {
    border-radius: 70px;
    background: #6a3f0c;
    box-shadow: 2px 2px 5px 0 rgba(73, 56, 19, .57)
}

.year-2024 .king9 .intro__button.intro__button--3 {
    border-radius: 35.5px;
    background: #6f551e;
    box-shadow: 2px 2px 0 0 #fac124
}

.year-2018 .king10 .year-2024 .king9 .intro__button.intro__button--11, .year-2018 .king10 .year-2024 .king9 .intro__button.intro__button--12, .year-2019 .king .year-2024 .king9 .intro__button.intro__button--11, .year-2019 .king .year-2024 .king9 .intro__button.intro__button--12, .year-2024 .king9 .intro__button.intro__button--4, .year-2024 .king9 .year-2018 .king10 .intro__button.intro__button--11, .year-2024 .king9 .year-2018 .king10 .intro__button.intro__button--12, .year-2024 .king9 .year-2019 .king .intro__button.intro__button--11, .year-2024 .king9 .year-2019 .king .intro__button.intro__button--12 {
    border-radius: 48px;
    background: #ca7204
}

.year-2018 .year-2024 .king9 .intro__button.intro__button--14, .year-2019 .queen-mother .year-2024 .king9 .intro__button.intro__button--14, .year-2024 .king9 .intro__button.intro__button--5, .year-2024 .king9 .year-2018 .intro__button.intro__button--14, .year-2024 .king9 .year-2019 .queen-mother .intro__button.intro__button--14 {
    border-radius: 48px;
    background: #72581f;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.year-2018 .year-2024 .king9 .intro__button.intro__button--11, .year-2019 .queen-mother .year-2024 .king9 .intro__button.intro__button--11, .year-2024 .king9 .intro__button.intro__button--6, .year-2024 .king9 .year-2018 .intro__button.intro__button--11, .year-2024 .king9 .year-2019 .queen-mother .intro__button.intro__button--11 {
    border-radius: 35.5px;
    background: #91550e;
    box-shadow: 2px 2px 0 0 #fac124
}

.year-2023 .newyear {
    font-family: Sarabun;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1
}

.year-2023 .newyear h3 {
    line-height: 1;
    font-size: 54px;
    font-size: 3.375rem;
    font-weight: 700
}

.year-2023 .newyear h4 {
    font-size: 26px;
    font-size: 1.625rem;
    margin: 0 0 5px
}

.year-2023 .newyear h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2023 .newyear h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2023 .newyear .intro__text {
    font-size: 26px;
    font-size: 1.625rem
}

.year-2023 .newyear.newyear--1 .intro__subtitle.intro__subtitle--longlive {
    font-family: Chonburi;
    font-size: 90px;
    font-size: 5.625rem
}

@media (max-width: 1399.98px) {
    .year-2023 .newyear.newyear--1 .intro__subtitle.intro__subtitle--longlive {
        font-size: 76px;
        font-size: 4.75rem
    }
}

@media (max-width: 1199.98px) {
    .year-2023 .newyear.newyear--1 .intro__subtitle.intro__subtitle--longlive {
        font-size: 70px;
        font-size: 4.375rem
    }
}

@media (max-width: 575.98px) {
    .year-2023 .newyear.newyear--1 .intro__subtitle.intro__subtitle--longlive {
        font-size: 50px;
        font-size: 3.125rem
    }
}

.year-2023 .newyear.newyear--1 .intro__text {
    font-family: Kanit;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 300
}

@media (max-width: 575.98px) {
    .year-2023 .newyear.newyear--1 .intro__text {
        font-size: 15px;
        font-size: .9375rem
    }
}

.year-2023 .newyear.newyear--1 .intro__button {
    font-family: Kanit;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300
}

@media (max-width: 575.98px) {
    .year-2023 .newyear.newyear--1 .intro__button {
        font-size: 15px;
        font-size: .9375rem
    }
}

.year-2023 .newyear.newyear--2 .intro__subtitle .lastname {
    font-family: Montserrat;
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 600;
    letter-spacing: 3px
}

@media (max-width: 1199.98px) {
    .year-2023 .newyear.newyear--2 .intro__subtitle .lastname {
        font-size: 45px;
        font-size: 2.8125rem
    }
}

.year-2023 .newyear.newyear--2 .intro__text {
    font-family: IBM Plex Sans Thai;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 400
}

@media (max-width: 1199.98px) {
    .year-2023 .newyear.newyear--2 .intro__text {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

@media (max-width: 767.98px) {
    .year-2023 .newyear.newyear--2 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2023 .newyear.newyear--2 .intro__button {
    font-family: IBM Plex Sans Thai;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400
}

@media (max-width: 767.98px) {
    .year-2023 .newyear.newyear--2 .intro__button {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.year-2023 .newyear.newyear--3 .intro__title {
    font-size: 80px;
    font-size: 5rem;
    letter-spacing: 15px;
    text-transform: uppercase;
    font-weight: 700
}

@media (min-width: 992px) {
    .year-2023 .newyear.newyear--3 .intro__title {
        line-height: .6
    }
}

@media (max-width: 991.98px) {
    .year-2023 .newyear.newyear--3 .intro__title {
        line-height: .9
    }
}

@media (max-width: 767.98px) {
    .year-2023 .newyear.newyear--3 .intro__title {
        font-size: 70px;
        font-size: 4.375rem
    }
}

@media (max-width: 575.98px) {
    .year-2023 .newyear.newyear--3 .intro__title {
        font-size: 48px;
        font-size: 3rem
    }
}

.year-2023 .newyear.newyear--3 .intro__subtitle {
    font-size: 80px;
    font-size: 5rem;
    letter-spacing: 15px;
    text-transform: uppercase;
    font-weight: 700
}

@media (max-width: 991.98px) {
    .year-2023 .newyear.newyear--3 .intro__subtitle {
        line-height: .9
    }
}

@media (max-width: 767.98px) {
    .year-2023 .newyear.newyear--3 .intro__subtitle {
        font-size: 70px;
        font-size: 4.375rem
    }
}

@media (max-width: 575.98px) {
    .year-2023 .newyear.newyear--3 .intro__subtitle {
        font-size: 48px;
        font-size: 3rem
    }
}

.year-2023 .newyear.newyear--3 .intro__text {
    font-size: 24px;
    font-size: 1.5rem
}

@media (max-width: 575.98px) {
    .year-2023 .newyear.newyear--3 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.year-2023 .newyear.newyear--3 .intro__button {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 400
}

@media (max-width: 575.98px) {
    .year-2023 .newyear.newyear--3 .intro__button {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2023 .newyear.newyear--4 .intro__text {
    font-family: Kanit;
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.5;
    font-weight: 300
}

@media (max-width: 575.98px) {
    .year-2023 .newyear.newyear--4 .intro__text {
        font-size: 15px;
        font-size: .9375rem
    }
}

.year-2023 .newyear.newyear--4 .intro__button {
    font-family: Kanit;
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: 300
}

.year-2023 .newyear.newyear--5 .intro__subtitle.intro__subtitle--longlive {
    font-size: 97px;
    font-size: 6.0625rem
}

@media (max-width: 1399.98px) {
    .year-2023 .newyear.newyear--5 .intro__subtitle.intro__subtitle--longlive {
        font-size: 93px;
        font-size: 5.8125rem
    }
}

@media (max-width: 1199.98px) {
    .year-2023 .newyear.newyear--5 .intro__subtitle.intro__subtitle--longlive {
        font-size: 78px;
        font-size: 4.875rem
    }
}

@media (max-width: 575.98px) {
    .year-2023 .newyear.newyear--5 .intro__subtitle.intro__subtitle--longlive {
        font-size: 50px;
        font-size: 3.125rem
    }
}

.year-2023 .newyear.newyear--5 .intro__text {
    font-family: Kanit;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 300
}

@media (max-width: 575.98px) {
    .year-2023 .newyear.newyear--5 .intro__text {
        font-size: 15px;
        font-size: .9375rem
    }
}

.year-2023 .newyear.newyear--5 .intro__button {
    font-family: Kanit;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300
}

@media (max-width: 575.98px) {
    .year-2023 .newyear.newyear--5 .intro__button {
        font-size: 15px;
        font-size: .9375rem
    }
}

.year-2023 .newyear.newyear--6 .intro__title {
    font-family: Playfair Display;
    font-size: 75px;
    font-size: 4.6875rem;
    font-weight: 400
}

@media (max-width: 767.98px) {
    .year-2023 .newyear.newyear--6 .intro__title {
        font-size: 45px;
        font-size: 2.8125rem
    }
}

.year-2023 .newyear.newyear--6 .intro__subtitle {
    font-family: Playfair Display;
    font-size: 75px;
    font-size: 4.6875rem;
    font-weight: 400;
    line-height: .85
}

@media (max-width: 767.98px) {
    .year-2023 .newyear.newyear--6 .intro__subtitle {
        font-size: 45px;
        font-size: 2.8125rem
    }
}

.year-2023 .newyear.newyear--6 .intro__text {
    font-family: IBM Plex Sans Thai;
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 500;
    line-height: 1.3
}

@media (max-width: 767.98px) {
    .year-2023 .newyear.newyear--6 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.year-2023 .newyear.newyear--6 .intro__button {
    font-family: IBM Plex Sans Thai;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 400
}

@media (max-width: 767.98px) {
    .year-2023 .newyear.newyear--6 .intro__button {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.year-2023 .newyear.newyear--7 .intro__text {
    font-family: Sarabun;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700
}

@media (max-width: 575.98px) {
    .year-2023 .newyear.newyear--7 .intro__text {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2023 .newyear.newyear--7 .intro__button {
    font-family: Sarabun;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 400
}

@media (max-width: 575.98px) {
    .year-2023 .newyear.newyear--7 .intro__button {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

.year-2023 .newyear.newyear--8 .intro {
    padding: 3rem 0 0
}

.year-2023 .newyear.newyear--8 .intro__figure {
    display: none
}

.year-2023 .newyear.newyear--8 .intro__title {
    font-family: Felipa;
    font-size: 100px;
    font-size: 6.25rem;
    font-weight: 400
}

@media (max-width: 1399.98px) {
    .year-2023 .newyear.newyear--8 .intro__title {
        font-size: 80px;
        font-size: 5rem
    }
}

@media (max-width: 767.98px) {
    .year-2023 .newyear.newyear--8 .intro__title {
        font-size: 45px;
        font-size: 2.8125rem
    }
}

.year-2023 .newyear.newyear--8 .intro__subtitle {
    font-family: Felipa;
    font-size: 100px;
    font-size: 6.25rem;
    font-weight: 400;
    line-height: .85
}

@media (max-width: 1399.98px) {
    .year-2023 .newyear.newyear--8 .intro__subtitle {
        font-size: 80px;
        font-size: 5rem
    }
}

@media (max-width: 767.98px) {
    .year-2023 .newyear.newyear--8 .intro__subtitle {
        font-size: 45px;
        font-size: 2.8125rem
    }
}

.year-2023 .newyear.newyear--8 .intro__text {
    font-family: Noto Sans Thai;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.3
}

@media (max-width: 1399.98px) {
    .year-2023 .newyear.newyear--8 .intro__text {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

@media (max-width: 767.98px) {
    .year-2023 .newyear.newyear--8 .intro__text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.year-2023 .newyear.newyear--8 .intro__button {
    font-family: Noto Sans Thai;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 400
}

@media (max-width: 767.98px) {
    .year-2023 .newyear.newyear--8 .intro__button {
        font-size: 16px;
        font-size: 1rem
    }
}

.year-2023 .body-snapshot .newyear .intro {
    display: flex;
    justify-content: center;
    align-items: center
}

.year-2023 .body-snapshot .newyear .intro > .intro__figure {
    height: auto
}

.year-2023 .body-snapshot .newyear .intro > .intro__figure img {
    max-height: 100%
}

.year-2023 .wrapper {
    overflow-x: hidden;
    position: relative
}

.year-2023 .wrapper .wrapper__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.year-2023 .wrapper .wrapper__bg .wrapper__video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.year-2023 .wrapper--1, .year-2023 .wrapper--2 {
    background-position: bottom
}

.year-2023 .wrapper--3, .year-2023 .wrapper--4 {
    background-position: 50%
}

.year-2023 .wrapper--4 .wrapper__bg {
    overflow: hidden
}

@media (max-width: 991.98px) {
    .year-2023 .wrapper--4 .wrapper__video {
        object-position: left
    }
}

.year-2023 .wrapper--5 {
    background-position: 50%
}

.year-2023 .wrapper--5 .wrapper__bg {
    z-index: 1;
    overflow: hidden
}

.year-2023 .wrapper--5 .wrapper__element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: flex-end
}

.year-2023 .wrapper--6 {
    background-position: bottom
}

.year-2023 .newyear .intro__subtitle.intro__subtitle--longlive, .year-2023 .newyear .intro__subtitle.intro__subtitle--name .lastname {
    display: none
}

@media (min-width: 1200px) {
    .year-2023 .newyear.newyear--1 {
        min-height: 720px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .year-2023 .newyear.newyear--1 {
        background-position: 100%
    }
}

@media (min-width: 1400px) {
    .year-2023 .newyear.newyear--1 .container {
        max-width: 1320px
    }
}

.year-2023 .newyear.newyear--1 .intro {
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 0;
    z-index: 2
}

.year-2023 .newyear.newyear--1 .intro .intro__row {
    width: 100%;
    height: auto
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .year-2023 .newyear.newyear--1 .intro {
        min-height: 120vh
    }
}

.year-2023 .newyear.newyear--1 .intro .intro__content {
    position: relative
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .year-2023 .newyear.newyear--1 .intro .intro__content {
        right: 100px
    }
}

.year-2023 .newyear.newyear--1 .intro .intro__figure {
    position: relative
}

.year-2023 .newyear.newyear--1 .intro .intro__figure img {
    position: relative;
    height: 100%;
    right: 200px;
    bottom: 50px;
    max-width: 600px
}

@media (max-width: 1399.98px) {
    .year-2023 .newyear.newyear--1 .intro .intro__figure img {
        bottom: 0;
        right: 100px;
        max-width: 500px
    }
}

@media (max-width: 991.98px) {
    .year-2023 .newyear.newyear--1 .intro .intro__figure img {
        bottom: 0;
        right: 0;
        max-width: 100%
    }
}

.year-2023 .newyear.newyear--1 .intro .intro__title {
    margin-bottom: 1.5rem;
    display: none
}

.year-2023 .newyear.newyear--1 .intro .intro__subtitle {
    display: none;
    margin-bottom: 1rem;
    color: #fff
}

.year-2023 .newyear.newyear--1 .intro .intro__subtitle.intro__subtitle--longlive {
    display: block;
    color: #fff
}

.year-2023 .newyear.newyear--1 .intro .intro__text {
    color: #fff;
    margin-bottom: 2rem
}

.year-2023 .newyear.newyear--2 {
    position: relative
}

@media (min-width: 768px) {
    .year-2023 .newyear.newyear--2 {
        max-height: 100vh
    }
}

.year-2023 .newyear.newyear--2 .wrapper__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px
}

@media (min-width: 768px) {
    .year-2023 .newyear.newyear--2 .wrapper__bg {
        overflow: hidden
    }
}

@media (max-width: 991.98px) {
    .year-2023 .newyear.newyear--2 .wrapper__bg {
        padding: 15px
    }
}

.year-2023 .newyear.newyear--2 .wrapper__bg .wrapper__element {
    position: relative;
    z-index: 1
}

@media (max-width: 991.98px) {
    .year-2023 .newyear.newyear--2 .wrapper__bg .wrapper__element {
        display: none
    }
}

@media (max-width: 991.98px) {
    .year-2023 .newyear.newyear--2 .wrapper__bg .wrapper__element.wrapper__element--responsive {
        display: block !important;
        height: 100%
    }

    .year-2023 .newyear.newyear--2 .wrapper__bg .wrapper__element.wrapper__element--responsive > img {
        height: 100%
    }
}

.year-2023 .newyear.newyear--2 .wrapper__bg .wrapper__element > img {
    width: 100%
}

@media (min-width: 768px) {
    .year-2023 .newyear.newyear--2 .wrapper__bg .wrapper__element > img {
        height: calc(100vh - 60px)
    }
}

.year-2023 .newyear.newyear--2 .wrapper__bg .wrapper__element.wrapper__element--responsive {
    display: none
}

.year-2023 .newyear.newyear--2 .intro {
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 0;
    z-index: 2;
    text-align: left;
    overflow: hidden
}

@media (max-width: 991.98px) {
    .year-2023 .newyear.newyear--2 .intro {
        text-align: center
    }
}

@media (max-width: 991.98px) {
    .year-2023 .newyear.newyear--2 .intro .intro__content {
        margin-top: -200px
    }
}

@media (max-width: 767.98px) {
    .year-2023 .newyear.newyear--2 .intro .intro__content {
        margin-top: 100px;
        padding-bottom: 335px
    }
}

@media (max-width: 575.98px) {
    .year-2023 .newyear.newyear--2 .intro .intro__content {
        padding-bottom: 200px
    }
}

.year-2023 .newyear.newyear--2 .intro .intro__row {
    width: 100%;
    height: auto
}

@media (max-width: 991.98px) {
    .year-2023 .newyear.newyear--2 .intro .intro__row {
        width: auto;
        min-height: 0
    }
}

@media (max-width: 991.98px) {
    .year-2023 .newyear.newyear--2 .intro .intro__row .intro__image {
        max-width: none
    }
}

.year-2023 .newyear.newyear--2 .intro .intro__figure-year {
    width: 85%
}

@media (max-width: 1399.98px) {
    .year-2023 .newyear.newyear--2 .intro .intro__figure-year {
        width: 80%
    }
}

@media (max-width: 1199.98px) {
    .year-2023 .newyear.newyear--2 .intro .intro__figure-year {
        width: 100%
    }
}

.year-2023 .newyear.newyear--2 .intro .intro__figure-year .intro__image {
    display: block !important
}

.year-2023 .newyear.newyear--2 .intro .intro__figure {
    position: absolute;
    top: 30px;
    right: -50px;
    width: 100%;
    z-index: 2;
    pointer-events: none;
    display: flex;
    justify-content: flex-end
}

@media (max-width: 991.98px) {
    .year-2023 .newyear.newyear--2 .intro .intro__figure {
        justify-content: center
    }
}

.year-2023 .newyear.newyear--2 .intro .intro__figure .intro__image.intro__image--animation > svg {
    height: calc(100vh - 30px) !important
}

@media (max-width: 575.98px) {
    .year-2023 .newyear.newyear--2 .intro .intro__figure .intro__image.intro__image--animation-responsive > svg {
        max-width: 360px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .year-2023 .newyear.newyear--2 .intro .intro__figure {
        right: -150px
    }
}

@media (max-width: 991.98px) {
    .year-2023 .newyear.newyear--2 .intro .intro__figure {
        right: 0;
        width: 100%;
        top: auto;
        bottom: -10px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .year-2023 .newyear.newyear--2 .intro .intro__figure.intro__figure--2 .intro__image.intro__image--animation > svg {
        width: 845px !important;
        height: calc(100vh - 140px) !important
    }
}

@media (max-width: 991.98px) {
    .year-2023 .newyear.newyear--2 .intro .intro__image {
        display: none
    }
}

.year-2023 .newyear.newyear--2 .intro .intro__image.intro__image--animation-responsive {
    display: none
}

@media (max-width: 991.98px) {
    .year-2023 .newyear.newyear--2 .intro .intro__image.intro__image--animation-responsive {
        display: block
    }
}

.year-2023 .newyear.newyear--2 .intro .intro__title {
    display: none
}

.year-2023 .newyear.newyear--2 .intro .intro__subtitle {
    display: none;
    margin-bottom: 2rem
}

.year-2023 .newyear.newyear--2 .intro .intro__subtitle.intro__subtitle--name {
    display: block
}

.year-2023 .newyear.newyear--2 .intro .intro__subtitle.intro__subtitle--name .lastname {
    text-transform: uppercase;
    display: block;
    color: #fff
}

@media (min-width: 992px) {
    .year-2023 .newyear.newyear--2 .intro .intro__subtitle.intro__subtitle--name .lastname {
        white-space: nowrap
    }
}

.year-2023 .newyear.newyear--2 .intro .intro__subtitle.intro__subtitle--longlive {
    display: none
}

.year-2023 .newyear.newyear--2 .intro .intro__text {
    color: #fff;
    margin-bottom: 1.5rem
}

.year-2023 .newyear.newyear--3 .container, .year-2023 .newyear.newyear--3 .row > .col-12 {
    position: static
}

.year-2023 .newyear.newyear--3 .intro {
    padding-bottom: 0;
    justify-content: start;
    padding: 15vh 0 10vh
}

.year-2023 .newyear.newyear--3 .intro .intro__title {
    color: #e30908;
    text-shadow: 2px 2px #fff
}

.year-2023 .newyear.newyear--3 .intro .intro__subtitle {
    color: #e30908;
    text-shadow: 2px 2px #fff;
    margin-bottom: 1.25rem
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .year-2023 .newyear.newyear--3 .intro .intro__content {
        margin-bottom: 200px
    }
}

.year-2023 .newyear.newyear--3 .intro .intro__figure {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    min-height: 620px;
    max-height: none;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

@media (max-width: 767.98px) {
    .year-2023 .newyear.newyear--3 .intro .intro__figure {
        padding: 0;
        height: auto;
        min-height: 0
    }
}

.year-2023 .newyear.newyear--3 .intro .intro__figure > img {
    max-height: none;
    object-fit: cover;
    object-position: bottom;
    max-height: 100%;
    max-width: 100%
}

.year-2023 .newyear.newyear--3 .intro .intro__text {
    margin-bottom: 2rem;
    color: #000
}

@media (min-width: 1600px) {
    .year-2023 .newyear.newyear--4 .container {
        max-width: 1540px
    }
}

.year-2023 .newyear.newyear--4 .intro {
    text-align: center;
    padding-bottom: 0
}

@media (max-width: 991px) {
    .year-2023 .newyear.newyear--4 .intro .intro__row .intro__image {
        margin-bottom: 0;
        max-width: 100% !important
    }
}

.year-2023 .newyear.newyear--4 .intro .intro__figure {
    padding: 0;
    margin-bottom: 1rem
}

.year-2023 .newyear.newyear--4 .intro .intro__figure img {
    max-height: 70vh
}

.year-2023 .newyear.newyear--4 .intro .intro__subtitle, .year-2023 .newyear.newyear--4 .intro .intro__title {
    display: none
}

.year-2023 .newyear.newyear--4 .intro .intro__text {
    padding: 0 20px;
    margin-bottom: 1.5rem;
    color: #fff
}

@media (min-width: 767px) {
    .year-2023 .newyear.newyear--4 .intro .intro__text {
        padding: 0
    }
}

.year-2023 .newyear.newyear--4 .intro .intro__button {
    margin: 10px 0 0
}

@media (min-width: 1200px) {
    .year-2023 .newyear.newyear--5 {
        min-height: 720px
    }
}

@media (min-width: 1400px) {
    .year-2023 .newyear.newyear--5 .container {
        max-width: 1320px
    }
}

.year-2023 .newyear.newyear--5 .intro {
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 0;
    z-index: 2
}

.year-2023 .newyear.newyear--5 .intro .intro__row {
    width: 100%;
    height: auto
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .year-2023 .newyear.newyear--5 .intro {
        min-height: 120vh
    }
}

.year-2023 .newyear.newyear--5 .intro .intro__figure {
    position: relative
}

.year-2023 .newyear.newyear--5 .intro .intro__figure img {
    position: relative;
    height: 100%;
    right: 100px;
    bottom: 50px
}

@media (min-width: 1400px) {
    .year-2023 .newyear.newyear--5 .intro .intro__figure img {
        width: 140%;
        max-width: 140%
    }
}

@media (max-width: 1399.98px) {
    .year-2023 .newyear.newyear--5 .intro .intro__figure img {
        width: 110%;
        max-width: 110%
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .year-2023 .newyear.newyear--5 .intro .intro__figure img {
        width: 140%;
        max-width: 140%
    }
}

@media (max-width: 991.98px) {
    .year-2023 .newyear.newyear--5 .intro .intro__figure img {
        right: 0;
        bottom: 0
    }
}

.year-2023 .newyear.newyear--5 .intro .intro__title {
    margin-bottom: 1.5rem;
    display: none
}

.year-2023 .newyear.newyear--5 .intro .intro__subtitle {
    display: none;
    margin-bottom: 2rem;
    text-shadow: 5px 3px #955e2e
}

.year-2023 .newyear.newyear--5 .intro .intro__subtitle.intro__subtitle--longlive {
    display: block;
    color: #fff
}

.year-2023 .newyear.newyear--5 .intro .intro__text {
    color: #955e2e
}

@media (min-width: 767px) {
    .year-2023 .newyear.newyear--5 .intro .intro__text {
        margin-bottom: 0
    }
}

.year-2023 .newyear.newyear--6 .intro {
    position: relative;
    padding: 0
}

@media (max-width: 1199.98px) {
    .year-2023 .newyear.newyear--6 .intro .intro__content {
        margin-top: 6rem
    }
}

@media (max-width: 767.98px) {
    .year-2023 .newyear.newyear--6 .intro .intro__content {
        margin-top: 12rem;
        margin-bottom: 8rem
    }
}

.year-2023 .newyear.newyear--6 .intro .intro__title {
    color: #fff;
    margin-bottom: 1rem;
    padding-top: 1.75rem
}

.year-2023 .newyear.newyear--6 .intro .intro__title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 140px;
    height: 1px;
    background-color: hsla(35, 46%, 73%, .3)
}

.year-2023 .newyear.newyear--6 .intro .intro__subtitle {
    color: #fff;
    max-width: 700px
}

.year-2023 .newyear.newyear--6 .intro .intro__text {
    position: relative;
    margin-top: 2rem;
    padding-top: 2rem;
    margin-bottom: 1.5rem;
    color: #fff
}

.year-2023 .newyear.newyear--6 .intro .intro__text:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 140px;
    height: 1px;
    background-color: hsla(0, 0%, 100%, .3)
}

@media (min-width: 1600px) {
    .year-2023 .newyear.newyear--7 .container {
        max-width: 1540px
    }
}

.year-2023 .newyear.newyear--7 .intro {
    text-align: center;
    padding-bottom: 0
}

@media (max-width: 991px) {
    .year-2023 .newyear.newyear--7 .intro .intro__row .intro__image {
        margin-bottom: 0;
        max-width: 100% !important
    }
}

.year-2023 .newyear.newyear--7 .intro .intro__figure {
    padding: 0
}

@media (min-width: 768px) {
    .year-2023 .newyear.newyear--7 .intro .intro__figure {
        margin-bottom: -2rem
    }
}

.year-2023 .newyear.newyear--7 .intro .intro__figure img {
    max-height: 70vh
}

.year-2023 .newyear.newyear--7 .intro .intro__subtitle, .year-2023 .newyear.newyear--7 .intro .intro__title {
    display: none
}

.year-2023 .newyear.newyear--7 .intro .intro__text {
    padding: 0 20px;
    margin-bottom: 1rem;
    color: #c29b5c
}

@media (min-width: 767px) {
    .year-2023 .newyear.newyear--7 .intro .intro__text {
        padding: 0
    }
}

.year-2023 .newyear.newyear--7 .intro .intro__button {
    margin: 10px 0 0
}

.year-2023 .newyear.newyear--8 .intro .intro__title {
    color: #f4023b;
    margin-bottom: 2rem;
    padding-top: 1.75rem;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, .2)
}

.year-2023 .newyear.newyear--8 .intro .intro__subtitle {
    color: #f4023b;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
    margin-bottom: 3rem
}

@media (max-width: 767.98px) {
    .year-2023 .newyear.newyear--8 .intro .intro__subtitle {
        margin-bottom: 1.5rem
    }
}

.year-2023 .newyear.newyear--8 .intro .intro__text {
    position: relative;
    margin-bottom: 1.5rem;
    color: #ad8554
}

.year-2023 .newyear .intro {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 5px 0 10vh;
    text-align: center
}

.year-2023 .newyear .intro__figure {
    height: auto;
    max-width: none;
    min-height: auto
}

.year-2023 .newyear .intro__content, .year-2023 .newyear .intro__figure img {
    height: auto
}

.year-2023 .newyear .intro__button {
    border-radius: 6px;
    -webkit-box-shadow: 0 9px 24px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 9px 24px rgba(0, 0, 0, .08);
    box-shadow: 0 9px 24px rgba(0, 0, 0, .08)
}

@media (max-width: 767px) {
    .year-2023 .newyear .intro__button {
        margin-top: 10px
    }
}

.year-2023 .newyear .intro__button a {
    padding: 7px 15px 7px 25px
}

.year-2023 .newyear .intro__button a + a {
    padding: 7px 25px 7px 15px
}

.year-2023 .newyear .intro__button a:before {
    top: 8px;
    left: -9px;
    color: #fff !important
}

.year-2023 .newyear .intro__button--1 {
    margin-top: 0;
    border-radius: 10px;
    border: 2px solid #e07e35;
    background-color: #ffc33e
}

.year-2023 .newyear .intro__button--1 a {
    color: #fff;
    padding: 10px 15px 10px 35px
}

.year-2023 .newyear .intro__button--1 a + a {
    padding: 10px 35px 10px 15px
}

.year-2023 .newyear .intro__button--1 a:before {
    top: 10px;
    color: #fff !important
}

.year-2023 .newyear .intro__button--2 {
    margin-top: 0;
    border-radius: 0;
    border: 1px solid hsla(0, 0%, 100%, .6);
    background-color: transparent
}

.year-2023 .newyear .intro__button--2 a {
    color: #fff;
    padding: 20px 10px 17px 20px
}

.year-2023 .newyear .intro__button--2 a + a {
    padding: 20px 20px 17px 10px
}

.year-2023 .newyear .intro__button--2 a:before {
    top: 19px;
    color: #fff !important
}

.year-2023 .newyear .intro__button--3 {
    margin-top: 0;
    border-radius: 10px;
    background: #f00808;
    background: -moz-linear-gradient(left, #f00808 0, #f00808 50%, #b40000 100%);
    background: -webkit-linear-gradient(left, #f00808, #f00808 50%, #b40000);
    background: linear-gradient(90deg, #f00808 0, #f00808 50%, #b40000)
}

.year-2023 .newyear .intro__button--3 a {
    color: #fff;
    padding: 16px 8px 13px 25px
}

.year-2023 .newyear .intro__button--3 a + a {
    padding: 16px 25px 13px 0
}

.year-2023 .newyear .intro__button--3 a:before {
    color: #fff !important;
    top: 16px
}

.year-2018 .king10 .year-2023 .newyear .intro__button--11, .year-2018 .king10 .year-2023 .newyear .intro__button--12, .year-2019 .king .year-2023 .newyear .intro__button--11, .year-2019 .king .year-2023 .newyear .intro__button--12, .year-2023 .newyear .intro__button--4, .year-2023 .newyear .year-2018 .king10 .intro__button--11, .year-2023 .newyear .year-2018 .king10 .intro__button--12, .year-2023 .newyear .year-2019 .king .intro__button--11, .year-2023 .newyear .year-2019 .king .intro__button--12 {
    border-radius: 20px;
    box-shadow: 5px 5px rgba(255, 201, 79, .7);
    background-color: #ffc94f
}

.year-2018 .king10 .year-2023 .newyear .intro__button--11 a, .year-2018 .king10 .year-2023 .newyear .intro__button--12 a, .year-2019 .king .year-2023 .newyear .intro__button--11 a, .year-2019 .king .year-2023 .newyear .intro__button--12 a, .year-2023 .newyear .intro__button--4 a, .year-2023 .newyear .year-2018 .king10 .intro__button--11 a, .year-2023 .newyear .year-2018 .king10 .intro__button--12 a, .year-2023 .newyear .year-2019 .king .intro__button--11 a, .year-2023 .newyear .year-2019 .king .intro__button--12 a {
    color: #fff;
    padding: 10px 15px 15px 35px
}

.year-2018 .king10 .year-2023 .newyear .intro__button--11 a + a, .year-2018 .king10 .year-2023 .newyear .intro__button--12 a + a, .year-2019 .king .year-2023 .newyear .intro__button--11 a + a, .year-2019 .king .year-2023 .newyear .intro__button--12 a + a, .year-2023 .newyear .intro__button--4 a + a, .year-2023 .newyear .year-2018 .king10 .intro__button--11 a + a, .year-2023 .newyear .year-2018 .king10 .intro__button--12 a + a, .year-2023 .newyear .year-2019 .king .intro__button--11 a + a, .year-2023 .newyear .year-2019 .king .intro__button--12 a + a {
    padding: 10px 35px 15px 15px
}

.year-2018 .king10 .year-2023 .newyear .intro__button--11 a:before, .year-2018 .king10 .year-2023 .newyear .intro__button--12 a:before, .year-2019 .king .year-2023 .newyear .intro__button--11 a:before, .year-2019 .king .year-2023 .newyear .intro__button--12 a:before, .year-2023 .newyear .intro__button--4 a:before, .year-2023 .newyear .year-2018 .king10 .intro__button--11 a:before, .year-2023 .newyear .year-2018 .king10 .intro__button--12 a:before, .year-2023 .newyear .year-2019 .king .intro__button--11 a:before, .year-2023 .newyear .year-2019 .king .intro__button--12 a:before {
    top: 10px;
    color: #fff !important
}

.year-2018 .year-2023 .newyear .intro__button--14, .year-2019 .queen-mother .year-2023 .newyear .intro__button--14, .year-2023 .newyear .intro__button--5, .year-2023 .newyear .year-2018 .intro__button--14, .year-2023 .newyear .year-2019 .queen-mother .intro__button--14 {
    border-radius: 20px;
    box-shadow: 5px 5px rgba(69, 114, 93, .7);
    background-color: #45725d
}

.year-2018 .year-2023 .newyear .intro__button--14 a, .year-2019 .queen-mother .year-2023 .newyear .intro__button--14 a, .year-2023 .newyear .intro__button--5 a, .year-2023 .newyear .year-2018 .intro__button--14 a, .year-2023 .newyear .year-2019 .queen-mother .intro__button--14 a {
    color: #fff;
    padding: 10px 15px 15px 35px
}

.year-2018 .year-2023 .newyear .intro__button--14 a + a, .year-2019 .queen-mother .year-2023 .newyear .intro__button--14 a + a, .year-2023 .newyear .intro__button--5 a + a, .year-2023 .newyear .year-2018 .intro__button--14 a + a, .year-2023 .newyear .year-2019 .queen-mother .intro__button--14 a + a {
    padding: 10px 35px 15px 15px
}

.year-2018 .year-2023 .newyear .intro__button--14 a:before, .year-2019 .queen-mother .year-2023 .newyear .intro__button--14 a:before, .year-2023 .newyear .intro__button--5 a:before, .year-2023 .newyear .year-2018 .intro__button--14 a:before, .year-2023 .newyear .year-2019 .queen-mother .intro__button--14 a:before {
    top: 10px;
    color: #fff !important
}

.year-2018 .year-2023 .newyear .intro__button--11, .year-2019 .queen-mother .year-2023 .newyear .intro__button--11, .year-2023 .newyear .intro__button--6, .year-2023 .newyear .year-2018 .intro__button--11, .year-2023 .newyear .year-2019 .queen-mother .intro__button--11 {
    margin-top: 0;
    border-radius: 0;
    border: 1px solid #fff;
    background-color: transparent
}

.year-2018 .year-2023 .newyear .intro__button--11 a, .year-2019 .queen-mother .year-2023 .newyear .intro__button--11 a, .year-2023 .newyear .intro__button--6 a, .year-2023 .newyear .year-2018 .intro__button--11 a, .year-2023 .newyear .year-2019 .queen-mother .intro__button--11 a {
    color: #fff;
    padding: 20px 10px 17px 20px
}

.year-2018 .year-2023 .newyear .intro__button--11 a + a, .year-2019 .queen-mother .year-2023 .newyear .intro__button--11 a + a, .year-2023 .newyear .intro__button--6 a + a, .year-2023 .newyear .year-2018 .intro__button--11 a + a, .year-2023 .newyear .year-2019 .queen-mother .intro__button--11 a + a {
    padding: 20px 20px 17px 10px
}

.year-2018 .year-2023 .newyear .intro__button--11 a:before, .year-2019 .queen-mother .year-2023 .newyear .intro__button--11 a:before, .year-2023 .newyear .intro__button--6 a:before, .year-2023 .newyear .year-2018 .intro__button--11 a:before, .year-2023 .newyear .year-2019 .queen-mother .intro__button--11 a:before {
    top: 19px;
    color: #fff !important
}

.year-2018 .year-2023 .newyear .intro__button--12, .year-2018 .year-2023 .newyear .intro__button--13, .year-2019 .queen-mother .year-2023 .newyear .intro__button--12, .year-2019 .queen-mother .year-2023 .newyear .intro__button--13, .year-2023 .newyear .intro__button--7, .year-2023 .newyear .year-2018 .intro__button--12, .year-2023 .newyear .year-2018 .intro__button--13, .year-2023 .newyear .year-2019 .queen-mother .intro__button--12, .year-2023 .newyear .year-2019 .queen-mother .intro__button--13 {
    border-radius: 20px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);
    background: #c08b3d;
    background: -moz-linear-gradient(left, #c08b3d 0, #e6be5c 50%, #e6be5c 100%);
    background: -webkit-linear-gradient(left, #c08b3d, #e6be5c 50%, #e6be5c);
    background: linear-gradient(90deg, #c08b3d 0, #e6be5c 50%, #e6be5c)
}

.year-2018 .year-2023 .newyear .intro__button--12 a, .year-2018 .year-2023 .newyear .intro__button--13 a, .year-2019 .queen-mother .year-2023 .newyear .intro__button--12 a, .year-2019 .queen-mother .year-2023 .newyear .intro__button--13 a, .year-2023 .newyear .intro__button--7 a, .year-2023 .newyear .year-2018 .intro__button--12 a, .year-2023 .newyear .year-2018 .intro__button--13 a, .year-2023 .newyear .year-2019 .queen-mother .intro__button--12 a, .year-2023 .newyear .year-2019 .queen-mother .intro__button--13 a {
    color: #fff;
    padding: 10px 15px 10px 35px
}

.year-2018 .year-2023 .newyear .intro__button--12 a + a, .year-2018 .year-2023 .newyear .intro__button--13 a + a, .year-2019 .queen-mother .year-2023 .newyear .intro__button--12 a + a, .year-2019 .queen-mother .year-2023 .newyear .intro__button--13 a + a, .year-2023 .newyear .intro__button--7 a + a, .year-2023 .newyear .year-2018 .intro__button--12 a + a, .year-2023 .newyear .year-2018 .intro__button--13 a + a, .year-2023 .newyear .year-2019 .queen-mother .intro__button--12 a + a, .year-2023 .newyear .year-2019 .queen-mother .intro__button--13 a + a {
    padding: 10px 35px 10px 15px
}

.year-2018 .year-2023 .newyear .intro__button--12 a:before, .year-2018 .year-2023 .newyear .intro__button--13 a:before, .year-2019 .queen-mother .year-2023 .newyear .intro__button--12 a:before, .year-2019 .queen-mother .year-2023 .newyear .intro__button--13 a:before, .year-2023 .newyear .intro__button--7 a:before, .year-2023 .newyear .year-2018 .intro__button--12 a:before, .year-2023 .newyear .year-2018 .intro__button--13 a:before, .year-2023 .newyear .year-2019 .queen-mother .intro__button--12 a:before, .year-2023 .newyear .year-2019 .queen-mother .intro__button--13 a:before {
    top: 10px;
    color: #fff !important
}

.year-2023 .newyear .intro__button--8 {
    margin-top: 0;
    border-radius: 5px;
    background-color: #ad8554
}

.year-2023 .newyear .intro__button--8 a {
    color: #fff;
    padding: 20px 10px 17px 20px
}

.year-2023 .newyear .intro__button--8 a + a {
    padding: 20px 20px 17px 10px
}

.year-2023 .newyear .intro__button--8 a:before {
    top: 19px;
    color: #fff !important
}

.year-2023 .queen10 {
    font-family: Sarabun
}

.year-2023 .queen10 .intro__content h3 {
    font-size: 108px;
    font-size: 6.75rem;
    font-weight: 700;
    line-height: 1;
    font-family: Sarabun !important
}

.year-2023 .queen10 .intro__content h4 {
    font-size: 43px;
    font-size: 2.6875rem;
    font-weight: 700 !important;
    line-height: .5;
    font-family: Sarabun !important
}

.year-2023 .queen10 .intro__content h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2023 .queen10 .intro__content h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2023 .queen10 .intro__content .firstname {
    display: inline-block
}

.year-2023 .queen10 .intro__content.intro__content--1 h4 {
    font-size: 40px;
    font-size: 2.5rem;
    font-family: Sarabun !important;
    font-weight: 400 !important;
    line-height: 1
}

.year-2023 .queen10 .intro__content.intro__content--1 .intro__title {
    line-height: .8
}

.year-2023 .queen10 .intro__content.intro__content--1 .intro__text {
    font-size: 21px !important;
    font-size: 1.3125rem !important
}

@media (min-width: 768px) {
    .year-2023 .queen10 .intro__content.intro__content--1 .intro__text {
        font-size: 25px !important;
        font-size: 1.5625rem !important
    }
}

.year-2023 .queen10 .intro__content.intro__content--1 .intro__button a {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400
}

.year-2023 .queen10 .intro__content.intro__content--2 h3 {
    font-size: 131px;
    font-size: 8.1875rem;
    font-weight: 700;
    line-height: 1;
    font-family: PSL Panpilas Pro !important
}

.year-2023 .queen10 .intro__content.intro__content--2 h4 {
    font-family: Sarabun !important;
    font-weight: 400 !important;
    line-height: 1;
    font-size: 44px;
    font-size: 2.75rem
}

.year-2023 .queen10 .intro__content.intro__content--2 .intro__text {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1
}

@media (min-width: 1200px) {
    .year-2023 .queen10 .intro__content.intro__content--2 .intro__text {
        font-size: 38px;
        font-size: 2.375rem
    }
}

.year-2023 .queen10 .intro__content.intro__content--3 .intro__text {
    font-size: 25px;
    font-size: 1.5625rem
}

.year-2023 .queen10 .intro__content.intro__content--3 h4 {
    line-height: .9
}

.year-2023 .queen10 .intro__content.intro__content--3 h4.intro__subtitle {
    font-size: 43px;
    font-size: 2.6875rem;
    font-family: Sarabun !important;
    font-weight: 400 !important
}

.year-2023 .queen10 .intro__content.intro__content--4 h4 {
    font-family: Sarabun !important;
    font-weight: 400 !important;
    line-height: 1;
    font-size: 40px;
    font-size: 2.5rem
}

.year-2023 .queen10 .intro__content.intro__content--4 .intro__text {
    font-size: 25px;
    font-size: 1.5625rem
}

.year-2023 .queen10 .intro__content.intro__content--5 h3 {
    font-weight: 400 !important;
    line-height: .8
}

@media (min-width: 1200px) {
    .year-2023 .queen10 .intro__content.intro__content--5 h3 {
        font-size: 100px !important;
        font-size: 6.25rem !important
    }
}

.year-2023 .queen10 .intro__content.intro__content--5 h4 {
    font-family: Sarabun !important;
    font-size: 43px;
    font-size: 2.6875rem;
    font-weight: 400 !important;
    line-height: .9
}

.year-2023 .queen10 .intro__content.intro__content--5 p {
    line-height: 1;
    font-size: 30px;
    font-size: 1.875rem
}

.year-2023 .queen10 .intro__content.intro__content--6 h3 {
    font-weight: 400 !important
}

@media (min-width: 1200px) {
    .year-2023 .queen10 .intro__content.intro__content--6 h3 {
        font-size: 100px !important;
        font-size: 6.25rem !important
    }
}

.year-2023 .queen10 .intro__content.intro__content--6 h4 {
    font-family: Sarabun !important;
    font-size: 43px;
    font-size: 2.6875rem;
    font-weight: 400 !important;
    line-height: .9
}

.year-2023 .queen10 .intro__content.intro__content--6 p {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1
}

.year-2023 .queen10 .intro__content.intro__content--7 h3 {
    font-weight: 400 !important;
    line-height: .8
}

@media (min-width: 1200px) {
    .year-2023 .queen10 .intro__content.intro__content--7 h3 {
        font-size: 100px !important;
        font-size: 6.25rem !important
    }
}

.year-2023 .queen10 .intro__content.intro__content--7 h4 {
    font-family: Sarabun !important;
    font-size: 43px;
    font-size: 2.6875rem;
    font-weight: 400 !important;
    line-height: .9
}

.year-2023 .queen10 .intro__content.intro__content--7 p {
    line-height: 1
}

@media (min-width: 1200px) {
    .year-2023 .queen10 .intro__content.intro__content--7 p {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2023 .queen10 .intro__content.intro__content--8 .intro__text {
    font-size: 25px;
    font-size: 1.5625rem
}

.year-2023 .queen10 .intro__content.intro__content--8 h4 {
    font-family: Sarabun !important;
    font-weight: 400 !important;
    line-height: 1;
    font-size: 40px;
    font-size: 2.5rem
}

.year-2023 .queen10 .intro__content.intro__content--9 .intro__text {
    font-size: 25px;
    font-size: 1.5625rem
}

.year-2023 .queen10 .intro__content.intro__content--9 h3 {
    font-weight: 400 !important
}

.year-2023 .queen10 .intro__content.intro__content--9 h4 {
    line-height: .9
}

.year-2023 .queen10 .intro__content.intro__content--9 h4.intro__subtitle {
    font-size: 40px;
    font-size: 2.5rem;
    font-family: Sarabun !important;
    font-weight: 400 !important
}

.year-2023 .queen10 .intro__title {
    font-weight: 400;
    line-height: .8;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .2);
    font-size: 70px !important;
    font-size: 4.375rem !important
}

@supports not (-webkit-touch-callout:none) {
    .year-2023 .queen10 .intro__title {
        letter-spacing: 1px
    }
}

@media (min-width: 768px) {
    .year-2023 .queen10 .intro__title {
        font-size: 80px !important;
        font-size: 5rem !important
    }
}

.year-2023 .queen10 .intro__subtitle {
    font-weight: 400;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .2)
}

@supports not (-webkit-touch-callout:none) {
    .year-2023 .queen10 .intro__subtitle {
        letter-spacing: 1px
    }
}

@media (max-width: 479px) {
    .year-2023 .queen10 .intro__subtitle {
        font-size: 30px !important;
        font-size: 1.875rem !important
    }
}

.year-2023 .queen10 .intro__subtitle--longlive {
    font-size: 96px !important;
    font-size: 6rem !important;
    letter-spacing: normal;
    line-height: 1;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .29), 0 0 0 rgba(0, 0, 0, .29), 0 0 0 rgba(0, 0, 0, .29)
}

@media (max-width: 479px) {
    .year-2023 .queen10 .intro__subtitle--longlive {
        font-size: 75px !important;
        font-size: 4.6875rem !important
    }
}

.year-2023 .queen10 .intro__subtitle--name {
    line-height: 1;
    margin-bottom: 15px
}

.year-2023 .queen10 .intro__subtitle--event {
    line-height: 1
}

.year-2023 .queen10 .intro__text {
    font-size: 37px;
    font-size: 2.3125rem;
    line-height: .9
}

@media (max-width: 479px) {
    .year-2023 .queen10 .intro__text {
        font-size: 24px !important;
        font-size: 1.5rem !important
    }
}

.year-2023 .queen10 .intro__figure--2 {
    max-width: 100%
}

@media (max-width: 1180px) {
    .year-2023 .queen10 .intro__figure--2 img {
        max-width: 100% !important;
        height: auto;
        margin-bottom: 0
    }
}

@media (max-width: 1200px) {
    .year-2023 .queen10 .intro__figure--5 img {
        max-width: 100% !important;
        height: auto
    }
}

.year-2023 .queen10 .intro__figure--6 {
    max-width: 530px
}

.year-2023 .queen10 .intro__content {
    width: 100%;
    padding-top: 20px
}

.year-2023 .queen10 .intro__content--1 {
    padding-top: 0
}

.year-2023 .queen10 .intro__content--1 .intro__title {
    color: #ce9e48;
    -webkit-text-stroke: .5px #fff;
    margin-bottom: 0
}

.year-2023 .queen10 .intro__content--1 .intro__subtitle {
    color: #fff
}

.year-2023 .queen10 .intro__content--1 .intro__subtitle--name {
    margin-bottom: 0
}

.year-2023 .queen10 .intro__content--1 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2023 .queen10 .intro__content--1 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2023 .queen10 .intro__content--1 .intro__text {
    color: #fff
}

.year-2023 .queen10 .intro__content--1 .intro__line {
    text-align: center;
    padding: 1rem 0;
    margin-bottom: 10px
}

.year-2023 .queen10 .intro__content--1 .intro__line .img-fluid {
    margin: 0 auto
}

@media (min-width: 768px) {
    .year-2023 .queen10 .intro__content--1 .intro__line .img-fluid {
        max-width: 400px
    }
}

@media (max-width: 991px) {
    .year-2023 .queen10 .intro__content--2 {
        padding-top: 0
    }
}

.year-2023 .queen10 .intro__content--2 .intro__title {
    color: #ce9e48;
    -webkit-text-stroke: .5px #fff;
    margin-bottom: .3rem
}

.year-2023 .queen10 .intro__content--2 .intro__subtitle {
    color: #fff
}

.year-2023 .queen10 .intro__content--2 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2023 .queen10 .intro__content--2 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2023 .queen10 .intro__content--2 .intro__text {
    color: #fff
}

.year-2023 .queen10 .intro__content--2 .intro__line {
    text-align: center;
    padding: 0 0 15px
}

.year-2023 .queen10 .intro__content--2 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 100%
}

.year-2023 .queen10 .intro__content--2 .intro__footer {
    padding-bottom: 52px
}

.year-2023 .queen10 .intro__content--3 {
    padding-top: 0;
    margin-top: -60px
}

.year-2023 .queen10 .intro__content--3 .intro__title {
    background: linear-gradient(180deg, #fff1a1, #fbe285 48%, #f7d267);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .22);
    margin-bottom: 0
}

.year-2023 .queen10 .intro__content--3 .intro__subtitle {
    color: #fff
}

.year-2023 .queen10 .intro__content--3 .intro__subtitle--name {
    margin-bottom: 0
}

.year-2023 .queen10 .intro__content--3 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2023 .queen10 .intro__content--3 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2023 .queen10 .intro__content--3 .intro__text {
    color: #fff
}

.year-2023 .queen10 .intro__content--3 .intro__line {
    text-align: center;
    padding: 1.5rem 0
}

.year-2023 .queen10 .intro__content--3 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 100%
}

.year-2023 .queen10 .intro__content--4 {
    padding-top: 0;
    margin-top: -30px
}

.year-2023 .queen10 .intro__content--4 .intro__title {
    color: #ce9e48;
    -webkit-text-stroke: .5px #fff;
    margin-bottom: 0
}

.year-2023 .queen10 .intro__content--4 .intro__subtitle {
    color: #a27019;
    text-shadow: unset
}

.year-2023 .queen10 .intro__content--4 .intro__subtitle--name {
    margin-bottom: 0
}

.year-2023 .queen10 .intro__content--4 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2023 .queen10 .intro__content--4 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2023 .queen10 .intro__content--4 .intro__text {
    color: #a27019
}

.year-2023 .queen10 .intro__content--4 .intro__line {
    text-align: center;
    padding: 1.5rem 0
}

.year-2023 .queen10 .intro__content--4 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 100%
}

.year-2023 .queen10 .intro__content--5 .intro__logo img {
    width: 10%
}

.year-2023 .queen10 .intro__content--5 .intro__title {
    background: linear-gradient(0deg, #f7d267 0, #fff1a1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 5px 5px rgba(0, 0, 0, .13)
}

.year-2023 .queen10 .intro__content--5 .intro__subtitle {
    color: #fff;
    text-shadow: 0 3px 4px rgba(0, 0, 0, .12)
}

.year-2023 .queen10 .intro__content--5 .intro__subtitle--longlive {
    color: #e2bf21;
    line-height: .7;
    margin-bottom: .3rem
}

.year-2023 .queen10 .intro__content--5 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2023 .queen10 .intro__content--5 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2023 .queen10 .intro__content--5 .intro__text {
    color: #fff
}

.year-2023 .queen10 .intro__content--5 .intro__line {
    text-align: center
}

.year-2023 .queen10 .intro__content--5 .intro__line .img-fluid {
    margin: 0 auto
}

@media (min-width: 768px) {
    .year-2023 .queen10 .intro__content--5 .intro__line .img-fluid {
        max-width: 350px
    }
}

.year-2023 .queen10 .intro__content--6 .intro__title {
    color: #facd6b;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .29);
    margin-bottom: -5px
}

.year-2023 .queen10 .intro__content--6 .intro__title .header-top {
    display: inline-block;
    color: #fff;
    text-shadow: 0 3px 4px rgba(0, 0, 0, .12)
}

.year-2023 .queen10 .intro__content--6 .intro__title .header-top:first-of-type {
    display: block
}

.year-2023 .queen10 .intro__content--6 .intro__subtitle {
    color: #fff;
    text-shadow: 0 3px 4px rgba(0, 0, 0, .12)
}

.year-2023 .queen10 .intro__content--6 .intro__subtitle--name {
    margin-bottom: 0
}

.year-2023 .queen10 .intro__content--6 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2023 .queen10 .intro__content--6 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2023 .queen10 .intro__content--6 .intro__text {
    color: #fff
}

.year-2023 .queen10 .intro__content--6 .intro__line {
    text-align: center
}

.year-2023 .queen10 .intro__content--6 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 100%
}

.year-2023 .queen10 .intro__content--7 .intro__logo img {
    width: 10%
}

.year-2023 .queen10 .intro__content--7 .intro__title {
    background: linear-gradient(0deg, #f7d267 0, #fff1a1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 5px 5px rgba(0, 0, 0, .13)
}

.year-2023 .queen10 .intro__content--7 .intro__subtitle {
    color: #fff;
    text-shadow: 0 3px 4px rgba(0, 0, 0, .12)
}

.year-2023 .queen10 .intro__content--7 .intro__subtitle--longlive {
    color: #e2bf21;
    line-height: .7;
    margin-bottom: .3rem
}

.year-2023 .queen10 .intro__content--7 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2023 .queen10 .intro__content--7 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2023 .queen10 .intro__content--7 .intro__text {
    color: #fff
}

.year-2023 .queen10 .intro__content--7 .intro__line {
    text-align: center
}

.year-2023 .queen10 .intro__content--7 .intro__line .img-fluid {
    margin: 0 auto
}

@media (min-width: 768px) {
    .year-2023 .queen10 .intro__content--7 .intro__line .img-fluid {
        max-width: 448px
    }
}

.year-2023 .queen10 .intro__content--8 {
    padding-top: 0
}

.year-2023 .queen10 .intro__content--8 .intro__title {
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .22);
    margin-bottom: 0
}

.year-2023 .queen10 .intro__content--8 .intro__subtitle {
    color: #fff
}

.year-2023 .queen10 .intro__content--8 .intro__subtitle--name {
    margin-bottom: 0
}

.year-2023 .queen10 .intro__content--8 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2023 .queen10 .intro__content--8 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2023 .queen10 .intro__content--8 .intro__text {
    color: #fff
}

.year-2023 .queen10 .intro__content--8 .intro__line {
    text-align: center;
    padding: 1.5rem 0
}

.year-2023 .queen10 .intro__content--8 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 100%
}

.year-2023 .queen10 .intro__content--9 {
    padding-top: 0
}

.year-2023 .queen10 .intro__content--9 .intro__title {
    color: #facd6b;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .29);
    margin-bottom: 0
}

.year-2023 .queen10 .intro__content--9 .intro__subtitle {
    color: #fff;
    text-shadow: 0 3px 4px rgba(0, 0, 0, .12)
}

.year-2023 .queen10 .intro__content--9 .intro__subtitle--name {
    margin-bottom: 0
}

.year-2023 .queen10 .intro__content--9 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2023 .queen10 .intro__content--9 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2023 .queen10 .intro__content--9 .intro__text {
    color: #fff
}

.year-2023 .queen10 .intro__content--9 .intro__line {
    text-align: center;
    padding: 1rem 0
}

.year-2023 .queen10 .intro__content--9 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 100%
}

.year-2023 .queen10 .intro__subtitle {
    letter-spacing: 0
}

.year-2023 .queen10 .intro__title .header-top {
    display: none
}

@media (min-width: 1200px) {
    .year-2023 .queen10.queen10--2 .container {
        max-width: 80%
    }
}

@media (min-width: 1200px) {
    .year-2023 .queen10.queen10--5 .container, .year-2023 .queen10.queen10--6 .container {
        max-width: 90%
    }
}

.year-2023 .queen10 .intro__button--1 {
    padding: 3px;
    margin-top: .5rem;
    border-radius: 51px;
    border: 1px solid #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .29);
    background: #c98407;
    background: -moz-linear-gradient(left, #c98407 0, #fff2a2 50%, #c98407 100%);
    background: -webkit-linear-gradient(left, #c98407, #fff2a2 50%, #c98407);
    background: linear-gradient(90deg, #c98407 0, #fff2a2 50%, #c98407);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c98407", endColorstr="#c98407", GradientType=1)
}

.year-2023 .queen10 .intro__button--1 a {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #2c103e
}

.year-2023 .queen10 .intro__button--1 a:first-child {
    padding: 10px 5px 7px 15px
}

@media (min-width: 768px) {
    .year-2023 .queen10 .intro__button--1 a:first-child {
        padding: 10px 10px 7px 25px
    }
}

.year-2023 .queen10 .intro__button--1 a:last-child {
    padding: 10px 15px 7px 5px
}

@media (min-width: 768px) {
    .year-2023 .queen10 .intro__button--1 a:last-child {
        padding: 10px 25px 7px 10px
    }
}

.year-2023 .queen10 .intro__button--1 a:last-child:before {
    top: 10px;
    color: #2c103e
}

.year-2023 .queen10 .intro__button--1 a:focus, .year-2023 .queen10 .intro__button--1 a:hover {
    text-decoration: none
}

.year-2023 .queen10 .intro__button--2 {
    padding: 5px 0;
    margin-top: .5rem;
    position: relative;
    border: 1px solid #fff
}

.year-2023 .queen10 .intro__button--2:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    background: #edc76c;
    background: -moz-linear-gradient(left, #edc76c 0, #ba8430 100%);
    background: -webkit-linear-gradient(left, #edc76c, #ba8430);
    background: linear-gradient(90deg, #edc76c 0, #ba8430);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#edc76c", endColorstr="#ba8430", GradientType=1)
}

.year-2023 .queen10 .intro__button--2 a {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 700;
    color: #7244a2
}

.year-2023 .queen10 .intro__button--2 a:first-child {
    padding: 10px 10px 7px 25px
}

.year-2023 .queen10 .intro__button--2 a:last-child {
    padding: 10px 25px 7px 10px
}

.year-2023 .queen10 .intro__button--2 a:last-child:before {
    color: #7244a2
}

.year-2023 .queen10 .intro__button--2 a:focus, .year-2023 .queen10 .intro__button--2 a:hover {
    text-decoration: none
}

.year-2023 .queen10 .intro__button--3 {
    padding: 12px 0;
    margin-top: .5rem;
    position: relative;
    border-radius: 31px;
    background: linear-gradient(250deg, #d5d5d5, #fdfdfd 48%, #939393)
}

.year-2023 .queen10 .intro__button--3:before {
    position: absolute;
    border: 1px solid #fff;
    content: "";
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    border-radius: 64px
}

.year-2023 .queen10 .intro__button--3 a {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #48198c
}

.year-2023 .queen10 .intro__button--3 a:first-child {
    padding: 5px 10px 0 28px
}

.year-2023 .queen10 .intro__button--3 a:last-child {
    padding: 5px 28px 0 10px
}

.year-2023 .queen10 .intro__button--3 a:last-child:before {
    top: 5px
}

.year-2023 .queen10 .intro__button--3 a:focus, .year-2023 .queen10 .intro__button--3 a:hover {
    text-decoration: none
}

.year-2018 .king10 .year-2023 .queen10 .intro__button--11, .year-2018 .king10 .year-2023 .queen10 .intro__button--12, .year-2019 .king .year-2023 .queen10 .intro__button--11, .year-2019 .king .year-2023 .queen10 .intro__button--12, .year-2023 .queen10 .intro__button--4, .year-2023 .queen10 .year-2018 .king10 .intro__button--11, .year-2023 .queen10 .year-2018 .king10 .intro__button--12, .year-2023 .queen10 .year-2019 .king .intro__button--11, .year-2023 .queen10 .year-2019 .king .intro__button--12 {
    padding: 5px 0;
    margin-top: .5rem;
    position: relative;
    border-radius: 69px;
    background: transparent linear-gradient(90deg, #c67f00, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00) 0 0 no-repeat padding-box;
    border: 1px solid #fffcfa
}

.year-2018 .king10 .year-2023 .queen10 .intro__button--11 a, .year-2018 .king10 .year-2023 .queen10 .intro__button--12 a, .year-2019 .king .year-2023 .queen10 .intro__button--11 a, .year-2019 .king .year-2023 .queen10 .intro__button--12 a, .year-2023 .queen10 .intro__button--4 a, .year-2023 .queen10 .year-2018 .king10 .intro__button--11 a, .year-2023 .queen10 .year-2018 .king10 .intro__button--12 a, .year-2023 .queen10 .year-2019 .king .intro__button--11 a, .year-2023 .queen10 .year-2019 .king .intro__button--12 a {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    color: #5d451a
}

.year-2018 .king10 .year-2023 .queen10 .intro__button--11 a:first-child, .year-2018 .king10 .year-2023 .queen10 .intro__button--12 a:first-child, .year-2019 .king .year-2023 .queen10 .intro__button--11 a:first-child, .year-2019 .king .year-2023 .queen10 .intro__button--12 a:first-child, .year-2023 .queen10 .intro__button--4 a:first-child, .year-2023 .queen10 .year-2018 .king10 .intro__button--11 a:first-child, .year-2023 .queen10 .year-2018 .king10 .intro__button--12 a:first-child, .year-2023 .queen10 .year-2019 .king .intro__button--11 a:first-child, .year-2023 .queen10 .year-2019 .king .intro__button--12 a:first-child {
    padding: 13px 5px 7px 15px
}

@media (min-width: 768px) {
    .year-2018 .king10 .year-2023 .queen10 .intro__button--11 a:first-child, .year-2018 .king10 .year-2023 .queen10 .intro__button--12 a:first-child, .year-2019 .king .year-2023 .queen10 .intro__button--11 a:first-child, .year-2019 .king .year-2023 .queen10 .intro__button--12 a:first-child, .year-2023 .queen10 .intro__button--4 a:first-child, .year-2023 .queen10 .year-2018 .king10 .intro__button--11 a:first-child, .year-2023 .queen10 .year-2018 .king10 .intro__button--12 a:first-child, .year-2023 .queen10 .year-2019 .king .intro__button--11 a:first-child, .year-2023 .queen10 .year-2019 .king .intro__button--12 a:first-child {
        padding: 13px 5px 7px 25px
    }
}

.year-2018 .king10 .year-2023 .queen10 .intro__button--11 a:last-child, .year-2018 .king10 .year-2023 .queen10 .intro__button--12 a:last-child, .year-2019 .king .year-2023 .queen10 .intro__button--11 a:last-child, .year-2019 .king .year-2023 .queen10 .intro__button--12 a:last-child, .year-2023 .queen10 .intro__button--4 a:last-child, .year-2023 .queen10 .year-2018 .king10 .intro__button--11 a:last-child, .year-2023 .queen10 .year-2018 .king10 .intro__button--12 a:last-child, .year-2023 .queen10 .year-2019 .king .intro__button--11 a:last-child, .year-2023 .queen10 .year-2019 .king .intro__button--12 a:last-child {
    padding: 13px 15px 7px 5px
}

@media (min-width: 768px) {
    .year-2018 .king10 .year-2023 .queen10 .intro__button--11 a:last-child, .year-2018 .king10 .year-2023 .queen10 .intro__button--12 a:last-child, .year-2019 .king .year-2023 .queen10 .intro__button--11 a:last-child, .year-2019 .king .year-2023 .queen10 .intro__button--12 a:last-child, .year-2023 .queen10 .intro__button--4 a:last-child, .year-2023 .queen10 .year-2018 .king10 .intro__button--11 a:last-child, .year-2023 .queen10 .year-2018 .king10 .intro__button--12 a:last-child, .year-2023 .queen10 .year-2019 .king .intro__button--11 a:last-child, .year-2023 .queen10 .year-2019 .king .intro__button--12 a:last-child {
        padding: 13px 25px 7px 5px
    }
}

.year-2018 .king10 .year-2023 .queen10 .intro__button--11 a:last-child:before, .year-2018 .king10 .year-2023 .queen10 .intro__button--12 a:last-child:before, .year-2019 .king .year-2023 .queen10 .intro__button--11 a:last-child:before, .year-2019 .king .year-2023 .queen10 .intro__button--12 a:last-child:before, .year-2023 .queen10 .intro__button--4 a:last-child:before, .year-2023 .queen10 .year-2018 .king10 .intro__button--11 a:last-child:before, .year-2023 .queen10 .year-2018 .king10 .intro__button--12 a:last-child:before, .year-2023 .queen10 .year-2019 .king .intro__button--11 a:last-child:before, .year-2023 .queen10 .year-2019 .king .intro__button--12 a:last-child:before {
    top: 13px
}

.year-2018 .king10 .year-2023 .queen10 .intro__button--11 a:focus, .year-2018 .king10 .year-2023 .queen10 .intro__button--11 a:hover, .year-2018 .king10 .year-2023 .queen10 .intro__button--12 a:focus, .year-2018 .king10 .year-2023 .queen10 .intro__button--12 a:hover, .year-2019 .king .year-2023 .queen10 .intro__button--11 a:focus, .year-2019 .king .year-2023 .queen10 .intro__button--11 a:hover, .year-2019 .king .year-2023 .queen10 .intro__button--12 a:focus, .year-2019 .king .year-2023 .queen10 .intro__button--12 a:hover, .year-2023 .queen10 .intro__button--4 a:focus, .year-2023 .queen10 .intro__button--4 a:hover, .year-2023 .queen10 .year-2018 .king10 .intro__button--11 a:focus, .year-2023 .queen10 .year-2018 .king10 .intro__button--11 a:hover, .year-2023 .queen10 .year-2018 .king10 .intro__button--12 a:focus, .year-2023 .queen10 .year-2018 .king10 .intro__button--12 a:hover, .year-2023 .queen10 .year-2019 .king .intro__button--11 a:focus, .year-2023 .queen10 .year-2019 .king .intro__button--11 a:hover, .year-2023 .queen10 .year-2019 .king .intro__button--12 a:focus, .year-2023 .queen10 .year-2019 .king .intro__button--12 a:hover {
    text-decoration: none
}

.year-2018 .year-2023 .queen10 .intro__button--14, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--14, .year-2023 .queen10 .intro__button--5, .year-2023 .queen10 .year-2018 .intro__button--14, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--14 {
    margin-top: .5rem;
    border-radius: 33px;
    background: #f1da7a;
    border: 1px solid #707070
}

.year-2018 .year-2023 .queen10 .intro__button--14 a, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--14 a, .year-2023 .queen10 .intro__button--5 a, .year-2023 .queen10 .year-2018 .intro__button--14 a, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--14 a {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    color: #48198c
}

.year-2018 .year-2023 .queen10 .intro__button--14 a:first-child, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--14 a:first-child, .year-2023 .queen10 .intro__button--5 a:first-child, .year-2023 .queen10 .year-2018 .intro__button--14 a:first-child, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--14 a:first-child {
    padding: 15px 15px 9px
}

@media (min-width: 768px) {
    .year-2018 .year-2023 .queen10 .intro__button--14 a:first-child, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--14 a:first-child, .year-2023 .queen10 .intro__button--5 a:first-child, .year-2023 .queen10 .year-2018 .intro__button--14 a:first-child, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--14 a:first-child {
        padding: 15px 15px 9px 25px
    }
}

.year-2018 .year-2023 .queen10 .intro__button--14 a:last-child, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--14 a:last-child, .year-2023 .queen10 .intro__button--5 a:last-child, .year-2023 .queen10 .year-2018 .intro__button--14 a:last-child, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--14 a:last-child {
    padding: 15px 15px 9px
}

@media (min-width: 768px) {
    .year-2018 .year-2023 .queen10 .intro__button--14 a:last-child, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--14 a:last-child, .year-2023 .queen10 .intro__button--5 a:last-child, .year-2023 .queen10 .year-2018 .intro__button--14 a:last-child, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--14 a:last-child {
        padding: 15px 25px 9px 15px
    }
}

.year-2018 .year-2023 .queen10 .intro__button--14 a:last-child:before, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--14 a:last-child:before, .year-2023 .queen10 .intro__button--5 a:last-child:before, .year-2023 .queen10 .year-2018 .intro__button--14 a:last-child:before, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--14 a:last-child:before {
    top: 15px;
    color: #48198c
}

.year-2018 .year-2023 .queen10 .intro__button--14 a:focus, .year-2018 .year-2023 .queen10 .intro__button--14 a:hover, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--14 a:focus, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--14 a:hover, .year-2023 .queen10 .intro__button--5 a:focus, .year-2023 .queen10 .intro__button--5 a:hover, .year-2023 .queen10 .year-2018 .intro__button--14 a:focus, .year-2023 .queen10 .year-2018 .intro__button--14 a:hover, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--14 a:focus, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--14 a:hover {
    text-decoration: none
}

.year-2018 .year-2023 .queen10 .intro__button--11, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--11, .year-2023 .queen10 .intro__button--6, .year-2023 .queen10 .year-2018 .intro__button--11, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--11 {
    padding: 5px 0;
    margin-top: .5rem;
    position: relative;
    background: linear-gradient(180deg, #f2d286, #ba8430);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .29);
    border-radius: 34px
}

.year-2018 .year-2023 .queen10 .intro__button--11 a, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--11 a, .year-2023 .queen10 .intro__button--6 a, .year-2023 .queen10 .year-2018 .intro__button--11 a, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--11 a {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff
}

.year-2018 .year-2023 .queen10 .intro__button--11 a:first-child, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--11 a:first-child, .year-2023 .queen10 .intro__button--6 a:first-child, .year-2023 .queen10 .year-2018 .intro__button--11 a:first-child, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--11 a:first-child {
    padding: 10px 10px 7px 25px
}

.year-2018 .year-2023 .queen10 .intro__button--11 a:last-child, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--11 a:last-child, .year-2023 .queen10 .intro__button--6 a:last-child, .year-2023 .queen10 .year-2018 .intro__button--11 a:last-child, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--11 a:last-child {
    padding: 10px 25px 7px 10px
}

.year-2018 .year-2023 .queen10 .intro__button--11 a:last-child:before, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--11 a:last-child:before, .year-2023 .queen10 .intro__button--6 a:last-child:before, .year-2023 .queen10 .year-2018 .intro__button--11 a:last-child:before, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--11 a:last-child:before {
    color: #fff
}

.year-2018 .year-2023 .queen10 .intro__button--11 a:focus, .year-2018 .year-2023 .queen10 .intro__button--11 a:hover, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--11 a:focus, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--11 a:hover, .year-2023 .queen10 .intro__button--6 a:focus, .year-2023 .queen10 .intro__button--6 a:hover, .year-2023 .queen10 .year-2018 .intro__button--11 a:focus, .year-2023 .queen10 .year-2018 .intro__button--11 a:hover, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--11 a:focus, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--11 a:hover {
    text-decoration: none
}

.year-2018 .year-2023 .queen10 .intro__button--12, .year-2018 .year-2023 .queen10 .intro__button--13, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--12, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--13, .year-2023 .queen10 .intro__button--7, .year-2023 .queen10 .year-2018 .intro__button--12, .year-2023 .queen10 .year-2018 .intro__button--13, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--12, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--13 {
    margin-top: .5rem;
    border-radius: 33px;
    background: #f1da7a;
    border: 1px solid #707070
}

.year-2018 .year-2023 .queen10 .intro__button--12 a, .year-2018 .year-2023 .queen10 .intro__button--13 a, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--12 a, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--13 a, .year-2023 .queen10 .intro__button--7 a, .year-2023 .queen10 .year-2018 .intro__button--12 a, .year-2023 .queen10 .year-2018 .intro__button--13 a, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--12 a, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--13 a {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    color: #713a96
}

.year-2018 .year-2023 .queen10 .intro__button--12 a:first-child, .year-2018 .year-2023 .queen10 .intro__button--13 a:first-child, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--12 a:first-child, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--13 a:first-child, .year-2023 .queen10 .intro__button--7 a:first-child, .year-2023 .queen10 .year-2018 .intro__button--12 a:first-child, .year-2023 .queen10 .year-2018 .intro__button--13 a:first-child, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--12 a:first-child, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--13 a:first-child {
    padding: 15px 15px 9px
}

@media (min-width: 768px) {
    .year-2018 .year-2023 .queen10 .intro__button--12 a:first-child, .year-2018 .year-2023 .queen10 .intro__button--13 a:first-child, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--12 a:first-child, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--13 a:first-child, .year-2023 .queen10 .intro__button--7 a:first-child, .year-2023 .queen10 .year-2018 .intro__button--12 a:first-child, .year-2023 .queen10 .year-2018 .intro__button--13 a:first-child, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--12 a:first-child, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--13 a:first-child {
        padding: 15px 15px 9px 25px
    }
}

.year-2018 .year-2023 .queen10 .intro__button--12 a:last-child, .year-2018 .year-2023 .queen10 .intro__button--13 a:last-child, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--12 a:last-child, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--13 a:last-child, .year-2023 .queen10 .intro__button--7 a:last-child, .year-2023 .queen10 .year-2018 .intro__button--12 a:last-child, .year-2023 .queen10 .year-2018 .intro__button--13 a:last-child, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--12 a:last-child, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--13 a:last-child {
    padding: 15px 15px 9px
}

@media (min-width: 768px) {
    .year-2018 .year-2023 .queen10 .intro__button--12 a:last-child, .year-2018 .year-2023 .queen10 .intro__button--13 a:last-child, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--12 a:last-child, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--13 a:last-child, .year-2023 .queen10 .intro__button--7 a:last-child, .year-2023 .queen10 .year-2018 .intro__button--12 a:last-child, .year-2023 .queen10 .year-2018 .intro__button--13 a:last-child, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--12 a:last-child, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--13 a:last-child {
        padding: 15px 25px 9px 15px
    }
}

.year-2018 .year-2023 .queen10 .intro__button--12 a:last-child:before, .year-2018 .year-2023 .queen10 .intro__button--13 a:last-child:before, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--12 a:last-child:before, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--13 a:last-child:before, .year-2023 .queen10 .intro__button--7 a:last-child:before, .year-2023 .queen10 .year-2018 .intro__button--12 a:last-child:before, .year-2023 .queen10 .year-2018 .intro__button--13 a:last-child:before, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--12 a:last-child:before, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--13 a:last-child:before {
    top: 15px;
    color: #713a96
}

.year-2018 .year-2023 .queen10 .intro__button--12 a:focus, .year-2018 .year-2023 .queen10 .intro__button--12 a:hover, .year-2018 .year-2023 .queen10 .intro__button--13 a:focus, .year-2018 .year-2023 .queen10 .intro__button--13 a:hover, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--12 a:focus, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--12 a:hover, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--13 a:focus, .year-2019 .queen-mother .year-2023 .queen10 .intro__button--13 a:hover, .year-2023 .queen10 .intro__button--7 a:focus, .year-2023 .queen10 .intro__button--7 a:hover, .year-2023 .queen10 .year-2018 .intro__button--12 a:focus, .year-2023 .queen10 .year-2018 .intro__button--12 a:hover, .year-2023 .queen10 .year-2018 .intro__button--13 a:focus, .year-2023 .queen10 .year-2018 .intro__button--13 a:hover, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--12 a:focus, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--12 a:hover, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--13 a:focus, .year-2023 .queen10 .year-2019 .queen-mother .intro__button--13 a:hover {
    text-decoration: none
}

.year-2023 .queen10 .intro__button--8 {
    padding: 12px 0;
    margin-top: .5rem;
    position: relative;
    border-radius: 31px;
    background: linear-gradient(180deg, #fff, #adadad)
}

.year-2023 .queen10 .intro__button--8 a {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #42035c
}

.year-2023 .queen10 .intro__button--8 a:first-child {
    padding: 5px 10px 0 28px
}

.year-2023 .queen10 .intro__button--8 a:last-child {
    padding: 5px 28px 0 10px
}

.year-2023 .queen10 .intro__button--8 a:last-child:before {
    top: 5px
}

.year-2023 .queen10 .intro__button--8 a:focus, .year-2023 .queen10 .intro__button--8 a:hover {
    text-decoration: none
}

.year-2023 .queen10 .intro__button--9 {
    padding: 12px 0;
    margin-top: .5rem;
    position: relative;
    background: linear-gradient(180deg, #f2d286, #ba8430);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .29);
    border-radius: 34px
}

.year-2023 .queen10 .intro__button--9 a {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .29)
}

.year-2023 .queen10 .intro__button--9 a:first-child {
    padding: 5px 10px 0 28px
}

.year-2023 .queen10 .intro__button--9 a:last-child {
    padding: 5px 28px 0 10px
}

.year-2023 .queen10 .intro__button--9 a:last-child:before {
    top: 5px;
    color: #fff
}

.year-2023 .queen10 .intro__button--9 a:focus, .year-2023 .queen10 .intro__button--9 a:hover {
    text-decoration: none
}

.year-2023 .queen-mother h3 {
    line-height: 1;
    font-size: 70px;
    font-size: 4.375rem;
    font-weight: 700
}

.year-2023 .queen-mother h4 {
    font-size: 26px;
    font-size: 1.625rem;
    margin: 0 0 5px
}

.year-2023 .queen-mother h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2023 .queen-mother h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2023 .queen-mother .intro__title--1 {
    font-family: Sarabun;
    font-size: 80px;
    font-size: 5rem;
    font-weight: 400
}

@media (max-width: 991px) {
    .year-2023 .queen-mother .intro__title--1 {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

@media (max-width: 767px) {
    .year-2023 .queen-mother .intro__title--1 {
        line-height: .8
    }
}

.year-2023 .queen-mother .intro__title--2 {
    font-family: Sarabun;
    font-size: 82px;
    font-size: 5.125rem;
    font-weight: 400;
    margin-bottom: 0;
    line-height: .9
}

@media (max-width: 991px) {
    .year-2023 .queen-mother .intro__title--2 {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

.year-2018 .queen .year-2023 .queen-mother .intro__title--10, .year-2018 .queen .year-2023 .queen-mother .intro__title--11, .year-2018 .queen .year-2023 .queen-mother .intro__title--13, .year-2018 .queen .year-2023 .queen-mother .intro__title--14, .year-2018 .queen .year-2023 .queen-mother .intro__title--15, .year-2023 .queen-mother .intro__title--3, .year-2023 .queen-mother .year-2018 .queen .intro__title--10, .year-2023 .queen-mother .year-2018 .queen .intro__title--11, .year-2023 .queen-mother .year-2018 .queen .intro__title--13, .year-2023 .queen-mother .year-2018 .queen .intro__title--14, .year-2023 .queen-mother .year-2018 .queen .intro__title--15 {
    font-family: Sarabun;
    font-size: 80px;
    font-size: 5rem;
    font-weight: 400
}

@media (max-width: 991px) {
    .year-2018 .queen .year-2023 .queen-mother .intro__title--10, .year-2018 .queen .year-2023 .queen-mother .intro__title--11, .year-2018 .queen .year-2023 .queen-mother .intro__title--13, .year-2018 .queen .year-2023 .queen-mother .intro__title--14, .year-2018 .queen .year-2023 .queen-mother .intro__title--15, .year-2023 .queen-mother .intro__title--3, .year-2023 .queen-mother .year-2018 .queen .intro__title--10, .year-2023 .queen-mother .year-2018 .queen .intro__title--11, .year-2023 .queen-mother .year-2018 .queen .intro__title--13, .year-2023 .queen-mother .year-2018 .queen .intro__title--14, .year-2023 .queen-mother .year-2018 .queen .intro__title--15 {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

@media (max-width: 767px) {
    .year-2018 .queen .year-2023 .queen-mother .intro__title--10, .year-2018 .queen .year-2023 .queen-mother .intro__title--11, .year-2018 .queen .year-2023 .queen-mother .intro__title--13, .year-2018 .queen .year-2023 .queen-mother .intro__title--14, .year-2018 .queen .year-2023 .queen-mother .intro__title--15, .year-2023 .queen-mother .intro__title--3, .year-2023 .queen-mother .year-2018 .queen .intro__title--10, .year-2023 .queen-mother .year-2018 .queen .intro__title--11, .year-2023 .queen-mother .year-2018 .queen .intro__title--13, .year-2023 .queen-mother .year-2018 .queen .intro__title--14, .year-2023 .queen-mother .year-2018 .queen .intro__title--15 {
        line-height: .8
    }
}

.year-2018 .king10 .year-2023 .queen-mother .intro__title--10, .year-2018 .king10 .year-2023 .queen-mother .intro__title--11, .year-2018 .king10 .year-2023 .queen-mother .intro__title--12, .year-2023 .queen-mother .intro__title--4, .year-2023 .queen-mother .year-2018 .king10 .intro__title--10, .year-2023 .queen-mother .year-2018 .king10 .intro__title--11, .year-2023 .queen-mother .year-2018 .king10 .intro__title--12 {
    font-family: PSL Panpilas Pro;
    font-size: 90px;
    font-size: 5.625rem;
    font-weight: 700;
    line-height: .9
}

@media (max-width: 1199px) {
    .year-2018 .king10 .year-2023 .queen-mother .intro__title--10, .year-2018 .king10 .year-2023 .queen-mother .intro__title--11, .year-2018 .king10 .year-2023 .queen-mother .intro__title--12, .year-2023 .queen-mother .intro__title--4, .year-2023 .queen-mother .year-2018 .king10 .intro__title--10, .year-2023 .queen-mother .year-2018 .king10 .intro__title--11, .year-2023 .queen-mother .year-2018 .king10 .intro__title--12 {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

.year-2018 .queen .year-2023 .queen-mother .intro__title--12, .year-2023 .queen-mother .intro__title--5, .year-2023 .queen-mother .year-2018 .queen .intro__title--12 {
    font-size: 81px;
    font-size: 5.0625rem;
    font-weight: 700
}

@media (max-width: 1199px) {
    .year-2018 .queen .year-2023 .queen-mother .intro__title--12, .year-2023 .queen-mother .intro__title--5, .year-2023 .queen-mother .year-2018 .queen .intro__title--12 {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

.year-2023 .queen-mother .intro__title--6 {
    font-size: 80px;
    font-size: 5rem;
    font-weight: 400;
    line-height: .9
}

@media (max-width: 1199px) {
    .year-2023 .queen-mother .intro__title--6 {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

.year-2023 .queen-mother .intro__title--7 {
    font-size: 80px;
    font-size: 5rem;
    font-weight: 400;
    line-height: .9
}

@media (max-width: 1199px) {
    .year-2023 .queen-mother .intro__title--7 {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

.year-2023 .queen-mother .intro__title--8 {
    font-size: 82px;
    font-size: 5.125rem;
    font-weight: 700;
    line-height: .9
}

@media (max-width: 1199px) {
    .year-2023 .queen-mother .intro__title--8 {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

.year-2023 .queen-mother .intro__title--9 {
    font-size: 80px;
    font-size: 5rem;
    font-weight: 400;
    line-height: .9
}

@media (max-width: 1199px) {
    .year-2023 .queen-mother .intro__title--9 {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

.year-2023 .queen-mother .intro__subtitle--1 {
    font-size: 62px;
    font-size: 3.875rem;
    line-height: .8;
    font-weight: 400;
    margin: 0 0 .5rem
}

@media (max-width: 991px) {
    .year-2023 .queen-mother .intro__subtitle--1 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

.year-2023 .queen-mother .intro__subtitle--1.intro__subtitle--longlive, .year-2023 .queen-mother .intro__subtitle--1.intro__subtitle--name {
    font-size: 40px;
    font-size: 2.5rem
}

.year-2023 .queen-mother .intro__subtitle--2 {
    font-weight: 400;
    font-size: 62px;
    font-size: 3.875rem;
    line-height: 1;
    margin-bottom: 0
}

@media (max-width: 991px) {
    .year-2023 .queen-mother .intro__subtitle--2 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

.year-2023 .queen-mother .intro__subtitle--2.intro__subtitle--longlive, .year-2023 .queen-mother .intro__subtitle--2.intro__subtitle--name {
    font-size: 40px;
    font-size: 2.5rem
}

.year-2018 .queen .year-2023 .queen-mother .intro__subtitle--10, .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--11, .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--13, .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--14, .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--15, .year-2023 .queen-mother .intro__subtitle--3, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--10, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--11, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--13, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--14, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--15 {
    font-weight: 400;
    line-height: .9
}

.year-2018 .queen .year-2023 .queen-mother .intro__subtitle--event.intro__subtitle--10, .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--event.intro__subtitle--11, .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--event.intro__subtitle--13, .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--event.intro__subtitle--14, .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--event.intro__subtitle--15, .year-2023 .queen-mother .intro__subtitle--3.intro__subtitle--event, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--10, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--11, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--13, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--14, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--15 {
    font-size: 62px;
    font-size: 3.875rem;
    font-weight: 400
}

@media (max-width: 991px) {
    .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--event.intro__subtitle--10, .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--event.intro__subtitle--11, .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--event.intro__subtitle--13, .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--event.intro__subtitle--14, .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--event.intro__subtitle--15, .year-2023 .queen-mother .intro__subtitle--3.intro__subtitle--event, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--10, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--11, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--13, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--14, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--15 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

.year-2018 .queen .year-2023 .queen-mother .intro__subtitle--name.intro__subtitle--10, .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--name.intro__subtitle--11, .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--name.intro__subtitle--13, .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--name.intro__subtitle--14, .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--name.intro__subtitle--15, .year-2023 .queen-mother .intro__subtitle--3.intro__subtitle--name, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--name.intro__subtitle--10, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--name.intro__subtitle--11, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--name.intro__subtitle--13, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--name.intro__subtitle--14, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--name.intro__subtitle--15 {
    font-size: 40px;
    font-size: 2.5rem;
    margin-bottom: 0
}

.year-2018 .queen .year-2023 .queen-mother .intro__subtitle--longlive.intro__subtitle--10, .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--longlive.intro__subtitle--11, .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--longlive.intro__subtitle--13, .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--longlive.intro__subtitle--14, .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--longlive.intro__subtitle--15, .year-2023 .queen-mother .intro__subtitle--3.intro__subtitle--longlive, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--longlive.intro__subtitle--10, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--longlive.intro__subtitle--11, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--longlive.intro__subtitle--13, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--longlive.intro__subtitle--14, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--longlive.intro__subtitle--15 {
    font-size: 40px;
    font-size: 2.5rem
}

.year-2018 .king10 .year-2023 .queen-mother .intro__subtitle--10, .year-2018 .king10 .year-2023 .queen-mother .intro__subtitle--11, .year-2018 .king10 .year-2023 .queen-mother .intro__subtitle--12, .year-2023 .queen-mother .intro__subtitle--4, .year-2023 .queen-mother .year-2018 .king10 .intro__subtitle--10, .year-2023 .queen-mother .year-2018 .king10 .intro__subtitle--11, .year-2023 .queen-mother .year-2018 .king10 .intro__subtitle--12 {
    font-family: Sarabun !important;
    font-weight: 400;
    line-height: 1;
    font-size: 64px;
    font-size: 4rem
}

@media (max-width: 1199px) {
    .year-2018 .king10 .year-2023 .queen-mother .intro__subtitle--10, .year-2018 .king10 .year-2023 .queen-mother .intro__subtitle--11, .year-2018 .king10 .year-2023 .queen-mother .intro__subtitle--12, .year-2023 .queen-mother .intro__subtitle--4, .year-2023 .queen-mother .year-2018 .king10 .intro__subtitle--10, .year-2023 .queen-mother .year-2018 .king10 .intro__subtitle--11, .year-2023 .queen-mother .year-2018 .king10 .intro__subtitle--12 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

.year-2018 .king10 .year-2023 .queen-mother .intro__subtitle--event.intro__subtitle--10, .year-2018 .king10 .year-2023 .queen-mother .intro__subtitle--event.intro__subtitle--11, .year-2018 .king10 .year-2023 .queen-mother .intro__subtitle--event.intro__subtitle--12, .year-2023 .queen-mother .intro__subtitle--4.intro__subtitle--event, .year-2023 .queen-mother .year-2018 .king10 .intro__subtitle--event.intro__subtitle--10, .year-2023 .queen-mother .year-2018 .king10 .intro__subtitle--event.intro__subtitle--11, .year-2023 .queen-mother .year-2018 .king10 .intro__subtitle--event.intro__subtitle--12 {
    font-size: 64px;
    font-size: 4rem;
    line-height: .9
}

@media (max-width: 1199px) {
    .year-2018 .king10 .year-2023 .queen-mother .intro__subtitle--event.intro__subtitle--10, .year-2018 .king10 .year-2023 .queen-mother .intro__subtitle--event.intro__subtitle--11, .year-2018 .king10 .year-2023 .queen-mother .intro__subtitle--event.intro__subtitle--12, .year-2023 .queen-mother .intro__subtitle--4.intro__subtitle--event, .year-2023 .queen-mother .year-2018 .king10 .intro__subtitle--event.intro__subtitle--10, .year-2023 .queen-mother .year-2018 .king10 .intro__subtitle--event.intro__subtitle--11, .year-2023 .queen-mother .year-2018 .king10 .intro__subtitle--event.intro__subtitle--12 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

.year-2018 .king10 .year-2023 .queen-mother .intro__subtitle--name.intro__subtitle--10, .year-2018 .king10 .year-2023 .queen-mother .intro__subtitle--name.intro__subtitle--11, .year-2018 .king10 .year-2023 .queen-mother .intro__subtitle--name.intro__subtitle--12, .year-2023 .queen-mother .intro__subtitle--4.intro__subtitle--name, .year-2023 .queen-mother .year-2018 .king10 .intro__subtitle--name.intro__subtitle--10, .year-2023 .queen-mother .year-2018 .king10 .intro__subtitle--name.intro__subtitle--11, .year-2023 .queen-mother .year-2018 .king10 .intro__subtitle--name.intro__subtitle--12 {
    font-size: 38px;
    font-size: 2.375rem
}

.year-2018 .queen .year-2023 .queen-mother .intro__subtitle--12, .year-2023 .queen-mother .intro__subtitle--5, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--12 {
    font-family: Sarabun !important;
    font-weight: 400;
    line-height: 1;
    font-size: 44px;
    font-size: 2.75rem
}

@media (max-width: 1199px) {
    .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--12, .year-2023 .queen-mother .intro__subtitle--5, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--12 {
        font-size: 32px;
        font-size: 2rem
    }
}

.year-2018 .queen .year-2023 .queen-mother .intro__subtitle--event.intro__subtitle--12, .year-2023 .queen-mother .intro__subtitle--5.intro__subtitle--event, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--12 {
    font-size: 62px;
    font-size: 3.875rem
}

@media (max-width: 1199px) {
    .year-2018 .queen .year-2023 .queen-mother .intro__subtitle--event.intro__subtitle--12, .year-2023 .queen-mother .intro__subtitle--5.intro__subtitle--event, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--12 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

.year-2018 .queen .year-2023 .queen-mother .intro__subtitle--name.intro__subtitle--12, .year-2023 .queen-mother .intro__subtitle--5.intro__subtitle--name, .year-2023 .queen-mother .year-2018 .queen .intro__subtitle--name.intro__subtitle--12 {
    font-size: 44px;
    font-size: 2.75rem
}

.year-2023 .queen-mother .intro__subtitle--6 {
    font-weight: 400;
    line-height: .9;
    font-size: 62px;
    font-size: 3.875rem
}

@media (max-width: 1199px) {
    .year-2023 .queen-mother .intro__subtitle--6 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

.year-2023 .queen-mother .intro__subtitle--6.intro__subtitle--event {
    font-size: 62px;
    font-size: 3.875rem
}

@media (max-width: 1199px) {
    .year-2023 .queen-mother .intro__subtitle--6.intro__subtitle--event {
        font-size: 52px;
        font-size: 3.25rem
    }
}

.year-2023 .queen-mother .intro__subtitle--6.intro__subtitle--name {
    font-size: 40px;
    font-size: 2.5rem
}

.year-2023 .queen-mother .intro__subtitle--7 {
    font-weight: 400;
    line-height: .9
}

.year-2023 .queen-mother .intro__subtitle--7.intro__subtitle--event {
    font-size: 62px;
    font-size: 3.875rem
}

@media (max-width: 1199px) {
    .year-2023 .queen-mother .intro__subtitle--7.intro__subtitle--event {
        font-size: 52px;
        font-size: 3.25rem
    }
}

.year-2023 .queen-mother .intro__subtitle--7.intro__subtitle--name {
    font-size: 40px;
    font-size: 2.5rem;
    margin-bottom: 0
}

.year-2023 .queen-mother .intro__subtitle--7.intro__subtitle--longlive {
    font-size: 40px;
    font-size: 2.5rem
}

.year-2023 .queen-mother .intro__subtitle--8 {
    font-weight: 400;
    line-height: .9;
    font-size: 62px;
    font-size: 3.875rem
}

@media (max-width: 1199px) {
    .year-2023 .queen-mother .intro__subtitle--8 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

.year-2023 .queen-mother .intro__subtitle--8.intro__subtitle--longlive, .year-2023 .queen-mother .intro__subtitle--8.intro__subtitle--name {
    font-size: 40px;
    font-size: 2.5rem
}

.year-2023 .queen-mother .intro__subtitle--9 {
    font-weight: 400;
    line-height: .9;
    font-size: 62px;
    font-size: 3.875rem
}

@media (max-width: 1199px) {
    .year-2023 .queen-mother .intro__subtitle--9 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

.year-2023 .queen-mother .intro__subtitle--9.intro__subtitle--name {
    font-size: 40px;
    font-size: 2.5rem
}

.year-2023 .queen-mother .intro__content--1 {
    font-family: Sarabun
}

.year-2023 .queen-mother .intro__content--1 .intro__text {
    font-family: Sarabun;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1;
    font-weight: 400
}

@media (max-width: 991px) {
    .year-2023 .queen-mother .intro__content--1 .intro__text {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2023 .queen-mother .intro__content--1 .intro__button {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1
}

.year-2023 .queen-mother .intro__content--2 {
    font-family: Sarabun
}

.year-2023 .queen-mother .intro__content--2 .intro__text {
    font-size: 33px;
    font-size: 2.0625rem;
    line-height: 1;
    font-weight: 400
}

@media (max-width: 1199px) {
    .year-2023 .queen-mother .intro__content--2 .intro__text {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2023 .queen-mother .intro__content--2 .intro__button {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.2
}

@media (max-width: 1199px) {
    .year-2023 .queen-mother .intro__content--2 .intro__button {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2023 .queen-mother .intro__content--3 {
    font-family: Sarabun
}

.year-2023 .queen-mother .intro__content--3 .intro__text {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1;
    font-weight: 400
}

@media (max-width: 991px) {
    .year-2023 .queen-mother .intro__content--3 .intro__text {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2023 .queen-mother .intro__content--3 .intro__button {
    font-size: 27px;
    font-size: 1.6875rem
}

.year-2023 .queen-mother .intro__content--4 {
    font-family: Sarabun
}

.year-2023 .queen-mother .intro__content--4 .intro__text {
    line-height: 1;
    font-weight: 400;
    font-size: 35px;
    font-size: 2.1875rem
}

@media (max-width: 1199px) {
    .year-2023 .queen-mother .intro__content--4 .intro__text {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2023 .queen-mother .intro__content--4 .intro__button {
    font-size: 34px;
    font-size: 2.125rem
}

@media (max-width: 1199px) {
    .year-2023 .queen-mother .intro__content--4 .intro__button {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2023 .queen-mother .intro__content--5 {
    font-family: Sarabun
}

.year-2023 .queen-mother .intro__content--5 .intro__text {
    font-family: Sarabun !important;
    line-height: 1;
    font-weight: 400;
    font-size: 41px;
    font-size: 2.5625rem
}

@media (max-width: 1199px) {
    .year-2023 .queen-mother .intro__content--5 .intro__text {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2023 .queen-mother .intro__content--5 .intro__button {
    font-size: 31px;
    font-size: 1.9375rem;
    font-weight: 400
}

@media (max-width: 1199px) {
    .year-2023 .queen-mother .intro__content--5 .intro__button {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2023 .queen-mother .intro__content--6 {
    font-family: Sarabun
}

.year-2023 .queen-mother .intro__content--6 .intro__text {
    line-height: 1;
    font-weight: 400;
    font-size: 36px;
    font-size: 2.25rem;
    font-family: Sarabun
}

@media (max-width: 1199px) {
    .year-2023 .queen-mother .intro__content--6 .intro__text {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2023 .queen-mother .intro__content--6 .intro__button {
    font-family: Sarabun;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700
}

.year-2023 .queen-mother .intro__content--7 {
    font-family: Sarabun
}

.year-2023 .queen-mother .intro__content--7 .intro__text {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1;
    font-weight: 400
}

@media (max-width: 1199px) {
    .year-2023 .queen-mother .intro__content--7 .intro__text {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2023 .queen-mother .intro__content--7 .intro__button {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700
}

.year-2023 .queen-mother .intro__content--8 {
    font-family: Sarabun
}

.year-2023 .queen-mother .intro__content--8 .intro__text {
    font-size: 33px;
    font-size: 2.0625rem;
    line-height: 1;
    font-weight: 400
}

@media (max-width: 1199px) {
    .year-2023 .queen-mother .intro__content--8 .intro__text {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2023 .queen-mother .intro__content--8 .intro__button {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 700
}

.year-2023 .queen-mother .intro__content--9 {
    font-family: Sarabun
}

.year-2023 .queen-mother .intro__content--9 .intro__text {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1;
    font-weight: 400
}

@media (max-width: 1199px) {
    .year-2023 .queen-mother .intro__content--9 .intro__text {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2023 .queen-mother .intro__content--9 .intro__button {
    font-size: 27px;
    font-size: 1.6875rem
}

.year-2023 .queen-mother .intro.intro--horizontal .intro__row {
    width: 100%
}

.year-2023 .queen-mother .intro__figure--1 {
    min-height: 420px;
    height: 40vh
}

.year-2023 .queen-mother .intro__figure--2 {
    margin: 1rem auto
}

@media (min-width: 992px) {
    .year-2023 .queen-mother .intro__figure--2 {
        max-width: 430px
    }
}

.year-2023 .queen-mother .intro__figure--3 {
    margin-bottom: 1rem
}

@media (min-width: 992px) {
    .year-2023 .queen-mother .intro__figure--3 {
        max-width: 500px
    }
}

@media (min-width: 1200px) {
    .year-2023 .queen-mother .intro__figure--3 {
        max-width: 100%;
        width: 100%
    }
}

@media (max-width: 991px) {
    .year-2023 .queen-mother .intro__figure--3 .intro__image {
        max-width: 100% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2023 .queen-mother .intro__figure--3 .intro__image {
        transform: scale(1.125)
    }
}

@media (min-width: 1200px) {
    .year-2023 .queen-mother .intro__figure--3 .intro__image {
        transform: scale(1.1)
    }
}

@media (min-width: 992px) {
    .year-2023 .queen-mother .intro__figure--4 {
        max-width: 500px
    }
}

@media (min-width: 1200px) {
    .year-2023 .queen-mother .intro__figure--4 {
        max-width: 100%;
        width: 100%;
        margin-left: -15%
    }
}

@media (max-width: 991px) {
    .year-2023 .queen-mother .intro__figure--4 .intro__image {
        max-width: 100% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2023 .queen-mother .intro__figure--4 .intro__image {
        transform: scale(1.15)
    }
}

@media (min-width: 992px) {
    .year-2023 .queen-mother .intro__figure--5 {
        max-width: 500px
    }
}

@media (min-width: 1200px) {
    .year-2023 .queen-mother .intro__figure--5 {
        max-width: 100%;
        width: 100%;
        margin-left: -15%
    }
}

@media (max-width: 991px) {
    .year-2023 .queen-mother .intro__figure--5 .intro__image {
        max-width: 100% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2023 .queen-mother .intro__figure--5 .intro__image {
        transform: scale(1.15)
    }
}

@media (min-width: 1200px) {
    .year-2023 .queen-mother .intro__figure--6 {
        max-width: 100%;
        width: 100%;
        margin-left: -15%
    }
}

@media (min-width: 992px) {
    .year-2023 .queen-mother .intro__figure--6 {
        max-width: 500px
    }
}

@media (max-width: 991px) {
    .year-2023 .queen-mother .intro__figure--6 .intro__image {
        max-width: 100% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2023 .queen-mother .intro__figure--6 .intro__image {
        transform: scale(1.15)
    }
}

.year-2023 .queen-mother .intro__figure--7 {
    margin-bottom: 1rem;
    margin-top: 1rem;
    height: 40vh
}

@media (min-width: 992px) {
    .year-2023 .queen-mother .intro__figure--7 {
        max-width: 500px
    }
}

@media (min-width: 1200px) {
    .year-2023 .queen-mother .intro__figure--7 {
        max-width: 100%;
        width: 100%
    }
}

@media (max-width: 991px) {
    .year-2023 .queen-mother .intro__figure--7 .intro__image {
        max-width: 100% !important
    }
}

.year-2023 .queen-mother .intro__figure--8 {
    margin: 1rem auto
}

@media (min-width: 1200px) {
    .year-2023 .queen-mother .intro__figure--8 {
        max-width: 100%;
        width: 100%;
        margin-left: -15%
    }
}

@media (min-width: 992px) {
    .year-2023 .queen-mother .intro__figure--8 {
        max-width: 500px
    }
}

@media (min-width: 1200px) {
    .year-2023 .queen-mother .intro__figure--9 {
        max-width: 100%;
        width: 100%;
        margin-left: -15%
    }
}

@media (min-width: 992px) {
    .year-2023 .queen-mother .intro__figure--9 {
        max-width: 570px
    }
}

.year-2023 .queen-mother .intro__content .intro__title {
    margin: 0
}

.year-2023 .queen-mother .intro__content .intro__subtitle--longlive, .year-2023 .queen-mother .intro__content .intro__subtitle .master {
    display: none
}

.year-2023 .queen-mother .intro__content--1 {
    color: #fff;
    margin: 0 auto
}

.year-2023 .queen-mother .intro__content--1 .company-name {
    display: block
}

.year-2023 .queen-mother .intro__content--1 .intro__subtitle, .year-2023 .queen-mother .intro__content--1 .intro__title {
    text-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, -1px -1px transparent, 1px 1px 0 transparent, -1px 1px 0 transparent, 3px 3px 6px rgba(0, 0, 0, .1)
}

.year-2023 .queen-mother .intro__content--1 .intro__subtitle {
    color: #fff
}

.year-2023 .queen-mother .intro__content--1 .intro__subtitle--longlive {
    margin: 0 auto
}

.year-2023 .queen-mother .intro__content--1 .intro__subtitle--longlive span:last-child {
    display: block !important
}

.year-2023 .queen-mother .intro__content--1 .intro__subtitle .firstname, .year-2023 .queen-mother .intro__content--1 .intro__subtitle .lastname {
    display: inline-block
}

.year-2023 .queen-mother .intro__content--1 .intro__text {
    color: #fff;
    margin-bottom: 1.5rem;
    text-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, -1px -1px transparent, 1px 1px 0 transparent, -1px 1px 0 transparent, 3px 3px 6px rgba(0, 0, 0, .16)
}

.year-2023 .queen-mother .intro__content--1 .intro__line {
    max-width: 290px;
    margin: 1.5rem auto;
    padding: 0
}

.year-2023 .queen-mother .intro__content--2 {
    color: #fff
}

@media (max-width: 991px) {
    .year-2023 .queen-mother .intro__content--2 {
        margin: auto
    }
}

@media (min-width: 1200px) {
    .year-2023 .queen-mother .intro__content--2 {
        width: 590px
    }
}

.year-2023 .queen-mother .intro__content--2 .company-name {
    display: block
}

.year-2023 .queen-mother .intro__content--2 .intro__title {
    color: #dba115;
    text-shadow: 0 0 0 hsla(0, 0%, 100%, .8), 0 0 0 hsla(0, 0%, 100%, .8), 0 0 0 hsla(0, 0%, 100%, .8), 0 0 0 hsla(0, 0%, 100%, .8), -1px -1px hsla(0, 0%, 100%, .8), 1px 1px 0 hsla(0, 0%, 100%, .8), -1px 1px 0 hsla(0, 0%, 100%, .8), 3px 3px 6px rgba(0, 0, 0, .1)
}

.year-2023 .queen-mother .intro__content--2 .intro__subtitle {
    color: #fff;
    text-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, -1px -1px transparent, 1px 1px 0 transparent, -1px 1px 0 transparent, 3px 3px 4px rgba(0, 0, 0, .08)
}

.year-2023 .queen-mother .intro__content--2 .intro__subtitle--longlive {
    max-width: 420px;
    margin: 0 auto
}

.year-2023 .queen-mother .intro__content--2 .intro__line {
    max-width: 148px;
    margin: 0 auto;
    padding: 15px 0
}

.year-2023 .queen-mother .intro__content--2 .intro__text {
    color: #fff;
    text-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, -1px -1px transparent, 1px 1px 0 transparent, -1px 1px 0 transparent, 3px 3px 6px rgba(0, 0, 0, .08)
}

.year-2023 .queen-mother .intro__content--3 {
    color: #fff;
    margin: auto
}

.year-2023 .queen-mother .intro__content--3 .company-name {
    display: block
}

.year-2023 .queen-mother .intro__content--3 .intro__title {
    margin-bottom: 0
}

.year-2023 .queen-mother .intro__content--3 .intro__subtitle, .year-2023 .queen-mother .intro__content--3 .intro__title {
    color: #fff;
    text-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, -1px -1px transparent, 1px 1px 0 transparent, -1px 1px 0 transparent, 3px 3px 6px rgba(0, 0, 0, .1)
}

.year-2023 .queen-mother .intro__content--3 .intro__subtitle--name {
    margin-bottom: .5rem
}

.year-2023 .queen-mother .intro__content--3 .intro__subtitle--longlive {
    max-width: 420px;
    margin: 0 auto
}

.year-2023 .queen-mother .intro__content--3 .intro__subtitle .firstname {
    display: inline-block
}

.year-2023 .queen-mother .intro__content--3 .intro__line {
    width: 222px;
    margin: 0 auto
}

.year-2023 .queen-mother .intro__content--3 .intro__text {
    margin-bottom: .35rem;
    text-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, -1px -1px transparent, 1px 1px 0 transparent, -1px 1px 0 transparent, 3px 3px 6px rgba(0, 0, 0, .16)
}

.year-2023 .queen-mother .intro__content--4 {
    color: #fff
}

@media (max-width: 991px) {
    .year-2023 .queen-mother .intro__content--4 {
        margin: auto
    }
}

@media (min-width: 1200px) {
    .year-2023 .queen-mother .intro__content--4 {
        width: 740px;
        margin-left: -20%
    }
}

.year-2023 .queen-mother .intro__content--4 .intro__title {
    margin-bottom: 0;
    color: #fff;
    text-shadow: 1px 0 0 transparent, -1px 0 0 transparent, 0 1px 0 transparent, 0 -1px 0 transparent, 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 2px 2px 2px rgba(0, 0, 0, .22)
}

.year-2023 .queen-mother .intro__content--4 .intro__subtitle {
    color: #fff
}

.year-2023 .queen-mother .intro__content--4 .intro__subtitle--event {
    margin-bottom: 0
}

.year-2023 .queen-mother .intro__content--4 .intro__line {
    width: 190px;
    margin: 0 auto;
    padding: 10px 0
}

.year-2023 .queen-mother .intro__content--4 .intro__text {
    margin-bottom: 10px
}

.year-2023 .queen-mother .intro__content--5 {
    color: #fff
}

@media (max-width: 991px) {
    .year-2023 .queen-mother .intro__content--5 {
        margin: auto
    }
}

@media (min-width: 1200px) {
    .year-2023 .queen-mother .intro__content--5 {
        width: 740px;
        margin-left: -20%
    }
}

.year-2023 .queen-mother .intro__content--5 .intro__title {
    margin-bottom: 0;
    color: #fff
}

.year-2023 .queen-mother .intro__content--5 .intro__subtitle {
    color: #fff
}

.year-2023 .queen-mother .intro__content--5 .intro__subtitle .firstname {
    display: inline-block
}

.year-2023 .queen-mother .intro__content--5 .intro__line {
    max-width: 450px;
    margin: 1.5rem auto;
    padding: 0
}

@media (max-width: 991px) {
    .year-2023 .queen-mother .intro__content--5 .intro__line {
        max-width: 290px
    }
}

.year-2023 .queen-mother .intro__content--5 .intro__text {
    margin-bottom: 10px
}

.year-2023 .queen-mother .intro__content--6 {
    color: #3a75c1
}

@media (min-width: 1200px) {
    .year-2023 .queen-mother .intro__content--6 {
        width: 715px;
        margin-left: -20%
    }
}

@media (max-width: 991px) {
    .year-2023 .queen-mother .intro__content--6 {
        margin: auto
    }
}

.year-2023 .queen-mother .intro__content--6 .intro__title {
    margin-bottom: 0
}

.year-2023 .queen-mother .intro__content--6 .intro__subtitle, .year-2023 .queen-mother .intro__content--6 .intro__title {
    text-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, -1px -1px transparent, 1px 1px 0 transparent, -1px 1px 0 transparent, 3px 3px 6px rgba(0, 0, 0, .1)
}

.year-2023 .queen-mother .intro__content--6 .intro__subtitle .firstname {
    display: inline-block
}

.year-2023 .queen-mother .intro__content--6 .intro__line {
    width: 290px;
    margin: 0 auto;
    padding: 10px 0
}

.year-2023 .queen-mother .intro__content--6 .intro__text {
    margin-bottom: 10px;
    text-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, -1px -1px transparent, 1px 1px 0 transparent, -1px 1px 0 transparent, 3px 3px 6px rgba(0, 0, 0, .16)
}

.year-2023 .queen-mother .intro__content--7 {
    color: #fff;
    margin: auto
}

.year-2023 .queen-mother .intro__content--7 .company-name {
    display: block
}

.year-2023 .queen-mother .intro__content--7 .intro__title {
    margin-bottom: 0;
    color: #fff;
    text-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, -1px -1px transparent, 1px 1px 0 transparent, -1px 1px 0 transparent, 3px 3px 6px rgba(0, 0, 0, .1)
}

.year-2023 .queen-mother .intro__content--7 .intro__subtitle {
    color: #fff;
    text-shadow: 1px 0 0 transparent, -1px 0 0 transparent, 0 1px 0 transparent, 0 -1px 0 transparent, 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 3px 3px 6px rgba(0, 0, 0, .1)
}

.year-2023 .queen-mother .intro__content--7 .intro__subtitle--name {
    margin-bottom: .5rem
}

.year-2023 .queen-mother .intro__content--7 .intro__subtitle--longlive {
    max-width: 420px;
    margin: 0 auto
}

.year-2023 .queen-mother .intro__content--7 .intro__subtitle .firstname {
    display: inline-block
}

.year-2023 .queen-mother .intro__content--7 .intro__line {
    width: 180px;
    margin: 0 auto
}

.year-2023 .queen-mother .intro__content--7 .intro__text {
    margin-bottom: .35rem;
    text-shadow: 1px 0 0 transparent, -1px 0 0 transparent, 0 1px 0 transparent, 0 -1px 0 transparent, 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 3px 3px 6px rgba(0, 0, 0, .1)
}

.year-2023 .queen-mother .intro__content--8 {
    color: #fff
}

@media (min-width: 1200px) {
    .year-2023 .queen-mother .intro__content--8 {
        width: 650px;
        margin-left: -20%
    }
}

.year-2023 .queen-mother .intro__content--8 .intro__title {
    color: #fff;
    text-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, -1px -1px transparent, 1px 1px 0 transparent, -1px 1px 0 transparent, 3px 3px 6px rgba(0, 0, 0, .1)
}

.year-2023 .queen-mother .intro__content--8 .intro__subtitle {
    color: #fff;
    text-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, -1px -1px transparent, 1px 1px 0 transparent, -1px 1px 0 transparent, 3px 3px 4px rgba(0, 0, 0, .08)
}

.year-2023 .queen-mother .intro__content--8 .intro__line {
    max-width: 215px;
    margin: 0 auto;
    padding: 15px 0
}

.year-2023 .queen-mother .intro__content--8 .intro__text {
    color: #fff;
    text-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, -1px -1px transparent, 1px 1px 0 transparent, -1px 1px 0 transparent, 3px 3px 4px rgba(0, 0, 0, .08)
}

.year-2023 .queen-mother .intro__content--9 {
    color: #1d5169
}

@media (min-width: 1200px) {
    .year-2023 .queen-mother .intro__content--9 {
        width: 715px;
        margin-left: -20%
    }
}

@media (max-width: 991px) {
    .year-2023 .queen-mother .intro__content--9 {
        margin: auto
    }
}

.year-2023 .queen-mother .intro__content--9 .intro__title {
    margin-bottom: 0;
    color: #1d5169
}

.year-2023 .queen-mother .intro__content--9 .intro__subtitle {
    color: #1d5169
}

.year-2023 .queen-mother .intro__content--9 .intro__subtitle .firstname {
    display: inline-block
}

.year-2023 .queen-mother .intro__content--9 .intro__line {
    width: 200px;
    margin: 0 auto;
    padding: 10px 0
}

.year-2023 .queen-mother .intro__content--9 .intro__text {
    margin-bottom: 10px
}

.year-2023 .queen-mother--1 {
    background-position: 50%
}

@media (max-width: 991px) {
    .year-2023 .queen-mother--1 {
        padding-bottom: 4rem
    }
}

.year-2023 .queen-mother--2 {
    background-position: 50%
}

@media (max-width: 991px) {
    .year-2023 .queen-mother--2, .year-2023 .queen-mother--3 {
        padding-bottom: 4rem
    }
}

.year-2023 .queen-mother--4 {
    background-position: 50%
}

@media (max-width: 991px) {
    .year-2023 .queen-mother--4 {
        padding-bottom: 4rem
    }
}

.year-2023 .queen-mother--5 {
    background-position: 50%
}

@media (max-width: 991px) {
    .year-2023 .queen-mother--5, .year-2023 .queen-mother--6 {
        padding-bottom: 4rem
    }
}

.year-2023 .queen-mother--7 {
    background-position: 50%
}

@media (max-width: 767px) {
    .year-2023 .queen-mother--7 {
        padding-bottom: 3rem
    }
}

.year-2023 .queen-mother--9 {
    background-position: 50%
}

.year-2023 .queen-mother .intro__button {
    border-radius: 24px;
    display: inline-flex;
    align-items: center;
    min-height: 48px
}

.year-2023 .queen-mother .intro__button a {
    font-size: inherit;
    text-decoration: none
}

.year-2023 .queen-mother .intro__button--1 {
    margin-top: 0;
    background-color: #fff
}

.year-2023 .queen-mother .intro__button--1 a {
    color: #326fbf;
    padding: 10px 15px 10px 30px
}

.year-2023 .queen-mother .intro__button--1 a + a {
    padding: 10px 30px 10px 15px
}

.year-2023 .queen-mother .intro__button--1 a:before {
    color: #326fbf
}

.year-2023 .queen-mother .intro__button--2 {
    position: relative;
    background: transparent linear-gradient(0, #edc76c, #ba8430) 0 0 no-repeat padding-box;
    background: transparent -webkit-linear-gradient(0, #edc76c, #ba8430) 0 0 no-repeat padding-box;
    background: transparent -moz-linear-gradient(0, #edc76c 0, #ba8430 100%) 0 0 no-repeat padding-box;
    min-height: 59px;
    border-radius: 0
}

.year-2023 .queen-mother .intro__button--2:before {
    position: absolute;
    bottom: -6px;
    right: -6px;
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    content: "";
    border: 1px solid #fff
}

.year-2023 .queen-mother .intro__button--2 a {
    color: #174882;
    padding: 10px 15px 10px 30px
}

.year-2023 .queen-mother .intro__button--2 a + a {
    padding: 10px 30px 10px 15px
}

@media (max-width: 324px) {
    .year-2023 .queen-mother .intro__button--2 a {
        font-size: 80%
    }
}

.year-2023 .queen-mother .intro__button--2 a:before, .year-2023 .queen-mother .intro__button--2 a:hover {
    color: #174882
}

.year-2023 .queen-mother .intro__button--3 {
    margin: 10px 0 0;
    background: -webkit-linear-gradient(90deg, #c67f00, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00) 0 0 no-repeat padding-box;
    background: -moz-linear-linear-gradient(90deg, #c67f00 0, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00 100%) 0 0 no-repeat padding-box;
    background: linear-gradient(90deg, #c67f00, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00) 0 0 no-repeat padding-box;
    border: 1px solid #fff;
    min-height: 48px;
    border-radius: 100px
}

.year-2023 .queen-mother .intro__button--3 a {
    color: #0d5384;
    padding: 10px 15px 10px 30px
}

@media (max-width: 324px) {
    .year-2023 .queen-mother .intro__button--3 a {
        font-size: 80%
    }
}

.year-2023 .queen-mother .intro__button--3 a + a {
    padding: 10px 30px 10px 15px
}

.year-2023 .queen-mother .intro__button--3 a:before {
    color: #14639b
}

.year-2023 .queen-mother .intro__button--3 a:hover {
    color: #0d5384
}

.year-2023 .queen-mother .intro__button--3 a:hover:before {
    color: #14639b
}

.year-2018 .king10 .year-2023 .queen-mother .intro__button--11, .year-2018 .king10 .year-2023 .queen-mother .intro__button--12, .year-2019 .king .year-2023 .queen-mother .intro__button--11, .year-2019 .king .year-2023 .queen-mother .intro__button--12, .year-2023 .queen-mother .intro__button--4, .year-2023 .queen-mother .year-2018 .king10 .intro__button--11, .year-2023 .queen-mother .year-2018 .king10 .intro__button--12, .year-2023 .queen-mother .year-2019 .king .intro__button--11, .year-2023 .queen-mother .year-2019 .king .intro__button--12 {
    margin: 10px 0 0;
    background: -webkit-linear-gradient(90deg, #c67f00, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00) 0 0 no-repeat padding-box;
    background: -moz-linear-linear-gradient(90deg, #c67f00 0, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00 100%) 0 0 no-repeat padding-box;
    background: linear-gradient(90deg, #c67f00, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00) 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .32);
    border: 1px solid #fff;
    min-height: 75px;
    border-radius: 100px
}

.year-2018 .king10 .year-2023 .queen-mother .intro__button--11 a, .year-2018 .king10 .year-2023 .queen-mother .intro__button--12 a, .year-2019 .king .year-2023 .queen-mother .intro__button--11 a, .year-2019 .king .year-2023 .queen-mother .intro__button--12 a, .year-2023 .queen-mother .intro__button--4 a, .year-2023 .queen-mother .year-2018 .king10 .intro__button--11 a, .year-2023 .queen-mother .year-2018 .king10 .intro__button--12 a, .year-2023 .queen-mother .year-2019 .king .intro__button--11 a, .year-2023 .queen-mother .year-2019 .king .intro__button--12 a {
    color: #14639b;
    padding: 10px 15px 10px 35px
}

@media (max-width: 324px) {
    .year-2018 .king10 .year-2023 .queen-mother .intro__button--11 a, .year-2018 .king10 .year-2023 .queen-mother .intro__button--12 a, .year-2019 .king .year-2023 .queen-mother .intro__button--11 a, .year-2019 .king .year-2023 .queen-mother .intro__button--12 a, .year-2023 .queen-mother .intro__button--4 a, .year-2023 .queen-mother .year-2018 .king10 .intro__button--11 a, .year-2023 .queen-mother .year-2018 .king10 .intro__button--12 a, .year-2023 .queen-mother .year-2019 .king .intro__button--11 a, .year-2023 .queen-mother .year-2019 .king .intro__button--12 a {
        font-size: 80%
    }
}

.year-2018 .king10 .year-2023 .queen-mother .intro__button--11 a + a, .year-2018 .king10 .year-2023 .queen-mother .intro__button--12 a + a, .year-2019 .king .year-2023 .queen-mother .intro__button--11 a + a, .year-2019 .king .year-2023 .queen-mother .intro__button--12 a + a, .year-2023 .queen-mother .intro__button--4 a + a, .year-2023 .queen-mother .year-2018 .king10 .intro__button--11 a + a, .year-2023 .queen-mother .year-2018 .king10 .intro__button--12 a + a, .year-2023 .queen-mother .year-2019 .king .intro__button--11 a + a, .year-2023 .queen-mother .year-2019 .king .intro__button--12 a + a {
    padding: 10px 35px 10px 15px
}

.year-2018 .king10 .year-2023 .queen-mother .intro__button--11 a:before, .year-2018 .king10 .year-2023 .queen-mother .intro__button--11 a:hover, .year-2018 .king10 .year-2023 .queen-mother .intro__button--11 a:hover:before, .year-2018 .king10 .year-2023 .queen-mother .intro__button--12 a:before, .year-2018 .king10 .year-2023 .queen-mother .intro__button--12 a:hover, .year-2018 .king10 .year-2023 .queen-mother .intro__button--12 a:hover:before, .year-2019 .king .year-2023 .queen-mother .intro__button--11 a:before, .year-2019 .king .year-2023 .queen-mother .intro__button--11 a:hover, .year-2019 .king .year-2023 .queen-mother .intro__button--11 a:hover:before, .year-2019 .king .year-2023 .queen-mother .intro__button--12 a:before, .year-2019 .king .year-2023 .queen-mother .intro__button--12 a:hover, .year-2019 .king .year-2023 .queen-mother .intro__button--12 a:hover:before, .year-2023 .queen-mother .intro__button--4 a:before, .year-2023 .queen-mother .intro__button--4 a:hover, .year-2023 .queen-mother .intro__button--4 a:hover:before, .year-2023 .queen-mother .year-2018 .king10 .intro__button--11 a:before, .year-2023 .queen-mother .year-2018 .king10 .intro__button--11 a:hover, .year-2023 .queen-mother .year-2018 .king10 .intro__button--11 a:hover:before, .year-2023 .queen-mother .year-2018 .king10 .intro__button--12 a:before, .year-2023 .queen-mother .year-2018 .king10 .intro__button--12 a:hover, .year-2023 .queen-mother .year-2018 .king10 .intro__button--12 a:hover:before, .year-2023 .queen-mother .year-2019 .king .intro__button--11 a:before, .year-2023 .queen-mother .year-2019 .king .intro__button--11 a:hover, .year-2023 .queen-mother .year-2019 .king .intro__button--11 a:hover:before, .year-2023 .queen-mother .year-2019 .king .intro__button--12 a:before, .year-2023 .queen-mother .year-2019 .king .intro__button--12 a:hover, .year-2023 .queen-mother .year-2019 .king .intro__button--12 a:hover:before {
    color: #14639b
}

.year-2018 .year-2023 .queen-mother .intro__button--14, .year-2019 .year-2023 .queen-mother .intro__button--14, .year-2023 .queen-mother .intro__button--5, .year-2023 .queen-mother .year-2018 .intro__button--14, .year-2023 .year-2019 .queen-mother .intro__button--14 {
    margin: 10px 0 0;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .39);
    min-height: 66px;
    border-radius: 100px
}

.year-2018 .year-2023 .queen-mother .intro__button--14 a, .year-2019 .year-2023 .queen-mother .intro__button--14 a, .year-2023 .queen-mother .intro__button--5 a, .year-2023 .queen-mother .year-2018 .intro__button--14 a, .year-2023 .year-2019 .queen-mother .intro__button--14 a {
    color: #1348b0;
    padding: 10px 15px 10px 30px
}

.year-2018 .year-2023 .queen-mother .intro__button--14 a + a, .year-2019 .year-2023 .queen-mother .intro__button--14 a + a, .year-2023 .queen-mother .intro__button--5 a + a, .year-2023 .queen-mother .year-2018 .intro__button--14 a + a, .year-2023 .year-2019 .queen-mother .intro__button--14 a + a {
    padding: 10px 30px 10px 15px
}

@media (max-width: 324px) {
    .year-2018 .year-2023 .queen-mother .intro__button--14 a, .year-2019 .year-2023 .queen-mother .intro__button--14 a, .year-2023 .queen-mother .intro__button--5 a, .year-2023 .queen-mother .year-2018 .intro__button--14 a, .year-2023 .year-2019 .queen-mother .intro__button--14 a {
        font-size: 80%
    }
}

.year-2018 .year-2023 .queen-mother .intro__button--14 a:before, .year-2019 .year-2023 .queen-mother .intro__button--14 a:before, .year-2023 .queen-mother .intro__button--5 a:before, .year-2023 .queen-mother .year-2018 .intro__button--14 a:before, .year-2023 .year-2019 .queen-mother .intro__button--14 a:before {
    color: #1348b0;
    top: 11px
}

.year-2018 .year-2023 .queen-mother .intro__button--11, .year-2019 .year-2023 .queen-mother .intro__button--11, .year-2023 .queen-mother .intro__button--6, .year-2023 .queen-mother .year-2018 .intro__button--11, .year-2023 .year-2019 .queen-mother .intro__button--11 {
    margin: 10px 0 0;
    background-color: #3a75c1;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2018 .year-2023 .queen-mother .intro__button--11 a, .year-2019 .year-2023 .queen-mother .intro__button--11 a, .year-2023 .queen-mother .intro__button--6 a, .year-2023 .queen-mother .year-2018 .intro__button--11 a, .year-2023 .year-2019 .queen-mother .intro__button--11 a {
    color: #fff;
    padding: 10px 15px 10px 30px
}

.year-2018 .year-2023 .queen-mother .intro__button--11 a + a, .year-2019 .year-2023 .queen-mother .intro__button--11 a + a, .year-2023 .queen-mother .intro__button--6 a + a, .year-2023 .queen-mother .year-2018 .intro__button--11 a + a, .year-2023 .year-2019 .queen-mother .intro__button--11 a + a {
    padding: 10px 30px 10px 15px
}

@media (max-width: 324px) {
    .year-2018 .year-2023 .queen-mother .intro__button--11 a, .year-2019 .year-2023 .queen-mother .intro__button--11 a, .year-2023 .queen-mother .intro__button--6 a, .year-2023 .queen-mother .year-2018 .intro__button--11 a, .year-2023 .year-2019 .queen-mother .intro__button--11 a {
        font-size: 80%
    }
}

.year-2018 .year-2023 .queen-mother .intro__button--11 a:before, .year-2019 .year-2023 .queen-mother .intro__button--11 a:before, .year-2023 .queen-mother .intro__button--6 a:before, .year-2023 .queen-mother .year-2018 .intro__button--11 a:before, .year-2023 .year-2019 .queen-mother .intro__button--11 a:before {
    color: #fff;
    top: 12px
}

.year-2018 .year-2023 .queen-mother .intro__button--12, .year-2018 .year-2023 .queen-mother .intro__button--13, .year-2019 .year-2023 .queen-mother .intro__button--12, .year-2019 .year-2023 .queen-mother .intro__button--13, .year-2023 .queen-mother .intro__button--7, .year-2023 .queen-mother .year-2018 .intro__button--12, .year-2023 .queen-mother .year-2018 .intro__button--13, .year-2023 .year-2019 .queen-mother .intro__button--12, .year-2023 .year-2019 .queen-mother .intro__button--13 {
    margin: 10px 0 0;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2018 .year-2023 .queen-mother .intro__button--12 a, .year-2018 .year-2023 .queen-mother .intro__button--13 a, .year-2019 .year-2023 .queen-mother .intro__button--12 a, .year-2019 .year-2023 .queen-mother .intro__button--13 a, .year-2023 .queen-mother .intro__button--7 a, .year-2023 .queen-mother .year-2018 .intro__button--12 a, .year-2023 .queen-mother .year-2018 .intro__button--13 a, .year-2023 .year-2019 .queen-mother .intro__button--12 a, .year-2023 .year-2019 .queen-mother .intro__button--13 a {
    color: #326fbf;
    padding: 10px 15px 10px 30px
}

.year-2018 .year-2023 .queen-mother .intro__button--12 a + a, .year-2018 .year-2023 .queen-mother .intro__button--13 a + a, .year-2019 .year-2023 .queen-mother .intro__button--12 a + a, .year-2019 .year-2023 .queen-mother .intro__button--13 a + a, .year-2023 .queen-mother .intro__button--7 a + a, .year-2023 .queen-mother .year-2018 .intro__button--12 a + a, .year-2023 .queen-mother .year-2018 .intro__button--13 a + a, .year-2023 .year-2019 .queen-mother .intro__button--12 a + a, .year-2023 .year-2019 .queen-mother .intro__button--13 a + a {
    padding: 10px 30px 10px 15px
}

@media (max-width: 324px) {
    .year-2018 .year-2023 .queen-mother .intro__button--12 a, .year-2018 .year-2023 .queen-mother .intro__button--13 a, .year-2019 .year-2023 .queen-mother .intro__button--12 a, .year-2019 .year-2023 .queen-mother .intro__button--13 a, .year-2023 .queen-mother .intro__button--7 a, .year-2023 .queen-mother .year-2018 .intro__button--12 a, .year-2023 .queen-mother .year-2018 .intro__button--13 a, .year-2023 .year-2019 .queen-mother .intro__button--12 a, .year-2023 .year-2019 .queen-mother .intro__button--13 a {
        font-size: 80%
    }
}

.year-2018 .year-2023 .queen-mother .intro__button--12 a:before, .year-2018 .year-2023 .queen-mother .intro__button--13 a:before, .year-2019 .year-2023 .queen-mother .intro__button--12 a:before, .year-2019 .year-2023 .queen-mother .intro__button--13 a:before, .year-2023 .queen-mother .intro__button--7 a:before, .year-2023 .queen-mother .year-2018 .intro__button--12 a:before, .year-2023 .queen-mother .year-2018 .intro__button--13 a:before, .year-2023 .year-2019 .queen-mother .intro__button--12 a:before, .year-2023 .year-2019 .queen-mother .intro__button--13 a:before {
    color: #326fbf;
    top: 12px
}

.year-2023 .queen-mother .intro__button--8 {
    position: relative;
    background-color: #fff;
    min-height: 59px;
    border-radius: 0
}

.year-2023 .queen-mother .intro__button--8:before {
    position: absolute;
    bottom: -6px;
    right: -6px;
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    content: "";
    border: 1px solid #fff
}

.year-2023 .queen-mother .intro__button--8 a {
    color: #1d4ea8;
    padding: 10px 15px 7px 30px
}

.year-2023 .queen-mother .intro__button--8 a + a {
    padding: 10px 30px 7px 15px
}

@media (max-width: 324px) {
    .year-2023 .queen-mother .intro__button--8 a {
        font-size: 80%
    }
}

.year-2023 .queen-mother .intro__button--8 a:before, .year-2023 .queen-mother .intro__button--8 a:hover {
    color: #1d4ea8
}

.year-2023 .queen-mother .intro__button--9 {
    margin: 10px 0 0;
    background: -webkit-linear-gradient(90deg, #c67f00, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00) 0 0 no-repeat padding-box;
    background: -moz-linear-linear-gradient(90deg, #c67f00 0, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00 100%) 0 0 no-repeat padding-box;
    background: linear-gradient(90deg, #c67f00, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00) 0 0 no-repeat padding-box;
    min-height: 58px;
    border-radius: 100px;
    border: 1px solid #fff
}

.year-2023 .queen-mother .intro__button--9 a {
    color: #0d5384;
    padding: 10px 15px 10px 30px
}

@media (max-width: 324px) {
    .year-2023 .queen-mother .intro__button--9 a {
        font-size: 80%
    }
}

.year-2023 .queen-mother .intro__button--9 a + a {
    padding: 10px 30px 10px 15px
}

.year-2023 .queen-mother .intro__button--9 a:before, .year-2023 .queen-mother .intro__button--9 a:hover, .year-2023 .queen-mother .intro__button--9 a:hover:before {
    color: #0d5384
}

.year-2023 .king .intro__content h3, .year-2023 .king .intro__content h4 {
    font-weight: 700
}

.year-2023 .king .intro__title--1 {
    font-size: 44px;
    font-size: 2.75rem;
    line-height: .9
}

@media (max-width: 737px) {
    .year-2023 .king .intro__title--1 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 575px) {
    .year-2023 .king .intro__title--1 {
        font-size: 38px;
        font-size: 2.375rem
    }
}

@media (max-width: 479px) {
    .year-2023 .king .intro__title--1 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 360px) {
    .year-2023 .king .intro__title--1 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2023 .king .intro__title--2 {
    line-height: .9;
    font-size: 42px;
    font-size: 2.625rem
}

@media (max-width: 575px) {
    .year-2023 .king .intro__title--2 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

@media (max-width: 479px) {
    .year-2023 .king .intro__title--2 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

@media (max-width: 400px) {
    .year-2023 .king .intro__title--2 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 340px) {
    .year-2023 .king .intro__title--2 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2018 .queen .year-2023 .king .intro__title--10, .year-2018 .queen .year-2023 .king .intro__title--11, .year-2018 .queen .year-2023 .king .intro__title--13, .year-2018 .queen .year-2023 .king .intro__title--14, .year-2018 .queen .year-2023 .king .intro__title--15, .year-2023 .king .intro__title--3, .year-2023 .king .year-2018 .queen .intro__title--10, .year-2023 .king .year-2018 .queen .intro__title--11, .year-2023 .king .year-2018 .queen .intro__title--13, .year-2023 .king .year-2018 .queen .intro__title--14, .year-2023 .king .year-2018 .queen .intro__title--15 {
    font-family: Sarabun !important;
    line-height: 1;
    font-size: 37px;
    font-size: 2.3125rem
}

@media (max-width: 490px) {
    .year-2018 .queen .year-2023 .king .intro__title--10, .year-2018 .queen .year-2023 .king .intro__title--11, .year-2018 .queen .year-2023 .king .intro__title--13, .year-2018 .queen .year-2023 .king .intro__title--14, .year-2018 .queen .year-2023 .king .intro__title--15, .year-2023 .king .intro__title--3, .year-2023 .king .year-2018 .queen .intro__title--10, .year-2023 .king .year-2018 .queen .intro__title--11, .year-2023 .king .year-2018 .queen .intro__title--13, .year-2023 .king .year-2018 .queen .intro__title--14, .year-2023 .king .year-2018 .queen .intro__title--15 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 380px) {
    .year-2018 .queen .year-2023 .king .intro__title--10, .year-2018 .queen .year-2023 .king .intro__title--11, .year-2018 .queen .year-2023 .king .intro__title--13, .year-2018 .queen .year-2023 .king .intro__title--14, .year-2018 .queen .year-2023 .king .intro__title--15, .year-2023 .king .intro__title--3, .year-2023 .king .year-2018 .queen .intro__title--10, .year-2023 .king .year-2018 .queen .intro__title--11, .year-2023 .king .year-2018 .queen .intro__title--13, .year-2023 .king .year-2018 .queen .intro__title--14, .year-2023 .king .year-2018 .queen .intro__title--15 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

@media (max-width: 340px) {
    .year-2018 .queen .year-2023 .king .intro__title--10, .year-2018 .queen .year-2023 .king .intro__title--11, .year-2018 .queen .year-2023 .king .intro__title--13, .year-2018 .queen .year-2023 .king .intro__title--14, .year-2018 .queen .year-2023 .king .intro__title--15, .year-2023 .king .intro__title--3, .year-2023 .king .year-2018 .queen .intro__title--10, .year-2023 .king .year-2018 .queen .intro__title--11, .year-2023 .king .year-2018 .queen .intro__title--13, .year-2023 .king .year-2018 .queen .intro__title--14, .year-2023 .king .year-2018 .queen .intro__title--15 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2018 .king10 .year-2023 .king .intro__title--10, .year-2018 .king10 .year-2023 .king .intro__title--11, .year-2018 .king10 .year-2023 .king .intro__title--12, .year-2023 .king .intro__title--4, .year-2023 .king .year-2018 .king10 .intro__title--10, .year-2023 .king .year-2018 .king10 .intro__title--11, .year-2023 .king .year-2018 .king10 .intro__title--12 {
    font-family: Sarabun !important;
    line-height: 1;
    font-weight: 400 !important;
    font-size: 40px;
    font-size: 2.5rem
}

@media (max-width: 737px) {
    .year-2018 .king10 .year-2023 .king .intro__title--10, .year-2018 .king10 .year-2023 .king .intro__title--11, .year-2018 .king10 .year-2023 .king .intro__title--12, .year-2023 .king .intro__title--4, .year-2023 .king .year-2018 .king10 .intro__title--10, .year-2023 .king .year-2018 .king10 .intro__title--11, .year-2023 .king .year-2018 .king10 .intro__title--12 {
        font-size: 38px;
        font-size: 2.375rem
    }
}

@media (max-width: 479px) {
    .year-2018 .king10 .year-2023 .king .intro__title--10, .year-2018 .king10 .year-2023 .king .intro__title--11, .year-2018 .king10 .year-2023 .king .intro__title--12, .year-2023 .king .intro__title--4, .year-2023 .king .year-2018 .king10 .intro__title--10, .year-2023 .king .year-2018 .king10 .intro__title--11, .year-2023 .king .year-2018 .king10 .intro__title--12 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2018 .queen .year-2023 .king .intro__title--12, .year-2023 .king .intro__title--5, .year-2023 .king .year-2018 .queen .intro__title--12 {
    font-family: Sarabun !important;
    font-weight: 400 !important;
    line-height: 1;
    font-size: 32px;
    font-size: 2rem
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2023 .king .intro__title--12, .year-2023 .king .intro__title--5, .year-2023 .king .year-2018 .queen .intro__title--12 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 360px) {
    .year-2018 .queen .year-2023 .king .intro__title--12, .year-2023 .king .intro__title--5, .year-2023 .king .year-2018 .queen .intro__title--12 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2023 .king .intro__title--6 {
    font-family: Sarabun !important;
    font-size: 44px;
    font-size: 2.75rem;
    font-weight: 400 !important;
    line-height: 1
}

@media (max-width: 1610px) {
    .year-2023 .king .intro__title--6 {
        font-size: 37px;
        font-size: 2.3125rem
    }
}

@media (max-width: 1365px) {
    .year-2023 .king .intro__title--6 {
        font-size: 29px;
        font-size: 1.8125rem
    }
}

@media (max-width: 360px) {
    .year-2023 .king .intro__title--6 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2023 .king .intro__subtitle--1 {
    font-family: Sarabun !important;
    font-size: 62px;
    font-size: 3.875rem;
    line-height: 1
}

@media (max-width: 479px) {
    .year-2023 .king .intro__subtitle--1 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

@media (max-width: 360px) {
    .year-2023 .king .intro__subtitle--1 {
        font-size: 48px;
        font-size: 3rem
    }
}

.year-2023 .king .intro__subtitle--2 {
    font-family: Sarabun !important;
    letter-spacing: 2px;
    font-size: 65px;
    font-size: 4.0625rem
}

@media (max-width: 479px) {
    .year-2023 .king .intro__subtitle--2 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

@media (max-width: 400px) {
    .year-2023 .king .intro__subtitle--2 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2018 .queen .year-2023 .king .intro__subtitle--10, .year-2018 .queen .year-2023 .king .intro__subtitle--11, .year-2018 .queen .year-2023 .king .intro__subtitle--13, .year-2018 .queen .year-2023 .king .intro__subtitle--14, .year-2018 .queen .year-2023 .king .intro__subtitle--15, .year-2023 .king .intro__subtitle--3, .year-2023 .king .year-2018 .queen .intro__subtitle--10, .year-2023 .king .year-2018 .queen .intro__subtitle--11, .year-2023 .king .year-2018 .queen .intro__subtitle--13, .year-2023 .king .year-2018 .queen .intro__subtitle--14, .year-2023 .king .year-2018 .queen .intro__subtitle--15 {
    font-family: Sarabun !important;
    font-size: 80px;
    font-size: 5rem;
    font-weight: 400 !important
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2023 .king .intro__subtitle--10, .year-2018 .queen .year-2023 .king .intro__subtitle--11, .year-2018 .queen .year-2023 .king .intro__subtitle--13, .year-2018 .queen .year-2023 .king .intro__subtitle--14, .year-2018 .queen .year-2023 .king .intro__subtitle--15, .year-2023 .king .intro__subtitle--3, .year-2023 .king .year-2018 .queen .intro__subtitle--10, .year-2023 .king .year-2018 .queen .intro__subtitle--11, .year-2023 .king .year-2018 .queen .intro__subtitle--13, .year-2023 .king .year-2018 .queen .intro__subtitle--14, .year-2023 .king .year-2018 .queen .intro__subtitle--15 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

@media (max-width: 360px) {
    .year-2018 .queen .year-2023 .king .intro__subtitle--10, .year-2018 .queen .year-2023 .king .intro__subtitle--11, .year-2018 .queen .year-2023 .king .intro__subtitle--13, .year-2018 .queen .year-2023 .king .intro__subtitle--14, .year-2018 .queen .year-2023 .king .intro__subtitle--15, .year-2023 .king .intro__subtitle--3, .year-2023 .king .year-2018 .queen .intro__subtitle--10, .year-2023 .king .year-2018 .queen .intro__subtitle--11, .year-2023 .king .year-2018 .queen .intro__subtitle--13, .year-2023 .king .year-2018 .queen .intro__subtitle--14, .year-2023 .king .year-2018 .queen .intro__subtitle--15 {
        font-size: 48px;
        font-size: 3rem
    }
}

.year-2018 .king10 .year-2023 .king .intro__subtitle--10, .year-2018 .king10 .year-2023 .king .intro__subtitle--11, .year-2018 .king10 .year-2023 .king .intro__subtitle--12, .year-2023 .king .intro__subtitle--4, .year-2023 .king .year-2018 .king10 .intro__subtitle--10, .year-2023 .king .year-2018 .king10 .intro__subtitle--11, .year-2023 .king .year-2018 .king10 .intro__subtitle--12 {
    font-family: Sarabun !important;
    font-size: 75px;
    font-size: 4.6875rem;
    line-height: 1;
    font-weight: 400 !important;
    letter-spacing: 1px
}

@media (max-width: 737px) {
    .year-2018 .king10 .year-2023 .king .intro__subtitle--10, .year-2018 .king10 .year-2023 .king .intro__subtitle--11, .year-2018 .king10 .year-2023 .king .intro__subtitle--12, .year-2023 .king .intro__subtitle--4, .year-2023 .king .year-2018 .king10 .intro__subtitle--10, .year-2023 .king .year-2018 .king10 .intro__subtitle--11, .year-2023 .king .year-2018 .king10 .intro__subtitle--12 {
        font-size: 72px;
        font-size: 4.5rem
    }
}

@media (max-width: 479px) {
    .year-2018 .king10 .year-2023 .king .intro__subtitle--10, .year-2018 .king10 .year-2023 .king .intro__subtitle--11, .year-2018 .king10 .year-2023 .king .intro__subtitle--12, .year-2023 .king .intro__subtitle--4, .year-2023 .king .year-2018 .king10 .intro__subtitle--10, .year-2023 .king .year-2018 .king10 .intro__subtitle--11, .year-2023 .king .year-2018 .king10 .intro__subtitle--12 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

@media (max-width: 360px) {
    .year-2018 .king10 .year-2023 .king .intro__subtitle--10, .year-2018 .king10 .year-2023 .king .intro__subtitle--11, .year-2018 .king10 .year-2023 .king .intro__subtitle--12, .year-2023 .king .intro__subtitle--4, .year-2023 .king .year-2018 .king10 .intro__subtitle--10, .year-2023 .king .year-2018 .king10 .intro__subtitle--11, .year-2023 .king .year-2018 .king10 .intro__subtitle--12 {
        font-size: 48px;
        font-size: 3rem
    }
}

.year-2018 .queen .year-2023 .king .intro__subtitle--12, .year-2023 .king .intro__subtitle--5, .year-2023 .king .year-2018 .queen .intro__subtitle--12 {
    font-family: Sarabun !important;
    line-height: 1;
    font-weight: 400 !important;
    font-size: 84px;
    font-size: 5.25rem;
    letter-spacing: 1px
}

@media (max-width: 767px) {
    .year-2018 .queen .year-2023 .king .intro__subtitle--12, .year-2023 .king .intro__subtitle--5, .year-2023 .king .year-2018 .queen .intro__subtitle--12 {
        font-size: 70px;
        font-size: 4.375rem
    }
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2023 .king .intro__subtitle--12, .year-2023 .king .intro__subtitle--5, .year-2023 .king .year-2018 .queen .intro__subtitle--12 {
        font-size: 58px;
        font-size: 3.625rem
    }
}

@media (max-width: 380px) {
    .year-2018 .queen .year-2023 .king .intro__subtitle--12, .year-2023 .king .intro__subtitle--5, .year-2023 .king .year-2018 .queen .intro__subtitle--12 {
        font-size: 46px;
        font-size: 2.875rem
    }
}

.year-2023 .king .intro__subtitle--6 {
    font-family: Sarabun !important;
    font-size: 84px;
    font-size: 5.25rem;
    line-height: 1;
    font-weight: 400 !important;
    text-transform: uppercase
}

@media (max-width: 1610px) {
    .year-2023 .king .intro__subtitle--6 {
        font-size: 75px;
        font-size: 4.6875rem
    }
}

@media (max-width: 1365px) {
    .year-2023 .king .intro__subtitle--6 {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

@media (max-width: 997px) {
    .year-2023 .king .intro__subtitle--6 {
        font-size: 60px;
        font-size: 3.75rem
    }
}

@media (max-width: 380px) {
    .year-2023 .king .intro__subtitle--6 {
        font-size: 48px;
        font-size: 3rem
    }
}

.year-2023 .king .intro__content--1 .intro__text {
    font-family: Sarabun;
    font-weight: 400;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1
}

@media (max-width: 479px) {
    .year-2023 .king .intro__content--1 .intro__text {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2023 .king .intro__content--1 .intro__button {
    font-family: Sarabun;
    font-size: 22px;
    font-size: 1.375rem
}

@media (max-width: 479px) {
    .year-2023 .king .intro__content--1 .intro__button {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2023 .king .intro__content--2 .intro__text {
    font-family: Sarabun;
    font-weight: 700;
    font-size: 32px;
    font-size: 2rem;
    line-height: 1
}

@media (max-width: 479px) {
    .year-2023 .king .intro__content--2 .intro__text {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media (max-width: 360px) {
    .year-2023 .king .intro__content--2 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2023 .king .intro__content--2 .intro__button {
    font-family: Sarabun;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 700
}

@media (max-width: 479px) {
    .year-2023 .king .intro__content--2 .intro__button {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2023 .king .intro__content--3 .intro__text {
    font-family: Sarabun;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1
}

@media (max-width: 737px) {
    .year-2023 .king .intro__content--3 .intro__text {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 479px) {
    .year-2023 .king .intro__content--3 .intro__text {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2023 .king .intro__content--3 .intro__button {
    font-family: Sarabun;
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 700
}

@media (max-width: 479px) {
    .year-2023 .king .intro__content--3 .intro__button {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2023 .king .intro__content--4 .intro__text {
    font-family: Sarabun;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1
}

@media (max-width: 737px) {
    .year-2023 .king .intro__content--4 .intro__text {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 479px) {
    .year-2023 .king .intro__content--4 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2023 .king .intro__content--4 .intro__button {
    font-family: Sarabun;
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2023 .king .intro__content--4 .intro__button {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2023 .king .intro__content--5 .intro__text {
    font-family: Sarabun;
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2023 .king .intro__content--5 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.year-2023 .king .intro__content--5 .intro__button {
    font-family: Sarabun;
    font-size: 24px;
    font-size: 1.5rem
}

@media (max-width: 479px) {
    .year-2023 .king .intro__content--5 .intro__button {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2023 .king .intro__content--6 .intro__text {
    font-family: Sarabun;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1;
    font-weight: 400
}

@media (max-width: 1610px) {
    .year-2023 .king .intro__content--6 .intro__text {
        font-size: 33px;
        font-size: 2.0625rem
    }
}

@media (max-width: 1365px) {
    .year-2023 .king .intro__content--6 .intro__text {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 737px) {
    .year-2023 .king .intro__content--6 .intro__text {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 479px) {
    .year-2023 .king .intro__content--6 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.year-2023 .king .intro__content--6 .intro__button {
    font-family: Sarabun;
    font-size: 36px;
    font-size: 2.25rem
}

@media (max-width: 1610px) {
    .year-2023 .king .intro__content--6 .intro__button {
        font-size: 33px;
        font-size: 2.0625rem
    }
}

@media (max-width: 1365px) {
    .year-2023 .king .intro__content--6 .intro__button {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2023 .king .intro__figure--1 {
    max-width: 470px
}

.year-2023 .king .intro__figure--2 {
    margin-bottom: 10px;
    width: 80%;
    min-height: 300px
}

.year-2023 .king .intro__figure--3 {
    width: 80%;
    min-height: 300px
}

.year-2023 .king .intro__figure--4 {
    min-height: 300px
}

@media (max-width: 360px) {
    .year-2023 .king .intro__figure--4 {
        min-height: auto;
        margin-bottom: 1.5rem
    }
}

.year-2023 .king .intro__figure--5 {
    min-height: 300px
}

@media (min-width: 768px) {
    .year-2023 .king .intro__figure--5 img {
        transform: scale(1.2)
    }
}

@media (min-width: 1366px) {
    .year-2023 .king .intro__figure--6 {
        max-width: 90%
    }
}

@media (max-width: 991px) {
    .year-2023 .king .intro__figure--6 img {
        max-width: 100%
    }
}

.year-2023 .king .intro__subtitle--name {
    display: none !important
}

.year-2023 .king .intro__content--1 .intro__title {
    margin-bottom: 0;
    color: #957425
}

.year-2023 .king .intro__content--1 .intro__title .header-6 {
    display: none
}

.year-2023 .king .intro__content--1 .intro__subtitle {
    color: #957425
}

.year-2023 .king .intro__content--1 .intro__subtitle .date-6, .year-2023 .king .intro__content--1 .intro__subtitle .event-6, .year-2023 .king .intro__content--1 .intro__subtitle .longlive-6 {
    display: none
}

.year-2023 .king .intro__content--1 .intro__text {
    color: #957425
}

.year-2023 .king .intro__content--1 .intro__line {
    max-width: 70%;
    margin: 0 auto;
    padding: 10px 0
}

.year-2023 .king .intro__content--2 .intro__title {
    margin-bottom: 0;
    color: #8d630d
}

.year-2023 .king .intro__content--2 .intro__title .header-6 {
    display: none
}

.year-2023 .king .intro__content--2 .intro__subtitle {
    color: #8d630d
}

.year-2023 .king .intro__content--2 .intro__subtitle .date-6, .year-2023 .king .intro__content--2 .intro__subtitle .event-6, .year-2023 .king .intro__content--2 .intro__subtitle .longlive-6 {
    display: none
}

.year-2023 .king .intro__content--2 .intro__text {
    color: #8d630d
}

.year-2023 .king .intro__content--2 .intro__line {
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 0 16px
}

.year-2023 .king .intro__content--3 .intro__title {
    margin-bottom: 0;
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .75)
}

.year-2023 .king .intro__content--3 .intro__title .header-6 {
    display: none
}

.year-2023 .king .intro__content--3 .intro__subtitle {
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .75)
}

.year-2023 .king .intro__content--3 .intro__subtitle .date-6, .year-2023 .king .intro__content--3 .intro__subtitle .event-6, .year-2023 .king .intro__content--3 .intro__subtitle .longlive-6 {
    display: none
}

.year-2023 .king .intro__content--3 .intro__text {
    margin-bottom: .5rem;
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .75)
}

.year-2023 .king .intro__content--3 .intro__line {
    max-width: 100%;
    padding: 15px 0 35px
}

.year-2023 .king .intro__content--4 .intro__title {
    margin-bottom: 0;
    color: #e4e4e4
}

.year-2023 .king .intro__content--4 .intro__title .header-6 {
    display: none
}

.year-2023 .king .intro__content--4 .intro__subtitle {
    color: #e4e4e4
}

.year-2023 .king .intro__content--4 .intro__subtitle .date-6, .year-2023 .king .intro__content--4 .intro__subtitle .event-6, .year-2023 .king .intro__content--4 .intro__subtitle .longlive-6 {
    display: none
}

.year-2023 .king .intro__content--4 .intro__text {
    color: #e4e4e4
}

.year-2023 .king .intro__content--4 .intro__line {
    margin: 0 auto;
    padding: 10px 0
}

.year-2023 .king .intro__content--5 .intro__title {
    margin-bottom: 0;
    color: #fff
}

.year-2023 .king .intro__content--5 .intro__title .header-6 {
    display: none
}

.year-2023 .king .intro__content--5 .intro__subtitle {
    color: #fff
}

.year-2023 .king .intro__content--5 .intro__subtitle .date-6, .year-2023 .king .intro__content--5 .intro__subtitle .event-6, .year-2023 .king .intro__content--5 .intro__subtitle .longlive-6 {
    display: none
}

.year-2023 .king .intro__content--5 .intro__text {
    color: #fff
}

.year-2023 .king .intro__content--5 .intro__line {
    max-width: 370px;
    margin: 0 auto
}

.year-2023 .king .intro__content--6 .intro__title {
    margin-bottom: .5rem;
    color: #fff
}

.year-2023 .king .intro__content--6 .intro__title .header-6 {
    display: none
}

.year-2023 .king .intro__content--6 .intro__subtitle {
    color: #fff
}

.year-2023 .king .intro__content--6 .intro__subtitle .date-6, .year-2023 .king .intro__content--6 .intro__subtitle .event-6, .year-2023 .king .intro__content--6 .intro__subtitle .longlive-6 {
    display: none
}

.year-2023 .king .intro__content--6 .intro__text {
    color: #fff
}

.year-2023 .king .intro__content--6 .intro__line {
    margin: 0 auto
}

@media (min-width: 1200px) {
    .year-2023 .king--1 .container {
        max-width: 80%
    }
}

@media (min-width: 992px) {
    .year-2023 .king--6 .container {
        max-width: 90%
    }
}

.year-2023 .king--6 .intro.intro__row {
    width: 100%
}

.year-2023 .king .intro__button a {
    font-size: 100%
}

.year-2023 .king .intro__button--1 {
    position: relative;
    margin-top: .5rem;
    border-radius: 13px;
    background: #be9636;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    padding: 5px
}

.year-2023 .king .intro__button--1 a {
    color: #fff
}

.year-2023 .king .intro__button--1 a:focus, .year-2023 .king .intro__button--1 a:hover {
    text-decoration: none
}

.year-2023 .king .intro__button--1 a:before {
    color: #fff
}

.year-2023 .king .intro__button--2 {
    position: relative;
    margin-top: .5rem;
    border-radius: 13px;
    background: #8d630d;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    padding: 10px
}

.year-2023 .king .intro__button--2 a {
    color: #fff
}

.year-2023 .king .intro__button--2 a:focus, .year-2023 .king .intro__button--2 a:hover {
    text-decoration: none
}

.year-2023 .king .intro__button--2 a:before {
    color: #fff
}

.year-2023 .king .intro__button--3 {
    position: relative;
    margin-top: 1rem;
    background-color: #fff;
    border-radius: 31px;
    background: -webkit-linear-gradient(top, #fff, #aaa);
    background: linear-gradient(180deg, #fff 0, #aaa)
}

.year-2023 .king .intro__button--3 a {
    color: #8d630d;
    padding: 10px 5px 7px 25px
}

.year-2023 .king .intro__button--3 a:last-child {
    padding: 10px 25px 7px 10px
}

.year-2023 .king .intro__button--3 a:focus, .year-2023 .king .intro__button--3 a:hover {
    text-decoration: none
}

.year-2023 .king .intro__button--3 a:before {
    color: #8d630d !important
}

.year-2018 .king10 .year-2023 .king .intro__button--11, .year-2018 .king10 .year-2023 .king .intro__button--12, .year-2019 .year-2023 .king .intro__button--11, .year-2019 .year-2023 .king .intro__button--12, .year-2023 .king .intro__button--4, .year-2023 .king .year-2018 .king10 .intro__button--11, .year-2023 .king .year-2018 .king10 .intro__button--12, .year-2023 .year-2019 .king .intro__button--11, .year-2023 .year-2019 .king .intro__button--12 {
    position: relative;
    margin-top: .5rem;
    border-radius: 31px;
    background-color: #e4e4e4
}

.year-2018 .king10 .year-2023 .king .intro__button--11 a, .year-2018 .king10 .year-2023 .king .intro__button--12 a, .year-2019 .year-2023 .king .intro__button--11 a, .year-2019 .year-2023 .king .intro__button--12 a, .year-2023 .king .intro__button--4 a, .year-2023 .king .year-2018 .king10 .intro__button--11 a, .year-2023 .king .year-2018 .king10 .intro__button--12 a, .year-2023 .year-2019 .king .intro__button--11 a, .year-2023 .year-2019 .king .intro__button--12 a {
    color: #8d630d !important;
    padding: 10px 5px 7px 25px
}

.year-2018 .king10 .year-2023 .king .intro__button--11 a:last-child, .year-2018 .king10 .year-2023 .king .intro__button--12 a:last-child, .year-2019 .year-2023 .king .intro__button--11 a:last-child, .year-2019 .year-2023 .king .intro__button--12 a:last-child, .year-2023 .king .intro__button--4 a:last-child, .year-2023 .king .year-2018 .king10 .intro__button--11 a:last-child, .year-2023 .king .year-2018 .king10 .intro__button--12 a:last-child, .year-2023 .year-2019 .king .intro__button--11 a:last-child, .year-2023 .year-2019 .king .intro__button--12 a:last-child {
    padding: 10px 25px 7px 10px
}

.year-2018 .king10 .year-2023 .king .intro__button--11 a:focus, .year-2018 .king10 .year-2023 .king .intro__button--11 a:hover, .year-2018 .king10 .year-2023 .king .intro__button--12 a:focus, .year-2018 .king10 .year-2023 .king .intro__button--12 a:hover, .year-2019 .year-2023 .king .intro__button--11 a:focus, .year-2019 .year-2023 .king .intro__button--11 a:hover, .year-2019 .year-2023 .king .intro__button--12 a:focus, .year-2019 .year-2023 .king .intro__button--12 a:hover, .year-2023 .king .intro__button--4 a:focus, .year-2023 .king .intro__button--4 a:hover, .year-2023 .king .year-2018 .king10 .intro__button--11 a:focus, .year-2023 .king .year-2018 .king10 .intro__button--11 a:hover, .year-2023 .king .year-2018 .king10 .intro__button--12 a:focus, .year-2023 .king .year-2018 .king10 .intro__button--12 a:hover, .year-2023 .year-2019 .king .intro__button--11 a:focus, .year-2023 .year-2019 .king .intro__button--11 a:hover, .year-2023 .year-2019 .king .intro__button--12 a:focus, .year-2023 .year-2019 .king .intro__button--12 a:hover {
    text-decoration: none
}

.year-2018 .king10 .year-2023 .king .intro__button--11 a:before, .year-2018 .king10 .year-2023 .king .intro__button--12 a:before, .year-2019 .year-2023 .king .intro__button--11 a:before, .year-2019 .year-2023 .king .intro__button--12 a:before, .year-2023 .king .intro__button--4 a:before, .year-2023 .king .year-2018 .king10 .intro__button--11 a:before, .year-2023 .king .year-2018 .king10 .intro__button--12 a:before, .year-2023 .year-2019 .king .intro__button--11 a:before, .year-2023 .year-2019 .king .intro__button--12 a:before {
    color: #8d630d !important
}

.year-2018 .year-2023 .king .intro__button--14, .year-2019 .queen-mother .year-2023 .king .intro__button--14, .year-2023 .king .intro__button--5, .year-2023 .king .year-2018 .intro__button--14, .year-2023 .king .year-2019 .queen-mother .intro__button--14 {
    padding: 3px;
    margin-top: .5rem;
    border-radius: 51px;
    background-color: #fff
}

.year-2018 .year-2023 .king .intro__button--14 a, .year-2019 .queen-mother .year-2023 .king .intro__button--14 a, .year-2023 .king .intro__button--5 a, .year-2023 .king .year-2018 .intro__button--14 a, .year-2023 .king .year-2019 .queen-mother .intro__button--14 a {
    color: #222
}

.year-2018 .year-2023 .king .intro__button--14 a:focus, .year-2018 .year-2023 .king .intro__button--14 a:hover, .year-2019 .queen-mother .year-2023 .king .intro__button--14 a:focus, .year-2019 .queen-mother .year-2023 .king .intro__button--14 a:hover, .year-2023 .king .intro__button--5 a:focus, .year-2023 .king .intro__button--5 a:hover, .year-2023 .king .year-2018 .intro__button--14 a:focus, .year-2023 .king .year-2018 .intro__button--14 a:hover, .year-2023 .king .year-2019 .queen-mother .intro__button--14 a:focus, .year-2023 .king .year-2019 .queen-mother .intro__button--14 a:hover {
    text-decoration: none
}

.year-2018 .year-2023 .king .intro__button--14 a:before, .year-2019 .queen-mother .year-2023 .king .intro__button--14 a:before, .year-2023 .king .intro__button--5 a:before, .year-2023 .king .year-2018 .intro__button--14 a:before, .year-2023 .king .year-2019 .queen-mother .intro__button--14 a:before {
    color: #222
}

.year-2018 .year-2023 .king .intro__button--11, .year-2019 .queen-mother .year-2023 .king .intro__button--11, .year-2023 .king .intro__button--6, .year-2023 .king .year-2018 .intro__button--11, .year-2023 .king .year-2019 .queen-mother .intro__button--11 {
    border-radius: 31px;
    background-color: #fff
}

.year-2018 .year-2023 .king .intro__button--11 a, .year-2019 .queen-mother .year-2023 .king .intro__button--11 a, .year-2023 .king .intro__button--6 a, .year-2023 .king .year-2018 .intro__button--11 a, .year-2023 .king .year-2019 .queen-mother .intro__button--11 a {
    color: #222
}

.year-2018 .year-2023 .king .intro__button--11 a:focus, .year-2018 .year-2023 .king .intro__button--11 a:hover, .year-2019 .queen-mother .year-2023 .king .intro__button--11 a:focus, .year-2019 .queen-mother .year-2023 .king .intro__button--11 a:hover, .year-2023 .king .intro__button--6 a:focus, .year-2023 .king .intro__button--6 a:hover, .year-2023 .king .year-2018 .intro__button--11 a:focus, .year-2023 .king .year-2018 .intro__button--11 a:hover, .year-2023 .king .year-2019 .queen-mother .intro__button--11 a:focus, .year-2023 .king .year-2019 .queen-mother .intro__button--11 a:hover {
    text-decoration: none
}

.year-2018 .year-2023 .king .intro__button--11 a:before, .year-2019 .queen-mother .year-2023 .king .intro__button--11 a:before, .year-2023 .king .intro__button--6 a:before, .year-2023 .king .year-2018 .intro__button--11 a:before, .year-2023 .king .year-2019 .queen-mother .intro__button--11 a:before {
    color: #222 !important
}

.year-2023 .king-rama-9-memorial-day h3 {
    font-weight: 700;
    line-height: 1
}

.year-2023 .king-rama-9-memorial-day h4 {
    font-weight: 400
}

.year-2023 .king-rama-9-memorial-day p {
    font-weight: 400;
    line-height: 1.55;
    letter-spacing: -.5px
}

body .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 {
    font-family: Prompt
}

.year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h3 {
    font-family: Sarabun !important;
    font-size: 45px;
    font-size: 2.8125rem
}

@media (min-width: 576px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h3 {
        font-size: 55px;
        font-size: 3.4375rem
    }
}

@media (min-width: 992px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h3 {
        font-size: 75px;
        font-size: 4.6875rem
    }
}

.year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h4 {
    font-family: Sarabun !important;
    font-size: 28px;
    font-size: 1.75rem
}

@media (min-width: 992px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 h4 {
        font-size: 43px;
        font-size: 2.6875rem
    }
}

.year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 p {
    font-size: 14px;
    font-size: .875rem
}

@media (min-width: 992px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--1 p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

body .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 {
    font-family: Sarabun
}

.year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 h3 {
    font-family: Chonburi !important;
    font-size: 35px;
    font-size: 2.1875rem
}

@media (min-width: 992px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 h3 {
        font-size: 45px;
        font-size: 2.8125rem
    }
}

.year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 h4 {
    font-family: Kanit !important;
    font-size: 20px;
    font-size: 1.25rem
}

@media (min-width: 992px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 h4 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 p {
    font-family: Kanit;
    font-size: 16px;
    font-size: 1rem
}

@media (min-width: 992px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--2 p {
        font-size: 18px;
        font-size: 1.125rem
    }
}

body .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 {
    font-family: Kanit
}

.year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 h3 {
    font-family: Sarabun !important;
    font-size: 45px;
    font-size: 2.8125rem
}

@media (min-width: 992px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 h3 {
        font-size: 63px;
        font-size: 3.9375rem
    }
}

.year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 h4 {
    font-family: Sarabun !important;
    font-size: 32px;
    font-size: 2rem
}

@media (min-width: 992px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 h4 {
        font-size: 45px;
        font-size: 2.8125rem
    }
}

.year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 p {
    font-size: 18px;
    font-size: 1.125rem
}

@media (min-width: 992px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--3 p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

body .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 {
    font-family: Kanit
}

.year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 h3 {
    font-family: Sarabun !important;
    font-size: 45px;
    font-size: 2.8125rem;
    line-height: .8
}

@media (min-width: 576px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 h3 {
        font-size: 55px;
        font-size: 3.4375rem
    }
}

@media (min-width: 992px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 h3 {
        font-size: 75px;
        font-size: 4.6875rem
    }
}

.year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 h4 {
    font-family: Sarabun !important;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: .85
}

@media (min-width: 992px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 h4 {
        font-size: 43px;
        font-size: 2.6875rem
    }
}

.year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3
}

@media (min-width: 992px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--4 p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

body .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 {
    font-family: Kanit
}

.year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 h3 {
    font-family: Sarabun !important;
    font-size: 45px;
    font-size: 2.8125rem;
    line-height: .85
}

@media (min-width: 576px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 h3 {
        font-size: 55px;
        font-size: 3.4375rem
    }
}

@media (min-width: 992px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 h3 {
        font-size: 75px;
        font-size: 4.6875rem
    }
}

.year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 h4 {
    font-family: Sarabun !important;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: .85
}

@media (min-width: 992px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 h4 {
        font-size: 43px;
        font-size: 2.6875rem
    }
}

.year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3
}

@media (min-width: 992px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--5 p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

body .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 {
    font-family: Kanit
}

.year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 h3 {
    font-family: Chonburi !important;
    font-size: 45px;
    font-size: 2.8125rem
}

@media (min-width: 992px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 h3 {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

.year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 h4 {
    font-family: Sarabun !important;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: .85
}

@media (min-width: 992px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 h4 {
        font-size: 43px;
        font-size: 2.6875rem
    }
}

.year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3
}

@media (min-width: 992px) {
    .year-2023 .king-rama-9-memorial-day.king-rama-9-memorial-day--6 p {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.year-2023 .king-rama-9-memorial-day .intro .intro__figure {
    max-width: 100%
}

.year-2023 .king-rama-9-memorial-day .intro .intro__content.intro__content--1 {
    color: #fff
}

.year-2023 .king-rama-9-memorial-day .intro .intro__content.intro__content--2 {
    color: #482700
}

.year-2023 .king-rama-9-memorial-day .intro .intro__content.intro__content--3 {
    color: #6a4100
}

.year-2023 .king-rama-9-memorial-day .intro .intro__content.intro__content--4 {
    color: #533200
}

.year-2023 .king-rama-9-memorial-day .intro .intro__content.intro__content--5 {
    color: #fff
}

.year-2023 .king-rama-9-memorial-day .intro .intro__content.intro__content--6 {
    color: #482700
}

.year-2023 .king-rama-9-memorial-day .intro .intro__title {
    margin-bottom: 0
}

.year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--1 {
    color: #fff;
    letter-spacing: 3px
}

.year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--2 {
    margin: 1.5rem 0 1rem;
    color: #482700
}

.year-2018 .queen .year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--10, .year-2018 .queen .year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--11, .year-2018 .queen .year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--13, .year-2018 .queen .year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--14, .year-2018 .queen .year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--15, .year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--3, .year-2023 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__title.intro__title--10, .year-2023 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__title.intro__title--11, .year-2023 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__title.intro__title--13, .year-2023 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__title.intro__title--14, .year-2023 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__title.intro__title--15 {
    margin-bottom: 0;
    color: #6a4100
}

.year-2018 .king10 .year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--10, .year-2018 .king10 .year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--11, .year-2018 .king10 .year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--12, .year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--4, .year-2023 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__title.intro__title--10, .year-2023 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__title.intro__title--11, .year-2023 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__title.intro__title--12 {
    color: #533200;
    margin-bottom: 1.5rem
}

.year-2018 .king10 .year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--10 .intro__title--sub, .year-2018 .king10 .year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--11 .intro__title--sub, .year-2018 .king10 .year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--12 .intro__title--sub, .year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--4 .intro__title--sub, .year-2023 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__title.intro__title--10 .intro__title--sub, .year-2023 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__title.intro__title--11 .intro__title--sub, .year-2023 .king-rama-9-memorial-day .intro .year-2018 .king10 .intro__title.intro__title--12 .intro__title--sub {
    display: inline-block
}

.year-2018 .queen .year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--12, .year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--5, .year-2023 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__title.intro__title--12 {
    color: #fff;
    margin-bottom: 1rem;
    letter-spacing: 3px
}

.year-2018 .queen .year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--12 .intro__title--sub, .year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--5 .intro__title--sub, .year-2023 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__title.intro__title--12 .intro__title--sub {
    display: inline-block
}

.year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--6 {
    color: #482700;
    margin-bottom: 1.5rem
}

.year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--6 .intro__title--sub {
    display: block;
    font-size: 28px;
    font-size: 1.75rem
}

@media (min-width: 992px) {
    .year-2023 .king-rama-9-memorial-day .intro .intro__title.intro__title--6 .intro__title--sub {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2023 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--1 {
    display: inline-block
}

.year-2018 .queen .year-2023 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--10 .firstname, .year-2018 .queen .year-2023 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--11 .firstname, .year-2018 .queen .year-2023 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--13 .firstname, .year-2018 .queen .year-2023 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--14 .firstname, .year-2018 .queen .year-2023 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--15 .firstname, .year-2023 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--1 .firstname, .year-2023 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--2 .firstname, .year-2023 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--3 .firstname, .year-2023 .king-rama-9-memorial-day .intro .intro__subtitle.intro__subtitle--6 .firstname, .year-2023 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__subtitle.intro__subtitle--10 .firstname, .year-2023 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__subtitle.intro__subtitle--11 .firstname, .year-2023 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__subtitle.intro__subtitle--13 .firstname, .year-2023 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__subtitle.intro__subtitle--14 .firstname, .year-2023 .king-rama-9-memorial-day .intro .year-2018 .queen .intro__subtitle.intro__subtitle--15 .firstname {
    display: inline-block;
    margin-left: 10px
}

.year-2023 .king-rama-9-memorial-day .intro__button {
    position: relative;
    display: inline-flex;
    padding: 0;
    margin-top: 1rem;
    font-family: Prompt;
    border: 0;
    border-radius: 53px;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2023 .king-rama-9-memorial-day .intro__button a {
    position: relative;
    color: #553400;
    font-weight: 400;
    padding: 12px;
    font-size: 18px;
    font-size: 1.125rem
}

.year-2023 .king-rama-9-memorial-day .intro__button a:first-child {
    padding-left: 20px
}

.year-2023 .king-rama-9-memorial-day .intro__button a:last-child {
    padding-right: 20px
}

.year-2023 .king-rama-9-memorial-day .intro__button a:focus, .year-2023 .king-rama-9-memorial-day .intro__button a:hover {
    text-decoration: none
}

.year-2023 .king-rama-9-memorial-day .intro__button a + a:before {
    content: "";
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 0;
    width: 1px;
    height: 22px;
    background-color: #553400;
    transform: translate(-50%, -50%)
}

.year-2023 .king-rama-9-memorial-day .intro__button.intro__button--2 a {
    padding: 18px 12px
}

.year-2023 .king-rama-9-memorial-day .intro__button.intro__button--2 a:first-child {
    padding-left: 12px
}

.year-2023 .king-rama-9-memorial-day .intro__button.intro__button--2 a:last-child {
    padding-right: 12px
}

.year-2023 .king-rama-9-memorial-day .intro__button.intro__button--3 {
    border-radius: 48px;
    border: 1px solid #707070
}

.year-2023 .king-rama-9-memorial-day .intro__button.intro__button--3 a {
    color: #575757;
    font-size: 14px;
    font-size: .875rem
}

.year-2023 .king-rama-9-memorial-day .intro__button.intro__button--3 a + a:before {
    background-color: #575757
}

.year-2018 .king10 .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--11, .year-2018 .king10 .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--12, .year-2019 .king .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--11, .year-2019 .king .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--12, .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--4, .year-2023 .king-rama-9-memorial-day .year-2018 .king10 .intro__button.intro__button--11, .year-2023 .king-rama-9-memorial-day .year-2018 .king10 .intro__button.intro__button--12, .year-2023 .king-rama-9-memorial-day .year-2019 .king .intro__button.intro__button--11, .year-2023 .king-rama-9-memorial-day .year-2019 .king .intro__button.intro__button--12 {
    border-radius: 48px;
    border: 1px solid #707070
}

.year-2018 .king10 .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--11 a, .year-2018 .king10 .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--12 a, .year-2019 .king .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--11 a, .year-2019 .king .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--12 a, .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--4 a, .year-2023 .king-rama-9-memorial-day .year-2018 .king10 .intro__button.intro__button--11 a, .year-2023 .king-rama-9-memorial-day .year-2018 .king10 .intro__button.intro__button--12 a, .year-2023 .king-rama-9-memorial-day .year-2019 .king .intro__button.intro__button--11 a, .year-2023 .king-rama-9-memorial-day .year-2019 .king .intro__button.intro__button--12 a {
    color: #575757
}

.year-2018 .king10 .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--11 a:first-child, .year-2018 .king10 .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--12 a:first-child, .year-2019 .king .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--11 a:first-child, .year-2019 .king .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--12 a:first-child, .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--4 a:first-child, .year-2023 .king-rama-9-memorial-day .year-2018 .king10 .intro__button.intro__button--11 a:first-child, .year-2023 .king-rama-9-memorial-day .year-2018 .king10 .intro__button.intro__button--12 a:first-child, .year-2023 .king-rama-9-memorial-day .year-2019 .king .intro__button.intro__button--11 a:first-child, .year-2023 .king-rama-9-memorial-day .year-2019 .king .intro__button.intro__button--12 a:first-child {
    padding-left: 12px
}

.year-2018 .king10 .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--11 a:last-child, .year-2018 .king10 .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--12 a:last-child, .year-2019 .king .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--11 a:last-child, .year-2019 .king .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--12 a:last-child, .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--4 a:last-child, .year-2023 .king-rama-9-memorial-day .year-2018 .king10 .intro__button.intro__button--11 a:last-child, .year-2023 .king-rama-9-memorial-day .year-2018 .king10 .intro__button.intro__button--12 a:last-child, .year-2023 .king-rama-9-memorial-day .year-2019 .king .intro__button.intro__button--11 a:last-child, .year-2023 .king-rama-9-memorial-day .year-2019 .king .intro__button.intro__button--12 a:last-child {
    padding-right: 12px
}

.year-2018 .king10 .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--11 a + a:before, .year-2018 .king10 .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--12 a + a:before, .year-2019 .king .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--11 a + a:before, .year-2019 .king .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--12 a + a:before, .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--4 a + a:before, .year-2023 .king-rama-9-memorial-day .year-2018 .king10 .intro__button.intro__button--11 a + a:before, .year-2023 .king-rama-9-memorial-day .year-2018 .king10 .intro__button.intro__button--12 a + a:before, .year-2023 .king-rama-9-memorial-day .year-2019 .king .intro__button.intro__button--11 a + a:before, .year-2023 .king-rama-9-memorial-day .year-2019 .king .intro__button.intro__button--12 a + a:before {
    background-color: #575757
}

.year-2018 .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--14, .year-2019 .queen-mother .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--14, .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--5, .year-2023 .king-rama-9-memorial-day .year-2018 .intro__button.intro__button--14, .year-2023 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button.intro__button--14 {
    border-radius: 48px;
    border: 1px solid #707070
}

.year-2018 .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--14 a, .year-2019 .queen-mother .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--14 a, .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--5 a, .year-2023 .king-rama-9-memorial-day .year-2018 .intro__button.intro__button--14 a, .year-2023 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button.intro__button--14 a {
    color: #575757;
    font-size: 16px;
    font-size: 1rem
}

.year-2018 .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--14 a + a:before, .year-2019 .queen-mother .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--14 a + a:before, .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--5 a + a:before, .year-2023 .king-rama-9-memorial-day .year-2018 .intro__button.intro__button--14 a + a:before, .year-2023 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button.intro__button--14 a + a:before {
    background-color: #575757
}

.year-2018 .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--11, .year-2019 .queen-mother .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--11, .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--6, .year-2023 .king-rama-9-memorial-day .year-2018 .intro__button.intro__button--11, .year-2023 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button.intro__button--11 {
    border-radius: 48px;
    border: 1px solid #707070
}

.year-2018 .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--11 a, .year-2019 .queen-mother .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--11 a, .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--6 a, .year-2023 .king-rama-9-memorial-day .year-2018 .intro__button.intro__button--11 a, .year-2023 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button.intro__button--11 a {
    color: #575757
}

.year-2018 .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--11 a + a:before, .year-2019 .queen-mother .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--11 a + a:before, .year-2023 .king-rama-9-memorial-day .intro__button.intro__button--6 a + a:before, .year-2023 .king-rama-9-memorial-day .year-2018 .intro__button.intro__button--11 a + a:before, .year-2023 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button.intro__button--11 a + a:before {
    background-color: #575757
}

.year-2023 .king9 .intro__title {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.1
}

@media (max-width: 737px) {
    .year-2023 .king9 .intro__title {
        font-size: 38px;
        font-size: 2.375rem;
        line-height: 1
    }
}

@media (max-width: 575px) {
    .year-2018 .queen .year-2023 .king9 .intro__title--10, .year-2018 .queen .year-2023 .king9 .intro__title--11, .year-2018 .queen .year-2023 .king9 .intro__title--13, .year-2018 .queen .year-2023 .king9 .intro__title--14, .year-2018 .queen .year-2023 .king9 .intro__title--15, .year-2023 .king9 .intro__title--1, .year-2023 .king9 .intro__title--2, .year-2023 .king9 .intro__title--3, .year-2023 .king9 .year-2018 .queen .intro__title--10, .year-2023 .king9 .year-2018 .queen .intro__title--11, .year-2023 .king9 .year-2018 .queen .intro__title--13, .year-2023 .king9 .year-2018 .queen .intro__title--14, .year-2023 .king9 .year-2018 .queen .intro__title--15 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2018 .king10 .year-2023 .king9 .intro__title--10, .year-2018 .king10 .year-2023 .king9 .intro__title--11, .year-2018 .king10 .year-2023 .king9 .intro__title--12, .year-2023 .king9 .intro__title--4, .year-2023 .king9 .year-2018 .king10 .intro__title--10, .year-2023 .king9 .year-2018 .king10 .intro__title--11, .year-2023 .king9 .year-2018 .king10 .intro__title--12 {
    font-size: 45px;
    font-size: 2.8125rem;
    line-height: .9
}

@media (max-width: 575px) {
    .year-2018 .king10 .year-2023 .king9 .intro__title--10, .year-2018 .king10 .year-2023 .king9 .intro__title--11, .year-2018 .king10 .year-2023 .king9 .intro__title--12, .year-2018 .queen .year-2023 .king9 .intro__title--12, .year-2023 .king9 .intro__title--4, .year-2023 .king9 .intro__title--5, .year-2023 .king9 .intro__title--6, .year-2023 .king9 .year-2018 .king10 .intro__title--10, .year-2023 .king9 .year-2018 .king10 .intro__title--11, .year-2023 .king9 .year-2018 .king10 .intro__title--12, .year-2023 .king9 .year-2018 .queen .intro__title--12 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2023 .king9 .intro__subtitle--1 {
    font-size: 65px;
    font-size: 4.0625rem;
    font-weight: 700;
    line-height: .8
}

@media (max-width: 767px) {
    .year-2023 .king9 .intro__subtitle--1 {
        font-size: 54px;
        font-size: 3.375rem
    }
}

@media (max-width: 479px) {
    .year-2023 .king9 .intro__subtitle--1 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2023 .king9 .intro__subtitle--2 {
    font-size: 70px;
    font-size: 4.375rem;
    font-weight: 700;
    line-height: .8
}

@media (max-width: 767px) {
    .year-2023 .king9 .intro__subtitle--2 {
        font-size: 54px;
        font-size: 3.375rem
    }
}

@media (max-width: 479px) {
    .year-2023 .king9 .intro__subtitle--2 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2018 .queen .year-2023 .king9 .intro__subtitle--10, .year-2018 .queen .year-2023 .king9 .intro__subtitle--11, .year-2018 .queen .year-2023 .king9 .intro__subtitle--13, .year-2018 .queen .year-2023 .king9 .intro__subtitle--14, .year-2018 .queen .year-2023 .king9 .intro__subtitle--15, .year-2023 .king9 .intro__subtitle--3, .year-2023 .king9 .year-2018 .queen .intro__subtitle--10, .year-2023 .king9 .year-2018 .queen .intro__subtitle--11, .year-2023 .king9 .year-2018 .queen .intro__subtitle--13, .year-2023 .king9 .year-2018 .queen .intro__subtitle--14, .year-2023 .king9 .year-2018 .queen .intro__subtitle--15 {
    font-size: 56px;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .1rem
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2023 .king9 .intro__subtitle--10, .year-2018 .queen .year-2023 .king9 .intro__subtitle--11, .year-2018 .queen .year-2023 .king9 .intro__subtitle--13, .year-2018 .queen .year-2023 .king9 .intro__subtitle--14, .year-2018 .queen .year-2023 .king9 .intro__subtitle--15, .year-2023 .king9 .intro__subtitle--3, .year-2023 .king9 .year-2018 .queen .intro__subtitle--10, .year-2023 .king9 .year-2018 .queen .intro__subtitle--11, .year-2023 .king9 .year-2018 .queen .intro__subtitle--13, .year-2023 .king9 .year-2018 .queen .intro__subtitle--14, .year-2023 .king9 .year-2018 .queen .intro__subtitle--15 {
        font-size: 35px;
        font-size: 2.1875rem
    }
}

.year-2018 .king10 .year-2023 .king9 .intro__subtitle--10, .year-2018 .king10 .year-2023 .king9 .intro__subtitle--11, .year-2018 .king10 .year-2023 .king9 .intro__subtitle--12, .year-2023 .king9 .intro__subtitle--4, .year-2023 .king9 .year-2018 .king10 .intro__subtitle--10, .year-2023 .king9 .year-2018 .king10 .intro__subtitle--11, .year-2023 .king9 .year-2018 .king10 .intro__subtitle--12 {
    font-size: 70px;
    font-size: 4.375rem;
    font-weight: 700;
    line-height: .8
}

@media (max-width: 767px) {
    .year-2018 .king10 .year-2023 .king9 .intro__subtitle--10, .year-2018 .king10 .year-2023 .king9 .intro__subtitle--11, .year-2018 .king10 .year-2023 .king9 .intro__subtitle--12, .year-2023 .king9 .intro__subtitle--4, .year-2023 .king9 .year-2018 .king10 .intro__subtitle--10, .year-2023 .king9 .year-2018 .king10 .intro__subtitle--11, .year-2023 .king9 .year-2018 .king10 .intro__subtitle--12 {
        font-size: 54px;
        font-size: 3.375rem
    }
}

@media (max-width: 479px) {
    .year-2018 .king10 .year-2023 .king9 .intro__subtitle--10, .year-2018 .king10 .year-2023 .king9 .intro__subtitle--11, .year-2018 .king10 .year-2023 .king9 .intro__subtitle--12, .year-2023 .king9 .intro__subtitle--4, .year-2023 .king9 .year-2018 .king10 .intro__subtitle--10, .year-2023 .king9 .year-2018 .king10 .intro__subtitle--11, .year-2023 .king9 .year-2018 .king10 .intro__subtitle--12 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2018 .queen .year-2023 .king9 .intro__subtitle--12, .year-2023 .king9 .intro__subtitle--5, .year-2023 .king9 .year-2018 .queen .intro__subtitle--12 {
    font-size: 70px;
    font-size: 4.375rem;
    font-weight: 700;
    line-height: .8
}

@media (max-width: 767px) {
    .year-2018 .queen .year-2023 .king9 .intro__subtitle--12, .year-2023 .king9 .intro__subtitle--5, .year-2023 .king9 .year-2018 .queen .intro__subtitle--12 {
        font-size: 54px;
        font-size: 3.375rem
    }
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2023 .king9 .intro__subtitle--12, .year-2023 .king9 .intro__subtitle--5, .year-2023 .king9 .year-2018 .queen .intro__subtitle--12 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2023 .king9 .intro__subtitle--6 {
    font-size: 70px;
    font-size: 4.375rem;
    font-weight: 700;
    line-height: .8
}

@media (max-width: 767px) {
    .year-2023 .king9 .intro__subtitle--6 {
        font-size: 54px;
        font-size: 3.375rem
    }
}

@media (max-width: 479px) {
    .year-2023 .king9 .intro__subtitle--6 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2023 .king9 .intro__text {
    font-family: Kanit !important;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.7
}

@media (max-width: 575px) {
    .year-2023 .king9 .intro__text {
        font-size: 14px;
        font-size: .875rem
    }
}

.year-2023 .king9 .intro__content--1 .intro__button, .year-2023 .king9 .intro__content--2 .intro__button, .year-2023 .king9 .intro__content--3 .intro__button, .year-2023 .king9 .intro__content--4 .intro__button, .year-2023 .king9 .intro__content--5 .intro__button, .year-2023 .king9 .intro__content--6 .intro__button {
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: 400;
    font-family: Kanit !important
}

.year-2023 .king9 {
    padding: 0 !important
}

.year-2023 .king9 .intro__logo {
    display: none !important
}

.year-2023 .king9 .intro--vertical .intro__logo {
    display: none
}

.year-2023 .king9 .intro__line {
    padding: 0 0 5px
}

.year-2023 .king9 .intro__line .img-fluid {
    max-width: 400px;
    width: 100%
}

.year-2023 .king9 .intro__figure {
    min-height: 295px;
    max-height: none !important;
    height: auto !important
}

.year-2023 .king9 .intro__figure img {
    max-height: none !important
}

.year-2023 .king9 .intro__figure--1 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    max-width: 100%
}

@media (max-width: 767px) {
    .year-2023 .king9 .intro__figure--1 {
        height: 295px !important
    }
}

.year-2023 .king9 .intro__figure--1 img {
    max-height: 365px !important;
    height: 100% !important
}

.year-2023 .king9 .intro__figure--2 {
    margin: 1.5rem auto 0;
    max-width: 100%;
    min-height: auto;
    height: 100%
}

.year-2023 .king9 .intro__figure--3 {
    margin: 0 auto;
    max-width: 355px;
    height: 100%
}

@media (max-width: 767px) {
    .year-2023 .king9 .intro__figure--3 {
        max-width: 300px !important
    }
}

@media (max-width: 478px) {
    .year-2023 .king9 .intro__figure--3 {
        min-height: 0;
        height: auto
    }
}

.year-2023 .king9 .intro__figure--4 {
    margin: -2.5rem auto -2rem;
    max-width: 745px;
    height: 100%
}

@media (max-width: 575px) {
    .year-2023 .king9 .intro__figure--4 {
        margin: -1rem auto 0
    }
}

@media (max-width: 478px) {
    .year-2023 .king9 .intro__figure--4 {
        min-height: 0;
        height: auto
    }
}

.year-2023 .king9 .intro__figure--5 {
    margin: -2.5rem auto -3.5rem;
    width: 400px;
    height: 100%
}

@media (max-width: 767px) {
    .year-2023 .king9 .intro__figure--5 {
        margin: -2rem auto;
        max-width: 320px !important;
        min-height: 0;
        height: auto
    }
}

@media (max-width: 478px) {
    .year-2023 .king9 .intro__figure--5 {
        margin: -1rem auto;
        max-width: 225px !important;
        min-height: 0;
        height: auto
    }
}

.year-2023 .king9 .intro__figure--6 {
    margin: -4rem auto -7rem;
    max-width: 720px;
    height: 100%
}

@media (max-width: 767px) {
    .year-2023 .king9 .intro__figure--6 {
        margin: -2rem auto -4rem;
        max-width: 480px !important;
        min-height: 0;
        height: auto
    }
}

@media (max-width: 478px) {
    .year-2023 .king9 .intro__figure--6 {
        margin: -2rem auto;
        max-width: 100% !important;
        min-height: 0;
        height: auto
    }
}

.year-2023 .king9 .intro__content {
    width: 100%
}

.year-2023 .king9 .intro__content .company-name {
    display: inline-block
}

.year-2023 .king9 .intro__content--1 .intro__title {
    color: #482600;
    margin-bottom: 1rem
}

.year-2023 .king9 .intro__content--1 .intro__subtitle, .year-2023 .king9 .intro__content--1 .intro__text {
    color: #482600
}

.year-2023 .king9 .intro__content--1 .intro__line .img-fluid {
    padding: 15px 0 25px;
    max-width: 350px
}

@media (max-width: 575px) {
    .year-2023 .king9 .intro__content--1 .intro__line .img-fluid {
        max-width: 175px
    }
}

.year-2023 .king9 .intro__content--2 .intro__title {
    color: #482600;
    margin-bottom: 1rem
}

.year-2023 .king9 .intro__content--2 .intro__subtitle, .year-2023 .king9 .intro__content--2 .intro__text {
    color: #482600
}

.year-2023 .king9 .intro__content--2 .intro__line .img-fluid {
    padding: 15px 0 25px;
    max-width: 350px
}

@media (max-width: 575px) {
    .year-2023 .king9 .intro__content--2 .intro__line .img-fluid {
        max-width: 175px
    }
}

.year-2023 .king9 .intro__content--3 .intro__title {
    color: #482600;
    margin-bottom: 1rem
}

.year-2023 .king9 .intro__content--3 .intro__subtitle, .year-2023 .king9 .intro__content--3 .intro__text {
    color: #482600
}

.year-2023 .king9 .intro__content--3 .intro__line .img-fluid {
    padding: 15px 0 25px;
    max-width: 350px
}

@media (max-width: 575px) {
    .year-2023 .king9 .intro__content--3 .intro__line .img-fluid {
        max-width: 175px
    }
}

.year-2023 .king9 .intro__content--4 .intro__title {
    color: #482600;
    margin-bottom: 1rem
}

.year-2023 .king9 .intro__content--4 .intro__subtitle, .year-2023 .king9 .intro__content--4 .intro__text {
    color: #482600
}

.year-2023 .king9 .intro__content--4 .intro__line .img-fluid {
    padding: 15px 0 25px;
    max-width: 350px
}

@media (max-width: 575px) {
    .year-2023 .king9 .intro__content--4 .intro__line .img-fluid {
        max-width: 175px
    }
}

.year-2023 .king9 .intro__content--5 .intro__title {
    color: #482600;
    margin-bottom: 1rem
}

.year-2023 .king9 .intro__content--5 .intro__subtitle, .year-2023 .king9 .intro__content--5 .intro__text {
    color: #482600
}

.year-2023 .king9 .intro__content--5 .intro__line .img-fluid {
    padding: 15px 0 20px;
    max-width: 350px
}

@media (max-width: 575px) {
    .year-2023 .king9 .intro__content--5 .intro__line .img-fluid {
        max-width: 175px
    }
}

.year-2023 .king9 .intro__content--6 .intro__title {
    color: #482600;
    margin-bottom: 1rem
}

.year-2023 .king9 .intro__content--6 .intro__subtitle, .year-2023 .king9 .intro__content--6 .intro__text {
    color: #482600
}

.year-2023 .king9 .intro__content--6 .intro__line .img-fluid {
    padding: 15px 0 25px;
    max-width: 350px
}

@media (max-width: 575px) {
    .year-2023 .king9 .intro__content--6 .intro__line .img-fluid {
        max-width: 175px
    }
}

.year-2023 .king9 .intro__button {
    border-radius: 7px
}

.year-2023 .king9 .intro__button--1 {
    position: relative;
    margin-top: 10px;
    background-color: #fff;
    border: 1px solid #555;
    border-radius: 25px;
    line-height: 1;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2023 .king9 .intro__button--1 a {
    color: #555
}

.year-2023 .king9 .intro__button--1 a:first-child {
    padding: 15px 15px 15px 25px
}

.year-2023 .king9 .intro__button--1 a:last-child {
    padding: 15px 25px 15px 15px
}

.year-2023 .king9 .intro__button--1 a:last-child:before {
    top: 15px;
    left: -8px
}

.year-2023 .king9 .intro__button--1 a:before {
    color: #555
}

.year-2023 .king9 .intro__button--1 a:focus, .year-2023 .king9 .intro__button--1 a:hover {
    text-decoration: none
}

.year-2023 .king9 .intro__button--2 {
    position: relative;
    margin-top: 10px;
    background-color: #fff;
    border: 1px solid #555;
    border-radius: 25px;
    line-height: 1;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2023 .king9 .intro__button--2 a {
    color: #555
}

.year-2023 .king9 .intro__button--2 a:first-child {
    padding: 15px 15px 15px 25px
}

.year-2023 .king9 .intro__button--2 a:last-child {
    padding: 15px 25px 15px 15px
}

.year-2023 .king9 .intro__button--2 a:last-child:before {
    top: 15px;
    left: -8px
}

.year-2023 .king9 .intro__button--2 a:before {
    color: #555
}

.year-2023 .king9 .intro__button--2 a:focus, .year-2023 .king9 .intro__button--2 a:hover {
    text-decoration: none
}

.year-2023 .king9 .intro__button--3 {
    position: relative;
    margin-top: 10px;
    background-color: #fff;
    border: 1px solid #555;
    border-radius: 25px;
    line-height: 1;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2023 .king9 .intro__button--3 a {
    color: #555
}

.year-2023 .king9 .intro__button--3 a:first-child {
    padding: 15px 15px 15px 25px
}

.year-2023 .king9 .intro__button--3 a:last-child {
    padding: 15px 25px 15px 15px
}

.year-2023 .king9 .intro__button--3 a:last-child:before {
    top: 15px;
    left: -8px
}

.year-2023 .king9 .intro__button--3 a:before {
    color: #555
}

.year-2023 .king9 .intro__button--3 a:focus, .year-2023 .king9 .intro__button--3 a:hover {
    text-decoration: none
}

.year-2018 .king10 .year-2023 .king9 .intro__button--11, .year-2018 .king10 .year-2023 .king9 .intro__button--12, .year-2019 .king .year-2023 .king9 .intro__button--11, .year-2019 .king .year-2023 .king9 .intro__button--12, .year-2023 .king9 .intro__button--4, .year-2023 .king9 .year-2018 .king10 .intro__button--11, .year-2023 .king9 .year-2018 .king10 .intro__button--12, .year-2023 .king9 .year-2019 .king .intro__button--11, .year-2023 .king9 .year-2019 .king .intro__button--12 {
    position: relative;
    margin-top: 10px;
    background-color: #fff;
    border: 1px solid #555;
    border-radius: 25px;
    line-height: 1;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2018 .king10 .year-2023 .king9 .intro__button--11 a, .year-2018 .king10 .year-2023 .king9 .intro__button--12 a, .year-2019 .king .year-2023 .king9 .intro__button--11 a, .year-2019 .king .year-2023 .king9 .intro__button--12 a, .year-2023 .king9 .intro__button--4 a, .year-2023 .king9 .year-2018 .king10 .intro__button--11 a, .year-2023 .king9 .year-2018 .king10 .intro__button--12 a, .year-2023 .king9 .year-2019 .king .intro__button--11 a, .year-2023 .king9 .year-2019 .king .intro__button--12 a {
    color: #555
}

.year-2018 .king10 .year-2023 .king9 .intro__button--11 a:first-child, .year-2018 .king10 .year-2023 .king9 .intro__button--12 a:first-child, .year-2019 .king .year-2023 .king9 .intro__button--11 a:first-child, .year-2019 .king .year-2023 .king9 .intro__button--12 a:first-child, .year-2023 .king9 .intro__button--4 a:first-child, .year-2023 .king9 .year-2018 .king10 .intro__button--11 a:first-child, .year-2023 .king9 .year-2018 .king10 .intro__button--12 a:first-child, .year-2023 .king9 .year-2019 .king .intro__button--11 a:first-child, .year-2023 .king9 .year-2019 .king .intro__button--12 a:first-child {
    padding: 15px 15px 15px 25px
}

.year-2018 .king10 .year-2023 .king9 .intro__button--11 a:last-child, .year-2018 .king10 .year-2023 .king9 .intro__button--12 a:last-child, .year-2019 .king .year-2023 .king9 .intro__button--11 a:last-child, .year-2019 .king .year-2023 .king9 .intro__button--12 a:last-child, .year-2023 .king9 .intro__button--4 a:last-child, .year-2023 .king9 .year-2018 .king10 .intro__button--11 a:last-child, .year-2023 .king9 .year-2018 .king10 .intro__button--12 a:last-child, .year-2023 .king9 .year-2019 .king .intro__button--11 a:last-child, .year-2023 .king9 .year-2019 .king .intro__button--12 a:last-child {
    padding: 15px 25px 15px 15px
}

.year-2018 .king10 .year-2023 .king9 .intro__button--11 a:last-child:before, .year-2018 .king10 .year-2023 .king9 .intro__button--12 a:last-child:before, .year-2019 .king .year-2023 .king9 .intro__button--11 a:last-child:before, .year-2019 .king .year-2023 .king9 .intro__button--12 a:last-child:before, .year-2023 .king9 .intro__button--4 a:last-child:before, .year-2023 .king9 .year-2018 .king10 .intro__button--11 a:last-child:before, .year-2023 .king9 .year-2018 .king10 .intro__button--12 a:last-child:before, .year-2023 .king9 .year-2019 .king .intro__button--11 a:last-child:before, .year-2023 .king9 .year-2019 .king .intro__button--12 a:last-child:before {
    top: 15px;
    left: -8px
}

.year-2018 .king10 .year-2023 .king9 .intro__button--11 a:before, .year-2018 .king10 .year-2023 .king9 .intro__button--12 a:before, .year-2019 .king .year-2023 .king9 .intro__button--11 a:before, .year-2019 .king .year-2023 .king9 .intro__button--12 a:before, .year-2023 .king9 .intro__button--4 a:before, .year-2023 .king9 .year-2018 .king10 .intro__button--11 a:before, .year-2023 .king9 .year-2018 .king10 .intro__button--12 a:before, .year-2023 .king9 .year-2019 .king .intro__button--11 a:before, .year-2023 .king9 .year-2019 .king .intro__button--12 a:before {
    color: #555
}

.year-2018 .king10 .year-2023 .king9 .intro__button--11 a:focus, .year-2018 .king10 .year-2023 .king9 .intro__button--11 a:hover, .year-2018 .king10 .year-2023 .king9 .intro__button--12 a:focus, .year-2018 .king10 .year-2023 .king9 .intro__button--12 a:hover, .year-2019 .king .year-2023 .king9 .intro__button--11 a:focus, .year-2019 .king .year-2023 .king9 .intro__button--11 a:hover, .year-2019 .king .year-2023 .king9 .intro__button--12 a:focus, .year-2019 .king .year-2023 .king9 .intro__button--12 a:hover, .year-2023 .king9 .intro__button--4 a:focus, .year-2023 .king9 .intro__button--4 a:hover, .year-2023 .king9 .year-2018 .king10 .intro__button--11 a:focus, .year-2023 .king9 .year-2018 .king10 .intro__button--11 a:hover, .year-2023 .king9 .year-2018 .king10 .intro__button--12 a:focus, .year-2023 .king9 .year-2018 .king10 .intro__button--12 a:hover, .year-2023 .king9 .year-2019 .king .intro__button--11 a:focus, .year-2023 .king9 .year-2019 .king .intro__button--11 a:hover, .year-2023 .king9 .year-2019 .king .intro__button--12 a:focus, .year-2023 .king9 .year-2019 .king .intro__button--12 a:hover {
    text-decoration: none
}

.year-2018 .year-2023 .king9 .intro__button--14, .year-2019 .queen-mother .year-2023 .king9 .intro__button--14, .year-2023 .king9 .intro__button--5, .year-2023 .king9 .year-2018 .intro__button--14, .year-2023 .king9 .year-2019 .queen-mother .intro__button--14 {
    position: relative;
    margin-top: 10px;
    background-color: #fff;
    border: 1px solid #555;
    border-radius: 25px;
    line-height: 1;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2018 .year-2023 .king9 .intro__button--14 a, .year-2019 .queen-mother .year-2023 .king9 .intro__button--14 a, .year-2023 .king9 .intro__button--5 a, .year-2023 .king9 .year-2018 .intro__button--14 a, .year-2023 .king9 .year-2019 .queen-mother .intro__button--14 a {
    color: #555
}

.year-2018 .year-2023 .king9 .intro__button--14 a:first-child, .year-2019 .queen-mother .year-2023 .king9 .intro__button--14 a:first-child, .year-2023 .king9 .intro__button--5 a:first-child, .year-2023 .king9 .year-2018 .intro__button--14 a:first-child, .year-2023 .king9 .year-2019 .queen-mother .intro__button--14 a:first-child {
    padding: 15px 15px 15px 25px
}

.year-2018 .year-2023 .king9 .intro__button--14 a:last-child, .year-2019 .queen-mother .year-2023 .king9 .intro__button--14 a:last-child, .year-2023 .king9 .intro__button--5 a:last-child, .year-2023 .king9 .year-2018 .intro__button--14 a:last-child, .year-2023 .king9 .year-2019 .queen-mother .intro__button--14 a:last-child {
    padding: 15px 25px 15px 15px
}

.year-2018 .year-2023 .king9 .intro__button--14 a:last-child:before, .year-2019 .queen-mother .year-2023 .king9 .intro__button--14 a:last-child:before, .year-2023 .king9 .intro__button--5 a:last-child:before, .year-2023 .king9 .year-2018 .intro__button--14 a:last-child:before, .year-2023 .king9 .year-2019 .queen-mother .intro__button--14 a:last-child:before {
    top: 15px;
    left: -8px
}

.year-2018 .year-2023 .king9 .intro__button--14 a:before, .year-2019 .queen-mother .year-2023 .king9 .intro__button--14 a:before, .year-2023 .king9 .intro__button--5 a:before, .year-2023 .king9 .year-2018 .intro__button--14 a:before, .year-2023 .king9 .year-2019 .queen-mother .intro__button--14 a:before {
    color: #555
}

.year-2018 .year-2023 .king9 .intro__button--14 a:focus, .year-2018 .year-2023 .king9 .intro__button--14 a:hover, .year-2019 .queen-mother .year-2023 .king9 .intro__button--14 a:focus, .year-2019 .queen-mother .year-2023 .king9 .intro__button--14 a:hover, .year-2023 .king9 .intro__button--5 a:focus, .year-2023 .king9 .intro__button--5 a:hover, .year-2023 .king9 .year-2018 .intro__button--14 a:focus, .year-2023 .king9 .year-2018 .intro__button--14 a:hover, .year-2023 .king9 .year-2019 .queen-mother .intro__button--14 a:focus, .year-2023 .king9 .year-2019 .queen-mother .intro__button--14 a:hover {
    text-decoration: none
}

.year-2018 .year-2023 .king9 .intro__button--11, .year-2019 .queen-mother .year-2023 .king9 .intro__button--11, .year-2023 .king9 .intro__button--6, .year-2023 .king9 .year-2018 .intro__button--11, .year-2023 .king9 .year-2019 .queen-mother .intro__button--11 {
    position: relative;
    margin-top: 10px;
    background-color: #fff;
    border: 1px solid #555;
    border-radius: 25px;
    line-height: 1;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2018 .year-2023 .king9 .intro__button--11 a, .year-2019 .queen-mother .year-2023 .king9 .intro__button--11 a, .year-2023 .king9 .intro__button--6 a, .year-2023 .king9 .year-2018 .intro__button--11 a, .year-2023 .king9 .year-2019 .queen-mother .intro__button--11 a {
    color: #555
}

.year-2018 .year-2023 .king9 .intro__button--11 a:first-child, .year-2019 .queen-mother .year-2023 .king9 .intro__button--11 a:first-child, .year-2023 .king9 .intro__button--6 a:first-child, .year-2023 .king9 .year-2018 .intro__button--11 a:first-child, .year-2023 .king9 .year-2019 .queen-mother .intro__button--11 a:first-child {
    padding: 15px 15px 15px 25px
}

.year-2018 .year-2023 .king9 .intro__button--11 a:last-child, .year-2019 .queen-mother .year-2023 .king9 .intro__button--11 a:last-child, .year-2023 .king9 .intro__button--6 a:last-child, .year-2023 .king9 .year-2018 .intro__button--11 a:last-child, .year-2023 .king9 .year-2019 .queen-mother .intro__button--11 a:last-child {
    padding: 15px 25px 15px 15px
}

.year-2018 .year-2023 .king9 .intro__button--11 a:last-child:before, .year-2019 .queen-mother .year-2023 .king9 .intro__button--11 a:last-child:before, .year-2023 .king9 .intro__button--6 a:last-child:before, .year-2023 .king9 .year-2018 .intro__button--11 a:last-child:before, .year-2023 .king9 .year-2019 .queen-mother .intro__button--11 a:last-child:before {
    top: 15px;
    left: -8px
}

.year-2018 .year-2023 .king9 .intro__button--11 a:before, .year-2019 .queen-mother .year-2023 .king9 .intro__button--11 a:before, .year-2023 .king9 .intro__button--6 a:before, .year-2023 .king9 .year-2018 .intro__button--11 a:before, .year-2023 .king9 .year-2019 .queen-mother .intro__button--11 a:before {
    color: #555
}

.year-2018 .year-2023 .king9 .intro__button--11 a:focus, .year-2018 .year-2023 .king9 .intro__button--11 a:hover, .year-2019 .queen-mother .year-2023 .king9 .intro__button--11 a:focus, .year-2019 .queen-mother .year-2023 .king9 .intro__button--11 a:hover, .year-2023 .king9 .intro__button--6 a:focus, .year-2023 .king9 .intro__button--6 a:hover, .year-2023 .king9 .year-2018 .intro__button--11 a:focus, .year-2023 .king9 .year-2018 .intro__button--11 a:hover, .year-2023 .king9 .year-2019 .queen-mother .intro__button--11 a:focus, .year-2023 .king9 .year-2019 .queen-mother .intro__button--11 a:hover {
    text-decoration: none
}

.year-2022 .newyear {
    font-family: Sarabun;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1
}

.year-2022 .newyear h3 {
    line-height: 1;
    font-size: 54px;
    font-size: 3.375rem;
    font-weight: 700
}

.year-2022 .newyear h4 {
    font-size: 26px;
    font-size: 1.625rem;
    margin: 0 0 5px
}

.year-2022 .newyear h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2022 .newyear h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2022 .newyear .intro__text {
    font-size: 26px;
    font-size: 1.625rem
}

.year-2022 .newyear.newyear--1 {
    font-family: PSL Kittithada Pro
}

.year-2022 .newyear.newyear--1 .intro__button, .year-2022 .newyear.newyear--1 .intro__text {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 700
}

.year-2022 .newyear.newyear--2 .intro__button, .year-2022 .newyear.newyear--2 .intro__text, .year-2022 .newyear.newyear--3 .intro__button, .year-2022 .newyear.newyear--3 .intro__text {
    font-size: 31px;
    font-size: 1.9375rem;
    font-weight: 700
}

.year-2022 .newyear.newyear--4 .intro__subtitle {
    font-size: 80px;
    font-size: 5rem;
    font-weight: 400;
    line-height: 1.1
}

@media (max-width: 767px) {
    .year-2022 .newyear.newyear--4 .intro__subtitle {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2022 .newyear.newyear--4 .intro__text {
    font-family: Kanit;
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.5;
    font-weight: 400
}

.year-2022 .newyear.newyear--4 .intro__button {
    font-family: Kanit;
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: 400
}

.year-2022 .newyear.newyear--5 .intro__title {
    font-size: 80px;
    font-size: 5rem;
    font-weight: 400;
    line-height: 1.3
}

@media (max-width: 767px) {
    .year-2022 .newyear.newyear--5 .intro__title {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2022 .newyear.newyear--5 .intro__subtitle {
    font-size: 60px;
    font-size: 3.75rem;
    font-weight: 400
}

.year-2022 .newyear.newyear--5 .intro__text, .year-2022 .newyear.newyear--6 .intro__text {
    font-size: 29px;
    font-size: 1.8125rem;
    font-weight: 700
}

@media (max-width: 767px) {
    .year-2022 .newyear.newyear--6 .intro__text {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2022 .newyear.newyear--6 .intro__button {
    font-size: 27px;
    font-size: 1.6875rem;
    font-weight: 400
}

.year-2022 .body-snapshot .newyear .intro {
    display: flex;
    justify-content: center;
    align-items: center
}

.year-2022 .body-snapshot .newyear .intro > .intro__figure {
    height: auto;
    max-height: 70vh
}

.year-2022 .body-snapshot .newyear .intro > .intro__figure img {
    max-height: 100%
}

.year-2022 .wrapper {
    overflow-x: hidden;
    position: relative
}

.year-2022 .wrapper .wrapper__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.year-2022 .wrapper .wrapper__bg .wrapper__video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.year-2022 .wrapper--1, .year-2022 .wrapper--2 {
    background-position: bottom
}

.year-2022 .wrapper--3, .year-2022 .wrapper--4, .year-2022 .wrapper--5 {
    background-position: 50%
}

.year-2022 .wrapper--5 .wrapper__bg {
    z-index: 1;
    overflow: hidden
}

.year-2022 .wrapper--5 .wrapper__element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: flex-end
}

.year-2022 .wrapper--6 {
    background-position: bottom
}

.year-2022 .newyear.newyear--1 {
    position: relative
}

.year-2022 .newyear.newyear--1:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 15px solid rgba(163, 112, 41, .9);
    pointer-events: none
}

.year-2022 .newyear.newyear--1 .intro {
    padding-top: 0;
    justify-content: center
}

.year-2022 .newyear.newyear--1 .intro .intro__subtitle, .year-2022 .newyear.newyear--1 .intro .intro__title {
    display: none
}

@media (min-height: 100vw) {
    .year-2022 .newyear.newyear--1 .intro {
        padding-bottom: 0;
        justify-content: center
    }
}

.year-2022 .newyear.newyear--2 .intro .intro__subtitle, .year-2022 .newyear.newyear--2 .intro .intro__title {
    display: none
}

.year-2022 .newyear.newyear--2 .intro .intro__content {
    margin-top: -9vh
}

@media (max-width: 1024px) {
    .year-2022 .newyear.newyear--2 .intro .intro__content {
        margin-top: -20px
    }
}

.year-2022 .newyear.newyear--2 .intro .intro__text {
    margin-bottom: 1.5rem
}

.year-2022 .newyear.newyear--3 .intro {
    padding-bottom: 0
}

.year-2022 .newyear.newyear--3 .intro .intro__subtitle, .year-2022 .newyear.newyear--3 .intro .intro__title {
    display: none
}

.year-2022 .newyear.newyear--3 .intro .intro__text {
    margin-bottom: 1.5rem;
    text-shadow: 0 3px 10px rgba(0, 0, 0, .9)
}

@media (min-width: 1600px) {
    .year-2022 .newyear.newyear--4 .container {
        max-width: 1540px
    }
}

.year-2022 .newyear.newyear--4 .intro {
    text-align: center;
    padding-bottom: 0
}

@media (max-width: 991px) {
    .year-2022 .newyear.newyear--4 .intro .intro__row .intro__image {
        margin-bottom: 0;
        max-width: 100% !important
    }
}

.year-2022 .newyear.newyear--4 .intro .intro__figure {
    padding: 0
}

@media (min-width: 1200px) {
    .year-2022 .newyear.newyear--4 .intro .intro__figure {
        max-height: none
    }
}

@media (max-width: 991.98px) {
    .year-2022 .newyear.newyear--4 .intro .intro__figure {
        max-height: none
    }
}

.year-2022 .newyear.newyear--4 .intro .intro__title {
    display: none
}

.year-2022 .newyear.newyear--4 .intro .intro__subtitle {
    margin: 0 auto 30px;
    max-width: 540px
}

.year-2022 .newyear.newyear--4 .intro .intro__text {
    padding: 0 20px
}

@media (min-width: 767px) {
    .year-2022 .newyear.newyear--4 .intro .intro__text {
        padding: 0
    }
}

.year-2022 .newyear.newyear--4 .intro .intro__button {
    margin: 10px 0 0
}

@media (min-width: 1200px) {
    .year-2022 .newyear.newyear--5 {
        min-height: 720px
    }
}

.year-2022 .newyear.newyear--5 .intro {
    position: relative;
    justify-content: flex-start;
    padding: 15vh 0 10vh;
    z-index: 2
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .year-2022 .newyear.newyear--5 .intro {
        min-height: 120vh
    }
}

.year-2022 .newyear.newyear--5 .intro .intro__figure {
    display: none
}

.year-2022 .newyear.newyear--5 .intro .intro__title {
    display: block;
    margin-bottom: 1.5rem
}

.year-2022 .newyear.newyear--5 .intro .intro__subtitle {
    display: block;
    margin-bottom: 2rem
}

@media (min-width: 767px) {
    .year-2022 .newyear.newyear--5 .intro .intro__text {
        margin-bottom: 0
    }
}

.year-2022 .newyear.newyear--6 .intro {
    position: relative;
    padding: 0
}

.year-2022 .newyear.newyear--6 .intro .intro__subtitle, .year-2022 .newyear.newyear--6 .intro .intro__title {
    display: none
}

.year-2022 .newyear.newyear--6 .intro .intro__text {
    margin-bottom: 1.5rem;
    text-shadow: 0 3px 10px rgba(0, 0, 0, .2)
}

.year-2022 .newyear .intro {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 5px 0 10vh;
    text-align: center
}

.year-2022 .newyear .intro__figure {
    padding: 0 0 40px;
    height: auto;
    max-width: none;
    min-height: auto;
    max-height: 60vh
}

.year-2022 .newyear .intro__figure img {
    height: auto;
    max-height: calc(60vh - 40px)
}

.year-2022 .newyear .intro__figure--1 {
    padding: 0
}

.year-2022 .newyear .intro__figure--1 .intro__image.intro__image--animation {
    height: 100%
}

@media (max-width: 767px) {
    .year-2022 .newyear .intro__figure--1 .intro__image.intro__image--animation {
        margin: 0 auto
    }
}

.year-2022 .newyear .intro__figure--1 .intro__image.intro__image--animation svg {
    max-height: 60vh
}

.year-2022 .newyear .intro__figure--2 {
    padding: 0
}

.year-2022 .newyear .intro__figure--2 img {
    max-height: 60vh
}

.year-2022 .newyear .intro__figure--3 {
    padding: 0
}

.year-2022 .newyear .intro__figure--3 img {
    max-height: 60vh
}

.year-2022 .newyear .intro__figure--6 {
    padding: 0 0 20px
}

.year-2022 .newyear .intro__content {
    height: auto
}

.year-2022 .newyear .intro__content--1 {
    color: #a37029
}

.year-2022 .newyear .intro__content--2 {
    color: #966723
}

.year-2022 .newyear .intro__content--3, .year-2022 .newyear .intro__content--4, .year-2022 .newyear .intro__content--5 {
    color: #fff
}

.year-2022 .newyear .intro__content--6 {
    color: #000
}

@media (max-width: 767px) {
    .year-2022 .newyear .intro {
        padding-bottom: 0
    }

    .year-2022 .newyear .intro > .d-block {
        display: none !important
    }

    .year-2022 .newyear .intro__content {
        padding: 0
    }

    .year-2022 .newyear .intro__text {
        margin-bottom: 1rem;
        padding: 0 30px
    }

    .year-2022 .newyear .intro__footer {
        padding-bottom: 10px
    }

    .year-2022 .newyear .intro__figure {
        padding: 0 0 10px
    }

    .year-2022 .newyear .intro__figure img {
        max-height: calc(60vh - 10px)
    }
}

.year-2022 .newyear .intro__button {
    border-radius: 6px;
    -webkit-box-shadow: 0 9px 24px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 9px 24px rgba(0, 0, 0, .08);
    box-shadow: 0 9px 24px rgba(0, 0, 0, .08)
}

@media (max-width: 767px) {
    .year-2022 .newyear .intro__button {
        margin-top: 10px
    }
}

.year-2022 .newyear .intro__button a {
    padding: 7px 15px 7px 25px
}

.year-2022 .newyear .intro__button a + a {
    padding: 7px 25px 7px 15px
}

.year-2022 .newyear .intro__button a:before {
    top: 8px;
    left: -9px;
    color: #fff !important
}

.year-2022 .newyear .intro__button--1 {
    margin-top: 0;
    border-radius: 0;
    border: 3px solid #87a16f;
    background-color: #295443
}

.year-2022 .newyear .intro__button--1 a {
    color: #fff
}

.year-2022 .newyear .intro__button--1 a:before {
    color: #fff !important
}

.year-2022 .newyear .intro__button--2 {
    margin-top: 0;
    border-radius: 20px;
    background: #c18a3c;
    background: -moz-linear-gradient(left, #c18a3c 0, #a77633 50%, #e9c25d 100%);
    background: -webkit-linear-gradient(left, #c18a3c, #a77633 50%, #e9c25d);
    background: linear-gradient(90deg, #c18a3c 0, #a77633 50%, #e9c25d)
}

.year-2022 .newyear .intro__button--2 a {
    color: #fff;
    padding: 10px 15px 7px 25px
}

.year-2022 .newyear .intro__button--2 a + a {
    padding: 10px 25px 7px 15px
}

.year-2022 .newyear .intro__button--2 a:before {
    color: #fff !important
}

.year-2022 .newyear .intro__button--3 {
    margin-top: 0;
    border-radius: 30px;
    border: 3px solid rgba(0, 0, 0, .2);
    background: #d4aa51;
    background: -moz-linear-gradient(left, #d4aa51 0, #fff1b1 50%, #d9c58d 100%);
    background: -webkit-linear-gradient(left, #d4aa51, #fff1b1 50%, #d9c58d);
    background: linear-gradient(90deg, #d4aa51 0, #fff1b1 50%, #d9c58d)
}

.year-2022 .newyear .intro__button--3 a {
    color: #62421e;
    padding: 10px 15px 7px 25px
}

.year-2022 .newyear .intro__button--3 a + a {
    padding: 10px 25px 7px 15px
}

.year-2022 .newyear .intro__button--3 a:before {
    color: #62421e !important
}

.year-2018 .king10 .year-2022 .newyear .intro__button--11, .year-2018 .king10 .year-2022 .newyear .intro__button--12, .year-2019 .king .year-2022 .newyear .intro__button--11, .year-2019 .king .year-2022 .newyear .intro__button--12, .year-2022 .newyear .intro__button--4, .year-2022 .newyear .year-2018 .king10 .intro__button--11, .year-2022 .newyear .year-2018 .king10 .intro__button--12, .year-2022 .newyear .year-2019 .king .intro__button--11, .year-2022 .newyear .year-2019 .king .intro__button--12 {
    border-radius: 10px;
    border: 2px solid #363290;
    background: #7c7cee;
    background: -moz-linear-gradient(left, #7c7cee 0, #7c7cee 50%, #363290 100%);
    background: -webkit-linear-gradient(left, #7c7cee, #7c7cee 50%, #363290);
    background: linear-gradient(90deg, #7c7cee 0, #7c7cee 50%, #363290)
}

.year-2018 .king10 .year-2022 .newyear .intro__button--11 a, .year-2018 .king10 .year-2022 .newyear .intro__button--12 a, .year-2019 .king .year-2022 .newyear .intro__button--11 a, .year-2019 .king .year-2022 .newyear .intro__button--12 a, .year-2022 .newyear .intro__button--4 a, .year-2022 .newyear .year-2018 .king10 .intro__button--11 a, .year-2022 .newyear .year-2018 .king10 .intro__button--12 a, .year-2022 .newyear .year-2019 .king .intro__button--11 a, .year-2022 .newyear .year-2019 .king .intro__button--12 a {
    color: #fff;
    padding: 10px 15px 15px 25px
}

.year-2018 .king10 .year-2022 .newyear .intro__button--11 a + a, .year-2018 .king10 .year-2022 .newyear .intro__button--12 a + a, .year-2019 .king .year-2022 .newyear .intro__button--11 a + a, .year-2019 .king .year-2022 .newyear .intro__button--12 a + a, .year-2022 .newyear .intro__button--4 a + a, .year-2022 .newyear .year-2018 .king10 .intro__button--11 a + a, .year-2022 .newyear .year-2018 .king10 .intro__button--12 a + a, .year-2022 .newyear .year-2019 .king .intro__button--11 a + a, .year-2022 .newyear .year-2019 .king .intro__button--12 a + a {
    padding: 10px 25px 15px 15px
}

.year-2018 .king10 .year-2022 .newyear .intro__button--11 a:before, .year-2018 .king10 .year-2022 .newyear .intro__button--12 a:before, .year-2019 .king .year-2022 .newyear .intro__button--11 a:before, .year-2019 .king .year-2022 .newyear .intro__button--12 a:before, .year-2022 .newyear .intro__button--4 a:before, .year-2022 .newyear .year-2018 .king10 .intro__button--11 a:before, .year-2022 .newyear .year-2018 .king10 .intro__button--12 a:before, .year-2022 .newyear .year-2019 .king .intro__button--11 a:before, .year-2022 .newyear .year-2019 .king .intro__button--12 a:before {
    top: 10px;
    color: #fff !important
}

.year-2018 .year-2022 .newyear .intro__button--14, .year-2019 .queen-mother .year-2022 .newyear .intro__button--14, .year-2022 .newyear .intro__button--5, .year-2022 .newyear .year-2018 .intro__button--14, .year-2022 .newyear .year-2019 .queen-mother .intro__button--14 {
    background-color: #c0272d;
    border-radius: 10px;
    border: 2px solid #fff
}

.year-2018 .year-2022 .newyear .intro__button--14 a, .year-2019 .queen-mother .year-2022 .newyear .intro__button--14 a, .year-2022 .newyear .intro__button--5 a, .year-2022 .newyear .year-2018 .intro__button--14 a, .year-2022 .newyear .year-2019 .queen-mother .intro__button--14 a {
    color: #fff;
    padding: 10px 15px 7px 25px
}

.year-2018 .year-2022 .newyear .intro__button--14 a + a, .year-2019 .queen-mother .year-2022 .newyear .intro__button--14 a + a, .year-2022 .newyear .intro__button--5 a + a, .year-2022 .newyear .year-2018 .intro__button--14 a + a, .year-2022 .newyear .year-2019 .queen-mother .intro__button--14 a + a {
    padding: 10px 25px 7px 15px
}

.year-2018 .year-2022 .newyear .intro__button--14 a:before, .year-2019 .queen-mother .year-2022 .newyear .intro__button--14 a:before, .year-2022 .newyear .intro__button--5 a:before, .year-2022 .newyear .year-2018 .intro__button--14 a:before, .year-2022 .newyear .year-2019 .queen-mother .intro__button--14 a:before {
    top: 10px;
    color: #fff !important
}

.year-2018 .year-2022 .newyear .intro__button--11, .year-2019 .queen-mother .year-2022 .newyear .intro__button--11, .year-2022 .newyear .intro__button--6, .year-2022 .newyear .year-2018 .intro__button--11, .year-2022 .newyear .year-2019 .queen-mother .intro__button--11 {
    margin-top: 0;
    border-radius: 5px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    background: #eccf7b;
    background: -moz-linear-gradient(-45deg, #eccf7b 0, #d3a659 100%);
    background: -webkit-linear-gradient(-45deg, #eccf7b, #d3a659);
    background: linear-gradient(135deg, #eccf7b, #d3a659);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eccf7b", endColorstr="#d3a659", GradientType=1)
}

.year-2018 .year-2022 .newyear .intro__button--11 a, .year-2019 .queen-mother .year-2022 .newyear .intro__button--11 a, .year-2022 .newyear .intro__button--6 a, .year-2022 .newyear .year-2018 .intro__button--11 a, .year-2022 .newyear .year-2019 .queen-mother .intro__button--11 a {
    color: #000;
    padding: 20px 10px 17px 20px
}

.year-2018 .year-2022 .newyear .intro__button--11 a + a, .year-2019 .queen-mother .year-2022 .newyear .intro__button--11 a + a, .year-2022 .newyear .intro__button--6 a + a, .year-2022 .newyear .year-2018 .intro__button--11 a + a, .year-2022 .newyear .year-2019 .queen-mother .intro__button--11 a + a {
    padding: 20px 20px 17px 10px
}

.year-2018 .year-2022 .newyear .intro__button--11 a:before, .year-2019 .queen-mother .year-2022 .newyear .intro__button--11 a:before, .year-2022 .newyear .intro__button--6 a:before, .year-2022 .newyear .year-2018 .intro__button--11 a:before, .year-2022 .newyear .year-2019 .queen-mother .intro__button--11 a:before {
    top: 19px;
    color: #000 !important
}

.year-2022 .queen10 .intro__content h3 {
    font-size: 124px;
    font-size: 7.75rem;
    font-weight: 700;
    line-height: 1;
    font-family: Sarabun !important
}

.year-2022 .queen10 .intro__content h4 {
    font-size: 41px;
    font-size: 2.5625rem;
    font-weight: 700 !important;
    line-height: .5;
    font-family: Sarabun !important
}

.year-2022 .queen10 .intro__content h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2022 .queen10 .intro__content h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2022 .queen10 .intro__content.intro__content--1 h4 {
    font-family: Sarabun !important;
    font-weight: 400 !important;
    line-height: 1
}

.year-2022 .queen10 .intro__content.intro__content--1 .intro__text {
    font-size: 28px !important;
    font-size: 1.75rem !important
}

.year-2022 .queen10 .intro__content.intro__content--1 a {
    font-family: ThaiSans Neue !important
}

.year-2022 .queen10 .intro__content.intro__content--2 h3 {
    font-size: 131px;
    font-size: 8.1875rem;
    font-weight: 700;
    line-height: 1;
    font-family: PSL Panpilas Pro !important
}

.year-2022 .queen10 .intro__content.intro__content--2 h4 {
    font-family: Sarabun !important;
    font-weight: 400 !important;
    line-height: 1;
    font-size: 44px;
    font-size: 2.75rem
}

.year-2022 .queen10 .intro__content.intro__content--3 h4 {
    line-height: .9
}

.year-2022 .queen10 .intro__content.intro__content--4 h3 {
    line-height: .7
}

.year-2022 .queen10 .intro__content.intro__content--4 h4 {
    font-size: 41px;
    font-size: 2.5625rem;
    font-weight: 700 !important;
    line-height: 1;
    font-family: ThaiSans Neue !important
}

.year-2022 .queen10 .intro__content.intro__content--4 a, .year-2022 .queen10 .intro__content.intro__content--4 p {
    font-family: ThaiSans Neue !important
}

.year-2022 .queen10 .intro__content.intro__content--5 h3 {
    font-size: 90px;
    font-size: 5.625rem;
    font-weight: 400 !important
}

.year-2022 .queen10 .intro__content.intro__content--5 h4 {
    font-family: Sarabun !important;
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 400 !important;
    line-height: .9
}

.year-2022 .queen10 .intro__content.intro__content--5 p {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1
}

.year-2022 .queen10 .intro__content.intro__content--6 h3 {
    font-size: 90px;
    font-size: 5.625rem;
    font-weight: 400 !important
}

.year-2022 .queen10 .intro__content.intro__content--6 h4 {
    font-family: Sarabun !important;
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 400 !important;
    line-height: .9
}

.year-2022 .queen10 .intro__content.intro__content--6 p {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1
}

.year-2022 .queen10 .intro__title {
    font-weight: 400;
    line-height: .8;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .2)
}

@supports not (-webkit-touch-callout:none) {
    .year-2022 .queen10 .intro__title {
        letter-spacing: 1px
    }
}

@media (max-width: 479px) {
    .year-2022 .queen10 .intro__title {
        font-size: 80px !important;
        font-size: 5rem !important
    }
}

.year-2022 .queen10 .intro__subtitle {
    font-weight: 400;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .2)
}

@supports not (-webkit-touch-callout:none) {
    .year-2022 .queen10 .intro__subtitle {
        letter-spacing: 1px
    }
}

@media (max-width: 479px) {
    .year-2022 .queen10 .intro__subtitle {
        font-size: 30px !important;
        font-size: 1.875rem !important
    }
}

.year-2022 .queen10 .intro__subtitle--longlive {
    font-size: 96px !important;
    font-size: 6rem !important;
    letter-spacing: normal;
    line-height: 1;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .29), 0 0 0 rgba(0, 0, 0, .29), 0 0 0 rgba(0, 0, 0, .29)
}

@media (max-width: 479px) {
    .year-2022 .queen10 .intro__subtitle--longlive {
        font-size: 75px !important;
        font-size: 4.6875rem !important
    }
}

.year-2022 .queen10 .intro__subtitle--name {
    line-height: 1;
    margin-bottom: 15px
}

.year-2022 .queen10 .intro__subtitle--event {
    line-height: 1
}

.year-2022 .queen10 .intro__text {
    font-size: 37px;
    font-size: 2.3125rem;
    line-height: .9
}

@media (max-width: 479px) {
    .year-2022 .queen10 .intro__text {
        font-size: 24px !important;
        font-size: 1.5rem !important
    }
}

@media (max-width: 1180px) {
    .year-2022 .queen10 .intro__figure--1 {
        height: auto
    }
}

.year-2022 .queen10 .intro__figure--2 {
    max-width: 100%
}

@media (max-width: 1180px) {
    .year-2022 .queen10 .intro__figure--2 img {
        max-width: 100% !important;
        height: auto;
        margin-bottom: 0
    }
}

@media (max-width: 1180px) {
    .year-2022 .queen10 .intro__figure--4 {
        height: auto
    }
}

.year-2022 .queen10 .intro__figure--4 img, .year-2022 .queen10 .intro__figure--5 img {
    max-width: 100% !important;
    height: auto
}

@media (max-width: 1180px) {
    .year-2022 .queen10 .intro__figure--6 {
        height: auto
    }
}

.year-2022 .queen10 .intro__figure--6 img {
    max-height: 100%;
    height: auto
}

.year-2022 .queen10 .intro__content {
    width: 100%;
    padding-top: 20px
}

.year-2022 .queen10 .intro__content--1 {
    padding-top: 0
}

.year-2022 .queen10 .intro__content--1 .intro__title {
    color: #ce9e48;
    -webkit-text-stroke: .5px #fff;
    margin-bottom: 0
}

.year-2022 .queen10 .intro__content--1 .intro__subtitle {
    color: #fff
}

.year-2022 .queen10 .intro__content--1 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2022 .queen10 .intro__content--1 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2022 .queen10 .intro__content--1 .intro__text {
    color: #fff
}

.year-2022 .queen10 .intro__content--1 .intro__line {
    text-align: center;
    padding: 1rem 0
}

.year-2022 .queen10 .intro__content--1 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 320px
}

.year-2022 .queen10 .intro__content--2 .intro__title {
    color: #ce9e48;
    -webkit-text-stroke: .5px #fff;
    margin-bottom: .3rem
}

.year-2022 .queen10 .intro__content--2 .intro__subtitle {
    color: #fff
}

.year-2022 .queen10 .intro__content--2 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2022 .queen10 .intro__content--2 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2022 .queen10 .intro__content--2 .intro__text {
    color: #fff
}

.year-2022 .queen10 .intro__content--2 .intro__line {
    text-align: center;
    padding: 0 0 15px
}

.year-2022 .queen10 .intro__content--2 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 100%
}

.year-2022 .queen10 .intro__content--2 .intro__footer {
    padding-bottom: 52px
}

.year-2022 .queen10 .intro__content--3 .intro__title {
    color: #e6b962;
    margin-bottom: 1.5rem
}

.year-2022 .queen10 .intro__content--3 .intro__subtitle {
    color: #817b68
}

.year-2022 .queen10 .intro__content--3 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2022 .queen10 .intro__content--3 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2022 .queen10 .intro__content--3 .intro__text {
    color: #817b68;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .1)
}

.year-2022 .queen10 .intro__content--3 .intro__line {
    text-align: center;
    padding: 1.5rem 0
}

.year-2022 .queen10 .intro__content--3 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 100%
}

.year-2022 .queen10 .intro__content--4 .intro__title {
    color: #fff46a;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .32)
}

.year-2022 .queen10 .intro__content--4 .intro__subtitle {
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .1)
}

.year-2022 .queen10 .intro__content--4 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2022 .queen10 .intro__content--4 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2022 .queen10 .intro__content--4 .intro__text {
    color: #fff
}

.year-2022 .queen10 .intro__content--4 .intro__line {
    text-align: center;
    padding: 1.5rem 0
}

.year-2022 .queen10 .intro__content--4 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 100%
}

.year-2022 .queen10 .intro__content--5 .intro__logo img {
    width: 10%
}

.year-2022 .queen10 .intro__content--5 .intro__title {
    background: linear-gradient(0deg, #f7d267 0, #fff1a1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 5px 5px rgba(0, 0, 0, .13)
}

.year-2022 .queen10 .intro__content--5 .intro__subtitle {
    color: #fff;
    text-shadow: 0 3px 4px rgba(0, 0, 0, .12)
}

.year-2022 .queen10 .intro__content--5 .intro__subtitle--longlive {
    color: #e2bf21;
    line-height: .7;
    margin-bottom: .3rem
}

.year-2022 .queen10 .intro__content--5 .intro__subtitle--name {
    margin-bottom: 0
}

.year-2022 .queen10 .intro__content--5 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2022 .queen10 .intro__content--5 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2022 .queen10 .intro__content--5 .intro__text {
    color: #fff
}

.year-2022 .queen10 .intro__content--5 .intro__line {
    text-align: center
}

.year-2022 .queen10 .intro__content--5 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 327px
}

.year-2022 .queen10 .intro__content--6 .intro__title {
    background: linear-gradient(0deg, #f7d267 0, #fff1a1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 5px 5px rgba(0, 0, 0, .13)
}

.year-2022 .queen10 .intro__content--6 .intro__subtitle {
    color: #fff;
    text-shadow: 0 3px 4px rgba(0, 0, 0, .12)
}

.year-2022 .queen10 .intro__content--6 .intro__subtitle--name {
    margin-bottom: 0
}

.year-2022 .queen10 .intro__content--6 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2022 .queen10 .intro__content--6 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2022 .queen10 .intro__content--6 .intro__text {
    color: #fff
}

.year-2022 .queen10 .intro__content--6 .intro__line {
    text-align: center
}

.year-2022 .queen10 .intro__content--6 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 185px
}

.year-2022 .queen10.queen10--6 .intro.intro--vertical .d-md-none {
    display: block !important
}

@media (min-width: 820px) {
    .year-2022 .queen10.queen10--6 .intro.intro--vertical .intro__logo {
        position: absolute;
        right: 14%;
        top: 12%
    }
}

@media (min-width: 1180px) {
    .year-2022 .queen10.queen10--6 .intro.intro--vertical .intro__logo {
        position: absolute;
        right: 23%;
        top: 12%
    }
}

@media (min-width: 1200px) {
    .year-2022 .queen10.queen10--6 .intro.intro--vertical .intro__logo {
        position: absolute;
        right: 28%;
        top: 12%
    }
}

@media (min-width: 1180px) {
    .year-2022 .queen10.queen10--6 .intro.intro--vertical .intro__logo img {
        width: 70%
    }
}

.year-2022 .queen10 .intro__button--1 {
    padding: 3px;
    margin-top: .5rem;
    border-radius: 51px;
    border: 1px solid #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .29);
    background: #c98407;
    background: -moz-linear-gradient(left, #c98407 0, #fff2a2 50%, #c98407 100%);
    background: -webkit-linear-gradient(left, #c98407, #fff2a2 50%, #c98407);
    background: linear-gradient(90deg, #c98407 0, #fff2a2 50%, #c98407);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c98407", endColorstr="#c98407", GradientType=1)
}

.year-2022 .queen10 .intro__button--1 a {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #2c103e
}

.year-2022 .queen10 .intro__button--1 a:first-child {
    padding: 10px 5px 7px 25px
}

.year-2022 .queen10 .intro__button--1 a:last-child {
    padding: 10px 25px 7px 5px
}

.year-2022 .queen10 .intro__button--1 a:last-child:before {
    top: 8px;
    color: #2c103e
}

.year-2022 .queen10 .intro__button--1 a:focus, .year-2022 .queen10 .intro__button--1 a:hover {
    text-decoration: none
}

.year-2022 .queen10 .intro__button--2 {
    padding: 5px 0;
    margin-top: .5rem;
    position: relative;
    border: 1px solid #fff
}

.year-2022 .queen10 .intro__button--2:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    background: #edc76c;
    background: -moz-linear-gradient(left, #edc76c 0, #ba8430 100%);
    background: -webkit-linear-gradient(left, #edc76c, #ba8430);
    background: linear-gradient(90deg, #edc76c 0, #ba8430);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#edc76c", endColorstr="#ba8430", GradientType=1)
}

.year-2022 .queen10 .intro__button--2 a {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 700;
    color: #7244a2
}

.year-2022 .queen10 .intro__button--2 a:first-child {
    padding: 10px 10px 7px 25px
}

.year-2022 .queen10 .intro__button--2 a:last-child {
    padding: 10px 25px 7px 10px
}

.year-2022 .queen10 .intro__button--2 a:last-child:before {
    color: #7244a2
}

.year-2022 .queen10 .intro__button--2 a:focus, .year-2022 .queen10 .intro__button--2 a:hover {
    text-decoration: none
}

.year-2022 .queen10 .intro__button--3 {
    padding: 5px 0;
    margin-top: .5rem;
    position: relative;
    border: 4px solid #e6b962;
    border-radius: 31px;
    background-color: #fff
}

.year-2022 .queen10 .intro__button--3 a {
    font-size: 31px;
    font-size: 1.9375rem;
    font-weight: 400;
    color: #1d0404;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .1)
}

.year-2022 .queen10 .intro__button--3 a:first-child {
    padding: 5px 5px 0 25px
}

.year-2022 .queen10 .intro__button--3 a:last-child {
    padding: 5px 25px 0 5px
}

.year-2022 .queen10 .intro__button--3 a:last-child:before {
    top: 5px
}

.year-2022 .queen10 .intro__button--3 a:focus, .year-2022 .queen10 .intro__button--3 a:hover {
    text-decoration: none
}

.year-2018 .king10 .year-2022 .queen10 .intro__button--11, .year-2018 .king10 .year-2022 .queen10 .intro__button--12, .year-2019 .king .year-2022 .queen10 .intro__button--11, .year-2019 .king .year-2022 .queen10 .intro__button--12, .year-2022 .queen10 .intro__button--4, .year-2022 .queen10 .year-2018 .king10 .intro__button--11, .year-2022 .queen10 .year-2018 .king10 .intro__button--12, .year-2022 .queen10 .year-2019 .king .intro__button--11, .year-2022 .queen10 .year-2019 .king .intro__button--12 {
    padding: 5px 0;
    margin-top: .5rem;
    position: relative;
    border: 4px solid #e6b962;
    border-radius: 31px;
    background-color: #fff
}

.year-2018 .king10 .year-2022 .queen10 .intro__button--11 a, .year-2018 .king10 .year-2022 .queen10 .intro__button--12 a, .year-2019 .king .year-2022 .queen10 .intro__button--11 a, .year-2019 .king .year-2022 .queen10 .intro__button--12 a, .year-2022 .queen10 .intro__button--4 a, .year-2022 .queen10 .year-2018 .king10 .intro__button--11 a, .year-2022 .queen10 .year-2018 .king10 .intro__button--12 a, .year-2022 .queen10 .year-2019 .king .intro__button--11 a, .year-2022 .queen10 .year-2019 .king .intro__button--12 a {
    font-size: 31px;
    font-size: 1.9375rem;
    font-weight: 400;
    color: #1d0404;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .1)
}

.year-2018 .king10 .year-2022 .queen10 .intro__button--11 a:first-child, .year-2018 .king10 .year-2022 .queen10 .intro__button--12 a:first-child, .year-2019 .king .year-2022 .queen10 .intro__button--11 a:first-child, .year-2019 .king .year-2022 .queen10 .intro__button--12 a:first-child, .year-2022 .queen10 .intro__button--4 a:first-child, .year-2022 .queen10 .year-2018 .king10 .intro__button--11 a:first-child, .year-2022 .queen10 .year-2018 .king10 .intro__button--12 a:first-child, .year-2022 .queen10 .year-2019 .king .intro__button--11 a:first-child, .year-2022 .queen10 .year-2019 .king .intro__button--12 a:first-child {
    padding: 0 5px 0 25px
}

.year-2018 .king10 .year-2022 .queen10 .intro__button--11 a:last-child, .year-2018 .king10 .year-2022 .queen10 .intro__button--12 a:last-child, .year-2019 .king .year-2022 .queen10 .intro__button--11 a:last-child, .year-2019 .king .year-2022 .queen10 .intro__button--12 a:last-child, .year-2022 .queen10 .intro__button--4 a:last-child, .year-2022 .queen10 .year-2018 .king10 .intro__button--11 a:last-child, .year-2022 .queen10 .year-2018 .king10 .intro__button--12 a:last-child, .year-2022 .queen10 .year-2019 .king .intro__button--11 a:last-child, .year-2022 .queen10 .year-2019 .king .intro__button--12 a:last-child {
    padding: 0 25px 0 5px
}

.year-2018 .king10 .year-2022 .queen10 .intro__button--11 a:last-child:before, .year-2018 .king10 .year-2022 .queen10 .intro__button--12 a:last-child:before, .year-2019 .king .year-2022 .queen10 .intro__button--11 a:last-child:before, .year-2019 .king .year-2022 .queen10 .intro__button--12 a:last-child:before, .year-2022 .queen10 .intro__button--4 a:last-child:before, .year-2022 .queen10 .year-2018 .king10 .intro__button--11 a:last-child:before, .year-2022 .queen10 .year-2018 .king10 .intro__button--12 a:last-child:before, .year-2022 .queen10 .year-2019 .king .intro__button--11 a:last-child:before, .year-2022 .queen10 .year-2019 .king .intro__button--12 a:last-child:before {
    top: 0
}

.year-2018 .king10 .year-2022 .queen10 .intro__button--11 a:focus, .year-2018 .king10 .year-2022 .queen10 .intro__button--11 a:hover, .year-2018 .king10 .year-2022 .queen10 .intro__button--12 a:focus, .year-2018 .king10 .year-2022 .queen10 .intro__button--12 a:hover, .year-2019 .king .year-2022 .queen10 .intro__button--11 a:focus, .year-2019 .king .year-2022 .queen10 .intro__button--11 a:hover, .year-2019 .king .year-2022 .queen10 .intro__button--12 a:focus, .year-2019 .king .year-2022 .queen10 .intro__button--12 a:hover, .year-2022 .queen10 .intro__button--4 a:focus, .year-2022 .queen10 .intro__button--4 a:hover, .year-2022 .queen10 .year-2018 .king10 .intro__button--11 a:focus, .year-2022 .queen10 .year-2018 .king10 .intro__button--11 a:hover, .year-2022 .queen10 .year-2018 .king10 .intro__button--12 a:focus, .year-2022 .queen10 .year-2018 .king10 .intro__button--12 a:hover, .year-2022 .queen10 .year-2019 .king .intro__button--11 a:focus, .year-2022 .queen10 .year-2019 .king .intro__button--11 a:hover, .year-2022 .queen10 .year-2019 .king .intro__button--12 a:focus, .year-2022 .queen10 .year-2019 .king .intro__button--12 a:hover {
    text-decoration: none
}

.year-2018 .year-2022 .queen10 .intro__button--14, .year-2019 .queen-mother .year-2022 .queen10 .intro__button--14, .year-2022 .queen10 .intro__button--5, .year-2022 .queen10 .year-2018 .intro__button--14, .year-2022 .queen10 .year-2019 .queen-mother .intro__button--14 {
    margin-top: .5rem;
    border-radius: 24px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .29);
    background: #bb8733;
    background: -moz-linear-gradient(left, #bb8733 0, #f8e583 50%);
    background: -webkit-linear-gradient(left, #bb8733, #f8e583 50%);
    background: linear-gradient(90deg, #bb8733 0, #f8e583 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bb8733", endColorstr="#f8e583", GradientType=1)
}

.year-2018 .year-2022 .queen10 .intro__button--14 a, .year-2019 .queen-mother .year-2022 .queen10 .intro__button--14 a, .year-2022 .queen10 .intro__button--5 a, .year-2022 .queen10 .year-2018 .intro__button--14 a, .year-2022 .queen10 .year-2019 .queen-mother .intro__button--14 a {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    color: #48198c
}

.year-2018 .year-2022 .queen10 .intro__button--14 a:before, .year-2019 .queen-mother .year-2022 .queen10 .intro__button--14 a:before, .year-2022 .queen10 .intro__button--5 a:before, .year-2022 .queen10 .year-2018 .intro__button--14 a:before, .year-2022 .queen10 .year-2019 .queen-mother .intro__button--14 a:before {
    color: #48198c
}

.year-2018 .year-2022 .queen10 .intro__button--14 a:focus, .year-2018 .year-2022 .queen10 .intro__button--14 a:hover, .year-2019 .queen-mother .year-2022 .queen10 .intro__button--14 a:focus, .year-2019 .queen-mother .year-2022 .queen10 .intro__button--14 a:hover, .year-2022 .queen10 .intro__button--5 a:focus, .year-2022 .queen10 .intro__button--5 a:hover, .year-2022 .queen10 .year-2018 .intro__button--14 a:focus, .year-2022 .queen10 .year-2018 .intro__button--14 a:hover, .year-2022 .queen10 .year-2019 .queen-mother .intro__button--14 a:focus, .year-2022 .queen10 .year-2019 .queen-mother .intro__button--14 a:hover {
    text-decoration: none
}

.year-2018 .year-2022 .queen10 .intro__button--11, .year-2019 .queen-mother .year-2022 .queen10 .intro__button--11, .year-2022 .queen10 .intro__button--6, .year-2022 .queen10 .year-2018 .intro__button--11, .year-2022 .queen10 .year-2019 .queen-mother .intro__button--11 {
    padding: 5px 0;
    border-radius: 31px;
    margin-top: .5rem;
    position: relative;
    border: 1px solid #fff
}

.year-2018 .year-2022 .queen10 .intro__button--11:before, .year-2019 .queen-mother .year-2022 .queen10 .intro__button--11:before, .year-2022 .queen10 .intro__button--6:before, .year-2022 .queen10 .year-2018 .intro__button--11:before, .year-2022 .queen10 .year-2019 .queen-mother .intro__button--11:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border-radius: 31px;
    background: #939393;
    background: -moz-linear-gradient(left, #939393 0, #d5d5d5 50%);
    background: -webkit-linear-gradient(left, #939393, #d5d5d5 50%);
    background: linear-gradient(90deg, #939393 0, #d5d5d5 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#939393", endColorstr="#d5d5d5", GradientType=1)
}

.year-2018 .year-2022 .queen10 .intro__button--11 a, .year-2019 .queen-mother .year-2022 .queen10 .intro__button--11 a, .year-2022 .queen10 .intro__button--6 a, .year-2022 .queen10 .year-2018 .intro__button--11 a, .year-2022 .queen10 .year-2019 .queen-mother .intro__button--11 a {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 700;
    color: #48198c
}

.year-2018 .year-2022 .queen10 .intro__button--11 a:first-child, .year-2019 .queen-mother .year-2022 .queen10 .intro__button--11 a:first-child, .year-2022 .queen10 .intro__button--6 a:first-child, .year-2022 .queen10 .year-2018 .intro__button--11 a:first-child, .year-2022 .queen10 .year-2019 .queen-mother .intro__button--11 a:first-child {
    padding: 10px 10px 7px 25px
}

.year-2018 .year-2022 .queen10 .intro__button--11 a:last-child, .year-2019 .queen-mother .year-2022 .queen10 .intro__button--11 a:last-child, .year-2022 .queen10 .intro__button--6 a:last-child, .year-2022 .queen10 .year-2018 .intro__button--11 a:last-child, .year-2022 .queen10 .year-2019 .queen-mother .intro__button--11 a:last-child {
    padding: 10px 25px 7px 10px
}

.year-2018 .year-2022 .queen10 .intro__button--11 a:last-child:before, .year-2019 .queen-mother .year-2022 .queen10 .intro__button--11 a:last-child:before, .year-2022 .queen10 .intro__button--6 a:last-child:before, .year-2022 .queen10 .year-2018 .intro__button--11 a:last-child:before, .year-2022 .queen10 .year-2019 .queen-mother .intro__button--11 a:last-child:before {
    color: #48198c
}

.year-2018 .year-2022 .queen10 .intro__button--11 a:focus, .year-2018 .year-2022 .queen10 .intro__button--11 a:hover, .year-2019 .queen-mother .year-2022 .queen10 .intro__button--11 a:focus, .year-2019 .queen-mother .year-2022 .queen10 .intro__button--11 a:hover, .year-2022 .queen10 .intro__button--6 a:focus, .year-2022 .queen10 .intro__button--6 a:hover, .year-2022 .queen10 .year-2018 .intro__button--11 a:focus, .year-2022 .queen10 .year-2018 .intro__button--11 a:hover, .year-2022 .queen10 .year-2019 .queen-mother .intro__button--11 a:focus, .year-2022 .queen10 .year-2019 .queen-mother .intro__button--11 a:hover {
    text-decoration: none
}

.year-2022 .queen-mother h3 {
    line-height: 1;
    font-size: 70px;
    font-size: 4.375rem;
    font-weight: 700
}

.year-2022 .queen-mother h4 {
    font-size: 26px;
    font-size: 1.625rem;
    margin: 0 0 5px
}

.year-2022 .queen-mother h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2022 .queen-mother h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2022 .queen-mother .intro__title--1 {
    font-size: 61px;
    font-size: 3.8125rem;
    font-weight: 500
}

@media (max-width: 1199px) {
    .year-2022 .queen-mother .intro__title--1 {
        font-size: 47px;
        font-size: 2.9375rem
    }
}

.year-2022 .queen-mother .intro__title--2 {
    font-family: PSL Panpilas Pro !important;
    font-size: 60px;
    font-size: 3.75rem;
    font-weight: 700
}

.year-2018 .queen .year-2022 .queen-mother .intro__title--10, .year-2018 .queen .year-2022 .queen-mother .intro__title--11, .year-2018 .queen .year-2022 .queen-mother .intro__title--13, .year-2018 .queen .year-2022 .queen-mother .intro__title--14, .year-2018 .queen .year-2022 .queen-mother .intro__title--15, .year-2022 .queen-mother .intro__title--3, .year-2022 .queen-mother .year-2018 .queen .intro__title--10, .year-2022 .queen-mother .year-2018 .queen .intro__title--11, .year-2022 .queen-mother .year-2018 .queen .intro__title--13, .year-2022 .queen-mother .year-2018 .queen .intro__title--14, .year-2022 .queen-mother .year-2018 .queen .intro__title--15 {
    font-size: 60px;
    font-size: 3.75rem;
    font-weight: 400
}

@media (max-width: 576px) {
    .year-2018 .queen .year-2022 .queen-mother .intro__title--10, .year-2018 .queen .year-2022 .queen-mother .intro__title--11, .year-2018 .queen .year-2022 .queen-mother .intro__title--13, .year-2018 .queen .year-2022 .queen-mother .intro__title--14, .year-2018 .queen .year-2022 .queen-mother .intro__title--15, .year-2022 .queen-mother .intro__title--3, .year-2022 .queen-mother .year-2018 .queen .intro__title--10, .year-2022 .queen-mother .year-2018 .queen .intro__title--11, .year-2022 .queen-mother .year-2018 .queen .intro__title--13, .year-2022 .queen-mother .year-2018 .queen .intro__title--14, .year-2022 .queen-mother .year-2018 .queen .intro__title--15 {
        font-size: 50px;
        font-size: 3.125rem
    }
}

.year-2018 .king10 .year-2022 .queen-mother .intro__title--10, .year-2018 .king10 .year-2022 .queen-mother .intro__title--11, .year-2018 .king10 .year-2022 .queen-mother .intro__title--12, .year-2022 .queen-mother .intro__title--4, .year-2022 .queen-mother .year-2018 .king10 .intro__title--10, .year-2022 .queen-mother .year-2018 .king10 .intro__title--11, .year-2022 .queen-mother .year-2018 .king10 .intro__title--12 {
    font-family: PSL Panpilas Pro;
    font-size: 65px;
    font-size: 4.0625rem;
    font-weight: 400
}

.year-2018 .queen .year-2022 .queen-mother .intro__title--12, .year-2022 .queen-mother .intro__title--5, .year-2022 .queen-mother .year-2018 .queen .intro__title--12 {
    font-size: 70px;
    font-size: 4.375rem;
    font-weight: 400
}

.year-2022 .queen-mother .intro__title--6 {
    font-family: PSL Panpilas Pro;
    font-size: 65px;
    font-size: 4.0625rem;
    font-weight: 400;
    margin-bottom: 0
}

.year-2022 .queen-mother .intro__subtitle--1 {
    font-family: Sarabun !important;
    font-weight: 400;
    line-height: 1;
    font-size: 31px;
    font-size: 1.9375rem
}

@media (max-width: 1199px) {
    .year-2022 .queen-mother .intro__subtitle--1 {
        font-size: 32px;
        font-size: 2rem
    }
}

.year-2022 .queen-mother .intro__subtitle--1.intro__subtitle--event {
    font-size: 45px;
    font-size: 2.8125rem
}

.year-2022 .queen-mother .intro__subtitle--2 {
    font-weight: 300;
    line-height: 1
}

.year-2022 .queen-mother .intro__subtitle--2.intro__subtitle--event {
    font-size: 43px;
    font-size: 2.6875rem;
    font-weight: 400
}

.year-2022 .queen-mother .intro__subtitle--2.intro__subtitle--name {
    font-size: 28px;
    font-size: 1.75rem;
    margin-bottom: 0
}

.year-2022 .queen-mother .intro__subtitle--2.intro__subtitle--longlive {
    font-size: 28px;
    font-size: 1.75rem
}

.year-2018 .queen .year-2022 .queen-mother .intro__subtitle--10, .year-2018 .queen .year-2022 .queen-mother .intro__subtitle--11, .year-2018 .queen .year-2022 .queen-mother .intro__subtitle--13, .year-2018 .queen .year-2022 .queen-mother .intro__subtitle--14, .year-2018 .queen .year-2022 .queen-mother .intro__subtitle--15, .year-2022 .queen-mother .intro__subtitle--3, .year-2022 .queen-mother .year-2018 .queen .intro__subtitle--10, .year-2022 .queen-mother .year-2018 .queen .intro__subtitle--11, .year-2022 .queen-mother .year-2018 .queen .intro__subtitle--13, .year-2022 .queen-mother .year-2018 .queen .intro__subtitle--14, .year-2022 .queen-mother .year-2018 .queen .intro__subtitle--15 {
    font-family: Sarabun !important;
    font-weight: 400;
    line-height: 1;
    font-size: 30px;
    font-size: 1.875rem
}

.year-2018 .queen .year-2022 .queen-mother .intro__subtitle--event.intro__subtitle--10, .year-2018 .queen .year-2022 .queen-mother .intro__subtitle--event.intro__subtitle--11, .year-2018 .queen .year-2022 .queen-mother .intro__subtitle--event.intro__subtitle--13, .year-2018 .queen .year-2022 .queen-mother .intro__subtitle--event.intro__subtitle--14, .year-2018 .queen .year-2022 .queen-mother .intro__subtitle--event.intro__subtitle--15, .year-2022 .queen-mother .intro__subtitle--3.intro__subtitle--event, .year-2022 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--10, .year-2022 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--11, .year-2022 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--13, .year-2022 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--14, .year-2022 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--15 {
    font-size: 43px;
    font-size: 2.6875rem
}

.year-2018 .queen .year-2022 .queen-mother .intro__subtitle--name.intro__subtitle--10, .year-2018 .queen .year-2022 .queen-mother .intro__subtitle--name.intro__subtitle--11, .year-2018 .queen .year-2022 .queen-mother .intro__subtitle--name.intro__subtitle--13, .year-2018 .queen .year-2022 .queen-mother .intro__subtitle--name.intro__subtitle--14, .year-2018 .queen .year-2022 .queen-mother .intro__subtitle--name.intro__subtitle--15, .year-2022 .queen-mother .intro__subtitle--3.intro__subtitle--name, .year-2022 .queen-mother .year-2018 .queen .intro__subtitle--name.intro__subtitle--10, .year-2022 .queen-mother .year-2018 .queen .intro__subtitle--name.intro__subtitle--11, .year-2022 .queen-mother .year-2018 .queen .intro__subtitle--name.intro__subtitle--13, .year-2022 .queen-mother .year-2018 .queen .intro__subtitle--name.intro__subtitle--14, .year-2022 .queen-mother .year-2018 .queen .intro__subtitle--name.intro__subtitle--15 {
    margin-bottom: 0
}

.year-2018 .king10 .year-2022 .queen-mother .intro__subtitle--10, .year-2018 .king10 .year-2022 .queen-mother .intro__subtitle--11, .year-2018 .king10 .year-2022 .queen-mother .intro__subtitle--12, .year-2022 .queen-mother .intro__subtitle--4, .year-2022 .queen-mother .year-2018 .king10 .intro__subtitle--10, .year-2022 .queen-mother .year-2018 .king10 .intro__subtitle--11, .year-2022 .queen-mother .year-2018 .king10 .intro__subtitle--12 {
    font-family: PSL Panpilas Pro;
    font-size: 48px;
    font-size: 3rem;
    line-height: .9;
    font-weight: 400;
    margin: 0 0 .5rem
}

.year-2018 .king10 .year-2022 .queen-mother .intro__subtitle--longlive.intro__subtitle--10, .year-2018 .king10 .year-2022 .queen-mother .intro__subtitle--longlive.intro__subtitle--11, .year-2018 .king10 .year-2022 .queen-mother .intro__subtitle--longlive.intro__subtitle--12, .year-2018 .king10 .year-2022 .queen-mother .intro__subtitle--name.intro__subtitle--10, .year-2018 .king10 .year-2022 .queen-mother .intro__subtitle--name.intro__subtitle--11, .year-2018 .king10 .year-2022 .queen-mother .intro__subtitle--name.intro__subtitle--12, .year-2022 .queen-mother .intro__subtitle--4.intro__subtitle--longlive, .year-2022 .queen-mother .intro__subtitle--4.intro__subtitle--name, .year-2022 .queen-mother .year-2018 .king10 .intro__subtitle--longlive.intro__subtitle--10, .year-2022 .queen-mother .year-2018 .king10 .intro__subtitle--longlive.intro__subtitle--11, .year-2022 .queen-mother .year-2018 .king10 .intro__subtitle--longlive.intro__subtitle--12, .year-2022 .queen-mother .year-2018 .king10 .intro__subtitle--name.intro__subtitle--10, .year-2022 .queen-mother .year-2018 .king10 .intro__subtitle--name.intro__subtitle--11, .year-2022 .queen-mother .year-2018 .king10 .intro__subtitle--name.intro__subtitle--12 {
    font-size: 38px;
    font-size: 2.375rem
}

.year-2018 .queen .year-2022 .queen-mother .intro__subtitle--12, .year-2022 .queen-mother .intro__subtitle--5, .year-2022 .queen-mother .year-2018 .queen .intro__subtitle--12 {
    font-family: Sarabun !important;
    font-weight: 400;
    line-height: 1;
    font-size: 50px;
    font-size: 3.125rem
}

.year-2018 .queen .year-2022 .queen-mother .intro__subtitle--event.intro__subtitle--12, .year-2022 .queen-mother .intro__subtitle--5.intro__subtitle--event, .year-2022 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--12 {
    font-size: 50px;
    font-size: 3.125rem
}

.year-2018 .queen .year-2022 .queen-mother .intro__subtitle--longlive.intro__subtitle--12, .year-2018 .queen .year-2022 .queen-mother .intro__subtitle--name.intro__subtitle--12, .year-2022 .queen-mother .intro__subtitle--5.intro__subtitle--longlive, .year-2022 .queen-mother .intro__subtitle--5.intro__subtitle--name, .year-2022 .queen-mother .year-2018 .queen .intro__subtitle--longlive.intro__subtitle--12, .year-2022 .queen-mother .year-2018 .queen .intro__subtitle--name.intro__subtitle--12 {
    font-size: 36px;
    font-size: 2.25rem
}

.year-2022 .queen-mother .intro__subtitle--6 {
    font-weight: 400;
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.1;
    margin-bottom: 0
}

.year-2022 .queen-mother .intro__subtitle--6.intro__subtitle--longlive, .year-2022 .queen-mother .intro__subtitle--6.intro__subtitle--name {
    font-size: 33px;
    font-size: 2.0625rem
}

.year-2022 .queen-mother .intro__content--1 .intro__text {
    font-family: Sarabun !important;
    line-height: 1.1;
    font-weight: 300;
    font-size: 31px;
    font-size: 1.9375rem
}

@media (max-width: 1199px) {
    .year-2022 .queen-mother .intro__content--1 .intro__text {
        font-size: 29px;
        font-size: 1.8125rem
    }
}

.year-2022 .queen-mother .intro__content--1 .intro__button {
    font-family: Prompt !important;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400
}

.year-2022 .queen-mother .intro__content--2 .intro__text {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1;
    font-weight: 400
}

.year-2022 .queen-mother .intro__content--2 .intro__button {
    font-family: Prompt !important;
    font-size: 16px;
    font-size: 1rem
}

.year-2022 .queen-mother .intro__content--3 .intro__text {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.1;
    font-weight: 300
}

@media (max-width: 1199px) {
    .year-2022 .queen-mother .intro__content--3 .intro__text {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2022 .queen-mother .intro__content--3 .intro__button {
    font-size: 27px;
    font-size: 1.6875rem;
    font-weight: 400;
    line-height: 1
}

.year-2022 .queen-mother .intro__content--4 .intro__text {
    font-family: Sarabun;
    letter-spacing: .015em
}

.year-2022 .queen-mother .intro__content--4 .intro__button, .year-2022 .queen-mother .intro__content--4 .intro__text {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 300
}

.year-2022 .queen-mother .intro__content--5 .intro__text {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.1;
    font-weight: 300
}

@media (max-width: 1199px) {
    .year-2022 .queen-mother .intro__content--5 .intro__text {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2022 .queen-mother .intro__content--5 .intro__button {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 600
}

.year-2022 .queen-mother .intro__content--6 .intro__text {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.2;
    letter-spacing: .015em;
    font-weight: 300
}

@media (max-width: 1199px) {
    .year-2022 .queen-mother .intro__content--6 .intro__text {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

.year-2022 .queen-mother .intro__content--6 .intro__button {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.2
}

@media (max-width: 1199px) {
    .year-2022 .queen-mother .intro__content--6 .intro__button {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

.year-2022 .queen-mother .intro.intro--horizontal .intro__row {
    width: 100%
}

@media (min-width: 992px) {
    .year-2022 .queen-mother .intro__figure--1 {
        max-width: 500px
    }
}

@media (min-width: 1200px) {
    .year-2022 .queen-mother .intro__figure--1 {
        max-width: 100%;
        width: 100%
    }
}

@media (max-width: 991px) {
    .year-2022 .queen-mother .intro__figure--1 .intro__image {
        max-width: 100% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2022 .queen-mother .intro__figure--1 .intro__image {
        transform: scale(1.15)
    }
}

.year-2022 .queen-mother .intro__figure--2 {
    margin-bottom: 1rem
}

@media (min-width: 992px) {
    .year-2022 .queen-mother .intro__figure--2 {
        max-width: 500px
    }
}

@media (min-width: 1200px) {
    .year-2022 .queen-mother .intro__figure--2 {
        max-width: 100%;
        width: 100%
    }
}

@media (max-width: 991px) {
    .year-2022 .queen-mother .intro__figure--2 .intro__image {
        max-width: 100% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2022 .queen-mother .intro__figure--2 .intro__image {
        transform: scale(1.125)
    }
}

@media (min-width: 1200px) {
    .year-2022 .queen-mother .intro__figure--2 .intro__image {
        transform: scale(1.1)
    }
}

.year-2022 .queen-mother .intro__figure--3 {
    max-width: 450px
}

@media (min-width: 1200px) {
    .year-2022 .queen-mother .intro__figure--3 {
        margin: 0 0 0 auto
    }
}

.year-2022 .queen-mother .intro__figure--4 {
    min-height: 420px
}

.year-2022 .queen-mother .intro__figure--5 {
    height: auto
}

.year-2022 .queen-mother .intro__figure--6 {
    margin: 1rem auto
}

@media (min-width: 992px) {
    .year-2022 .queen-mother .intro__figure--6 {
        max-width: 360px
    }
}

.year-2022 .queen-mother .intro__content--1, .year-2022 .queen-mother .intro__content--1-1 {
    color: #fff
}

@media (max-width: 991px) {
    .year-2022 .queen-mother .intro__content--1, .year-2022 .queen-mother .intro__content--1-1 {
        margin: auto
    }
}

.year-2022 .queen-mother .intro__content--1 .intro__title, .year-2022 .queen-mother .intro__content--1-1 .intro__title {
    margin-bottom: 0;
    color: #fff
}

.year-2022 .queen-mother .intro__content--1 .intro__subtitle, .year-2022 .queen-mother .intro__content--1-1 .intro__subtitle {
    color: #fff
}

.year-2022 .queen-mother .intro__content--1 .intro__line, .year-2022 .queen-mother .intro__content--1-1 .intro__line {
    width: 350px;
    margin: 0 auto;
    padding: 10px 0
}

.year-2022 .queen-mother .intro__content--1 .intro__text, .year-2022 .queen-mother .intro__content--1-1 .intro__text {
    margin-bottom: 10px
}

.year-2022 .queen-mother .intro__content--2 {
    color: #fff;
    margin: auto
}

.year-2022 .queen-mother .intro__content--2 .company-name {
    display: block
}

.year-2022 .queen-mother .intro__content--2 .intro__title {
    margin-bottom: 0;
    color: #fff;
    text-shadow: 1px 0 0 transparent, -1px 0 0 transparent, 0 1px 0 transparent, 0 -1px 0 transparent, 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 2px 2px 2px rgba(0, 0, 0, .19)
}

.year-2022 .queen-mother .intro__content--2 .intro__subtitle {
    color: #fff
}

.year-2022 .queen-mother .intro__content--2 .intro__subtitle--name {
    margin-bottom: .5rem
}

.year-2022 .queen-mother .intro__content--2 .intro__subtitle--longlive {
    max-width: 420px;
    margin: 0 auto
}

.year-2022 .queen-mother .intro__content--2 .intro__subtitle .lastname {
    display: block !important
}

.year-2022 .queen-mother .intro__content--2 .intro__line {
    width: 300px;
    margin: 0 auto
}

.year-2022 .queen-mother .intro__content--2 .intro__text {
    margin-bottom: .35rem
}

.year-2022 .queen-mother .intro__content--3 {
    color: #fff
}

.year-2022 .queen-mother .intro__content--3 .intro__title {
    margin-bottom: .75rem;
    color: #ffb102;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .52)
}

.year-2022 .queen-mother .intro__content--3 .intro__subtitle {
    text-shadow: 0 3px 6px rgba(0, 0, 0, .52);
    margin: 0 0 .5rem
}

.year-2022 .queen-mother .intro__content--3 .intro__subtitle--event {
    color: #ffb102;
    margin: 0 0 .75rem
}

.year-2022 .queen-mother .intro__content--3 .intro__subtitle--longlive {
    max-width: 420px;
    margin: 0 auto
}

.year-2022 .queen-mother .intro__content--3 .intro__subtitle .lastname {
    display: block !important
}

.year-2022 .queen-mother .intro__content--3 .intro__line {
    width: 200px;
    margin: 0 auto 5px
}

.year-2022 .queen-mother .intro__content--3 .intro__text {
    margin-bottom: 0;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .31)
}

.year-2022 .queen-mother .intro__content--4 {
    color: #fff;
    margin: 0 auto
}

.year-2022 .queen-mother .intro__content--4 .company-name {
    display: block
}

.year-2022 .queen-mother .intro__content--4 .intro__title {
    color: #fffe00;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .7)
}

.year-2022 .queen-mother .intro__content--4 .intro__subtitle {
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .7)
}

.year-2022 .queen-mother .intro__content--4 .intro__subtitle--event {
    color: #fffe00;
    margin: 0 0 .75rem
}

.year-2022 .queen-mother .intro__content--4 .intro__subtitle--longlive {
    margin: 0 auto
}

.year-2022 .queen-mother .intro__content--4 .intro__subtitle--longlive span:last-child, .year-2022 .queen-mother .intro__content--4 .intro__subtitle .lastname {
    display: block !important
}

.year-2022 .queen-mother .intro__content--4 .intro__text {
    color: #fff;
    margin-bottom: 1.5rem;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .4)
}

.year-2022 .queen-mother .intro__content--4 .intro__line {
    max-width: 300px;
    margin: 1.5rem auto;
    padding: 0
}

.year-2022 .queen-mother .intro__content--5 {
    color: #fff;
    margin: 0 auto
}

.year-2022 .queen-mother .intro__content--5 .intro__title {
    margin-bottom: 0;
    color: #e6b15c
}

.year-2022 .queen-mother .intro__content--5 .intro__subtitle, .year-2022 .queen-mother .intro__content--5 .intro__title {
    text-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, -1px -1px transparent, 1px 1px 0 transparent, -1px 1px 0 transparent, 3px 3px 6px rgba(0, 0, 0, .1)
}

.year-2022 .queen-mother .intro__content--5 .intro__subtitle {
    color: #fff
}

.year-2022 .queen-mother .intro__content--5 .intro__line {
    width: 240px;
    margin: 0 auto
}

.year-2022 .queen-mother .intro__content--5 .intro__text {
    margin-bottom: 0;
    text-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, -1px -1px transparent, 1px 1px 0 transparent, -1px 1px 0 transparent, 3px 3px 6px rgba(0, 0, 0, .1)
}

.year-2022 .queen-mother .intro__content--5 .company-name {
    display: block
}

.year-2022 .queen-mother .intro__content--6 {
    color: #05628e
}

@media (max-width: 991px) {
    .year-2022 .queen-mother .intro__content--6 {
        margin: auto
    }
}

@media (min-width: 1200px) {
    .year-2022 .queen-mother .intro__content--6 {
        width: 570px
    }
}

.year-2022 .queen-mother .intro__content--6 .company-name {
    display: block
}

.year-2022 .queen-mother .intro__content--6 .intro__title {
    color: #dba115;
    text-shadow: 0 0 0 hsla(0, 0%, 100%, .4), 0 0 0 hsla(0, 0%, 100%, .4), 0 0 0 hsla(0, 0%, 100%, .4), 0 0 0 hsla(0, 0%, 100%, .4), -1px -1px hsla(0, 0%, 100%, .4), 1px 1px 0 hsla(0, 0%, 100%, .4), -1px 1px 0 hsla(0, 0%, 100%, .4), 3px 3px 6px rgba(0, 0, 0, .1)
}

.year-2022 .queen-mother .intro__content--6 .intro__subtitle {
    color: #fff;
    text-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, -1px -1px transparent, 1px 1px 0 transparent, -1px 1px 0 transparent, 3px 3px 4px rgba(0, 0, 0, .14)
}

.year-2022 .queen-mother .intro__content--6 .intro__subtitle--longlive {
    max-width: 420px;
    margin: 0 auto
}

.year-2022 .queen-mother .intro__content--6 .intro__line {
    max-width: 130px;
    margin: 0 auto;
    padding: 15px 0
}

.year-2022 .queen-mother .intro__content--6 .intro__text {
    color: #fff;
    text-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, -1px -1px transparent, 1px 1px 0 transparent, -1px 1px 0 transparent, 3px 3px 6px rgba(0, 0, 0, .15)
}

.year-2022 .queen-mother--1 {
    background-position: 100% 0 !important
}

@media (max-width: 991px) {
    .year-2022 .queen-mother--1 {
        padding-bottom: 13rem
    }
}

@media (max-width: 991px) {
    .year-2022 .queen-mother--3 {
        padding-bottom: 12rem
    }
}

.year-2022 .queen-mother--4 {
    padding-bottom: 6rem
}

@media (max-width: 991px) {
    .year-2022 .queen-mother--4 {
        padding-bottom: 10rem
    }
}

@media (max-width: 991px) {
    .year-2022 .queen-mother--5 {
        padding-bottom: 12rem
    }
}

@media (max-width: 991px) {
    .year-2022 .queen-mother--6 {
        padding-bottom: 14rem
    }
}

.year-2022 .queen-mother .intro__button {
    border-radius: 100px
}

.year-2022 .queen-mother .intro__button--1 {
    margin: 10px 0 0;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .64)
}

.year-2022 .queen-mother .intro__button--1 a {
    color: #3892cf;
    padding: 15px 20px
}

.year-2022 .queen-mother .intro__button--1 a + a {
    padding: 15px 20px
}

@media (max-width: 324px) {
    .year-2022 .queen-mother .intro__button--1 a {
        font-size: 80%
    }
}

.year-2022 .queen-mother .intro__button--1 a:before {
    color: #3892cf;
    top: 14px
}

.year-2022 .queen-mother .intro__button--2 {
    margin: 10px 0 0;
    background: -webkit-linear-gradient(90deg, #c67f00, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00) 0 0 no-repeat padding-box;
    background: -moz-linear-linear-gradient(90deg, #c67f00 0, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00 100%) 0 0 no-repeat padding-box;
    background: linear-gradient(90deg, #c67f00, #c98407 2%, #efc555 23%, #ffdf75 33%, #fff2a2 52%, #ffdf75 73%, #c67f00) 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .52);
    border: 1px solid #fff
}

.year-2022 .queen-mother .intro__button--2 a {
    color: #14639b;
    padding: 10px 15px 10px 25px
}

@media (max-width: 324px) {
    .year-2022 .queen-mother .intro__button--2 a {
        font-size: 80%
    }
}

.year-2022 .queen-mother .intro__button--2 a + a {
    padding: 10px 15px
}

.year-2022 .queen-mother .intro__button--2 a:before {
    color: #14639b
}

.year-2022 .queen-mother .intro__button--2 a:hover, .year-2022 .queen-mother .intro__button--2 a:hover:before {
    color: #fff
}

.year-2022 .queen-mother .intro__button--3 {
    background-color: #fff;
    border: 2px solid #e6b962
}

.year-2022 .queen-mother .intro__button--3 a {
    color: #1d0404
}

@media (max-width: 324px) {
    .year-2022 .queen-mother .intro__button--3 a {
        font-size: 80%
    }
}

.year-2022 .queen-mother .intro__button--3 a:before, .year-2022 .queen-mother .intro__button--3 a:hover {
    color: #1d0404
}

.year-2018 .king10 .year-2022 .queen-mother .intro__button--11, .year-2018 .king10 .year-2022 .queen-mother .intro__button--12, .year-2019 .king .year-2022 .queen-mother .intro__button--11, .year-2019 .king .year-2022 .queen-mother .intro__button--12, .year-2022 .queen-mother .intro__button--4, .year-2022 .queen-mother .year-2018 .king10 .intro__button--11, .year-2022 .queen-mother .year-2018 .king10 .intro__button--12, .year-2022 .queen-mother .year-2019 .king .intro__button--11, .year-2022 .queen-mother .year-2019 .king .intro__button--12 {
    margin-top: 0;
    background-color: #fff;
    border: 2px solid #ffd800
}

.year-2018 .king10 .year-2022 .queen-mother .intro__button--11 a, .year-2018 .king10 .year-2022 .queen-mother .intro__button--11 a:before, .year-2018 .king10 .year-2022 .queen-mother .intro__button--12 a, .year-2018 .king10 .year-2022 .queen-mother .intro__button--12 a:before, .year-2019 .king .year-2022 .queen-mother .intro__button--11 a, .year-2019 .king .year-2022 .queen-mother .intro__button--11 a:before, .year-2019 .king .year-2022 .queen-mother .intro__button--12 a, .year-2019 .king .year-2022 .queen-mother .intro__button--12 a:before, .year-2022 .queen-mother .intro__button--4 a, .year-2022 .queen-mother .intro__button--4 a:before, .year-2022 .queen-mother .year-2018 .king10 .intro__button--11 a, .year-2022 .queen-mother .year-2018 .king10 .intro__button--11 a:before, .year-2022 .queen-mother .year-2018 .king10 .intro__button--12 a, .year-2022 .queen-mother .year-2018 .king10 .intro__button--12 a:before, .year-2022 .queen-mother .year-2019 .king .intro__button--11 a, .year-2022 .queen-mother .year-2019 .king .intro__button--11 a:before, .year-2022 .queen-mother .year-2019 .king .intro__button--12 a, .year-2022 .queen-mother .year-2019 .king .intro__button--12 a:before {
    color: #1d0404
}

.year-2018 .year-2022 .queen-mother .intro__button--14, .year-2019 .year-2022 .queen-mother .intro__button--14, .year-2022 .queen-mother .intro__button--5, .year-2022 .queen-mother .year-2018 .intro__button--14, .year-2022 .year-2019 .queen-mother .intro__button--14 {
    background: transparent -moz-linear-gradient(2deg, #d9972d 0, #fffefd 100%) 0 0 no-repeat padding-box;
    background: transparent -webkit-linear-gradient(2deg, #d9972d, #fffefd) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(2deg, #d9972d, #fffefd) 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .29)
}

.year-2018 .year-2022 .queen-mother .intro__button--14 a, .year-2019 .year-2022 .queen-mother .intro__button--14 a, .year-2022 .queen-mother .intro__button--5 a, .year-2022 .queen-mother .year-2018 .intro__button--14 a, .year-2022 .year-2019 .queen-mother .intro__button--14 a {
    color: #174882
}

@media (max-width: 324px) {
    .year-2018 .year-2022 .queen-mother .intro__button--14 a, .year-2019 .year-2022 .queen-mother .intro__button--14 a, .year-2022 .queen-mother .intro__button--5 a, .year-2022 .queen-mother .year-2018 .intro__button--14 a, .year-2022 .year-2019 .queen-mother .intro__button--14 a {
        font-size: 80%
    }
}

.year-2018 .year-2022 .queen-mother .intro__button--14 a:before, .year-2018 .year-2022 .queen-mother .intro__button--14 a:hover, .year-2019 .year-2022 .queen-mother .intro__button--14 a:before, .year-2019 .year-2022 .queen-mother .intro__button--14 a:hover, .year-2022 .queen-mother .intro__button--5 a:before, .year-2022 .queen-mother .intro__button--5 a:hover, .year-2022 .queen-mother .year-2018 .intro__button--14 a:before, .year-2022 .queen-mother .year-2018 .intro__button--14 a:hover, .year-2022 .year-2019 .queen-mother .intro__button--14 a:before, .year-2022 .year-2019 .queen-mother .intro__button--14 a:hover {
    color: #174882
}

.year-2018 .year-2022 .queen-mother .intro__button--11, .year-2019 .year-2022 .queen-mother .intro__button--11, .year-2022 .queen-mother .intro__button--6, .year-2022 .queen-mother .year-2018 .intro__button--11, .year-2022 .year-2019 .queen-mother .intro__button--11 {
    position: relative;
    background: transparent linear-gradient(0, #edc76c, #ba8430) 0 0 no-repeat padding-box;
    background: transparent -webkit-linear-gradient(0, #edc76c, #ba8430) 0 0 no-repeat padding-box;
    background: transparent -moz-linear-gradient(0, #edc76c 0, #ba8430 100%) 0 0 no-repeat padding-box;
    border-radius: 0
}

.year-2018 .year-2022 .queen-mother .intro__button--11:before, .year-2019 .year-2022 .queen-mother .intro__button--11:before, .year-2022 .queen-mother .intro__button--6:before, .year-2022 .queen-mother .year-2018 .intro__button--11:before, .year-2022 .year-2019 .queen-mother .intro__button--11:before {
    position: absolute;
    bottom: -6px;
    right: -6px;
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    content: "";
    border: 1px solid #fff
}

.year-2018 .year-2022 .queen-mother .intro__button--11 a, .year-2019 .year-2022 .queen-mother .intro__button--11 a, .year-2022 .queen-mother .intro__button--6 a, .year-2022 .queen-mother .year-2018 .intro__button--11 a, .year-2022 .year-2019 .queen-mother .intro__button--11 a {
    color: #174882
}

@media (max-width: 324px) {
    .year-2018 .year-2022 .queen-mother .intro__button--11 a, .year-2019 .year-2022 .queen-mother .intro__button--11 a, .year-2022 .queen-mother .intro__button--6 a, .year-2022 .queen-mother .year-2018 .intro__button--11 a, .year-2022 .year-2019 .queen-mother .intro__button--11 a {
        font-size: 80%
    }
}

.year-2018 .year-2022 .queen-mother .intro__button--11 a:before, .year-2018 .year-2022 .queen-mother .intro__button--11 a:hover, .year-2019 .year-2022 .queen-mother .intro__button--11 a:before, .year-2019 .year-2022 .queen-mother .intro__button--11 a:hover, .year-2022 .queen-mother .intro__button--6 a:before, .year-2022 .queen-mother .intro__button--6 a:hover, .year-2022 .queen-mother .year-2018 .intro__button--11 a:before, .year-2022 .queen-mother .year-2018 .intro__button--11 a:hover, .year-2022 .year-2019 .queen-mother .intro__button--11 a:before, .year-2022 .year-2019 .queen-mother .intro__button--11 a:hover {
    color: #174882
}

.year-2022 .king .intro__content h3, .year-2022 .king .intro__content h4 {
    font-weight: 700
}

.year-2022 .king .intro__title--1 {
    font-family: Sarabun !important;
    line-height: .8;
    font-size: 52px;
    font-size: 3.25rem
}

@media (max-width: 737px) {
    .year-2022 .king .intro__title--1 {
        font-size: 46px;
        font-size: 2.875rem
    }
}

@media (max-width: 479px) {
    .year-2022 .king .intro__title--1 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2022 .king .intro__title--2 {
    font-family: Sarabun !important;
    line-height: .9;
    font-size: 45px;
    font-size: 2.8125rem
}

@media (max-width: 479px) {
    .year-2022 .king .intro__title--2 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2018 .queen .year-2022 .king .intro__title--10, .year-2018 .queen .year-2022 .king .intro__title--11, .year-2018 .queen .year-2022 .king .intro__title--13, .year-2018 .queen .year-2022 .king .intro__title--14, .year-2018 .queen .year-2022 .king .intro__title--15, .year-2022 .king .intro__title--3, .year-2022 .king .year-2018 .queen .intro__title--10, .year-2022 .king .year-2018 .queen .intro__title--11, .year-2022 .king .year-2018 .queen .intro__title--13, .year-2022 .king .year-2018 .queen .intro__title--14, .year-2022 .king .year-2018 .queen .intro__title--15 {
    font-family: Sarabun !important;
    line-height: 1;
    font-size: 41px;
    font-size: 2.5625rem;
    font-weight: 400 !important
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2022 .king .intro__title--10, .year-2018 .queen .year-2022 .king .intro__title--11, .year-2018 .queen .year-2022 .king .intro__title--13, .year-2018 .queen .year-2022 .king .intro__title--14, .year-2018 .queen .year-2022 .king .intro__title--15, .year-2022 .king .intro__title--3, .year-2022 .king .year-2018 .queen .intro__title--10, .year-2022 .king .year-2018 .queen .intro__title--11, .year-2022 .king .year-2018 .queen .intro__title--13, .year-2022 .king .year-2018 .queen .intro__title--14, .year-2022 .king .year-2018 .queen .intro__title--15 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2018 .king10 .year-2022 .king .intro__title--10, .year-2018 .king10 .year-2022 .king .intro__title--11, .year-2018 .king10 .year-2022 .king .intro__title--12, .year-2022 .king .intro__title--4, .year-2022 .king .year-2018 .king10 .intro__title--10, .year-2022 .king .year-2018 .king10 .intro__title--11, .year-2022 .king .year-2018 .king10 .intro__title--12 {
    font-family: Sarabun !important;
    line-height: .9;
    font-size: 46px;
    font-size: 2.875rem
}

@media (max-width: 737px) {
    .year-2018 .king10 .year-2022 .king .intro__title--10, .year-2018 .king10 .year-2022 .king .intro__title--11, .year-2018 .king10 .year-2022 .king .intro__title--12, .year-2022 .king .intro__title--4, .year-2022 .king .year-2018 .king10 .intro__title--10, .year-2022 .king .year-2018 .king10 .intro__title--11, .year-2022 .king .year-2018 .king10 .intro__title--12 {
        font-size: 38px;
        font-size: 2.375rem
    }
}

@media (max-width: 479px) {
    .year-2018 .king10 .year-2022 .king .intro__title--10, .year-2018 .king10 .year-2022 .king .intro__title--11, .year-2018 .king10 .year-2022 .king .intro__title--12, .year-2022 .king .intro__title--4, .year-2022 .king .year-2018 .king10 .intro__title--10, .year-2022 .king .year-2018 .king10 .intro__title--11, .year-2022 .king .year-2018 .king10 .intro__title--12 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2018 .queen .year-2022 .king .intro__title--12, .year-2022 .king .intro__title--5, .year-2022 .king .year-2018 .queen .intro__title--12 {
    font-family: Sarabun !important;
    font-weight: 400 !important;
    line-height: 1;
    font-size: 32px;
    font-size: 2rem
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2022 .king .intro__title--12, .year-2022 .king .intro__title--5, .year-2022 .king .year-2018 .queen .intro__title--12 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2022 .king .intro__title--6 {
    font-family: Sarabun !important;
    font-size: 120px;
    font-size: 7.5rem;
    font-weight: 400 !important;
    line-height: 1
}

@media (max-width: 479px) {
    .year-2022 .king .intro__title--6 {
        font-size: 84px;
        font-size: 5.25rem
    }
}

.year-2022 .king .intro__subtitle--1 {
    font-family: Sarabun !important;
    letter-spacing: 2px;
    font-size: 68px;
    font-size: 4.25rem
}

@media (max-width: 479px) {
    .year-2022 .king .intro__subtitle--1 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

.year-2022 .king .intro__subtitle--2 {
    font-family: Sarabun !important;
    letter-spacing: 2px;
    font-size: 68px;
    font-size: 4.25rem
}

@media (max-width: 479px) {
    .year-2022 .king .intro__subtitle--2 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

.year-2018 .queen .year-2022 .king .intro__subtitle--10, .year-2018 .queen .year-2022 .king .intro__subtitle--11, .year-2018 .queen .year-2022 .king .intro__subtitle--13, .year-2018 .queen .year-2022 .king .intro__subtitle--14, .year-2018 .queen .year-2022 .king .intro__subtitle--15, .year-2022 .king .intro__subtitle--3, .year-2022 .king .year-2018 .queen .intro__subtitle--10, .year-2022 .king .year-2018 .queen .intro__subtitle--11, .year-2022 .king .year-2018 .queen .intro__subtitle--13, .year-2022 .king .year-2018 .queen .intro__subtitle--14, .year-2022 .king .year-2018 .queen .intro__subtitle--15 {
    font-family: Sarabun !important;
    font-size: 80px;
    font-size: 5rem;
    font-weight: 400 !important
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2022 .king .intro__subtitle--10, .year-2018 .queen .year-2022 .king .intro__subtitle--11, .year-2018 .queen .year-2022 .king .intro__subtitle--13, .year-2018 .queen .year-2022 .king .intro__subtitle--14, .year-2018 .queen .year-2022 .king .intro__subtitle--15, .year-2022 .king .intro__subtitle--3, .year-2022 .king .year-2018 .queen .intro__subtitle--10, .year-2022 .king .year-2018 .queen .intro__subtitle--11, .year-2022 .king .year-2018 .queen .intro__subtitle--13, .year-2022 .king .year-2018 .queen .intro__subtitle--14, .year-2022 .king .year-2018 .queen .intro__subtitle--15 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

.year-2018 .king10 .year-2022 .king .intro__subtitle--10, .year-2018 .king10 .year-2022 .king .intro__subtitle--11, .year-2018 .king10 .year-2022 .king .intro__subtitle--12, .year-2022 .king .intro__subtitle--4, .year-2022 .king .year-2018 .king10 .intro__subtitle--10, .year-2022 .king .year-2018 .king10 .intro__subtitle--11, .year-2022 .king .year-2018 .king10 .intro__subtitle--12 {
    font-family: Sarabun;
    font-size: 84px;
    font-size: 5.25rem;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 1px
}

@media (max-width: 737px) {
    .year-2018 .king10 .year-2022 .king .intro__subtitle--10, .year-2018 .king10 .year-2022 .king .intro__subtitle--11, .year-2018 .king10 .year-2022 .king .intro__subtitle--12, .year-2022 .king .intro__subtitle--4, .year-2022 .king .year-2018 .king10 .intro__subtitle--10, .year-2022 .king .year-2018 .king10 .intro__subtitle--11, .year-2022 .king .year-2018 .king10 .intro__subtitle--12 {
        font-size: 72px;
        font-size: 4.5rem
    }
}

@media (max-width: 479px) {
    .year-2018 .king10 .year-2022 .king .intro__subtitle--10, .year-2018 .king10 .year-2022 .king .intro__subtitle--11, .year-2018 .king10 .year-2022 .king .intro__subtitle--12, .year-2022 .king .intro__subtitle--4, .year-2022 .king .year-2018 .king10 .intro__subtitle--10, .year-2022 .king .year-2018 .king10 .intro__subtitle--11, .year-2022 .king .year-2018 .king10 .intro__subtitle--12 {
        font-size: 52px;
        font-size: 3.25rem
    }
}

.year-2018 .queen .year-2022 .king .intro__subtitle--12, .year-2022 .king .intro__subtitle--5, .year-2022 .king .year-2018 .queen .intro__subtitle--12 {
    font-family: Sarabun;
    line-height: 1;
    font-weight: 400 !important;
    font-size: 84px;
    font-size: 5.25rem;
    letter-spacing: 1px
}

@media (max-width: 737px) {
    .year-2018 .queen .year-2022 .king .intro__subtitle--12, .year-2022 .king .intro__subtitle--5, .year-2022 .king .year-2018 .queen .intro__subtitle--12 {
        font-size: 80px;
        font-size: 5rem
    }
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2022 .king .intro__subtitle--12, .year-2022 .king .intro__subtitle--5, .year-2022 .king .year-2018 .queen .intro__subtitle--12 {
        font-size: 58px;
        font-size: 3.625rem
    }
}

.year-2022 .king .intro__subtitle--6 {
    font-family: Sarabun !important;
    font-size: 48px;
    font-size: 3rem;
    line-height: 1;
    font-weight: 400 !important;
    text-transform: uppercase
}

@media (max-width: 737px) {
    .year-2022 .king .intro__subtitle--6 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 479px) {
    .year-2022 .king .intro__subtitle--6 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2022 .king .intro__content--1 .intro__text {
    font-family: Sarabun;
    font-weight: 400;
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1
}

@media (max-width: 479px) {
    .year-2022 .king .intro__content--1 .intro__text {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2022 .king .intro__content--1 .intro__button {
    font-family: Sarabun;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 700
}

@media (max-width: 479px) {
    .year-2022 .king .intro__content--1 .intro__button {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2022 .king .intro__content--2 .intro__text {
    font-family: Sarabun;
    font-weight: 400;
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1
}

@media (max-width: 479px) {
    .year-2022 .king .intro__content--2 .intro__text {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2022 .king .intro__content--2 .intro__button {
    font-family: Sarabun;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 700
}

@media (max-width: 479px) {
    .year-2022 .king .intro__content--2 .intro__button {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2022 .king .intro__content--3 .intro__text {
    font-family: Sarabun;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1
}

@media (max-width: 737px) {
    .year-2022 .king .intro__content--3 .intro__text {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 479px) {
    .year-2022 .king .intro__content--3 .intro__text {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2022 .king .intro__content--3 .intro__button {
    font-family: Sarabun;
    font-size: 31px;
    font-size: 1.9375rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2022 .king .intro__content--3 .intro__button {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2022 .king .intro__content--4 .intro__text {
    font-family: Sarabun;
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1
}

@media (max-width: 737px) {
    .year-2022 .king .intro__content--4 .intro__text {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 479px) {
    .year-2022 .king .intro__content--4 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2022 .king .intro__content--4 .intro__button {
    font-family: Sarabun;
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 700
}

@media (max-width: 479px) {
    .year-2022 .king .intro__content--4 .intro__button {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2022 .king .intro__content--5 .intro__text {
    font-family: Sarabun;
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2022 .king .intro__content--5 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.year-2022 .king .intro__content--5 .intro__button {
    font-family: Sarabun;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700
}

@media (max-width: 479px) {
    .year-2022 .king .intro__content--5 .intro__button {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.year-2022 .king .intro__content--6 .intro__text {
    font-family: Sarabun;
    font-size: 32px;
    font-size: 2rem;
    line-height: 1;
    font-weight: 400
}

@media (max-width: 737px) {
    .year-2022 .king .intro__content--6 .intro__text {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 479px) {
    .year-2022 .king .intro__content--6 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.year-2022 .king .intro__content--6 .intro__button {
    font-family: Sarabun;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700
}

@media (max-width: 737px) {
    .year-2022 .king .intro__content--6 .intro__button {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.year-2022 .king .intro__figure--1 {
    margin-bottom: 1rem;
    padding-top: 2rem;
    min-height: 350px
}

.year-2022 .king .intro__figure--2 {
    margin-bottom: 10px
}

.year-2022 .king .intro__figure--4 {
    margin-bottom: 20px
}

@media (max-width: 820px) {
    .year-2022 .king .intro__figure--4 {
        height: auto
    }
}

@media (max-width: 992px) {
    .year-2022 .king .intro__figure--6 {
        height: 100%
    }
}

.year-2022 .king .intro__subtitle--name {
    display: none !important
}

.year-2022 .king .intro__content--1 .intro__title {
    margin-bottom: 1rem;
    color: #fff
}

.year-2022 .king .intro__content--1 .intro__title .header-6 {
    display: none
}

.year-2022 .king .intro__content--1 .intro__subtitle {
    color: #ffed95
}

.year-2022 .king .intro__content--1 .intro__subtitle .date-6, .year-2022 .king .intro__content--1 .intro__subtitle .event-6, .year-2022 .king .intro__content--1 .intro__subtitle .longlive-6 {
    display: none
}

.year-2022 .king .intro__content--1 .intro__text {
    color: #fff
}

.year-2022 .king .intro__content--1 .intro__line {
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 0
}

.year-2022 .king .intro__content--2 .intro__title {
    margin-bottom: 0;
    color: #fff
}

.year-2022 .king .intro__content--2 .intro__title .header-6 {
    display: none
}

.year-2022 .king .intro__content--2 .intro__subtitle {
    color: #fff
}

.year-2022 .king .intro__content--2 .intro__subtitle .date-6, .year-2022 .king .intro__content--2 .intro__subtitle .event-6, .year-2022 .king .intro__content--2 .intro__subtitle .longlive-6 {
    display: none
}

.year-2022 .king .intro__content--2 .intro__text {
    color: #fff
}

.year-2022 .king .intro__content--2 .intro__line {
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 0 16px
}

.year-2022 .king .intro__content--3 .intro__title {
    color: #fff;
    margin-bottom: 0
}

.year-2022 .king .intro__content--3 .intro__title .header-6 {
    display: none
}

.year-2022 .king .intro__content--3 .intro__subtitle {
    color: #fff
}

.year-2022 .king .intro__content--3 .intro__subtitle .date-6, .year-2022 .king .intro__content--3 .intro__subtitle .event-6, .year-2022 .king .intro__content--3 .intro__subtitle .longlive-6 {
    display: none
}

.year-2022 .king .intro__content--3 .intro__text {
    margin-bottom: .5rem;
    color: #fff
}

.year-2022 .king .intro__content--3 .intro__line {
    max-width: 100%;
    padding: 15px 0 35px
}

.year-2022 .king .intro__content--4 .intro__title {
    margin-bottom: 1rem;
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .72)
}

.year-2022 .king .intro__content--4 .intro__title .header-6 {
    display: none
}

.year-2022 .king .intro__content--4 .intro__subtitle {
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .79)
}

.year-2022 .king .intro__content--4 .intro__subtitle .date-6, .year-2022 .king .intro__content--4 .intro__subtitle .event-6, .year-2022 .king .intro__content--4 .intro__subtitle .longlive-6 {
    display: none
}

.year-2022 .king .intro__content--4 .intro__text {
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .73)
}

.year-2022 .king .intro__content--4 .intro__line {
    margin: 0 auto;
    padding: 25px 0
}

.year-2022 .king .intro__content--5 .intro__title {
    color: #fff
}

.year-2022 .king .intro__content--5 .intro__title .header-6 {
    display: none
}

.year-2022 .king .intro__content--5 .intro__subtitle {
    color: #fff
}

.year-2022 .king .intro__content--5 .intro__subtitle .date-6, .year-2022 .king .intro__content--5 .intro__subtitle .event-6, .year-2022 .king .intro__content--5 .intro__subtitle .longlive-6 {
    display: none
}

.year-2022 .king .intro__content--5 .intro__text {
    color: #fff
}

.year-2022 .king .intro__content--5 .intro__line {
    max-width: 370px;
    margin: 1rem auto
}

.year-2022 .king .intro__content--6 .intro__title {
    margin-bottom: .5rem;
    background: transparent linear-gradient(97deg, #8e661b, #643b17) 0 0 no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16))
}

.year-2022 .king .intro__content--6 .intro__title .header-normal {
    display: none !important
}

.year-2022 .king .intro__content--6 .intro__title .header-6 {
    display: block
}

.year-2022 .king .intro__content--6 .intro__subtitle {
    color: #895f30
}

.year-2022 .king .intro__content--6 .intro__subtitle .date-normal {
    display: none !important
}

.year-2022 .king .intro__content--6 .intro__subtitle .date-6 {
    display: block
}

@media (max-width: 992px) {
    .year-2022 .king .intro__content--6 .intro__subtitle .hidden-lg-up {
        display: none
    }
}

.year-2022 .king .intro__content--6 .intro__text {
    color: #895f30;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2022 .king .intro__content--6 .intro__text .footer-normal {
    display: none
}

.year-2022 .king .intro__content--6 .intro__line {
    margin: .5rem auto
}

.year-2022 .king .intro__button a {
    font-size: 100%
}

.year-2022 .king .intro__button--1 {
    position: relative;
    margin-top: .5rem;
    border-radius: 13px;
    background: #be9635;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    padding: 10px
}

.year-2022 .king .intro__button--1 a {
    color: #fff
}

.year-2022 .king .intro__button--1 a:focus, .year-2022 .king .intro__button--1 a:hover {
    text-decoration: none
}

.year-2022 .king .intro__button--1 a:before {
    color: #fff
}

.year-2022 .king .intro__button--2 {
    position: relative;
    margin-top: .5rem;
    border-radius: 13px;
    background: #8e6409;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    padding: 10px
}

.year-2022 .king .intro__button--2 a {
    color: #fff
}

.year-2022 .king .intro__button--2 a:focus, .year-2022 .king .intro__button--2 a:hover {
    text-decoration: none
}

.year-2022 .king .intro__button--2 a:before {
    color: #fff
}

.year-2022 .king .intro__button--3 {
    position: relative;
    margin-top: 2rem;
    background-color: #fff;
    border-radius: 31px
}

.year-2022 .king .intro__button--3 a {
    color: #1d0404;
    padding: 10px 5px 7px 25px
}

.year-2022 .king .intro__button--3 a:last-child {
    padding: 10px 25px 7px 10px
}

.year-2022 .king .intro__button--3 a:focus, .year-2022 .king .intro__button--3 a:hover {
    text-decoration: none
}

.year-2022 .king .intro__button--3 a:before {
    color: #1d0404 !important
}

.year-2018 .king10 .year-2022 .king .intro__button--11, .year-2018 .king10 .year-2022 .king .intro__button--12, .year-2019 .year-2022 .king .intro__button--11, .year-2019 .year-2022 .king .intro__button--12, .year-2022 .king .intro__button--4, .year-2022 .king .year-2018 .king10 .intro__button--11, .year-2022 .king .year-2018 .king10 .intro__button--12, .year-2022 .year-2019 .king .intro__button--11, .year-2022 .year-2019 .king .intro__button--12 {
    position: relative;
    margin-top: .5rem;
    border-radius: 31px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    background: #f5a000;
    background: -moz-linear-gradient(top, #f5a000 0, #7b4201 100%);
    background: -webkit-linear-gradient(top, #f5a000, #7b4201);
    background: linear-gradient(180deg, #f5a000 0, #7b4201);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5a000", endColorstr="#7b4201", GradientType=0)
}

.year-2018 .king10 .year-2022 .king .intro__button--11 a, .year-2018 .king10 .year-2022 .king .intro__button--12 a, .year-2019 .year-2022 .king .intro__button--11 a, .year-2019 .year-2022 .king .intro__button--12 a, .year-2022 .king .intro__button--4 a, .year-2022 .king .year-2018 .king10 .intro__button--11 a, .year-2022 .king .year-2018 .king10 .intro__button--12 a, .year-2022 .year-2019 .king .intro__button--11 a, .year-2022 .year-2019 .king .intro__button--12 a {
    color: #fff !important;
    padding: 10px 5px 7px 25px
}

.year-2018 .king10 .year-2022 .king .intro__button--11 a:last-child, .year-2018 .king10 .year-2022 .king .intro__button--12 a:last-child, .year-2019 .year-2022 .king .intro__button--11 a:last-child, .year-2019 .year-2022 .king .intro__button--12 a:last-child, .year-2022 .king .intro__button--4 a:last-child, .year-2022 .king .year-2018 .king10 .intro__button--11 a:last-child, .year-2022 .king .year-2018 .king10 .intro__button--12 a:last-child, .year-2022 .year-2019 .king .intro__button--11 a:last-child, .year-2022 .year-2019 .king .intro__button--12 a:last-child {
    padding: 10px 25px 7px 10px
}

.year-2018 .king10 .year-2022 .king .intro__button--11 a:focus, .year-2018 .king10 .year-2022 .king .intro__button--11 a:hover, .year-2018 .king10 .year-2022 .king .intro__button--12 a:focus, .year-2018 .king10 .year-2022 .king .intro__button--12 a:hover, .year-2019 .year-2022 .king .intro__button--11 a:focus, .year-2019 .year-2022 .king .intro__button--11 a:hover, .year-2019 .year-2022 .king .intro__button--12 a:focus, .year-2019 .year-2022 .king .intro__button--12 a:hover, .year-2022 .king .intro__button--4 a:focus, .year-2022 .king .intro__button--4 a:hover, .year-2022 .king .year-2018 .king10 .intro__button--11 a:focus, .year-2022 .king .year-2018 .king10 .intro__button--11 a:hover, .year-2022 .king .year-2018 .king10 .intro__button--12 a:focus, .year-2022 .king .year-2018 .king10 .intro__button--12 a:hover, .year-2022 .year-2019 .king .intro__button--11 a:focus, .year-2022 .year-2019 .king .intro__button--11 a:hover, .year-2022 .year-2019 .king .intro__button--12 a:focus, .year-2022 .year-2019 .king .intro__button--12 a:hover {
    text-decoration: none
}

.year-2018 .king10 .year-2022 .king .intro__button--11 a:before, .year-2018 .king10 .year-2022 .king .intro__button--12 a:before, .year-2019 .year-2022 .king .intro__button--11 a:before, .year-2019 .year-2022 .king .intro__button--12 a:before, .year-2022 .king .intro__button--4 a:before, .year-2022 .king .year-2018 .king10 .intro__button--11 a:before, .year-2022 .king .year-2018 .king10 .intro__button--12 a:before, .year-2022 .year-2019 .king .intro__button--11 a:before, .year-2022 .year-2019 .king .intro__button--12 a:before {
    color: #fff !important
}

.year-2018 .year-2022 .king .intro__button--14, .year-2019 .queen-mother .year-2022 .king .intro__button--14, .year-2022 .king .intro__button--5, .year-2022 .king .year-2018 .intro__button--14, .year-2022 .king .year-2019 .queen-mother .intro__button--14 {
    padding: 3px;
    margin-top: .5rem;
    border-radius: 51px;
    background: transparent linear-gradient(60deg, #d6d6d6, #fff) 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2018 .year-2022 .king .intro__button--14 a, .year-2019 .queen-mother .year-2022 .king .intro__button--14 a, .year-2022 .king .intro__button--5 a, .year-2022 .king .year-2018 .intro__button--14 a, .year-2022 .king .year-2019 .queen-mother .intro__button--14 a {
    color: #6e4504
}

.year-2018 .year-2022 .king .intro__button--14 a:focus, .year-2018 .year-2022 .king .intro__button--14 a:hover, .year-2019 .queen-mother .year-2022 .king .intro__button--14 a:focus, .year-2019 .queen-mother .year-2022 .king .intro__button--14 a:hover, .year-2022 .king .intro__button--5 a:focus, .year-2022 .king .intro__button--5 a:hover, .year-2022 .king .year-2018 .intro__button--14 a:focus, .year-2022 .king .year-2018 .intro__button--14 a:hover, .year-2022 .king .year-2019 .queen-mother .intro__button--14 a:focus, .year-2022 .king .year-2019 .queen-mother .intro__button--14 a:hover {
    text-decoration: none
}

.year-2018 .year-2022 .king .intro__button--14 a:before, .year-2019 .queen-mother .year-2022 .king .intro__button--14 a:before, .year-2022 .king .intro__button--5 a:before, .year-2022 .king .year-2018 .intro__button--14 a:before, .year-2022 .king .year-2019 .queen-mother .intro__button--14 a:before {
    color: #6e4504
}

.year-2018 .year-2022 .king .intro__button--11, .year-2019 .queen-mother .year-2022 .king .intro__button--11, .year-2022 .king .intro__button--6, .year-2022 .king .year-2018 .intro__button--11, .year-2022 .king .year-2019 .queen-mother .intro__button--11 {
    border-radius: 24px;
    background: linear-gradient(98deg, #8e661b, #643b17);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2018 .year-2022 .king .intro__button--11 a, .year-2019 .queen-mother .year-2022 .king .intro__button--11 a, .year-2022 .king .intro__button--6 a, .year-2022 .king .year-2018 .intro__button--11 a, .year-2022 .king .year-2019 .queen-mother .intro__button--11 a {
    color: #fff
}

.year-2018 .year-2022 .king .intro__button--11 a:focus, .year-2018 .year-2022 .king .intro__button--11 a:hover, .year-2019 .queen-mother .year-2022 .king .intro__button--11 a:focus, .year-2019 .queen-mother .year-2022 .king .intro__button--11 a:hover, .year-2022 .king .intro__button--6 a:focus, .year-2022 .king .intro__button--6 a:hover, .year-2022 .king .year-2018 .intro__button--11 a:focus, .year-2022 .king .year-2018 .intro__button--11 a:hover, .year-2022 .king .year-2019 .queen-mother .intro__button--11 a:focus, .year-2022 .king .year-2019 .queen-mother .intro__button--11 a:hover {
    text-decoration: none
}

.year-2018 .year-2022 .king .intro__button--11 a:before, .year-2019 .queen-mother .year-2022 .king .intro__button--11 a:before, .year-2022 .king .intro__button--6 a:before, .year-2022 .king .year-2018 .intro__button--11 a:before, .year-2022 .king .year-2019 .queen-mother .intro__button--11 a:before {
    color: #fff !important
}

.year-2022 .king-rama-9-memorial-day h3 {
    font-size: 104px;
    font-size: 6.5rem;
    font-weight: 700;
    line-height: 1
}

.year-2022 .king-rama-9-memorial-day h4 {
    font-size: 45px;
    font-size: 2.8125rem;
    font-weight: 400;
    line-height: 1
}

@media (max-width: 479px) {
    .year-2022 .king-rama-9-memorial-day h4 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2022 .king-rama-9-memorial-day h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2022 .king-rama-9-memorial-day h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2022 .king-rama-9-memorial-day .intro__title {
    margin-bottom: 0;
    letter-spacing: 1
}

.year-2022 .king-rama-9-memorial-day .intro__title--number {
    font-size: 85px;
    font-size: 5.3125rem;
    line-height: .5
}

.year-2022 .king-rama-9-memorial-day .intro__subtitle {
    font-family: Sarabun !important
}

.year-2022 .king-rama-9-memorial-day .intro__subtitle--event {
    font-size: 55px;
    font-size: 3.4375rem;
    line-height: 1
}

.year-2022 .king-rama-9-memorial-day .intro__subtitle .master {
    display: initial !important;
    margin-right: .5rem
}

@media (max-width: 767px) {
    .year-2022 .king-rama-9-memorial-day .intro__subtitle .master .d-inline-block {
        display: inline !important
    }
}

.year-2022 .king-rama-9-memorial-day .intro__subtitle .firstname {
    display: initial !important
}

@media (max-width: 479px) {
    .year-2022 .king-rama-9-memorial-day .intro__subtitle .firstname {
        display: inline-block !important
    }
}

.year-2022 .king-rama-9-memorial-day .intro__line img {
    max-width: 100%
}

.year-2022 .king-rama-9-memorial-day .intro__text {
    font-size: 25px;
    font-size: 1.5625rem
}

@media (max-width: 479px) {
    .year-2022 .king-rama-9-memorial-day .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__figure {
    max-width: 100%
}

.year-2022 .king-rama-9-memorial-day .intro__figure--3 {
    padding-top: 1.5rem
}

.year-2022 .king-rama-9-memorial-day .intro__figure--5, .year-2022 .king-rama-9-memorial-day .intro__figure--6 {
    padding-top: 2rem
}

.year-2022 .king-rama-9-memorial-day .intro__content--1 .intro__title {
    font-size: 109px;
    font-size: 6.8125rem;
    color: #926a1f;
    letter-spacing: 4px
}

@media (max-width: 415px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--1 .intro__title {
        font-size: 100px;
        font-size: 6.25rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__content--1 .intro__title--number {
    font-size: 109px;
    font-size: 6.8125rem
}

.year-2022 .king-rama-9-memorial-day .intro__content--1 .intro__title--sub {
    display: none
}

.year-2022 .king-rama-9-memorial-day .intro__content--1 .intro__subtitle {
    color: #926a1f;
    font-weight: 400
}

.year-2022 .king-rama-9-memorial-day .intro__content--1 .intro__subtitle--event {
    font-size: 68px;
    font-size: 4.25rem;
    color: #926a1f
}

@media (max-width: 737px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--1 .intro__subtitle--event {
        font-size: 54px;
        font-size: 3.375rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__content--1 .intro__subtitle--name {
    font-size: 49px;
    font-size: 3.0625rem;
    font-weight: 400;
    color: #926a1f
}

@media (max-width: 737px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--1 .intro__subtitle--name {
        font-size: 42px;
        font-size: 2.625rem
    }
}

@media (max-width: 415px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--1 .intro__subtitle--name {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__content--1 .intro__subtitle br {
    display: none
}

.year-2022 .king-rama-9-memorial-day .intro__content--1 .intro__text {
    color: #fff;
    font-size: 42px;
    font-size: 2.625rem;
    font-family: Sarabun !important;
    font-weight: 400
}

@media (max-width: 737px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--1 .intro__text {
        font-size: 34px;
        font-size: 2.125rem
    }
}

@media (max-width: 415px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--1 .intro__text {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__content--1 .intro__text .intro__text-prefix {
    display: none
}

.year-2022 .king-rama-9-memorial-day .intro__content--1 .intro__text .company-name {
    display: block
}

.year-2022 .king-rama-9-memorial-day .intro__content--2 .intro__title {
    font-size: 109px;
    font-size: 6.8125rem;
    color: #765209;
    letter-spacing: 4px
}

@media (max-width: 415px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--2 .intro__title {
        font-size: 100px;
        font-size: 6.25rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__content--2 .intro__title--number {
    font-size: 109px;
    font-size: 6.8125rem
}

.year-2022 .king-rama-9-memorial-day .intro__content--2 .intro__title--sub {
    display: none
}

.year-2022 .king-rama-9-memorial-day .intro__content--2 .intro__subtitle {
    color: #765209;
    font-weight: 400;
    line-height: .9
}

.year-2022 .king-rama-9-memorial-day .intro__content--2 .intro__subtitle--event {
    font-size: 60px;
    font-size: 3.75rem;
    color: #765209
}

@media (max-width: 737px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--2 .intro__subtitle--event {
        font-size: 54px;
        font-size: 3.375rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__content--2 .intro__subtitle--name {
    font-size: 45px;
    font-size: 2.8125rem;
    font-weight: 400;
    color: #765209
}

@media (max-width: 737px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--2 .intro__subtitle--name {
        font-size: 42px;
        font-size: 2.625rem
    }
}

@media (max-width: 415px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--2 .intro__subtitle--name {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__content--2 .intro__subtitle br {
    display: none
}

.year-2022 .king-rama-9-memorial-day .intro__content--2 .intro__text {
    color: #7b5d0b;
    font-size: 40px;
    font-size: 2.5rem;
    font-family: Sarabun !important;
    font-weight: 400;
    line-height: .9
}

@media (max-width: 737px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--2 .intro__text {
        font-size: 34px;
        font-size: 2.125rem
    }
}

@media (max-width: 415px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--2 .intro__text {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__content--2 .intro__text .intro__text-prefix {
    display: none
}

.year-2022 .king-rama-9-memorial-day .intro__content--3 {
    padding-top: .5rem
}

.year-2022 .king-rama-9-memorial-day .intro__content--3 .intro__title {
    font-weight: 400;
    color: #694e01;
    margin-bottom: 1rem;
    letter-spacing: 1.5px;
    font-size: 38px;
    font-size: 2.375rem
}

.year-2022 .king-rama-9-memorial-day .intro__content--3 .intro__title--number {
    font-size: 38px;
    font-size: 2.375rem
}

.year-2022 .king-rama-9-memorial-day .intro__content--3 .intro__subtitle {
    color: #694e01;
    font-weight: 400;
    line-height: .9;
    font-family: Sarabun !important
}

.year-2022 .king-rama-9-memorial-day .intro__content--3 .intro__subtitle--event {
    display: none
}

.year-2022 .king-rama-9-memorial-day .intro__content--3 .intro__subtitle--name {
    font-size: 45px;
    font-size: 2.8125rem;
    font-weight: 700;
    color: #694e01
}

@media (max-width: 737px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--3 .intro__subtitle--name {
        font-size: 42px;
        font-size: 2.625rem
    }
}

@media (max-width: 415px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--3 .intro__subtitle--name {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__content--3 .intro__text {
    color: #694e01;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: .9
}

@media (max-width: 479px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--3 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__content--3 .intro__text__text-prefix {
    display: inline-block
}

.year-2022 .king-rama-9-memorial-day .intro__content--3 .intro__text .company-name {
    display: block
}

.year-2022 .king-rama-9-memorial-day .intro__content--4 .intro__title {
    font-weight: 400;
    color: #fff;
    margin-bottom: 1rem;
    letter-spacing: 1.5px;
    font-size: 58px;
    font-size: 3.625rem
}

.year-2022 .king-rama-9-memorial-day .intro__content--4 .intro__title--number {
    font-size: 58px;
    font-size: 3.625rem
}

.year-2022 .king-rama-9-memorial-day .intro__content--4 .intro__subtitle {
    line-height: .9;
    font-family: Sarabun !important
}

.year-2022 .king-rama-9-memorial-day .intro__content--4 .intro__subtitle--event {
    display: none
}

.year-2022 .king-rama-9-memorial-day .intro__content--4 .intro__subtitle--name {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 700;
    color: #fff
}

@media (max-width: 737px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--4 .intro__subtitle--name {
        font-size: 42px;
        font-size: 2.625rem
    }
}

@media (max-width: 415px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--4 .intro__subtitle--name {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__content--4 .intro__subtitle br {
    display: none
}

.year-2022 .king-rama-9-memorial-day .intro__content--4 .intro__text {
    color: #fff;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: .9
}

@media (max-width: 479px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--4 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__content--4 .intro__text__text-prefix {
    display: inline-block
}

.year-2022 .king-rama-9-memorial-day .intro__content--4 .intro__text .company-name {
    display: block
}

.year-2022 .king-rama-9-memorial-day .intro__content--5 .intro__title {
    font-size: 100px;
    font-size: 6.25rem;
    color: #6e5208;
    letter-spacing: 4px
}

@media (max-width: 415px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--5 .intro__title {
        font-size: 96px;
        font-size: 6rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__content--5 .intro__title--number {
    font-size: 100px;
    font-size: 6.25rem
}

.year-2022 .king-rama-9-memorial-day .intro__content--5 .intro__title--sub {
    display: none
}

.year-2022 .king-rama-9-memorial-day .intro__content--5 .intro__subtitle {
    color: #89631a;
    font-weight: 400;
    line-height: .9
}

.year-2022 .king-rama-9-memorial-day .intro__content--5 .intro__subtitle--event {
    font-size: 60px;
    font-size: 3.75rem;
    color: #89631a
}

@media (max-width: 737px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--5 .intro__subtitle--event {
        font-size: 54px;
        font-size: 3.375rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__content--5 .intro__subtitle--name {
    font-size: 45px;
    font-size: 2.8125rem;
    font-weight: 400;
    color: #89631a
}

@media (max-width: 737px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--5 .intro__subtitle--name {
        font-size: 42px;
        font-size: 2.625rem
    }
}

@media (max-width: 415px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--5 .intro__subtitle--name {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__content--5 .intro__subtitle br {
    display: none
}

.year-2022 .king-rama-9-memorial-day .intro__content--5 .intro__text {
    color: #89631a;
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 400;
    line-height: .9
}

@media (max-width: 737px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--5 .intro__text {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 415px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--5 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__content--5 .intro__text .intro__text-prefix {
    display: none
}

.year-2022 .king-rama-9-memorial-day .intro__content--5 .intro__text .company-name {
    display: block
}

.year-2022 .king-rama-9-memorial-day .intro__content--6 .intro__title {
    font-size: 104px;
    font-size: 6.5rem;
    color: #987007;
    letter-spacing: 4px
}

@media (max-width: 415px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--6 .intro__title {
        font-size: 96px;
        font-size: 6rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__content--6 .intro__title--number {
    font-size: 104px;
    font-size: 6.5rem
}

.year-2022 .king-rama-9-memorial-day .intro__content--6 .intro__title--sub {
    display: none
}

.year-2022 .king-rama-9-memorial-day .intro__content--6 .intro__subtitle {
    color: #6e5208;
    font-weight: 400;
    line-height: .9
}

.year-2022 .king-rama-9-memorial-day .intro__content--6 .intro__subtitle--event {
    font-size: 60px;
    font-size: 3.75rem;
    color: #6e5208
}

@media (max-width: 737px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--6 .intro__subtitle--event {
        font-size: 54px;
        font-size: 3.375rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__content--6 .intro__subtitle--name {
    font-size: 45px;
    font-size: 2.8125rem;
    font-weight: 400;
    color: #6e5208
}

@media (max-width: 737px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--6 .intro__subtitle--name {
        font-size: 42px;
        font-size: 2.625rem
    }
}

@media (max-width: 415px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--6 .intro__subtitle--name {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__content--6 .intro__subtitle br {
    display: none
}

.year-2022 .king-rama-9-memorial-day .intro__content--6 .intro__text {
    color: #6e5208;
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 400;
    line-height: .9
}

@media (max-width: 737px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--6 .intro__text {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 415px) {
    .year-2022 .king-rama-9-memorial-day .intro__content--6 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.year-2022 .king-rama-9-memorial-day .intro__content--6 .intro__text .intro__text-prefix {
    display: none
}

.year-2022 .king-rama-9-memorial-day .intro__content--6 .intro__text .company-name {
    display: block
}

.year-2022 .king-rama-9-memorial-day .intro__button--1 {
    padding: 5px 0;
    margin-top: .5rem;
    position: relative;
    border: 1px solid #926a1f
}

.year-2022 .king-rama-9-memorial-day .intro__button--1:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    background-color: #926a1f
}

.year-2022 .king-rama-9-memorial-day .intro__button--1 a {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 400;
    color: #fff
}

.year-2022 .king-rama-9-memorial-day .intro__button--1 a:first-child {
    padding: 20px 20px 17px 35px
}

.year-2022 .king-rama-9-memorial-day .intro__button--1 a:last-child {
    padding: 20px 35px 17px 20px
}

.year-2022 .king-rama-9-memorial-day .intro__button--1 a:last-child:before {
    color: #fff;
    top: 20px
}

.year-2022 .king-rama-9-memorial-day .intro__button--1 a:focus, .year-2022 .king-rama-9-memorial-day .intro__button--1 a:hover {
    text-decoration: none
}

.year-2022 .king-rama-9-memorial-day .intro__button--2 {
    padding: 5px 0;
    margin-top: .5rem;
    position: relative;
    border: 1px solid #7b5d0b
}

.year-2022 .king-rama-9-memorial-day .intro__button--2:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    background-color: #7b5d0b
}

.year-2022 .king-rama-9-memorial-day .intro__button--2 a {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 400;
    color: #fff
}

.year-2022 .king-rama-9-memorial-day .intro__button--2 a:first-child {
    padding: 20px 20px 17px 35px
}

.year-2022 .king-rama-9-memorial-day .intro__button--2 a:last-child {
    padding: 20px 35px 17px 20px
}

.year-2022 .king-rama-9-memorial-day .intro__button--2 a:last-child:before {
    color: #fff;
    top: 20px
}

.year-2022 .king-rama-9-memorial-day .intro__button--2 a:focus, .year-2022 .king-rama-9-memorial-day .intro__button--2 a:hover {
    text-decoration: none
}

.year-2022 .king-rama-9-memorial-day .intro__button--3 {
    padding: 3px;
    margin-top: .5rem;
    border-radius: 51px;
    background-color: #fff
}

.year-2022 .king-rama-9-memorial-day .intro__button--3 a {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400;
    color: #0b0b0b
}

.year-2022 .king-rama-9-memorial-day .intro__button--3 a:first-child {
    padding: 10px 5px 7px 25px
}

.year-2022 .king-rama-9-memorial-day .intro__button--3 a:last-child {
    padding: 10px 25px 7px 5px
}

.year-2022 .king-rama-9-memorial-day .intro__button--3 a:last-child:before {
    top: 10px;
    color: #0b0b0b
}

.year-2022 .king-rama-9-memorial-day .intro__button--3 a:focus, .year-2022 .king-rama-9-memorial-day .intro__button--3 a:hover {
    text-decoration: none
}

.year-2018 .king10 .year-2022 .king-rama-9-memorial-day .intro__button--11, .year-2018 .king10 .year-2022 .king-rama-9-memorial-day .intro__button--12, .year-2019 .king .year-2022 .king-rama-9-memorial-day .intro__button--11, .year-2019 .king .year-2022 .king-rama-9-memorial-day .intro__button--12, .year-2022 .king-rama-9-memorial-day .intro__button--4, .year-2022 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--11, .year-2022 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--12, .year-2022 .king-rama-9-memorial-day .year-2019 .king .intro__button--11, .year-2022 .king-rama-9-memorial-day .year-2019 .king .intro__button--12 {
    padding: 3px;
    margin-top: .5rem;
    border-radius: 51px;
    background-color: #fff
}

.year-2018 .king10 .year-2022 .king-rama-9-memorial-day .intro__button--11 a, .year-2018 .king10 .year-2022 .king-rama-9-memorial-day .intro__button--12 a, .year-2019 .king .year-2022 .king-rama-9-memorial-day .intro__button--11 a, .year-2019 .king .year-2022 .king-rama-9-memorial-day .intro__button--12 a, .year-2022 .king-rama-9-memorial-day .intro__button--4 a, .year-2022 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--11 a, .year-2022 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--12 a, .year-2022 .king-rama-9-memorial-day .year-2019 .king .intro__button--11 a, .year-2022 .king-rama-9-memorial-day .year-2019 .king .intro__button--12 a {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400;
    color: #0b0b0b
}

.year-2018 .king10 .year-2022 .king-rama-9-memorial-day .intro__button--11 a:first-child, .year-2018 .king10 .year-2022 .king-rama-9-memorial-day .intro__button--12 a:first-child, .year-2019 .king .year-2022 .king-rama-9-memorial-day .intro__button--11 a:first-child, .year-2019 .king .year-2022 .king-rama-9-memorial-day .intro__button--12 a:first-child, .year-2022 .king-rama-9-memorial-day .intro__button--4 a:first-child, .year-2022 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--11 a:first-child, .year-2022 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--12 a:first-child, .year-2022 .king-rama-9-memorial-day .year-2019 .king .intro__button--11 a:first-child, .year-2022 .king-rama-9-memorial-day .year-2019 .king .intro__button--12 a:first-child {
    padding: 10px 5px 7px 25px
}

.year-2018 .king10 .year-2022 .king-rama-9-memorial-day .intro__button--11 a:last-child, .year-2018 .king10 .year-2022 .king-rama-9-memorial-day .intro__button--12 a:last-child, .year-2019 .king .year-2022 .king-rama-9-memorial-day .intro__button--11 a:last-child, .year-2019 .king .year-2022 .king-rama-9-memorial-day .intro__button--12 a:last-child, .year-2022 .king-rama-9-memorial-day .intro__button--4 a:last-child, .year-2022 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--11 a:last-child, .year-2022 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--12 a:last-child, .year-2022 .king-rama-9-memorial-day .year-2019 .king .intro__button--11 a:last-child, .year-2022 .king-rama-9-memorial-day .year-2019 .king .intro__button--12 a:last-child {
    padding: 10px 25px 7px 5px
}

.year-2018 .king10 .year-2022 .king-rama-9-memorial-day .intro__button--11 a:last-child:before, .year-2018 .king10 .year-2022 .king-rama-9-memorial-day .intro__button--12 a:last-child:before, .year-2019 .king .year-2022 .king-rama-9-memorial-day .intro__button--11 a:last-child:before, .year-2019 .king .year-2022 .king-rama-9-memorial-day .intro__button--12 a:last-child:before, .year-2022 .king-rama-9-memorial-day .intro__button--4 a:last-child:before, .year-2022 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--11 a:last-child:before, .year-2022 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--12 a:last-child:before, .year-2022 .king-rama-9-memorial-day .year-2019 .king .intro__button--11 a:last-child:before, .year-2022 .king-rama-9-memorial-day .year-2019 .king .intro__button--12 a:last-child:before {
    top: 10px;
    color: #0b0b0b
}

.year-2018 .king10 .year-2022 .king-rama-9-memorial-day .intro__button--11 a:focus, .year-2018 .king10 .year-2022 .king-rama-9-memorial-day .intro__button--11 a:hover, .year-2018 .king10 .year-2022 .king-rama-9-memorial-day .intro__button--12 a:focus, .year-2018 .king10 .year-2022 .king-rama-9-memorial-day .intro__button--12 a:hover, .year-2019 .king .year-2022 .king-rama-9-memorial-day .intro__button--11 a:focus, .year-2019 .king .year-2022 .king-rama-9-memorial-day .intro__button--11 a:hover, .year-2019 .king .year-2022 .king-rama-9-memorial-day .intro__button--12 a:focus, .year-2019 .king .year-2022 .king-rama-9-memorial-day .intro__button--12 a:hover, .year-2022 .king-rama-9-memorial-day .intro__button--4 a:focus, .year-2022 .king-rama-9-memorial-day .intro__button--4 a:hover, .year-2022 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--11 a:focus, .year-2022 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--11 a:hover, .year-2022 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--12 a:focus, .year-2022 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--12 a:hover, .year-2022 .king-rama-9-memorial-day .year-2019 .king .intro__button--11 a:focus, .year-2022 .king-rama-9-memorial-day .year-2019 .king .intro__button--11 a:hover, .year-2022 .king-rama-9-memorial-day .year-2019 .king .intro__button--12 a:focus, .year-2022 .king-rama-9-memorial-day .year-2019 .king .intro__button--12 a:hover {
    text-decoration: none
}

.year-2018 .year-2022 .king-rama-9-memorial-day .intro__button--14, .year-2019 .queen-mother .year-2022 .king-rama-9-memorial-day .intro__button--14, .year-2022 .king-rama-9-memorial-day .intro__button--5, .year-2022 .king-rama-9-memorial-day .year-2018 .intro__button--14, .year-2022 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--14 {
    padding: 5px 0;
    margin-top: .5rem;
    position: relative;
    border: 1px solid #fff
}

.year-2018 .year-2022 .king-rama-9-memorial-day .intro__button--14:before, .year-2019 .queen-mother .year-2022 .king-rama-9-memorial-day .intro__button--14:before, .year-2022 .king-rama-9-memorial-day .intro__button--5:before, .year-2022 .king-rama-9-memorial-day .year-2018 .intro__button--14:before, .year-2022 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--14:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    background-color: #fff
}

.year-2018 .year-2022 .king-rama-9-memorial-day .intro__button--14 a, .year-2019 .queen-mother .year-2022 .king-rama-9-memorial-day .intro__button--14 a, .year-2022 .king-rama-9-memorial-day .intro__button--5 a, .year-2022 .king-rama-9-memorial-day .year-2018 .intro__button--14 a, .year-2022 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--14 a {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 700;
    color: #6e5208
}

.year-2018 .year-2022 .king-rama-9-memorial-day .intro__button--14 a:first-child, .year-2019 .queen-mother .year-2022 .king-rama-9-memorial-day .intro__button--14 a:first-child, .year-2022 .king-rama-9-memorial-day .intro__button--5 a:first-child, .year-2022 .king-rama-9-memorial-day .year-2018 .intro__button--14 a:first-child, .year-2022 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--14 a:first-child {
    padding: 20px 20px 17px 35px
}

.year-2018 .year-2022 .king-rama-9-memorial-day .intro__button--14 a:last-child, .year-2019 .queen-mother .year-2022 .king-rama-9-memorial-day .intro__button--14 a:last-child, .year-2022 .king-rama-9-memorial-day .intro__button--5 a:last-child, .year-2022 .king-rama-9-memorial-day .year-2018 .intro__button--14 a:last-child, .year-2022 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--14 a:last-child {
    padding: 20px 35px 17px 20px
}

.year-2018 .year-2022 .king-rama-9-memorial-day .intro__button--14 a:last-child:before, .year-2019 .queen-mother .year-2022 .king-rama-9-memorial-day .intro__button--14 a:last-child:before, .year-2022 .king-rama-9-memorial-day .intro__button--5 a:last-child:before, .year-2022 .king-rama-9-memorial-day .year-2018 .intro__button--14 a:last-child:before, .year-2022 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--14 a:last-child:before {
    color: #6e5208;
    top: 20px
}

.year-2018 .year-2022 .king-rama-9-memorial-day .intro__button--14 a:focus, .year-2018 .year-2022 .king-rama-9-memorial-day .intro__button--14 a:hover, .year-2019 .queen-mother .year-2022 .king-rama-9-memorial-day .intro__button--14 a:focus, .year-2019 .queen-mother .year-2022 .king-rama-9-memorial-day .intro__button--14 a:hover, .year-2022 .king-rama-9-memorial-day .intro__button--5 a:focus, .year-2022 .king-rama-9-memorial-day .intro__button--5 a:hover, .year-2022 .king-rama-9-memorial-day .year-2018 .intro__button--14 a:focus, .year-2022 .king-rama-9-memorial-day .year-2018 .intro__button--14 a:hover, .year-2022 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--14 a:focus, .year-2022 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--14 a:hover {
    text-decoration: none
}

.year-2018 .year-2022 .king-rama-9-memorial-day .intro__button--11, .year-2019 .queen-mother .year-2022 .king-rama-9-memorial-day .intro__button--11, .year-2022 .king-rama-9-memorial-day .intro__button--6, .year-2022 .king-rama-9-memorial-day .year-2018 .intro__button--11, .year-2022 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--11 {
    padding: 5px 0;
    margin-top: .5rem;
    position: relative;
    border: 1px solid #fff
}

.year-2018 .year-2022 .king-rama-9-memorial-day .intro__button--11:before, .year-2019 .queen-mother .year-2022 .king-rama-9-memorial-day .intro__button--11:before, .year-2022 .king-rama-9-memorial-day .intro__button--6:before, .year-2022 .king-rama-9-memorial-day .year-2018 .intro__button--11:before, .year-2022 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--11:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    background-color: #fff
}

.year-2018 .year-2022 .king-rama-9-memorial-day .intro__button--11 a, .year-2019 .queen-mother .year-2022 .king-rama-9-memorial-day .intro__button--11 a, .year-2022 .king-rama-9-memorial-day .intro__button--6 a, .year-2022 .king-rama-9-memorial-day .year-2018 .intro__button--11 a, .year-2022 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--11 a {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 700;
    color: #6e5208
}

.year-2018 .year-2022 .king-rama-9-memorial-day .intro__button--11 a:first-child, .year-2019 .queen-mother .year-2022 .king-rama-9-memorial-day .intro__button--11 a:first-child, .year-2022 .king-rama-9-memorial-day .intro__button--6 a:first-child, .year-2022 .king-rama-9-memorial-day .year-2018 .intro__button--11 a:first-child, .year-2022 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--11 a:first-child {
    padding: 20px 20px 17px 35px
}

.year-2018 .year-2022 .king-rama-9-memorial-day .intro__button--11 a:last-child, .year-2019 .queen-mother .year-2022 .king-rama-9-memorial-day .intro__button--11 a:last-child, .year-2022 .king-rama-9-memorial-day .intro__button--6 a:last-child, .year-2022 .king-rama-9-memorial-day .year-2018 .intro__button--11 a:last-child, .year-2022 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--11 a:last-child {
    padding: 20px 35px 17px 20px
}

.year-2018 .year-2022 .king-rama-9-memorial-day .intro__button--11 a:last-child:before, .year-2019 .queen-mother .year-2022 .king-rama-9-memorial-day .intro__button--11 a:last-child:before, .year-2022 .king-rama-9-memorial-day .intro__button--6 a:last-child:before, .year-2022 .king-rama-9-memorial-day .year-2018 .intro__button--11 a:last-child:before, .year-2022 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--11 a:last-child:before {
    color: #6e5208;
    top: 20px
}

.year-2018 .year-2022 .king-rama-9-memorial-day .intro__button--11 a:focus, .year-2018 .year-2022 .king-rama-9-memorial-day .intro__button--11 a:hover, .year-2019 .queen-mother .year-2022 .king-rama-9-memorial-day .intro__button--11 a:focus, .year-2019 .queen-mother .year-2022 .king-rama-9-memorial-day .intro__button--11 a:hover, .year-2022 .king-rama-9-memorial-day .intro__button--6 a:focus, .year-2022 .king-rama-9-memorial-day .intro__button--6 a:hover, .year-2022 .king-rama-9-memorial-day .year-2018 .intro__button--11 a:focus, .year-2022 .king-rama-9-memorial-day .year-2018 .intro__button--11 a:hover, .year-2022 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--11 a:focus, .year-2022 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--11 a:hover {
    text-decoration: none
}

.year-2022 .king9 .intro__title {
    font-size: 33px;
    font-size: 2.0625rem;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1
}

@media (max-width: 737px) {
    .year-2022 .king9 .intro__title {
        font-size: 38px;
        font-size: 2.375rem
    }
}

@media (max-width: 479px) {
    .year-2022 .king9 .intro__title {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2022 .king9 .intro__title--1 {
    font-size: 45px;
    font-size: 2.8125rem;
    font-weight: 700
}

@media (max-width: 479px) {
    .year-2022 .king9 .intro__title--1 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2022 .king9 .intro__title--2 {
    font-size: 45px;
    font-size: 2.8125rem;
    font-weight: 700
}

@media (max-width: 479px) {
    .year-2022 .king9 .intro__title--2 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2018 .queen .year-2022 .king9 .intro__title--10, .year-2018 .queen .year-2022 .king9 .intro__title--11, .year-2018 .queen .year-2022 .king9 .intro__title--13, .year-2018 .queen .year-2022 .king9 .intro__title--14, .year-2018 .queen .year-2022 .king9 .intro__title--15, .year-2022 .king9 .intro__title--3, .year-2022 .king9 .year-2018 .queen .intro__title--10, .year-2022 .king9 .year-2018 .queen .intro__title--11, .year-2022 .king9 .year-2018 .queen .intro__title--13, .year-2022 .king9 .year-2018 .queen .intro__title--14, .year-2022 .king9 .year-2018 .queen .intro__title--15 {
    font-size: 56px;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: .9
}

.year-2018 .queen .year-2022 .king9 .intro__title--10 span:first-child, .year-2018 .queen .year-2022 .king9 .intro__title--11 span:first-child, .year-2018 .queen .year-2022 .king9 .intro__title--13 span:first-child, .year-2018 .queen .year-2022 .king9 .intro__title--14 span:first-child, .year-2018 .queen .year-2022 .king9 .intro__title--15 span:first-child, .year-2022 .king9 .intro__title--3 span:first-child, .year-2022 .king9 .year-2018 .queen .intro__title--10 span:first-child, .year-2022 .king9 .year-2018 .queen .intro__title--11 span:first-child, .year-2022 .king9 .year-2018 .queen .intro__title--13 span:first-child, .year-2022 .king9 .year-2018 .queen .intro__title--14 span:first-child, .year-2022 .king9 .year-2018 .queen .intro__title--15 span:first-child {
    font-size: 49px;
    font-size: 3.0625rem;
    font-weight: 400
}

@media (max-width: 737px) {
    .year-2018 .queen .year-2022 .king9 .intro__title--10 span:first-child, .year-2018 .queen .year-2022 .king9 .intro__title--11 span:first-child, .year-2018 .queen .year-2022 .king9 .intro__title--13 span:first-child, .year-2018 .queen .year-2022 .king9 .intro__title--14 span:first-child, .year-2018 .queen .year-2022 .king9 .intro__title--15 span:first-child, .year-2022 .king9 .intro__title--3 span:first-child, .year-2022 .king9 .year-2018 .queen .intro__title--10 span:first-child, .year-2022 .king9 .year-2018 .queen .intro__title--11 span:first-child, .year-2022 .king9 .year-2018 .queen .intro__title--13 span:first-child, .year-2022 .king9 .year-2018 .queen .intro__title--14 span:first-child, .year-2022 .king9 .year-2018 .queen .intro__title--15 span:first-child {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2022 .king9 .intro__title--10 span:first-child, .year-2018 .queen .year-2022 .king9 .intro__title--11 span:first-child, .year-2018 .queen .year-2022 .king9 .intro__title--13 span:first-child, .year-2018 .queen .year-2022 .king9 .intro__title--14 span:first-child, .year-2018 .queen .year-2022 .king9 .intro__title--15 span:first-child, .year-2022 .king9 .intro__title--3 span:first-child, .year-2022 .king9 .year-2018 .queen .intro__title--10 span:first-child, .year-2022 .king9 .year-2018 .queen .intro__title--11 span:first-child, .year-2022 .king9 .year-2018 .queen .intro__title--13 span:first-child, .year-2022 .king9 .year-2018 .queen .intro__title--14 span:first-child, .year-2022 .king9 .year-2018 .queen .intro__title--15 span:first-child {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 737px) {
    .year-2018 .queen .year-2022 .king9 .intro__title--10, .year-2018 .queen .year-2022 .king9 .intro__title--11, .year-2018 .queen .year-2022 .king9 .intro__title--13, .year-2018 .queen .year-2022 .king9 .intro__title--14, .year-2018 .queen .year-2022 .king9 .intro__title--15, .year-2022 .king9 .intro__title--3, .year-2022 .king9 .year-2018 .queen .intro__title--10, .year-2022 .king9 .year-2018 .queen .intro__title--11, .year-2022 .king9 .year-2018 .queen .intro__title--13, .year-2022 .king9 .year-2018 .queen .intro__title--14, .year-2022 .king9 .year-2018 .queen .intro__title--15 {
        font-size: 42px;
        font-size: 2.625rem
    }
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2022 .king9 .intro__title--10, .year-2018 .queen .year-2022 .king9 .intro__title--11, .year-2018 .queen .year-2022 .king9 .intro__title--13, .year-2018 .queen .year-2022 .king9 .intro__title--14, .year-2018 .queen .year-2022 .king9 .intro__title--15, .year-2022 .king9 .intro__title--3, .year-2022 .king9 .year-2018 .queen .intro__title--10, .year-2022 .king9 .year-2018 .queen .intro__title--11, .year-2022 .king9 .year-2018 .queen .intro__title--13, .year-2022 .king9 .year-2018 .queen .intro__title--14, .year-2022 .king9 .year-2018 .queen .intro__title--15 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2018 .king10 .year-2022 .king9 .intro__title--10, .year-2018 .king10 .year-2022 .king9 .intro__title--11, .year-2018 .king10 .year-2022 .king9 .intro__title--12, .year-2022 .king9 .intro__title--4, .year-2022 .king9 .year-2018 .king10 .intro__title--10, .year-2022 .king9 .year-2018 .king10 .intro__title--11, .year-2022 .king9 .year-2018 .king10 .intro__title--12 {
    font-size: 54px;
    font-size: 3.375rem;
    font-weight: 700;
    line-height: .9
}

.year-2018 .king10 .year-2022 .king9 .intro__title--10 span:first-child, .year-2018 .king10 .year-2022 .king9 .intro__title--11 span:first-child, .year-2018 .king10 .year-2022 .king9 .intro__title--12 span:first-child, .year-2022 .king9 .intro__title--4 span:first-child, .year-2022 .king9 .year-2018 .king10 .intro__title--10 span:first-child, .year-2022 .king9 .year-2018 .king10 .intro__title--11 span:first-child, .year-2022 .king9 .year-2018 .king10 .intro__title--12 span:first-child {
    font-size: 49px;
    font-size: 3.0625rem;
    font-weight: 400
}

@media (max-width: 737px) {
    .year-2018 .king10 .year-2022 .king9 .intro__title--10 span:first-child, .year-2018 .king10 .year-2022 .king9 .intro__title--11 span:first-child, .year-2018 .king10 .year-2022 .king9 .intro__title--12 span:first-child, .year-2022 .king9 .intro__title--4 span:first-child, .year-2022 .king9 .year-2018 .king10 .intro__title--10 span:first-child, .year-2022 .king9 .year-2018 .king10 .intro__title--11 span:first-child, .year-2022 .king9 .year-2018 .king10 .intro__title--12 span:first-child {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 479px) {
    .year-2018 .king10 .year-2022 .king9 .intro__title--10 span:first-child, .year-2018 .king10 .year-2022 .king9 .intro__title--11 span:first-child, .year-2018 .king10 .year-2022 .king9 .intro__title--12 span:first-child, .year-2022 .king9 .intro__title--4 span:first-child, .year-2022 .king9 .year-2018 .king10 .intro__title--10 span:first-child, .year-2022 .king9 .year-2018 .king10 .intro__title--11 span:first-child, .year-2022 .king9 .year-2018 .king10 .intro__title--12 span:first-child {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 737px) {
    .year-2018 .king10 .year-2022 .king9 .intro__title--10, .year-2018 .king10 .year-2022 .king9 .intro__title--11, .year-2018 .king10 .year-2022 .king9 .intro__title--12, .year-2022 .king9 .intro__title--4, .year-2022 .king9 .year-2018 .king10 .intro__title--10, .year-2022 .king9 .year-2018 .king10 .intro__title--11, .year-2022 .king9 .year-2018 .king10 .intro__title--12 {
        font-size: 42px;
        font-size: 2.625rem
    }
}

@media (max-width: 479px) {
    .year-2018 .king10 .year-2022 .king9 .intro__title--10, .year-2018 .king10 .year-2022 .king9 .intro__title--11, .year-2018 .king10 .year-2022 .king9 .intro__title--12, .year-2022 .king9 .intro__title--4, .year-2022 .king9 .year-2018 .king10 .intro__title--10, .year-2022 .king9 .year-2018 .king10 .intro__title--11, .year-2022 .king9 .year-2018 .king10 .intro__title--12 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2018 .queen .year-2022 .king9 .intro__title--12, .year-2022 .king9 .intro__title--5, .year-2022 .king9 .year-2018 .queen .intro__title--12 {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2022 .king9 .intro__title--12, .year-2022 .king9 .intro__title--5, .year-2022 .king9 .year-2018 .queen .intro__title--12 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2022 .king9 .intro__title--6 {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2022 .king9 .intro__title--6 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2022 .king9 .intro__subtitle--1 {
    font-size: 67px;
    font-size: 4.1875rem;
    font-weight: 700;
    font-family: Sarabun !important;
    letter-spacing: 3px;
    line-height: .8
}

@media (max-width: 737px) {
    .year-2022 .king9 .intro__subtitle--1 {
        font-size: 54px;
        font-size: 3.375rem
    }
}

@media (max-width: 479px) {
    .year-2022 .king9 .intro__subtitle--1 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2022 .king9 .intro__subtitle--2 {
    font-size: 65px;
    font-size: 4.0625rem;
    font-weight: 500;
    font-family: Sarabun !important;
    letter-spacing: 2px;
    line-height: .7
}

@media (max-width: 737px) {
    .year-2022 .king9 .intro__subtitle--2 {
        font-size: 54px;
        font-size: 3.375rem
    }
}

@media (max-width: 479px) {
    .year-2022 .king9 .intro__subtitle--2 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2018 .queen .year-2022 .king9 .intro__subtitle--10, .year-2018 .queen .year-2022 .king9 .intro__subtitle--11, .year-2018 .queen .year-2022 .king9 .intro__subtitle--13, .year-2018 .queen .year-2022 .king9 .intro__subtitle--14, .year-2018 .queen .year-2022 .king9 .intro__subtitle--15, .year-2022 .king9 .intro__subtitle--3, .year-2022 .king9 .year-2018 .queen .intro__subtitle--10, .year-2022 .king9 .year-2018 .queen .intro__subtitle--11, .year-2022 .king9 .year-2018 .queen .intro__subtitle--13, .year-2022 .king9 .year-2018 .queen .intro__subtitle--14, .year-2022 .king9 .year-2018 .queen .intro__subtitle--15 {
    font-size: 48px;
    font-size: 3rem;
    font-weight: 400;
    line-height: .8
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2022 .king9 .intro__subtitle--10, .year-2018 .queen .year-2022 .king9 .intro__subtitle--11, .year-2018 .queen .year-2022 .king9 .intro__subtitle--13, .year-2018 .queen .year-2022 .king9 .intro__subtitle--14, .year-2018 .queen .year-2022 .king9 .intro__subtitle--15, .year-2022 .king9 .intro__subtitle--3, .year-2022 .king9 .year-2018 .queen .intro__subtitle--10, .year-2022 .king9 .year-2018 .queen .intro__subtitle--11, .year-2022 .king9 .year-2018 .queen .intro__subtitle--13, .year-2022 .king9 .year-2018 .queen .intro__subtitle--14, .year-2022 .king9 .year-2018 .queen .intro__subtitle--15 {
        font-size: 44px;
        font-size: 2.75rem
    }
}

.year-2018 .king10 .year-2022 .king9 .intro__subtitle--10, .year-2018 .king10 .year-2022 .king9 .intro__subtitle--11, .year-2018 .king10 .year-2022 .king9 .intro__subtitle--12, .year-2022 .king9 .intro__subtitle--4, .year-2022 .king9 .year-2018 .king10 .intro__subtitle--10, .year-2022 .king9 .year-2018 .king10 .intro__subtitle--11, .year-2022 .king9 .year-2018 .king10 .intro__subtitle--12 {
    font-size: 48px;
    font-size: 3rem;
    font-weight: 400;
    line-height: .8
}

@media (max-width: 479px) {
    .year-2018 .king10 .year-2022 .king9 .intro__subtitle--10, .year-2018 .king10 .year-2022 .king9 .intro__subtitle--11, .year-2018 .king10 .year-2022 .king9 .intro__subtitle--12, .year-2022 .king9 .intro__subtitle--4, .year-2022 .king9 .year-2018 .king10 .intro__subtitle--10, .year-2022 .king9 .year-2018 .king10 .intro__subtitle--11, .year-2022 .king9 .year-2018 .king10 .intro__subtitle--12 {
        font-size: 44px;
        font-size: 2.75rem
    }
}

.year-2018 .queen .year-2022 .king9 .intro__subtitle--12, .year-2022 .king9 .intro__subtitle--5, .year-2022 .king9 .year-2018 .queen .intro__subtitle--12 {
    font-size: 68px;
    font-size: 4.25rem;
    font-family: Sarabun !important;
    font-weight: 700;
    line-height: .8
}

@media (max-width: 737px) {
    .year-2018 .queen .year-2022 .king9 .intro__subtitle--12, .year-2022 .king9 .intro__subtitle--5, .year-2022 .king9 .year-2018 .queen .intro__subtitle--12 {
        font-size: 58px;
        font-size: 3.625rem
    }
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2022 .king9 .intro__subtitle--12, .year-2022 .king9 .intro__subtitle--5, .year-2022 .king9 .year-2018 .queen .intro__subtitle--12 {
        font-size: 45px;
        font-size: 2.8125rem
    }
}

.year-2022 .king9 .intro__subtitle--6 {
    font-size: 70px;
    font-size: 4.375rem;
    font-weight: 700;
    font-family: Sarabun !important;
    line-height: .8
}

@media (max-width: 479px) {
    .year-2022 .king9 .intro__subtitle--6 {
        font-size: 50px;
        font-size: 3.125rem
    }
}

.year-2022 .king9 .intro__text {
    font-size: 24px;
    font-size: 1.5rem
}

@media (max-width: 414px) {
    .year-2022 .king9 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2022 .king9 .intro__content--1 .intro__text {
    font-size: 41px;
    font-size: 2.5625rem;
    font-weight: 700;
    font-family: Sarabun !important;
    line-height: .8
}

@media (max-width: 737px) {
    .year-2022 .king9 .intro__content--1 .intro__text {
        font-size: 35px;
        font-size: 2.1875rem
    }
}

@media (max-width: 479px) {
    .year-2022 .king9 .intro__content--1 .intro__text {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

.year-2022 .king9 .intro__content--1 .intro__button {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 700;
    font-family: Sarabun !important
}

.year-2022 .king9 .intro__content--2 .intro__text {
    font-size: 41px;
    font-size: 2.5625rem;
    font-weight: 700;
    font-family: Sarabun !important;
    line-height: .8
}

@media (max-width: 737px) {
    .year-2022 .king9 .intro__content--2 .intro__text {
        font-size: 35px;
        font-size: 2.1875rem
    }
}

@media (max-width: 479px) {
    .year-2022 .king9 .intro__content--2 .intro__text {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

.year-2022 .king9 .intro__content--2 .intro__button {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 700;
    font-family: Sarabun !important
}

.year-2022 .king9 .intro__content--3 .intro__text {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 700;
    font-family: Sarabun !important;
    line-height: .9
}

@media (max-width: 737px) {
    .year-2022 .king9 .intro__content--3 .intro__text {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 479px) {
    .year-2022 .king9 .intro__content--3 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2022 .king9 .intro__content--3 .intro__button {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400;
    font-family: Sarabun !important
}

.year-2022 .king9 .intro__content--4 .intro__text {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 700;
    font-family: Sarabun !important;
    line-height: .9
}

@media (max-width: 737px) {
    .year-2022 .king9 .intro__content--4 .intro__text {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 479px) {
    .year-2022 .king9 .intro__content--4 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2022 .king9 .intro__content--4 .intro__button {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400;
    font-family: Sarabun !important
}

.year-2022 .king9 .intro__content--5 .intro__text {
    font-size: 34px;
    font-size: 2.125rem;
    font-family: Sarabun !important;
    font-weight: 400;
    line-height: .8
}

@media (max-width: 737px) {
    .year-2022 .king9 .intro__content--5 .intro__text {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 479px) {
    .year-2022 .king9 .intro__content--5 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.year-2022 .king9 .intro__content--5 .intro__button {
    font-size: 28px;
    font-size: 1.75rem;
    font-family: Sarabun !important;
    font-weight: 400
}

.year-2022 .king9 .intro__content--6 .intro__text {
    font-size: 34px;
    font-size: 2.125rem;
    font-family: Sarabun !important;
    font-weight: 400;
    line-height: .8
}

@media (max-width: 737px) {
    .year-2022 .king9 .intro__content--6 .intro__text {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media (max-width: 479px) {
    .year-2022 .king9 .intro__content--6 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.year-2022 .king9 .intro__content--6 .intro__button {
    font-size: 24px;
    font-size: 1.5rem;
    font-family: Sarabun !important;
    font-weight: 600
}

.year-2022 .king9 .intro__logo {
    display: none !important
}

.year-2022 .king9 .intro--vertical .intro__logo {
    display: none
}

.year-2022 .king9 .intro__line {
    padding: 0 0 5px
}

.year-2022 .king9 .intro__line .img-fluid {
    max-width: 400px;
    width: 100%
}

.year-2022 .king9 .intro__figure {
    max-width: 380px
}

.year-2022 .king9 .intro__figure--1 {
    max-width: 100%
}

.year-2022 .king9 .intro__figure--2 {
    margin: 4vh auto 0;
    max-width: 330px;
    height: auto;
    min-height: 300px
}

@media (max-height: 660px) {
    .year-2022 .king9 .intro__figure--2 {
        height: 300px
    }
}

.year-2022 .king9 .intro__figure--3 {
    margin: 4vh auto 1.5rem;
    max-width: 330px;
    height: auto;
    min-height: 300px
}

@media (max-height: 660px) {
    .year-2022 .king9 .intro__figure--3 {
        height: 300px
    }
}

.year-2022 .king9 .intro__figure--4 {
    margin: 2vh auto 1rem;
    max-width: 450px;
    height: auto;
    min-height: 300px
}

.year-2022 .king9 .intro__figure--5 {
    max-width: 450px;
    height: 100%
}

.year-2022 .king9 .intro__figure--6 {
    max-width: 100%
}

.year-2022 .king9 .intro__title span {
    display: initial
}

.year-2018 .king10 .year-2022 .king9 .intro__subtitle--10 span, .year-2018 .king10 .year-2022 .king9 .intro__subtitle--11 span, .year-2018 .king10 .year-2022 .king9 .intro__subtitle--12 span, .year-2022 .king9 .intro__subtitle--4 span, .year-2022 .king9 .intro__subtitle--6 span, .year-2022 .king9 .year-2018 .king10 .intro__subtitle--10 span, .year-2022 .king9 .year-2018 .king10 .intro__subtitle--11 span, .year-2022 .king9 .year-2018 .king10 .intro__subtitle--12 span {
    display: inline-block
}

.year-2022 .king9 .intro__content {
    width: 100%
}

.year-2022 .king9 .intro__content .company-name {
    display: inline-block
}

.year-2022 .king9 .intro__content--1 {
    color: #765208
}

.year-2022 .king9 .intro__content--1 .intro__title {
    color: #5d4005
}

.year-2022 .king9 .intro__content--1 .intro__subtitle {
    color: #9c6e0a
}

.year-2022 .king9 .intro__content--1 .intro__text {
    color: #6c4d08;
    line-height: 1
}

.year-2022 .king9 .intro__content--1 .intro__line .img-fluid {
    padding: 15px 0;
    max-width: 350px
}

.year-2022 .king9 .intro__content--2 .intro__subtitle, .year-2022 .king9 .intro__content--2 .intro__title {
    color: #fff
}

.year-2022 .king9 .intro__content--2 .intro__text {
    color: #fff;
    line-height: 1
}

.year-2022 .king9 .intro__content--2 .intro__line .img-fluid {
    padding: 10px 0 0;
    max-width: 350px
}

.year-2022 .king9 .intro__content--3 .intro__subtitle, .year-2022 .king9 .intro__content--3 .intro__title {
    color: #7e5e00
}

.year-2022 .king9 .intro__content--3 .intro__text {
    color: #725c00;
    line-height: 1
}

.year-2022 .king9 .intro__content--3 .intro__line .img-fluid {
    max-width: 200px
}

.year-2022 .king9 .intro__content--4 .intro__title {
    color: #febe00;
    margin-bottom: 1rem
}

.year-2022 .king9 .intro__content--4 .intro__subtitle {
    color: #febe00
}

.year-2022 .king9 .intro__content--4 .intro__text {
    color: #eeb001;
    line-height: 1
}

.year-2022 .king9 .intro__content--4 .intro__line {
    padding: 15px 0
}

.year-2022 .king9 .intro__content--4 .intro__line .img-fluid {
    max-width: 100%
}

.year-2022 .king9 .intro__content--5 .intro__title {
    color: #fff;
    margin-bottom: 1rem;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2022 .king9 .intro__content--5 .intro__subtitle {
    color: #ffd800;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2022 .king9 .intro__content--5 .intro__text {
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    line-height: 1
}

.year-2022 .king9 .intro__content--5 .intro__line {
    padding: 15px 0
}

.year-2022 .king9 .intro__content--5 .intro__line .img-fluid {
    max-width: 250px
}

.year-2022 .king9 .intro__content--6 .intro__title {
    color: #9c6e0a;
    margin-bottom: 1rem
}

.year-2022 .king9 .intro__content--6 .intro__subtitle {
    color: #fcb71b;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2022 .king9 .intro__content--6 .intro__text {
    color: #9c6e0a;
    line-height: 1
}

.year-2022 .king9 .intro__content--6 .intro__line .img-fluid {
    padding: 10px 0;
    max-width: 240px
}

.year-2022 .king9 .intro__button {
    border-radius: 7px
}

.year-2022 .king9 .intro__button--1 {
    position: relative;
    margin-top: 10px;
    background-color: #9c6e0a;
    border: none;
    border-radius: 13px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2022 .king9 .intro__button--1 a {
    color: #fff
}

.year-2022 .king9 .intro__button--1 a:first-child {
    padding: 15px 15px 10px 25px
}

.year-2022 .king9 .intro__button--1 a:last-child {
    padding: 15px 25px 10px 15px
}

.year-2022 .king9 .intro__button--1 a:last-child:before {
    top: 15px;
    left: -8px
}

.year-2022 .king9 .intro__button--1 a:before {
    color: #fff
}

.year-2022 .king9 .intro__button--1 a:focus, .year-2022 .king9 .intro__button--1 a:hover {
    text-decoration: none
}

.year-2022 .king9 .intro__button--2 {
    position: relative;
    margin-top: 10px;
    background-color: #fff;
    border: none;
    border-radius: 13px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2022 .king9 .intro__button--2 a {
    color: #9b7427
}

.year-2022 .king9 .intro__button--2 a:first-child {
    padding: 15px 15px 10px 25px
}

.year-2022 .king9 .intro__button--2 a:last-child {
    padding: 15px 25px 10px 15px
}

.year-2022 .king9 .intro__button--2 a:last-child:before {
    top: 15px;
    left: -8px;
    color: #9b7427
}

.year-2022 .king9 .intro__button--2 a:focus, .year-2022 .king9 .intro__button--2 a:hover {
    text-decoration: none
}

.year-2022 .king9 .intro__button--3 {
    position: relative;
    margin-top: 10px;
    background-color: #7e5e00;
    border: none;
    border-radius: 31px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .33)
}

.year-2022 .king9 .intro__button--3 a {
    color: #fff
}

.year-2022 .king9 .intro__button--3 a:first-child {
    padding: 15px 15px 10px 25px
}

.year-2022 .king9 .intro__button--3 a:last-child {
    padding: 15px 25px 10px 15px
}

.year-2022 .king9 .intro__button--3 a:last-child:before {
    top: 15px;
    left: -8px;
    color: #fff
}

.year-2022 .king9 .intro__button--3 a:focus, .year-2022 .king9 .intro__button--3 a:hover {
    text-decoration: none
}

.year-2018 .king10 .year-2022 .king9 .intro__button--11, .year-2018 .king10 .year-2022 .king9 .intro__button--12, .year-2019 .king .year-2022 .king9 .intro__button--11, .year-2019 .king .year-2022 .king9 .intro__button--12, .year-2022 .king9 .intro__button--4, .year-2022 .king9 .year-2018 .king10 .intro__button--11, .year-2022 .king9 .year-2018 .king10 .intro__button--12, .year-2022 .king9 .year-2019 .king .intro__button--11, .year-2022 .king9 .year-2019 .king .intro__button--12 {
    position: relative;
    margin-top: 10px;
    background-color: #fecd80;
    border: none;
    border-radius: 31px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .33)
}

.year-2018 .king10 .year-2022 .king9 .intro__button--11 a, .year-2018 .king10 .year-2022 .king9 .intro__button--12 a, .year-2019 .king .year-2022 .king9 .intro__button--11 a, .year-2019 .king .year-2022 .king9 .intro__button--12 a, .year-2022 .king9 .intro__button--4 a, .year-2022 .king9 .year-2018 .king10 .intro__button--11 a, .year-2022 .king9 .year-2018 .king10 .intro__button--12 a, .year-2022 .king9 .year-2019 .king .intro__button--11 a, .year-2022 .king9 .year-2019 .king .intro__button--12 a {
    color: #0f0e0e
}

.year-2018 .king10 .year-2022 .king9 .intro__button--11 a:first-child, .year-2018 .king10 .year-2022 .king9 .intro__button--12 a:first-child, .year-2019 .king .year-2022 .king9 .intro__button--11 a:first-child, .year-2019 .king .year-2022 .king9 .intro__button--12 a:first-child, .year-2022 .king9 .intro__button--4 a:first-child, .year-2022 .king9 .year-2018 .king10 .intro__button--11 a:first-child, .year-2022 .king9 .year-2018 .king10 .intro__button--12 a:first-child, .year-2022 .king9 .year-2019 .king .intro__button--11 a:first-child, .year-2022 .king9 .year-2019 .king .intro__button--12 a:first-child {
    padding: 15px 15px 10px 25px
}

.year-2018 .king10 .year-2022 .king9 .intro__button--11 a:last-child, .year-2018 .king10 .year-2022 .king9 .intro__button--12 a:last-child, .year-2019 .king .year-2022 .king9 .intro__button--11 a:last-child, .year-2019 .king .year-2022 .king9 .intro__button--12 a:last-child, .year-2022 .king9 .intro__button--4 a:last-child, .year-2022 .king9 .year-2018 .king10 .intro__button--11 a:last-child, .year-2022 .king9 .year-2018 .king10 .intro__button--12 a:last-child, .year-2022 .king9 .year-2019 .king .intro__button--11 a:last-child, .year-2022 .king9 .year-2019 .king .intro__button--12 a:last-child {
    padding: 15px 25px 10px 15px
}

.year-2018 .king10 .year-2022 .king9 .intro__button--11 a:last-child:before, .year-2018 .king10 .year-2022 .king9 .intro__button--12 a:last-child:before, .year-2019 .king .year-2022 .king9 .intro__button--11 a:last-child:before, .year-2019 .king .year-2022 .king9 .intro__button--12 a:last-child:before, .year-2022 .king9 .intro__button--4 a:last-child:before, .year-2022 .king9 .year-2018 .king10 .intro__button--11 a:last-child:before, .year-2022 .king9 .year-2018 .king10 .intro__button--12 a:last-child:before, .year-2022 .king9 .year-2019 .king .intro__button--11 a:last-child:before, .year-2022 .king9 .year-2019 .king .intro__button--12 a:last-child:before {
    top: 15px;
    left: -8px;
    color: #0f0e0e
}

.year-2018 .king10 .year-2022 .king9 .intro__button--11 a:focus, .year-2018 .king10 .year-2022 .king9 .intro__button--11 a:hover, .year-2018 .king10 .year-2022 .king9 .intro__button--12 a:focus, .year-2018 .king10 .year-2022 .king9 .intro__button--12 a:hover, .year-2019 .king .year-2022 .king9 .intro__button--11 a:focus, .year-2019 .king .year-2022 .king9 .intro__button--11 a:hover, .year-2019 .king .year-2022 .king9 .intro__button--12 a:focus, .year-2019 .king .year-2022 .king9 .intro__button--12 a:hover, .year-2022 .king9 .intro__button--4 a:focus, .year-2022 .king9 .intro__button--4 a:hover, .year-2022 .king9 .year-2018 .king10 .intro__button--11 a:focus, .year-2022 .king9 .year-2018 .king10 .intro__button--11 a:hover, .year-2022 .king9 .year-2018 .king10 .intro__button--12 a:focus, .year-2022 .king9 .year-2018 .king10 .intro__button--12 a:hover, .year-2022 .king9 .year-2019 .king .intro__button--11 a:focus, .year-2022 .king9 .year-2019 .king .intro__button--11 a:hover, .year-2022 .king9 .year-2019 .king .intro__button--12 a:focus, .year-2022 .king9 .year-2019 .king .intro__button--12 a:hover {
    text-decoration: none
}

.year-2018 .year-2022 .king9 .intro__button--14, .year-2019 .queen-mother .year-2022 .king9 .intro__button--14, .year-2022 .king9 .intro__button--5, .year-2022 .king9 .year-2018 .intro__button--14, .year-2022 .king9 .year-2019 .queen-mother .intro__button--14 {
    padding: 5px 0;
    margin-top: .5rem;
    position: relative;
    border: 1px solid #fff;
    border-radius: 16px
}

.year-2018 .year-2022 .king9 .intro__button--14:before, .year-2019 .queen-mother .year-2022 .king9 .intro__button--14:before, .year-2022 .king9 .intro__button--5:before, .year-2022 .king9 .year-2018 .intro__button--14:before, .year-2022 .king9 .year-2019 .queen-mother .intro__button--14:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    background-color: #fff;
    border-radius: 16px
}

.year-2018 .year-2022 .king9 .intro__button--14 a, .year-2019 .queen-mother .year-2022 .king9 .intro__button--14 a, .year-2022 .king9 .intro__button--5 a, .year-2022 .king9 .year-2018 .intro__button--14 a, .year-2022 .king9 .year-2019 .queen-mother .intro__button--14 a {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 700;
    color: #825d28
}

.year-2018 .year-2022 .king9 .intro__button--14 a:first-child, .year-2019 .queen-mother .year-2022 .king9 .intro__button--14 a:first-child, .year-2022 .king9 .intro__button--5 a:first-child, .year-2022 .king9 .year-2018 .intro__button--14 a:first-child, .year-2022 .king9 .year-2019 .queen-mother .intro__button--14 a:first-child {
    padding: 10px 15px 5px 25px
}

.year-2018 .year-2022 .king9 .intro__button--14 a:last-child, .year-2019 .queen-mother .year-2022 .king9 .intro__button--14 a:last-child, .year-2022 .king9 .intro__button--5 a:last-child, .year-2022 .king9 .year-2018 .intro__button--14 a:last-child, .year-2022 .king9 .year-2019 .queen-mother .intro__button--14 a:last-child {
    padding: 10px 25px 5px 15px
}

.year-2018 .year-2022 .king9 .intro__button--14 a:last-child:before, .year-2019 .queen-mother .year-2022 .king9 .intro__button--14 a:last-child:before, .year-2022 .king9 .intro__button--5 a:last-child:before, .year-2022 .king9 .year-2018 .intro__button--14 a:last-child:before, .year-2022 .king9 .year-2019 .queen-mother .intro__button--14 a:last-child:before {
    color: #825d28;
    top: 16px;
    left: -8px
}

.year-2018 .year-2022 .king9 .intro__button--14 a:focus, .year-2018 .year-2022 .king9 .intro__button--14 a:hover, .year-2019 .queen-mother .year-2022 .king9 .intro__button--14 a:focus, .year-2019 .queen-mother .year-2022 .king9 .intro__button--14 a:hover, .year-2022 .king9 .intro__button--5 a:focus, .year-2022 .king9 .intro__button--5 a:hover, .year-2022 .king9 .year-2018 .intro__button--14 a:focus, .year-2022 .king9 .year-2018 .intro__button--14 a:hover, .year-2022 .king9 .year-2019 .queen-mother .intro__button--14 a:focus, .year-2022 .king9 .year-2019 .queen-mother .intro__button--14 a:hover {
    text-decoration: none
}

.year-2018 .year-2022 .king9 .intro__button--11, .year-2019 .queen-mother .year-2022 .king9 .intro__button--11, .year-2022 .king9 .intro__button--6, .year-2022 .king9 .year-2018 .intro__button--11, .year-2022 .king9 .year-2019 .queen-mother .intro__button--11 {
    padding: 5px 0;
    margin-top: .5rem;
    position: relative;
    border: 1px solid #825d28;
    border-radius: 16px
}

.year-2018 .year-2022 .king9 .intro__button--11:before, .year-2019 .queen-mother .year-2022 .king9 .intro__button--11:before, .year-2022 .king9 .intro__button--6:before, .year-2022 .king9 .year-2018 .intro__button--11:before, .year-2022 .king9 .year-2019 .queen-mother .intro__button--11:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border-radius: 16px;
    background: #8a6832;
    background: -moz-linear-gradient(left, #8a6832 0, #c9922d 50%, #825d28 100%);
    background: -webkit-linear-gradient(left, #8a6832, #c9922d 50%, #825d28);
    background: linear-gradient(90deg, #8a6832 0, #c9922d 50%, #825d28);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8A6832", endColorstr="#825D28", GradientType=1)
}

.year-2018 .year-2022 .king9 .intro__button--11 a, .year-2019 .queen-mother .year-2022 .king9 .intro__button--11 a, .year-2022 .king9 .intro__button--6 a, .year-2022 .king9 .year-2018 .intro__button--11 a, .year-2022 .king9 .year-2019 .queen-mother .intro__button--11 a {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 700;
    color: #fff
}

.year-2018 .year-2022 .king9 .intro__button--11 a:first-child, .year-2019 .queen-mother .year-2022 .king9 .intro__button--11 a:first-child, .year-2022 .king9 .intro__button--6 a:first-child, .year-2022 .king9 .year-2018 .intro__button--11 a:first-child, .year-2022 .king9 .year-2019 .queen-mother .intro__button--11 a:first-child {
    padding: 10px 15px 5px 25px
}

.year-2018 .year-2022 .king9 .intro__button--11 a:last-child, .year-2019 .queen-mother .year-2022 .king9 .intro__button--11 a:last-child, .year-2022 .king9 .intro__button--6 a:last-child, .year-2022 .king9 .year-2018 .intro__button--11 a:last-child, .year-2022 .king9 .year-2019 .queen-mother .intro__button--11 a:last-child {
    padding: 10px 25px 5px 15px
}

.year-2018 .year-2022 .king9 .intro__button--11 a:last-child:before, .year-2019 .queen-mother .year-2022 .king9 .intro__button--11 a:last-child:before, .year-2022 .king9 .intro__button--6 a:last-child:before, .year-2022 .king9 .year-2018 .intro__button--11 a:last-child:before, .year-2022 .king9 .year-2019 .queen-mother .intro__button--11 a:last-child:before {
    color: #fff;
    top: 11px;
    left: -8px
}

.year-2018 .year-2022 .king9 .intro__button--11 a:focus, .year-2018 .year-2022 .king9 .intro__button--11 a:hover, .year-2019 .queen-mother .year-2022 .king9 .intro__button--11 a:focus, .year-2019 .queen-mother .year-2022 .king9 .intro__button--11 a:hover, .year-2022 .king9 .intro__button--6 a:focus, .year-2022 .king9 .intro__button--6 a:hover, .year-2022 .king9 .year-2018 .intro__button--11 a:focus, .year-2022 .king9 .year-2018 .intro__button--11 a:hover, .year-2022 .king9 .year-2019 .queen-mother .intro__button--11 a:focus, .year-2022 .king9 .year-2019 .queen-mother .intro__button--11 a:hover {
    text-decoration: none
}

.year-2022 .bajrakitiyabha-congratulatory .intro__title {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 1
}

@media (max-width: 737px) {
    .year-2022 .bajrakitiyabha-congratulatory .intro__title {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media (max-width: 479px) {
    .year-2022 .bajrakitiyabha-congratulatory .intro__title {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2022 .bajrakitiyabha-congratulatory .intro__title--1 {
    font-size: 46px;
    font-size: 2.875rem;
    font-weight: 700;
    letter-spacing: 1px
}

@media (max-width: 1180px) {
    .year-2022 .bajrakitiyabha-congratulatory .intro__title--1 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2022 .bajrakitiyabha-congratulatory .intro__title--2 {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 400;
    letter-spacing: 1px
}

@media (max-width: 1180px) {
    .year-2022 .bajrakitiyabha-congratulatory .intro__title--2 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__title--10, .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__title--11, .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__title--13, .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__title--14, .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__title--15, .year-2022 .bajrakitiyabha-congratulatory .intro__title--3, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__title--10, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__title--11, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__title--13, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__title--14, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__title--15 {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 400;
    letter-spacing: 1px
}

@media (max-width: 1180px) {
    .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__title--10, .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__title--11, .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__title--13, .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__title--14, .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__title--15, .year-2022 .bajrakitiyabha-congratulatory .intro__title--3, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__title--10, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__title--11, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__title--13, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__title--14, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__title--15 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--1 {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 400;
    font-family: Sarabun !important;
    letter-spacing: 1px;
    line-height: .9
}

@media (max-width: 1180px) {
    .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--1 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--1.intro__subtitle--longlive {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 400;
    font-family: Sarabun !important;
    letter-spacing: 1px;
    line-height: .9
}

.year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--2 {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 400;
    font-family: Sarabun !important;
    letter-spacing: 1px;
    line-height: 1
}

@media (max-width: 1180px) {
    .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--2 {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--10, .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--11, .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--13, .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--14, .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--15, .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--3, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__subtitle--10, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__subtitle--11, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__subtitle--13, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__subtitle--14, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__subtitle--15 {
    font-size: 42px;
    font-size: 2.625rem;
    font-weight: 400;
    font-family: Sarabun !important;
    letter-spacing: 1px;
    line-height: .9
}

@media (max-width: 1180px) {
    .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--10, .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--11, .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--13, .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--14, .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--15, .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--3, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__subtitle--10, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__subtitle--11, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__subtitle--13, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__subtitle--14, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__subtitle--15 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--longlive.intro__subtitle--10, .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--longlive.intro__subtitle--11, .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--longlive.intro__subtitle--13, .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--longlive.intro__subtitle--14, .year-2018 .queen .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--longlive.intro__subtitle--15, .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--3.intro__subtitle--longlive, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__subtitle--longlive.intro__subtitle--10, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__subtitle--longlive.intro__subtitle--11, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__subtitle--longlive.intro__subtitle--13, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__subtitle--longlive.intro__subtitle--14, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .queen .intro__subtitle--longlive.intro__subtitle--15 {
    font-size: 32px;
    font-size: 2rem
}

.year-2022 .bajrakitiyabha-congratulatory .intro__text {
    font-size: 20px;
    font-size: 1.25rem
}

@media (max-width: 414px) {
    .year-2022 .bajrakitiyabha-congratulatory .intro__text {
        font-size: 16px;
        font-size: 1rem
    }
}

.year-2022 .bajrakitiyabha-congratulatory .intro__content--1 .intro__text {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 700;
    font-family: Sarabun !important;
    line-height: .8
}

@media (max-width: 767px) {
    .year-2022 .bajrakitiyabha-congratulatory .intro__content--1 .intro__text {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 479px) {
    .year-2022 .bajrakitiyabha-congratulatory .intro__content--1 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.year-2022 .bajrakitiyabha-congratulatory .intro__content--1 .intro__button {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400;
    font-family: Sarabun !important
}

.year-2022 .bajrakitiyabha-congratulatory .intro__content--2 .intro__text {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 400;
    font-family: Sarabun !important;
    line-height: .8
}

@media (max-width: 767px) {
    .year-2022 .bajrakitiyabha-congratulatory .intro__content--2 .intro__text {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 479px) {
    .year-2022 .bajrakitiyabha-congratulatory .intro__content--2 .intro__text {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.year-2022 .bajrakitiyabha-congratulatory .intro__content--2 .intro__button {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400;
    font-family: Sarabun !important
}

.year-2022 .bajrakitiyabha-congratulatory .intro__content--3 .intro__text {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 400;
    font-family: Sarabun !important;
    line-height: .9
}

@media (max-width: 767px) {
    .year-2022 .bajrakitiyabha-congratulatory .intro__content--3 .intro__text {
        font-size: 26px;
        font-size: 1.625rem
    }
}

@media (max-width: 479px) {
    .year-2022 .bajrakitiyabha-congratulatory .intro__content--3 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2022 .bajrakitiyabha-congratulatory .intro__content--3 .intro__button {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400;
    font-family: Sarabun !important
}

.year-2022 .bajrakitiyabha-congratulatory .intro__logo {
    display: none !important
}

.year-2022 .bajrakitiyabha-congratulatory .intro--vertical .intro__logo {
    display: none
}

.year-2022 .bajrakitiyabha-congratulatory .intro__line {
    padding: 25px 0
}

.year-2022 .bajrakitiyabha-congratulatory .intro__line .img-fluid {
    max-width: 400px;
    width: 100%
}

.year-2022 .bajrakitiyabha-congratulatory .intro__figure {
    max-width: 380px
}

.year-2022 .bajrakitiyabha-congratulatory .intro__figure--1 {
    margin: 4vh auto 1.5rem;
    max-width: 330px;
    height: auto;
    min-height: 300px
}

@media (max-height: 660px) {
    .year-2022 .bajrakitiyabha-congratulatory .intro__figure--1 {
        height: 300px
    }
}

.year-2022 .bajrakitiyabha-congratulatory .intro__figure--2 {
    margin: 4vh auto 0;
    max-width: 330px;
    height: auto;
    min-height: 300px
}

@media (max-height: 660px) {
    .year-2022 .bajrakitiyabha-congratulatory .intro__figure--2 {
        height: 300px
    }
}

.year-2022 .bajrakitiyabha-congratulatory .intro__figure--3 {
    margin: 4vh auto 1.5rem;
    max-width: 330px;
    height: auto;
    min-height: 300px
}

@media (max-height: 660px) {
    .year-2022 .bajrakitiyabha-congratulatory .intro__figure--3 {
        height: 300px
    }
}

.year-2022 .bajrakitiyabha-congratulatory .intro__title span {
    display: initial
}

.year-2018 .king10 .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--10 span, .year-2018 .king10 .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--11 span, .year-2018 .king10 .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--12 span, .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--4 span, .year-2022 .bajrakitiyabha-congratulatory .intro__subtitle--6 span, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .king10 .intro__subtitle--10 span, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .king10 .intro__subtitle--11 span, .year-2022 .bajrakitiyabha-congratulatory .year-2018 .king10 .intro__subtitle--12 span {
    display: inline-block
}

.year-2022 .bajrakitiyabha-congratulatory .intro__content {
    width: 100%;
    color: #42210b
}

.year-2022 .bajrakitiyabha-congratulatory .intro__content .company-name {
    display: inline-block
}

.year-2022 .bajrakitiyabha-congratulatory .intro__content--1 {
    color: #fff
}

.year-2022 .bajrakitiyabha-congratulatory .intro__content--1 .intro__text {
    line-height: 1
}

.year-2022 .bajrakitiyabha-congratulatory .intro__content--1 .intro__subtitle {
    padding: 0 0 10px
}

.year-2022 .bajrakitiyabha-congratulatory .intro__content--1 .intro__line .img-fluid {
    padding: 15px 0;
    max-width: 150px
}

.year-2022 .bajrakitiyabha-congratulatory .intro__content--2 .intro__title {
    text-shadow: #42210b 0 0 4px;
    color: #fff
}

.year-2022 .bajrakitiyabha-congratulatory .intro__content--2 .intro__subtitle {
    color: #fff;
    padding: 0 0 10px
}

.year-2022 .bajrakitiyabha-congratulatory .intro__content--2 .intro__text {
    color: #fff;
    line-height: 1
}

.year-2022 .bajrakitiyabha-congratulatory .intro__content--2 .intro__line .img-fluid {
    padding: 10px 0 0;
    max-width: 150px
}

.year-2022 .bajrakitiyabha-congratulatory .intro__content--3 .intro__title {
    color: #fff
}

.year-2022 .bajrakitiyabha-congratulatory .intro__content--3 .intro__subtitle {
    color: #fff;
    padding: 0 0 15px
}

.year-2022 .bajrakitiyabha-congratulatory .intro__content--3 .intro__text {
    color: #fff;
    line-height: 1
}

.year-2022 .bajrakitiyabha-congratulatory .intro__content--3 .intro__line .img-fluid {
    padding: 10px 0 0;
    max-width: 135px
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button {
    border-radius: 7px
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--1 {
    position: relative;
    margin-top: 15px;
    background-color: #fff;
    border: none;
    border-radius: 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--1 a {
    color: #dd9662
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--1 a:first-child {
    padding: 15px 15px 10px 25px
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--1 a:last-child {
    padding: 15px 25px 10px 15px
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--1 a:last-child:before {
    top: 15px;
    left: -8px
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--1 a:before {
    color: #7a7a77
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--1 a:focus, .year-2022 .bajrakitiyabha-congratulatory .intro__button--1 a:hover {
    text-decoration: none
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--2 {
    position: relative;
    margin-top: 15px;
    background: linear-gradient(90deg, #cd890e, #e3cc5b 50%, #cb870a);
    border: 2px solid #bf7f0a;
    border-radius: 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--2 a {
    color: #42210b
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--2 a:first-child {
    padding: 15px 15px 10px 25px
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--2 a:last-child {
    padding: 15px 25px 10px 15px
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--2 a:last-child:before {
    top: 15px;
    left: -8px
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--2 a:before {
    color: #7a7a77
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--2 a:focus, .year-2022 .bajrakitiyabha-congratulatory .intro__button--2 a:hover {
    text-decoration: none
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--3 {
    position: relative;
    margin-top: 15px;
    background-color: #fff;
    border: none;
    border-radius: 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--3 a {
    color: #42210b
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--3 a:first-child {
    padding: 15px 15px 10px 25px
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--3 a:last-child {
    padding: 15px 25px 10px 15px
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--3 a:last-child:before {
    top: 15px;
    left: -8px
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--3 a:before {
    color: #e7d7c0
}

.year-2022 .bajrakitiyabha-congratulatory .intro__button--3 a:focus, .year-2022 .bajrakitiyabha-congratulatory .intro__button--3 a:hover {
    text-decoration: none
}

.body-snapshot .year-2022 .king-rama-9-memorial-day .intro__content .intro__subtitle .d-inline-block, .body-snapshot .year-2022 .king-rama-9-memorial-day .intro__content .intro__subtitle .firstname, .body-snapshot .year-2022 .king-rama-9-memorial-day .intro__content .intro__subtitle .master {
    display: inline !important
}

.body-snapshot .year-2022 .king-rama-9-memorial-day .intro__content .intro__subtitle--name {
    font-size: 32px;
    font-size: 2rem
}

.year-2021 .king h3 {
    line-height: .8;
    font-size: 120px;
    font-size: 7.5rem;
    font-weight: 700
}

@media (max-width: 479px) {
    .year-2021 .king h3 {
        font-size: 70px;
        font-size: 4.375rem
    }
}

.year-2021 .king h4 {
    font-size: 48px;
    font-size: 3rem
}

@media (max-width: 479px) {
    .year-2021 .king h4 {
        font-size: 36px;
        font-size: 2.25rem
    }
}

.year-2021 .king h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2021 .king h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2021 .king .intro__title--1 {
    font-size: 120px;
    font-size: 7.5rem;
    letter-spacing: 0;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2021 .king .intro__title--1 {
        font-size: 70px;
        font-size: 4.375rem
    }
}

.year-2021 .king .intro__title--2 {
    font-size: 96px;
    font-size: 6rem;
    font-weight: 400
}

.year-2018 .queen .year-2021 .king .intro__title--10, .year-2018 .queen .year-2021 .king .intro__title--11, .year-2018 .queen .year-2021 .king .intro__title--13, .year-2018 .queen .year-2021 .king .intro__title--14, .year-2018 .queen .year-2021 .king .intro__title--15, .year-2021 .king .intro__title--3, .year-2021 .king .year-2018 .queen .intro__title--10, .year-2021 .king .year-2018 .queen .intro__title--11, .year-2021 .king .year-2018 .queen .intro__title--13, .year-2021 .king .year-2018 .queen .intro__title--14, .year-2021 .king .year-2018 .queen .intro__title--15 {
    font-size: 110px;
    font-size: 6.875rem;
    font-weight: 300;
    letter-spacing: 0
}

.year-2018 .king10 .year-2021 .king .intro__title--10, .year-2018 .king10 .year-2021 .king .intro__title--11, .year-2018 .king10 .year-2021 .king .intro__title--12, .year-2021 .king .intro__title--4, .year-2021 .king .year-2018 .king10 .intro__title--10, .year-2021 .king .year-2018 .king10 .intro__title--11, .year-2021 .king .year-2018 .king10 .intro__title--12 {
    font-size: 100px;
    font-size: 6.25rem;
    font-weight: 300;
    letter-spacing: 0
}

.year-2018 .queen .year-2021 .king .intro__title--12, .year-2021 .king .intro__title--5, .year-2021 .king .year-2018 .queen .intro__title--12 {
    font-weight: 400;
    line-height: 1
}

.year-2021 .king .intro__title--6 {
    font-size: 110px;
    font-size: 6.875rem;
    font-weight: 400;
    line-height: 1
}

.year-2021 .king .intro__subtitle--1 {
    font-weight: 400;
    font-size: 41px;
    font-size: 2.5625rem;
    line-height: 1;
    letter-spacing: .5px
}

.year-2021 .king .intro__subtitle--2 {
    font-size: 37px;
    font-size: 2.3125rem;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0
}

.year-2018 .queen .year-2021 .king .intro__subtitle--10, .year-2018 .queen .year-2021 .king .intro__subtitle--11, .year-2018 .queen .year-2021 .king .intro__subtitle--13, .year-2018 .queen .year-2021 .king .intro__subtitle--14, .year-2018 .queen .year-2021 .king .intro__subtitle--15, .year-2021 .king .intro__subtitle--3, .year-2021 .king .year-2018 .queen .intro__subtitle--10, .year-2021 .king .year-2018 .queen .intro__subtitle--11, .year-2021 .king .year-2018 .queen .intro__subtitle--13, .year-2021 .king .year-2018 .queen .intro__subtitle--14, .year-2021 .king .year-2018 .queen .intro__subtitle--15 {
    font-size: 43px;
    font-size: 2.6875rem;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0
}

.year-2018 .king10 .year-2021 .king .intro__subtitle--10, .year-2018 .king10 .year-2021 .king .intro__subtitle--11, .year-2018 .king10 .year-2021 .king .intro__subtitle--12, .year-2021 .king .intro__subtitle--4, .year-2021 .king .year-2018 .king10 .intro__subtitle--10, .year-2021 .king .year-2018 .king10 .intro__subtitle--11, .year-2021 .king .year-2018 .king10 .intro__subtitle--12 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0
}

.year-2018 .queen .year-2021 .king .intro__subtitle--12, .year-2021 .king .intro__subtitle--5, .year-2021 .king .intro__subtitle--6, .year-2021 .king .year-2018 .queen .intro__subtitle--12 {
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase
}

.year-2021 .king .intro__subtitle--6 {
    font-size: 43px;
    font-size: 2.6875rem
}

.year-2021 .king .intro__content--1 .intro__text {
    font-family: Sarabun;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.2
}

.year-2021 .king .intro__content--1 .intro__button {
    font-family: Sarabun;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1
}

.year-2021 .king .intro__content--2 .intro__text {
    font-family: PSL Panpilas Pro;
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 1px
}

.year-2021 .king .intro__content--2 .intro__button {
    font-family: Sarabun;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.2
}

.year-2021 .king .intro__content--3 .intro__text {
    font-family: Sarabun;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1
}

.year-2021 .king .intro__content--3 .intro__button {
    font-family: Sarabun;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400
}

.year-2021 .king .intro__content--4 .intro__text {
    font-family: Sarabun;
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1
}

.year-2021 .king .intro__content--4 .intro__button {
    font-family: Sarabun;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400
}

.year-2021 .king .intro__content--5 .intro__text {
    font-family: Sarabun;
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.2
}

.year-2021 .king .intro__content--5 .intro__button {
    font-family: Sarabun;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 600;
    text-transform: uppercase
}

.year-2021 .king .intro__content--6 .intro__text {
    font-family: Sarabun;
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.2
}

.year-2021 .king .intro__content--6 .intro__button {
    font-family: Sarabun;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 600
}

.year-2021 .king .intro__figure--1 {
    margin-bottom: 1rem;
    padding-top: 2rem;
    min-height: 350px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2021 .king .intro__figure--2 {
        transform: scale(1.15)
    }
}

@media (min-width: 1200px) {
    .year-2021 .king .intro__figure--2 {
        transform: scale(1.15)
    }
}

@media (min-width: 992px) {
    .year-2021 .king .intro__figure--3 {
        padding-left: 3rem
    }
}

@media (min-width: 992px) {
    .year-2021 .king .intro__figure--4 .intro__image {
        max-height: 425px
    }
}

@media (max-height: 800px) and (min-width: 992px) {
    .year-2021 .king .intro__figure--4 .intro__image {
        max-height: 400px
    }
}

@media (min-width: 992px) {
    .year-2021 .king .intro__figure--6 {
        transform-origin: top
    }
}

.year-2021 .king .intro__subtitle--name {
    display: none !important
}

.year-2021 .king .intro__content--1 .intro__title {
    margin-bottom: 1rem;
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2021 .king .intro__content--1 .intro__subtitle {
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2021 .king .intro__content--1 .intro__text {
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    font-weight: 300
}

.year-2021 .king .intro__content--1 .intro__line {
    max-width: 200px;
    margin: 0 auto;
    padding: 20px 0
}

@media (min-width: 1200px) {
    .year-2021 .king .intro__content--2 {
        min-width: 415px
    }
}

.year-2021 .king .intro__content--2 .intro__title {
    margin-bottom: 1rem;
    color: #f1cc48;
    background: linear-gradient(180deg, #ffd139 0, #b47a1a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(-5px 8px .15rem #5E3B0F)
}

.year-2021 .king .intro__content--2 .intro__subtitle {
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2)
}

.year-2021 .king .intro__content--2 .intro__text {
    color: #ffe667;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2021 .king .intro__content--2 .intro__line {
    max-width: 200px;
    margin: 2rem auto;
    padding: 0
}

@media (max-width: 991px) {
    .year-2021 .king .intro__content--3 {
        padding-bottom: 13rem
    }
}

@media (min-width: 992px) {
    .year-2021 .king .intro__content--3 {
        padding-top: 2rem
    }
}

.year-2021 .king .intro__content--3 .intro__title {
    color: #fff;
    background: transparent linear-gradient(274deg, #623710, #b38b42) 0 0 no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.year-2021 .king .intro__content--3 .intro__subtitle {
    color: #835924
}

.year-2021 .king .intro__content--3 .intro__text {
    margin-bottom: .5rem;
    color: #764c1d
}

.year-2021 .king .intro__content--3 .intro__line {
    max-width: 200px;
    margin: .75rem auto 1.75rem
}

@media (max-width: 991px) {
    .year-2021 .king .intro__content--4 {
        padding-bottom: 10rem
    }
}

@media (min-width: 992px) {
    .year-2021 .king .intro__content--4 {
        margin-left: -2rem;
        padding-bottom: 0;
        min-width: 415px
    }
}

.year-2021 .king .intro__content--4 .intro__title {
    margin-bottom: 1rem;
    color: #f5e979;
    background: transparent linear-gradient(274deg, #623710, #b38b42) 0 0 no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.year-2021 .king .intro__content--4 .intro__subtitle {
    color: #835924
}

.year-2021 .king .intro__content--4 .intro__text {
    margin-bottom: 1.5rem;
    color: #764c1d
}

.year-2021 .king .intro__content--4 .intro__line {
    margin: 1rem auto
}

@media (max-height: 860px) {
    .year-2021 .king .intro__content--4 .intro__line {
        margin: 0 auto
    }
}

.year-2021 .king .intro__content--5 .intro__title {
    color: #af7739;
    margin-top: -2rem;
    margin-bottom: 0;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2021 .king .intro__content--5 .intro__subtitle, .year-2021 .king .intro__content--5 .intro__text {
    color: #af763a;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2021 .king .intro__content--5 .intro__line {
    max-width: 370px;
    margin: 1rem auto
}

@media (min-width: 992px) {
    .year-2021 .king .intro__content--6 {
        padding-bottom: 2.5rem;
        min-width: 500px
    }
}

.year-2021 .king .intro__content--6 .intro__title {
    margin-bottom: .5rem;
    background: transparent linear-gradient(180deg, #915206, #6b4211) 0 0 no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16))
}

.year-2021 .king .intro__content--6 .intro__subtitle {
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2021 .king .intro__content--6 .intro__text {
    color: #fff
}

.year-2021 .king .intro__content--6 .intro__line {
    margin: .5rem auto
}

.year-2021 .king--2 {
    padding-bottom: 9rem
}

@media (min-height: 768px) {
    .year-2021 .king--2 {
        padding-bottom: 6rem
    }
}

@media (min-height: 900px) {
    .year-2021 .king--2 {
        padding-bottom: 0
    }
}

@media (max-width: 991px) {
    .year-2021 .king--2 {
        padding-bottom: 10rem
    }
}

.year-2021 .king--3 {
    padding: 2rem 0 14rem
}

@media (min-height: 900px) {
    .year-2021 .king--3 {
        padding: 2rem 0 0
    }
}

.year-2021 .king--4 {
    padding-bottom: 4rem
}

@media (min-height: 700px) {
    .year-2021 .king--4 {
        padding-bottom: 1rem
    }
}

.year-2021 .king .intro__button--1 {
    padding: 3px;
    margin-top: .5rem;
    border-radius: 51px;
    border: 1px solid #fff;
    background: transparent linear-gradient(98deg, #e6b84a, #b57716) 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2021 .king .intro__button--1 a {
    color: #fff
}

.year-2021 .king .intro__button--1 a:focus, .year-2021 .king .intro__button--1 a:hover {
    text-decoration: none
}

.year-2021 .king .intro__button--1 a:before {
    color: #fff
}

.year-2021 .king .intro__button--2 {
    position: relative;
    border-radius: 12px;
    border: 1px solid #d7ac34;
    color: #6f4110;
    background: linear-gradient(90deg, #e5af53, #c99238 50%, #e5af53)
}

.year-2021 .king .intro__button--2:before {
    content: "";
    position: absolute;
    top: -4px;
    right: -4px;
    left: -4px;
    bottom: -4px;
    background-color: transparent;
    border: 1px solid #c99238;
    border-radius: 14px
}

.year-2021 .king .intro__button--2 a {
    color: #6f4110 !important
}

.year-2021 .king .intro__button--2 a:focus, .year-2021 .king .intro__button--2 a:hover {
    text-decoration: none
}

.year-2021 .king .intro__button--2 a:before {
    color: #6f4110 !important
}

.year-2021 .king .intro__button--3 {
    background-color: #744e0c;
    border-radius: 24px;
    background: transparent linear-gradient(98deg, #8e661b, #623710) 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2021 .king .intro__button--3 a:focus, .year-2021 .king .intro__button--3 a:hover {
    text-decoration: none
}

.year-2021 .king .intro__button--3 a:before {
    color: #fff !important
}

.year-2018 .king10 .year-2021 .king .intro__button--11, .year-2018 .king10 .year-2021 .king .intro__button--12, .year-2019 .year-2021 .king .intro__button--11, .year-2019 .year-2021 .king .intro__button--12, .year-2021 .king .intro__button--4, .year-2021 .king .year-2018 .king10 .intro__button--11, .year-2021 .king .year-2018 .king10 .intro__button--12, .year-2021 .year-2019 .king .intro__button--11, .year-2021 .year-2019 .king .intro__button--12 {
    position: relative;
    z-index: 1;
    background-color: #d98d1d;
    background: transparent linear-gradient(90deg, #8a6832, #c9922d 51%, #825d28) 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border-radius: 7px;
    border: 1px solid #ccae68
}

.year-2018 .king10 .year-2021 .king .intro__button--11:before, .year-2018 .king10 .year-2021 .king .intro__button--12:before, .year-2019 .year-2021 .king .intro__button--11:before, .year-2019 .year-2021 .king .intro__button--12:before, .year-2021 .king .intro__button--4:before, .year-2021 .king .year-2018 .king10 .intro__button--11:before, .year-2021 .king .year-2018 .king10 .intro__button--12:before, .year-2021 .year-2019 .king .intro__button--11:before, .year-2021 .year-2019 .king .intro__button--12:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 3px;
    right: 3px;
    left: 3px;
    bottom: 3px;
    background-color: transparent;
    border: 1px solid #ccae68;
    border-radius: 6px
}

.year-2018 .king10 .year-2021 .king .intro__button--11 a, .year-2018 .king10 .year-2021 .king .intro__button--12 a, .year-2019 .year-2021 .king .intro__button--11 a, .year-2019 .year-2021 .king .intro__button--12 a, .year-2021 .king .intro__button--4 a, .year-2021 .king .year-2018 .king10 .intro__button--11 a, .year-2021 .king .year-2018 .king10 .intro__button--12 a, .year-2021 .year-2019 .king .intro__button--11 a, .year-2021 .year-2019 .king .intro__button--12 a {
    color: #fff !important
}

.year-2018 .king10 .year-2021 .king .intro__button--11 a:focus, .year-2018 .king10 .year-2021 .king .intro__button--11 a:hover, .year-2018 .king10 .year-2021 .king .intro__button--12 a:focus, .year-2018 .king10 .year-2021 .king .intro__button--12 a:hover, .year-2019 .year-2021 .king .intro__button--11 a:focus, .year-2019 .year-2021 .king .intro__button--11 a:hover, .year-2019 .year-2021 .king .intro__button--12 a:focus, .year-2019 .year-2021 .king .intro__button--12 a:hover, .year-2021 .king .intro__button--4 a:focus, .year-2021 .king .intro__button--4 a:hover, .year-2021 .king .year-2018 .king10 .intro__button--11 a:focus, .year-2021 .king .year-2018 .king10 .intro__button--11 a:hover, .year-2021 .king .year-2018 .king10 .intro__button--12 a:focus, .year-2021 .king .year-2018 .king10 .intro__button--12 a:hover, .year-2021 .year-2019 .king .intro__button--11 a:focus, .year-2021 .year-2019 .king .intro__button--11 a:hover, .year-2021 .year-2019 .king .intro__button--12 a:focus, .year-2021 .year-2019 .king .intro__button--12 a:hover {
    text-decoration: none
}

.year-2018 .king10 .year-2021 .king .intro__button--11 a:before, .year-2018 .king10 .year-2021 .king .intro__button--12 a:before, .year-2019 .year-2021 .king .intro__button--11 a:before, .year-2019 .year-2021 .king .intro__button--12 a:before, .year-2021 .king .intro__button--4 a:before, .year-2021 .king .year-2018 .king10 .intro__button--11 a:before, .year-2021 .king .year-2018 .king10 .intro__button--12 a:before, .year-2021 .year-2019 .king .intro__button--11 a:before, .year-2021 .year-2019 .king .intro__button--12 a:before {
    color: #fff !important
}

.year-2018 .year-2021 .king .intro__button--14, .year-2019 .queen-mother .year-2021 .king .intro__button--14, .year-2021 .king .intro__button--5, .year-2021 .king .year-2018 .intro__button--14, .year-2021 .king .year-2019 .queen-mother .intro__button--14 {
    padding: 3px;
    margin-top: .5rem;
    border-radius: 51px;
    background: transparent linear-gradient(98deg, #e6b84a, #b57716) 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2018 .year-2021 .king .intro__button--14 a, .year-2019 .queen-mother .year-2021 .king .intro__button--14 a, .year-2021 .king .intro__button--5 a, .year-2021 .king .year-2018 .intro__button--14 a, .year-2021 .king .year-2019 .queen-mother .intro__button--14 a {
    color: #fff
}

.year-2018 .year-2021 .king .intro__button--14 a:focus, .year-2018 .year-2021 .king .intro__button--14 a:hover, .year-2019 .queen-mother .year-2021 .king .intro__button--14 a:focus, .year-2019 .queen-mother .year-2021 .king .intro__button--14 a:hover, .year-2021 .king .intro__button--5 a:focus, .year-2021 .king .intro__button--5 a:hover, .year-2021 .king .year-2018 .intro__button--14 a:focus, .year-2021 .king .year-2018 .intro__button--14 a:hover, .year-2021 .king .year-2019 .queen-mother .intro__button--14 a:focus, .year-2021 .king .year-2019 .queen-mother .intro__button--14 a:hover {
    text-decoration: none
}

.year-2018 .year-2021 .king .intro__button--14 a:before, .year-2019 .queen-mother .year-2021 .king .intro__button--14 a:before, .year-2021 .king .intro__button--5 a:before, .year-2021 .king .year-2018 .intro__button--14 a:before, .year-2021 .king .year-2019 .queen-mother .intro__button--14 a:before {
    color: #fff
}

.year-2018 .year-2021 .king .intro__button--11, .year-2019 .queen-mother .year-2021 .king .intro__button--11, .year-2021 .king .intro__button--6, .year-2021 .king .year-2018 .intro__button--11, .year-2021 .king .year-2019 .queen-mother .intro__button--11 {
    background-color: #fff;
    border-radius: 12px;
    background: linear-gradient(90deg, #ccc, #f4f4f4 50%, #ccc);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.year-2018 .year-2021 .king .intro__button--11 a, .year-2019 .queen-mother .year-2021 .king .intro__button--11 a, .year-2021 .king .intro__button--6 a, .year-2021 .king .year-2018 .intro__button--11 a, .year-2021 .king .year-2019 .queen-mother .intro__button--11 a {
    color: #6b4211
}

.year-2018 .year-2021 .king .intro__button--11 a:focus, .year-2018 .year-2021 .king .intro__button--11 a:hover, .year-2019 .queen-mother .year-2021 .king .intro__button--11 a:focus, .year-2019 .queen-mother .year-2021 .king .intro__button--11 a:hover, .year-2021 .king .intro__button--6 a:focus, .year-2021 .king .intro__button--6 a:hover, .year-2021 .king .year-2018 .intro__button--11 a:focus, .year-2021 .king .year-2018 .intro__button--11 a:hover, .year-2021 .king .year-2019 .queen-mother .intro__button--11 a:focus, .year-2021 .king .year-2019 .queen-mother .intro__button--11 a:hover {
    text-decoration: none
}

.year-2018 .year-2021 .king .intro__button--11 a:before, .year-2019 .queen-mother .year-2021 .king .intro__button--11 a:before, .year-2021 .king .intro__button--6 a:before, .year-2021 .king .year-2018 .intro__button--11 a:before, .year-2021 .king .year-2019 .queen-mother .intro__button--11 a:before {
    color: #6b4211 !important
}

.year-2021 .king-rama-9-memorial-day h3 {
    font-size: 64px;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1
}

.year-2021 .king-rama-9-memorial-day h4 {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 1
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day h4 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2021 .king-rama-9-memorial-day h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2021 .king-rama-9-memorial-day h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2021 .king-rama-9-memorial-day .intro__title {
    margin-bottom: 0;
    letter-spacing: 1
}

.year-2021 .king-rama-9-memorial-day .intro__title--number {
    font-size: 85px;
    font-size: 5.3125rem;
    line-height: .5
}

.year-2021 .king-rama-9-memorial-day .intro__subtitle--event {
    font-size: 55px;
    font-size: 3.4375rem;
    line-height: 1
}

.year-2021 .king-rama-9-memorial-day .intro__subtitle .master {
    display: initial !important;
    margin-right: .5rem
}

@media (max-width: 767px) {
    .year-2021 .king-rama-9-memorial-day .intro__subtitle .master .d-inline-block {
        display: inline !important
    }
}

.year-2021 .king-rama-9-memorial-day .intro__subtitle .firstname {
    display: initial !important
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day .intro__subtitle .firstname {
        display: inline-block !important
    }
}

.year-2021 .king-rama-9-memorial-day .intro__line img {
    max-width: 200px
}

.year-2021 .king-rama-9-memorial-day .intro__text {
    font-size: 25px;
    font-size: 1.5625rem
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2021 .king-rama-9-memorial-day .intro__figure {
    max-width: 100%
}

.year-2021 .king-rama-9-memorial-day .intro__figure--3 {
    padding-top: 1.5rem
}

.year-2021 .king-rama-9-memorial-day .intro__figure--5, .year-2021 .king-rama-9-memorial-day .intro__figure--6 {
    padding-top: 2rem
}

.year-2021 .king-rama-9-memorial-day .intro__content--1 .intro__title {
    display: none
}

.year-2021 .king-rama-9-memorial-day .intro__content--1 .intro__subtitle {
    color: #957857;
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day .intro__content--1 .intro__subtitle {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2021 .king-rama-9-memorial-day .intro__content--1 .intro__subtitle--name {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day .intro__content--1 .intro__subtitle--name {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2021 .king-rama-9-memorial-day .intro__content--1 .intro__text {
    color: #716356;
    font-size: 25px;
    font-size: 1.5625rem
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day .intro__content--1 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2021 .king-rama-9-memorial-day .intro__content--1 .intro__text .company-name {
    display: block
}

.year-2021 .king-rama-9-memorial-day .intro__content--2 .intro__title {
    font-weight: 700;
    color: #a27300;
    margin-bottom: 1rem;
    letter-spacing: 1.5px
}

.year-2021 .king-rama-9-memorial-day .intro__content--2 .intro__title--number {
    font-size: 70px;
    font-size: 4.375rem
}

.year-2021 .king-rama-9-memorial-day .intro__content--2 .intro__subtitle {
    color: #866531;
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day .intro__content--2 .intro__subtitle {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2021 .king-rama-9-memorial-day .intro__content--2 .intro__subtitle--name {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day .intro__content--2 .intro__subtitle--name {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2021 .king-rama-9-memorial-day .intro__content--2 .intro__text {
    color: #733f01;
    font-size: 25px;
    font-size: 1.5625rem
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day .intro__content--2 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2021 .king-rama-9-memorial-day .intro__content--3 {
    padding-top: .5rem
}

.year-2021 .king-rama-9-memorial-day .intro__content--3 .intro__title {
    font-weight: 700;
    color: #a27300;
    margin-bottom: 1rem;
    letter-spacing: 1.5px
}

.year-2021 .king-rama-9-memorial-day .intro__content--3 .intro__title--number {
    font-size: 70px;
    font-size: 4.375rem
}

.year-2021 .king-rama-9-memorial-day .intro__content--3 .intro__subtitle {
    color: #95773f;
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day .intro__content--3 .intro__subtitle {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2021 .king-rama-9-memorial-day .intro__content--3 .intro__subtitle--name {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day .intro__content--3 .intro__subtitle--name {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2021 .king-rama-9-memorial-day .intro__content--3 .intro__text {
    color: #733f01;
    font-size: 25px;
    font-size: 1.5625rem
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day .intro__content--3 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2021 .king-rama-9-memorial-day .intro__content--3 .intro__text .company-name {
    display: block
}

.year-2021 .king-rama-9-memorial-day .intro__content--4 .intro__title {
    text-shadow: 4px 3px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15);
    font-weight: 700;
    color: #7d4f01;
    margin-bottom: 1rem;
    letter-spacing: 1.5px
}

.year-2021 .king-rama-9-memorial-day .intro__content--4 .intro__title--number {
    font-size: 70px;
    font-size: 4.375rem
}

.year-2021 .king-rama-9-memorial-day .intro__content--4 .intro__subtitle {
    color: #9b713d;
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day .intro__content--4 .intro__subtitle {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2021 .king-rama-9-memorial-day .intro__content--4 .intro__subtitle--name {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day .intro__content--4 .intro__subtitle--name {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2021 .king-rama-9-memorial-day .intro__content--4 .intro__text {
    color: #5c4937;
    font-size: 25px;
    font-size: 1.5625rem
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day .intro__content--4 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2021 .king-rama-9-memorial-day .intro__content--4 .intro__text .company-name {
    display: block
}

.year-2021 .king-rama-9-memorial-day .intro__content--4 .intro__line img {
    max-width: 250px
}

.year-2021 .king-rama-9-memorial-day .intro__content--5 .intro__title {
    text-shadow: 1px 3px 2px rgba(0, 0, 0, .1), 1px 1px 2px rgba(0, 0, 0, .1), 1px 1px 2px rgba(0, 0, 0, .1);
    font-weight: 700;
    color: #b68502;
    margin-bottom: 1rem;
    letter-spacing: 1.5px
}

.year-2021 .king-rama-9-memorial-day .intro__content--5 .intro__title--number {
    font-size: 70px;
    font-size: 4.375rem
}

.year-2021 .king-rama-9-memorial-day .intro__content--5 .intro__subtitle {
    color: #8c6e62;
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day .intro__content--5 .intro__subtitle {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2021 .king-rama-9-memorial-day .intro__content--5 .intro__subtitle--name {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day .intro__content--5 .intro__subtitle--name {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2021 .king-rama-9-memorial-day .intro__content--5 .intro__text {
    color: #63535e;
    font-size: 25px;
    font-size: 1.5625rem
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day .intro__content--5 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2021 .king-rama-9-memorial-day .intro__content--5 .intro__text .company-name {
    display: block
}

.year-2021 .king-rama-9-memorial-day .intro__content--6 .intro__title {
    text-shadow: 1px 3px 2px rgba(0, 0, 0, .1), 1px 1px 2px rgba(0, 0, 0, .1), 1px 1px 2px rgba(0, 0, 0, .1);
    font-weight: 700;
    color: #fffae3;
    margin-bottom: 1rem;
    letter-spacing: 1.5px
}

.year-2021 .king-rama-9-memorial-day .intro__content--6 .intro__title--number {
    font-size: 70px;
    font-size: 4.375rem
}

.year-2021 .king-rama-9-memorial-day .intro__content--6 .intro__subtitle {
    color: #fffae3;
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day .intro__content--6 .intro__subtitle {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2021 .king-rama-9-memorial-day .intro__content--6 .intro__subtitle--name {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day .intro__content--6 .intro__subtitle--name {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2021 .king-rama-9-memorial-day .intro__content--6 .intro__text {
    color: #fffae3;
    font-size: 25px;
    font-size: 1.5625rem
}

@media (max-width: 479px) {
    .year-2021 .king-rama-9-memorial-day .intro__content--6 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2021 .king-rama-9-memorial-day .intro__content--6 .intro__text .company-name {
    display: block
}

.year-2021 .king-rama-9-memorial-day .intro__content--6 .intro__line img {
    max-width: 300px
}

.year-2021 .king-rama-9-memorial-day .intro__button--1 {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    background-color: #e4b156;
    border-radius: 25px
}

.year-2021 .king-rama-9-memorial-day .intro__button--1 a {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15);
    color: #fff !important
}

.year-2021 .king-rama-9-memorial-day .intro__button--1 a:before {
    color: #fff
}

.year-2021 .king-rama-9-memorial-day .intro__button--2 {
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .25);
    box-shadow: 0 6px 10px rgba(0, 0, 0, .25);
    background-color: #a36905;
    border-radius: 0
}

.year-2021 .king-rama-9-memorial-day .intro__button--2 a {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15);
    color: #fff !important;
    font-size: 20px;
    font-size: 1.25rem
}

.year-2021 .king-rama-9-memorial-day .intro__button--2 a:before {
    color: #fff
}

.year-2021 .king-rama-9-memorial-day .intro__button--3 {
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .25);
    box-shadow: 0 6px 10px rgba(0, 0, 0, .25);
    background-color: #a47906;
    border-radius: 0
}

.year-2021 .king-rama-9-memorial-day .intro__button--3 a {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15);
    color: #fff !important;
    font-size: 20px;
    font-size: 1.25rem
}

.year-2021 .king-rama-9-memorial-day .intro__button--3 a:before {
    color: #fff
}

.year-2018 .king10 .year-2021 .king-rama-9-memorial-day .intro__button--11, .year-2018 .king10 .year-2021 .king-rama-9-memorial-day .intro__button--12, .year-2019 .king .year-2021 .king-rama-9-memorial-day .intro__button--11, .year-2019 .king .year-2021 .king-rama-9-memorial-day .intro__button--12, .year-2021 .king-rama-9-memorial-day .intro__button--4, .year-2021 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--11, .year-2021 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--12, .year-2021 .king-rama-9-memorial-day .year-2019 .king .intro__button--11, .year-2021 .king-rama-9-memorial-day .year-2019 .king .intro__button--12 {
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .25);
    box-shadow: 0 6px 10px rgba(0, 0, 0, .25);
    background-color: #a36e08;
    border-radius: 0
}

.year-2018 .king10 .year-2021 .king-rama-9-memorial-day .intro__button--11 a, .year-2018 .king10 .year-2021 .king-rama-9-memorial-day .intro__button--12 a, .year-2019 .king .year-2021 .king-rama-9-memorial-day .intro__button--11 a, .year-2019 .king .year-2021 .king-rama-9-memorial-day .intro__button--12 a, .year-2021 .king-rama-9-memorial-day .intro__button--4 a, .year-2021 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--11 a, .year-2021 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--12 a, .year-2021 .king-rama-9-memorial-day .year-2019 .king .intro__button--11 a, .year-2021 .king-rama-9-memorial-day .year-2019 .king .intro__button--12 a {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15);
    color: #fff !important;
    font-size: 20px;
    font-size: 1.25rem
}

.year-2018 .king10 .year-2021 .king-rama-9-memorial-day .intro__button--11 a:before, .year-2018 .king10 .year-2021 .king-rama-9-memorial-day .intro__button--12 a:before, .year-2019 .king .year-2021 .king-rama-9-memorial-day .intro__button--11 a:before, .year-2019 .king .year-2021 .king-rama-9-memorial-day .intro__button--12 a:before, .year-2021 .king-rama-9-memorial-day .intro__button--4 a:before, .year-2021 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--11 a:before, .year-2021 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--12 a:before, .year-2021 .king-rama-9-memorial-day .year-2019 .king .intro__button--11 a:before, .year-2021 .king-rama-9-memorial-day .year-2019 .king .intro__button--12 a:before {
    color: #fff
}

.year-2018 .year-2021 .king-rama-9-memorial-day .intro__button--14, .year-2019 .queen-mother .year-2021 .king-rama-9-memorial-day .intro__button--14, .year-2021 .king-rama-9-memorial-day .intro__button--5, .year-2021 .king-rama-9-memorial-day .year-2018 .intro__button--14, .year-2021 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--14 {
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .25);
    box-shadow: 0 6px 10px rgba(0, 0, 0, .25);
    background-color: #b68502;
    border-radius: 0
}

.year-2018 .year-2021 .king-rama-9-memorial-day .intro__button--14 a, .year-2019 .queen-mother .year-2021 .king-rama-9-memorial-day .intro__button--14 a, .year-2021 .king-rama-9-memorial-day .intro__button--5 a, .year-2021 .king-rama-9-memorial-day .year-2018 .intro__button--14 a, .year-2021 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--14 a {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15);
    color: #fff !important;
    font-size: 20px;
    font-size: 1.25rem
}

.year-2018 .year-2021 .king-rama-9-memorial-day .intro__button--14 a:before, .year-2019 .queen-mother .year-2021 .king-rama-9-memorial-day .intro__button--14 a:before, .year-2021 .king-rama-9-memorial-day .intro__button--5 a:before, .year-2021 .king-rama-9-memorial-day .year-2018 .intro__button--14 a:before, .year-2021 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--14 a:before {
    color: #fff
}

.year-2018 .year-2021 .king-rama-9-memorial-day .intro__button--11, .year-2019 .queen-mother .year-2021 .king-rama-9-memorial-day .intro__button--11, .year-2021 .king-rama-9-memorial-day .intro__button--6, .year-2021 .king-rama-9-memorial-day .year-2018 .intro__button--11, .year-2021 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--11 {
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .25);
    box-shadow: 0 6px 10px rgba(0, 0, 0, .25);
    background-color: #fff8e5;
    border-radius: 0
}

.year-2018 .year-2021 .king-rama-9-memorial-day .intro__button--11 a, .year-2019 .queen-mother .year-2021 .king-rama-9-memorial-day .intro__button--11 a, .year-2021 .king-rama-9-memorial-day .intro__button--6 a, .year-2021 .king-rama-9-memorial-day .year-2018 .intro__button--11 a, .year-2021 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--11 a {
    color: #ba9b56 !important;
    font-size: 20px;
    font-size: 1.25rem
}

.year-2018 .year-2021 .king-rama-9-memorial-day .intro__button--11 a:before, .year-2019 .queen-mother .year-2021 .king-rama-9-memorial-day .intro__button--11 a:before, .year-2021 .king-rama-9-memorial-day .intro__button--6 a:before, .year-2021 .king-rama-9-memorial-day .year-2018 .intro__button--11 a:before, .year-2021 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--11 a:before {
    color: #ba9b56 !important
}

.year-2021 .king9 .intro__title {
    font-size: 33px;
    font-size: 2.0625rem;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1
}

@media (max-width: 479px) {
    .year-2021 .king9 .intro__title {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2021 .king9 .intro__title--2 {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 600
}

@media (max-width: 479px) {
    .year-2021 .king9 .intro__title--2 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2018 .queen .year-2021 .king9 .intro__title--10, .year-2018 .queen .year-2021 .king9 .intro__title--11, .year-2018 .queen .year-2021 .king9 .intro__title--13, .year-2018 .queen .year-2021 .king9 .intro__title--14, .year-2018 .queen .year-2021 .king9 .intro__title--15, .year-2021 .king9 .intro__title--3, .year-2021 .king9 .year-2018 .queen .intro__title--10, .year-2021 .king9 .year-2018 .queen .intro__title--11, .year-2021 .king9 .year-2018 .queen .intro__title--13, .year-2021 .king9 .year-2018 .queen .intro__title--14, .year-2021 .king9 .year-2018 .queen .intro__title--15 {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 600
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2021 .king9 .intro__title--10, .year-2018 .queen .year-2021 .king9 .intro__title--11, .year-2018 .queen .year-2021 .king9 .intro__title--13, .year-2018 .queen .year-2021 .king9 .intro__title--14, .year-2018 .queen .year-2021 .king9 .intro__title--15, .year-2021 .king9 .intro__title--3, .year-2021 .king9 .year-2018 .queen .intro__title--10, .year-2021 .king9 .year-2018 .queen .intro__title--11, .year-2021 .king9 .year-2018 .queen .intro__title--13, .year-2021 .king9 .year-2018 .queen .intro__title--14, .year-2021 .king9 .year-2018 .queen .intro__title--15 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2018 .king10 .year-2021 .king9 .intro__title--10, .year-2018 .king10 .year-2021 .king9 .intro__title--11, .year-2018 .king10 .year-2021 .king9 .intro__title--12, .year-2021 .king9 .intro__title--4, .year-2021 .king9 .year-2018 .king10 .intro__title--10, .year-2021 .king9 .year-2018 .king10 .intro__title--11, .year-2021 .king9 .year-2018 .king10 .intro__title--12 {
    font-size: 33px;
    font-size: 2.0625rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2018 .king10 .year-2021 .king9 .intro__title--10, .year-2018 .king10 .year-2021 .king9 .intro__title--11, .year-2018 .king10 .year-2021 .king9 .intro__title--12, .year-2021 .king9 .intro__title--4, .year-2021 .king9 .year-2018 .king10 .intro__title--10, .year-2021 .king9 .year-2018 .king10 .intro__title--11, .year-2021 .king9 .year-2018 .king10 .intro__title--12 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2018 .queen .year-2021 .king9 .intro__title--12, .year-2021 .king9 .intro__title--5, .year-2021 .king9 .year-2018 .queen .intro__title--12 {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2021 .king9 .intro__title--12, .year-2021 .king9 .intro__title--5, .year-2021 .king9 .year-2018 .queen .intro__title--12 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2021 .king9 .intro__title--6 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1
}

@media (max-width: 479px) {
    .year-2021 .king9 .intro__title--6 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2021 .king9 .intro__subtitle--1 {
    font-size: 48px;
    font-size: 3rem
}

.year-2021 .king9 .intro__subtitle--1, .year-2021 .king9 .intro__subtitle--2 {
    font-weight: 600;
    font-family: Sarabun !important;
    letter-spacing: 2px;
    line-height: 1
}

.year-2021 .king9 .intro__subtitle--2 {
    font-size: 46px;
    font-size: 2.875rem
}

.year-2018 .queen .year-2021 .king9 .intro__subtitle--10, .year-2018 .queen .year-2021 .king9 .intro__subtitle--11, .year-2018 .queen .year-2021 .king9 .intro__subtitle--13, .year-2018 .queen .year-2021 .king9 .intro__subtitle--14, .year-2018 .queen .year-2021 .king9 .intro__subtitle--15, .year-2021 .king9 .intro__subtitle--3, .year-2021 .king9 .year-2018 .queen .intro__subtitle--10, .year-2021 .king9 .year-2018 .queen .intro__subtitle--11, .year-2021 .king9 .year-2018 .queen .intro__subtitle--13, .year-2021 .king9 .year-2018 .queen .intro__subtitle--14, .year-2021 .king9 .year-2018 .queen .intro__subtitle--15 {
    font-size: 46px;
    font-size: 2.875rem;
    font-weight: 600;
    line-height: 1
}

.year-2018 .king10 .year-2021 .king9 .intro__subtitle--10, .year-2018 .king10 .year-2021 .king9 .intro__subtitle--11, .year-2018 .king10 .year-2021 .king9 .intro__subtitle--12, .year-2021 .king9 .intro__subtitle--4, .year-2021 .king9 .year-2018 .king10 .intro__subtitle--10, .year-2021 .king9 .year-2018 .king10 .intro__subtitle--11, .year-2021 .king9 .year-2018 .king10 .intro__subtitle--12 {
    font-size: 68px;
    font-size: 4.25rem;
    font-weight: 400;
    line-height: 1
}

.year-2018 .queen .year-2021 .king9 .intro__subtitle--12, .year-2021 .king9 .intro__subtitle--5, .year-2021 .king9 .year-2018 .queen .intro__subtitle--12 {
    font-size: 60px;
    font-size: 3.75rem;
    font-family: Sarabun !important;
    line-height: 1
}

.year-2021 .king9 .intro__subtitle--6 {
    font-size: 60px;
    font-size: 3.75rem;
    font-family: Sarabun !important;
    line-height: .9
}

.year-2021 .king9 .intro__text {
    font-size: 24px;
    font-size: 1.5rem
}

@media (max-width: 414px) {
    .year-2021 .king9 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2021 .king9 .intro__content--2 .intro__text {
    font-size: 21px;
    font-size: 1.3125rem;
    font-weight: 500
}

.year-2021 .king9 .intro__content--4 .intro__text {
    font-size: 30px;
    font-size: 1.875rem;
    font-family: Sarabun !important;
    font-weight: 600
}

.year-2021 .king9 .intro__content--4 .intro__button {
    font-size: 30px;
    font-size: 1.875rem;
    font-family: Sarabun !important;
    font-weight: 900;
    line-height: 1
}

.year-2021 .king9 .intro__content--5 .intro__text {
    font-size: 28px;
    font-size: 1.75rem;
    font-family: Sarabun !important;
    font-weight: 400
}

.year-2021 .king9 .intro__content--5 .intro__button {
    font-family: Sarabun !important;
    font-weight: 400;
    line-height: 1.2
}

.year-2021 .king9 .intro__content--6 .intro__text {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 400
}

.year-2021 .king9 .intro__content--6 .intro__button {
    font-weight: 600
}

.year-2021 .king9 .intro__logo {
    display: none !important
}

.year-2021 .king9 .intro--vertical .intro__logo {
    display: none
}

.year-2021 .king9 .intro__line {
    padding: 0 0 5px
}

.year-2021 .king9 .intro__line .img-fluid {
    max-width: 400px;
    width: 100%
}

.year-2021 .king9 .intro__figure {
    max-width: 380px
}

.year-2021 .king9 .intro__figure--2 {
    margin: 4vh auto 1.5rem;
    max-width: 330px;
    height: auto;
    min-height: 300px
}

@media (max-height: 660px) {
    .year-2021 .king9 .intro__figure--2 {
        height: 300px
    }
}

.year-2021 .king9 .intro__figure--3 {
    margin: 4vh auto 1.5rem;
    max-width: 330px;
    height: auto;
    min-height: 300px
}

@media (max-height: 660px) {
    .year-2021 .king9 .intro__figure--3 {
        height: 300px
    }
}

.year-2021 .king9 .intro__figure--4 {
    margin: 2vh auto 1rem;
    max-width: 450px;
    height: auto;
    min-height: 300px
}

@media (max-height: 660px) {
    .year-2021 .king9 .intro__figure--4 {
        height: 300px
    }
}

.year-2021 .king9 .intro__figure--5 {
    margin-bottom: 20px;
    max-width: 330px
}

@media (max-width: 991px) {
    .year-2021 .king9 .intro__figure--5 {
        margin-bottom: 0
    }
}

.year-2021 .king9 .intro__title span {
    display: initial
}

.year-2018 .king10 .year-2021 .king9 .intro__subtitle--10 span, .year-2018 .king10 .year-2021 .king9 .intro__subtitle--11 span, .year-2018 .king10 .year-2021 .king9 .intro__subtitle--12 span, .year-2021 .king9 .intro__subtitle--4 span, .year-2021 .king9 .intro__subtitle--6 span, .year-2021 .king9 .year-2018 .king10 .intro__subtitle--10 span, .year-2021 .king9 .year-2018 .king10 .intro__subtitle--11 span, .year-2021 .king9 .year-2018 .king10 .intro__subtitle--12 span {
    display: inline-block
}

.year-2021 .king9 .intro__content {
    width: 100%
}

.year-2021 .king9 .intro__content .company-name {
    display: inline-block
}

.year-2021 .king9 .intro__content--1 {
    color: #765208
}

.year-2021 .king9 .intro__content--1 .intro__subtitle {
    color: #9b6e09
}

.year-2021 .king9 .intro__content--1 .intro__text {
    color: #000
}

.year-2021 .king9 .intro__content--1 .intro__line .img-fluid {
    padding: 10px 0;
    max-width: 185px
}

.year-2021 .king9 .intro__content--2 .intro__title {
    color: #966a1f
}

.year-2021 .king9 .intro__content--2 .intro__subtitle {
    color: #6b491c
}

.year-2021 .king9 .intro__content--2 .intro__text {
    color: #634217
}

.year-2021 .king9 .intro__content--2 .intro__line .img-fluid {
    padding: 10px 0 0;
    max-width: 300px
}

.year-2021 .king9 .intro__content--3 .intro__title {
    color: #ae8626
}

.year-2021 .king9 .intro__content--3 .intro__subtitle {
    color: #614202
}

.year-2021 .king9 .intro__content--3 .intro__text {
    color: #634101
}

.year-2021 .king9 .intro__content--3 .intro__line .img-fluid {
    max-width: 200px
}

.year-2021 .king9 .intro__content--4 {
    color: #fff
}

.year-2021 .king9 .intro__content--4 .intro__title {
    margin-bottom: 1rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .1), 1px 1px 3px rgba(0, 0, 0, .1), 1px 1px 3px rgba(0, 0, 0, .1)
}

.year-2021 .king9 .intro__content--4 .intro__subtitle {
    margin-bottom: 0
}

.year-2021 .king9 .intro__content--4 .intro__subtitle, .year-2021 .king9 .intro__content--4 .intro__text {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .15), 1px 1px 6px rgba(0, 0, 0, .15), 1px 1px 6px rgba(0, 0, 0, .15)
}

.year-2021 .king9 .intro__content--4 .intro__line {
    padding: 5px 0
}

.year-2021 .king9 .intro__content--5 {
    color: #fff
}

.year-2021 .king9 .intro__content--5 .intro__title {
    margin-bottom: 1rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .1), 1px 1px 3px rgba(0, 0, 0, .1), 1px 1px 3px rgba(0, 0, 0, .1)
}

.year-2021 .king9 .intro__content--5 .intro__subtitle {
    margin-bottom: 0
}

.year-2021 .king9 .intro__content--5 .intro__subtitle, .year-2021 .king9 .intro__content--5 .intro__text {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .15), 1px 1px 6px rgba(0, 0, 0, .15), 1px 1px 6px rgba(0, 0, 0, .15)
}

.year-2021 .king9 .intro__content--5 .intro__line .img-fluid {
    max-width: 335px
}

.year-2021 .king9 .intro__content--6 {
    color: #674818
}

.year-2021 .king9 .intro__content--6 .intro__title {
    margin-bottom: 1rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .1), 1px 1px 3px rgba(0, 0, 0, .1), 1px 1px 3px rgba(0, 0, 0, .1)
}

.year-2021 .king9 .intro__content--6 .intro__subtitle {
    margin-bottom: 0
}

.year-2021 .king9 .intro__content--6 .intro__subtitle, .year-2021 .king9 .intro__content--6 .intro__text {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .15), 1px 1px 6px rgba(0, 0, 0, .15), 1px 1px 6px rgba(0, 0, 0, .15)
}

.year-2021 .king9 .intro__content--6 .intro__line .img-fluid {
    padding: 10px 0;
    max-width: 380px
}

.year-2021 .king9 .intro__button {
    border-radius: 7px
}

.year-2021 .king9 .intro__button--1 {
    position: relative;
    margin-top: 10px;
    background-color: #9b6e09;
    border: none;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, .3);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, .3)
}

.year-2021 .king9 .intro__button--1 a, .year-2021 .king9 .intro__button--1 a:before {
    color: #fff
}

.year-2021 .king9 .intro__button--1:before {
    top: 0;
    background: "#9b6e09";
    background: -moz-linear-gradient(left, "#9b6e09" 0, "#edcc58" 50%, "#9b6e09" 100%);
    background: -webkit-linear-gradient(left, "#9b6e09", "#edcc58" 50%, "#9b6e09");
    background: linear-gradient(90deg, "#9b6e09" 0, "#edcc58" 50%, "#9b6e09");
    background: transparent linear-gradient(90deg, rgba(237, 204, 88, 0), rgba(237, 204, 88, .6) 50%, rgba(237, 204, 88, 0)) 0 0 no-repeat padding-box
}

.year-2021 .king9 .intro__button--1:after, .year-2021 .king9 .intro__button--1:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 100%;
    height: 1px;
    transform: translateX(-50%)
}

.year-2021 .king9 .intro__button--1:after {
    bottom: 0;
    background: "#9b6e09";
    background: -moz-linear-gradient(left, "#9b6e09" 0, "#edcc58" 50%, "#9b6e09" 100%);
    background: -webkit-linear-gradient(left, "#9b6e09", "#edcc58" 50%, "#9b6e09");
    background: linear-gradient(90deg, "#9b6e09" 0, "#edcc58" 50%, "#9b6e09");
    background: transparent linear-gradient(90deg, rgba(237, 204, 88, 0), rgba(237, 204, 88, .8) 50%, rgba(237, 204, 88, 0)) 0 0 no-repeat padding-box
}

.year-2021 .king9 .intro__button--2 {
    margin-top: 10px;
    border-radius: 25px;
    background: #8a661c;
    background: -moz-linear-gradient(left, #8a661c 0, #8a661c 50%, #a17c23 100%);
    background: -webkit-linear-gradient(left, #8a661c, #8a661c 50%, #a17c23);
    background: linear-gradient(90deg, #8a661c 0, #8a661c 50%, #a17c23);
    -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, .32);
    -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, .32);
    box-shadow: 1px 3px 5px rgba(0, 0, 0, .32)
}

.year-2021 .king9 .intro__button--2 a, .year-2021 .king9 .intro__button--2 a:before {
    color: #fff !important
}

.year-2021 .king9 .intro__button--3 {
    position: relative;
    z-index: 1;
    background-color: #d98d1d;
    background: transparent linear-gradient(90deg, #ab811f, #efcc56 50%, #ab811f) 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border-radius: 7px;
    border: 1px solid #ccae68
}

.year-2021 .king9 .intro__button--3:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 3px;
    right: 3px;
    left: 3px;
    bottom: 3px;
    background-color: transparent;
    border: 1px solid #beb37b;
    border-radius: 6px
}

.year-2021 .king9 .intro__button--3 a {
    color: #fff !important
}

.year-2021 .king9 .intro__button--3 a:focus, .year-2021 .king9 .intro__button--3 a:hover {
    text-decoration: none
}

.year-2021 .king9 .intro__button--3 a:before {
    color: #fff !important
}

.year-2018 .king10 .year-2021 .king9 .intro__button--11, .year-2018 .king10 .year-2021 .king9 .intro__button--12, .year-2019 .king .year-2021 .king9 .intro__button--11, .year-2019 .king .year-2021 .king9 .intro__button--12, .year-2021 .king9 .intro__button--4, .year-2021 .king9 .year-2018 .king10 .intro__button--11, .year-2021 .king9 .year-2018 .king10 .intro__button--12, .year-2021 .king9 .year-2019 .king .intro__button--11, .year-2021 .king9 .year-2019 .king .intro__button--12 {
    position: relative;
    z-index: 1;
    padding-bottom: .25rem;
    background: transparent linear-gradient(90deg, #fdcb2e, #fbe9a1 25%, #ab811f 70%, #fbeb9e) 0 0 no-repeat padding-box;
    border-radius: 25px;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .16);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .16);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .16)
}

.year-2018 .king10 .year-2021 .king9 .intro__button--11:before, .year-2018 .king10 .year-2021 .king9 .intro__button--12:before, .year-2019 .king .year-2021 .king9 .intro__button--11:before, .year-2019 .king .year-2021 .king9 .intro__button--12:before, .year-2021 .king9 .intro__button--4:before, .year-2021 .king9 .year-2018 .king10 .intro__button--11:before, .year-2021 .king9 .year-2018 .king10 .intro__button--12:before, .year-2021 .king9 .year-2019 .king .intro__button--11:before, .year-2021 .king9 .year-2019 .king .intro__button--12:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 2px;
    right: 2px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    border-radius: 25px
}

.year-2018 .king10 .year-2021 .king9 .intro__button--11 a, .year-2018 .king10 .year-2021 .king9 .intro__button--11 a:before, .year-2018 .king10 .year-2021 .king9 .intro__button--12 a, .year-2018 .king10 .year-2021 .king9 .intro__button--12 a:before, .year-2019 .king .year-2021 .king9 .intro__button--11 a, .year-2019 .king .year-2021 .king9 .intro__button--11 a:before, .year-2019 .king .year-2021 .king9 .intro__button--12 a, .year-2019 .king .year-2021 .king9 .intro__button--12 a:before, .year-2021 .king9 .intro__button--4 a, .year-2021 .king9 .intro__button--4 a:before, .year-2021 .king9 .year-2018 .king10 .intro__button--11 a, .year-2021 .king9 .year-2018 .king10 .intro__button--11 a:before, .year-2021 .king9 .year-2018 .king10 .intro__button--12 a, .year-2021 .king9 .year-2018 .king10 .intro__button--12 a:before, .year-2021 .king9 .year-2019 .king .intro__button--11 a, .year-2021 .king9 .year-2019 .king .intro__button--11 a:before, .year-2021 .king9 .year-2019 .king .intro__button--12 a, .year-2021 .king9 .year-2019 .king .intro__button--12 a:before {
    color: #3d2314 !important
}

.year-2018 .year-2021 .king9 .intro__button--14, .year-2019 .queen-mother .year-2021 .king9 .intro__button--14, .year-2021 .king9 .intro__button--5, .year-2021 .king9 .year-2018 .intro__button--14, .year-2021 .king9 .year-2019 .queen-mother .intro__button--14 {
    position: relative;
    z-index: 1;
    margin-top: 10px;
    background: transparent linear-gradient(90deg, #fdcb2e, #fbe9a1 25%, #ab811f 70%, #fbeb9e) 0 0 no-repeat padding-box;
    border-radius: 25px;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .16);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .16);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .16)
}

.year-2018 .year-2021 .king9 .intro__button--14:before, .year-2019 .queen-mother .year-2021 .king9 .intro__button--14:before, .year-2021 .king9 .intro__button--5:before, .year-2021 .king9 .year-2018 .intro__button--14:before, .year-2021 .king9 .year-2019 .queen-mother .intro__button--14:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 2px;
    right: 2px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    border-radius: 25px
}

.year-2018 .year-2021 .king9 .intro__button--14 a, .year-2018 .year-2021 .king9 .intro__button--14 a:before, .year-2019 .queen-mother .year-2021 .king9 .intro__button--14 a, .year-2019 .queen-mother .year-2021 .king9 .intro__button--14 a:before, .year-2021 .king9 .intro__button--5 a, .year-2021 .king9 .intro__button--5 a:before, .year-2021 .king9 .year-2018 .intro__button--14 a, .year-2021 .king9 .year-2018 .intro__button--14 a:before, .year-2021 .king9 .year-2019 .queen-mother .intro__button--14 a, .year-2021 .king9 .year-2019 .queen-mother .intro__button--14 a:before {
    color: #3d2314 !important
}

.year-2018 .year-2021 .king9 .intro__button--11, .year-2019 .queen-mother .year-2021 .king9 .intro__button--11, .year-2021 .king9 .intro__button--6, .year-2021 .king9 .year-2018 .intro__button--11, .year-2021 .king9 .year-2019 .queen-mother .intro__button--11 {
    position: relative;
    z-index: 1;
    margin-top: 10px;
    background: transparent linear-gradient(90deg, #fdcb2e, #fbe9a1 25%, #ab811f 70%, #fbeb9e) 0 0 no-repeat padding-box;
    border-radius: 25px;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .16);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .16);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .16)
}

.year-2018 .year-2021 .king9 .intro__button--11:before, .year-2019 .queen-mother .year-2021 .king9 .intro__button--11:before, .year-2021 .king9 .intro__button--6:before, .year-2021 .king9 .year-2018 .intro__button--11:before, .year-2021 .king9 .year-2019 .queen-mother .intro__button--11:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 2px;
    right: 2px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    border-radius: 25px
}

.year-2018 .year-2021 .king9 .intro__button--11 a, .year-2018 .year-2021 .king9 .intro__button--11 a:before, .year-2019 .queen-mother .year-2021 .king9 .intro__button--11 a, .year-2019 .queen-mother .year-2021 .king9 .intro__button--11 a:before, .year-2021 .king9 .intro__button--6 a, .year-2021 .king9 .intro__button--6 a:before, .year-2021 .king9 .year-2018 .intro__button--11 a, .year-2021 .king9 .year-2018 .intro__button--11 a:before, .year-2021 .king9 .year-2019 .queen-mother .intro__button--11 a, .year-2021 .king9 .year-2019 .queen-mother .intro__button--11 a:before {
    color: #3d2314 !important
}

.year-2021 .king10 h3 {
    line-height: .8;
    font-size: 74px;
    font-size: 4.625rem;
    font-weight: 700
}

.year-2021 .king10 h4 {
    font-size: 40px;
    font-size: 2.5rem
}

.year-2021 .king10 h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2021 .king10 h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2021 .king10 .intro__title {
    letter-spacing: 2px
}

.year-2021 .king10 .intro__title--1 {
    font-weight: 400;
    font-family: Sarabun
}

.year-2021 .king10 .intro__title--2 {
    font-family: Kanit;
    font-size: 60px;
    font-size: 3.75rem;
    font-weight: 400
}

.year-2018 .queen .year-2021 .king10 .intro__title--10, .year-2018 .queen .year-2021 .king10 .intro__title--11, .year-2018 .queen .year-2021 .king10 .intro__title--13, .year-2018 .queen .year-2021 .king10 .intro__title--14, .year-2018 .queen .year-2021 .king10 .intro__title--15, .year-2018 .year-2021 .king10 .queen .intro__title--14, .year-2021 .king10 .intro__title--3, .year-2021 .king10 .year-2018 .queen .intro__title--10, .year-2021 .king10 .year-2018 .queen .intro__title--11, .year-2021 .king10 .year-2018 .queen .intro__title--13, .year-2021 .king10 .year-2018 .queen .intro__title--14, .year-2021 .king10 .year-2018 .queen .intro__title--15, .year-2021 .year-2018 .king10 .queen .intro__title--14, .year-2021 .year-2018 .queen .king10 .intro__title--14 {
    font-family: Sarabun;
    font-size: 59px;
    font-size: 3.6875rem
}

.year-2018 .year-2021 .king10 .intro__title--10, .year-2018 .year-2021 .king10 .intro__title--11, .year-2018 .year-2021 .king10 .intro__title--12, .year-2021 .king10 .intro__title--4, .year-2021 .year-2018 .king10 .intro__title--10, .year-2021 .year-2018 .king10 .intro__title--11, .year-2021 .year-2018 .king10 .intro__title--12 {
    font-weight: 400;
    font-family: Sarabun
}

.year-2018 .queen .year-2021 .king10 .intro__title--12, .year-2021 .king10 .intro__title--5, .year-2021 .king10 .year-2018 .queen .intro__title--12 {
    font-weight: 400;
    font-family: Sarabun
}

.year-2021 .king10 .intro__title--6 {
    font-family: Sarabun;
    font-size: 55px;
    font-size: 3.4375rem;
    font-weight: 700
}

.year-2021 .king10 .intro__subtitle--1 {
    font-family: Sarabun;
    font-weight: 400;
    letter-spacing: 2px
}

.year-2021 .king10 .intro__subtitle--2 {
    font-family: Kanit;
    font-size: 36px;
    font-size: 2.25rem
}

.year-2018 .queen .year-2021 .king10 .intro__subtitle--10, .year-2018 .queen .year-2021 .king10 .intro__subtitle--11, .year-2018 .queen .year-2021 .king10 .intro__subtitle--13, .year-2018 .queen .year-2021 .king10 .intro__subtitle--14, .year-2018 .queen .year-2021 .king10 .intro__subtitle--15, .year-2018 .year-2021 .king10 .queen .intro__subtitle--14, .year-2021 .king10 .intro__subtitle--3, .year-2021 .king10 .year-2018 .queen .intro__subtitle--10, .year-2021 .king10 .year-2018 .queen .intro__subtitle--11, .year-2021 .king10 .year-2018 .queen .intro__subtitle--13, .year-2021 .king10 .year-2018 .queen .intro__subtitle--14, .year-2021 .king10 .year-2018 .queen .intro__subtitle--15, .year-2021 .year-2018 .king10 .queen .intro__subtitle--14, .year-2021 .year-2018 .queen .king10 .intro__subtitle--14 {
    font-family: Sarabun;
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 700
}

.year-2018 .year-2021 .king10 .intro__subtitle--10, .year-2018 .year-2021 .king10 .intro__subtitle--11, .year-2018 .year-2021 .king10 .intro__subtitle--12, .year-2021 .king10 .intro__subtitle--4, .year-2021 .year-2018 .king10 .intro__subtitle--10, .year-2021 .year-2018 .king10 .intro__subtitle--11, .year-2021 .year-2018 .king10 .intro__subtitle--12 {
    font-family: Sarabun;
    letter-spacing: 2px
}

.year-2018 .queen .year-2021 .king10 .intro__subtitle--12, .year-2021 .king10 .intro__subtitle--5, .year-2021 .king10 .year-2018 .queen .intro__subtitle--12 {
    font-family: Sarabun;
    letter-spacing: 2px
}

.year-2021 .king10 .intro__subtitle--6 {
    font-family: Sarabun;
    font-size: 36px;
    font-size: 2.25rem
}

.year-2021 .king10 .intro__logo {
    display: none !important
}

.year-2021 .king10 .intro--vertical .intro__logo {
    display: none
}

.year-2021 .king10 .intro__content {
    width: 100%
}

.year-2021 .king10 .intro__content--1 {
    color: #6e5c1a
}

.year-2021 .king10 .intro__content--1 .intro__title {
    color: #8b5300;
    text-shadow: 1px 0 0 #8b5300, -1px 0 0 #8b5300, 0 1px 0 #8b5300, 0 -1px 0 #8b5300, 0 0 #8b5300, 0 0 0 #8b5300, 0 0 0 #8b5300, 0 0 0 #8b5300
}

.year-2021 .king10 .intro__content--1 .intro__subtitle {
    color: #8f5003
}

.year-2021 .king10 .intro__content--2 {
    color: #fae781
}

.year-2021 .king10 .intro__content--2 .intro__title {
    padding-top: 15px;
    color: #ffda34
}

.year-2021 .king10 .intro__content--2 .intro__subtitle {
    color: #f9d96c
}

.year-2021 .king10 .intro__content--3 {
    color: #634000
}

.year-2021 .king10 .intro__content--3 .intro__title {
    color: #a76a00;
    text-shadow: 1px 0 0 #f0ce84, -1px 0 0 #f0ce84, 0 1px 0 #f0ce84, 0 -1px 0 #f0ce84, 0 0 #f0ce84, 0 0 0 #f0ce84, 0 0 0 #f0ce84, 0 0 0 #f0ce84
}

.year-2021 .king10 .intro__content--3 .intro__subtitle {
    color: #654304;
    text-shadow: .5px 0 0 #f0ce84, -.5px 0 0 #f0ce84, 0 .5px 0 #f0ce84, 0 -.5px 0 #f0ce84, -.5px -.5px #f0ce84, .5px .5px 0 #f0ce84, -.5px .5px 0 #f0ce84, .5px -.5px 0 #f0ce84
}

.year-2021 .king10 .intro__content--4 {
    max-width: none;
    color: #6b5212
}

.year-2021 .king10 .intro__content--4 .intro__title {
    color: #59490d;
    text-shadow: 1px 0 0 #59490d, -1px 0 0 #59490d, 0 1px 0 #59490d, 0 -1px 0 #59490d, 0 0 #59490d, 0 0 0 #59490d, 0 0 0 #59490d, 0 0 0 #59490d
}

.year-2021 .king10 .intro__content--4 .intro__subtitle {
    color: #553d00
}

.year-2021 .king10 .intro__content--4 .intro__subtitle br {
    display: none
}

@media (max-width: 767px) {
    .year-2021 .king10 .intro__content--4 .intro__subtitle br {
        display: block
    }
}

.year-2021 .king10 .intro__content--5 {
    color: #3e2b00
}

.year-2021 .king10 .intro__content--5 .intro__title {
    color: #412c01;
    text-shadow: 1px 0 0 #412c01, -1px 0 0 #412c01, 0 1px 0 #412c01, 0 -1px 0 #412c01, 0 0 #412c01, 0 0 0 #412c01, 0 0 0 #412c01, 0 0 0 #412c01
}

.year-2021 .king10 .intro__content--5 .intro__subtitle {
    color: #402900
}

.year-2021 .king10 .intro__content--6 {
    color: #675e3f
}

.year-2021 .king10 .intro__content--6 .intro__title {
    color: #f5c340;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2)
}

.year-2021 .king10 .intro__content--6 .intro__subtitle {
    color: #847743
}

.year-2021 .king10 .intro__content--6 .intro__subtitle + p {
    color: #412c01;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff
}

.year-2021 .king10 .intro__button--1 {
    background-color: #f8d241;
    border-radius: 2px;
    border: 1px solid #fff296;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.year-2021 .king10 .intro__button--1 a {
    color: #291200
}

.year-2021 .king10 .intro__button--2 {
    background-color: #f0c624
}

.year-2021 .king10 .intro__button--2 a, .year-2021 .king10 .intro__button--2 a:before {
    color: #563600 !important
}

.year-2021 .king10 .intro__button--3 {
    background-color: #6a4302
}

.year-2021 .king10 .intro__button--3 a, .year-2021 .king10 .intro__button--3 a:before {
    color: #fffce2 !important
}

.year-2018 .year-2021 .king10 .intro__button--11, .year-2018 .year-2021 .king10 .intro__button--12, .year-2019 .king .year-2021 .king10 .intro__button--11, .year-2019 .king .year-2021 .king10 .intro__button--12, .year-2021 .king10 .intro__button--4, .year-2021 .king10 .year-2019 .king .intro__button--11, .year-2021 .king10 .year-2019 .king .intro__button--12, .year-2021 .year-2018 .king10 .intro__button--11, .year-2021 .year-2018 .king10 .intro__button--12 {
    background-color: #7c641e
}

.year-2018 .year-2021 .king10 .intro__button--11 a, .year-2018 .year-2021 .king10 .intro__button--11 a:before, .year-2018 .year-2021 .king10 .intro__button--12 a, .year-2018 .year-2021 .king10 .intro__button--12 a:before, .year-2019 .king .year-2021 .king10 .intro__button--11 a, .year-2019 .king .year-2021 .king10 .intro__button--11 a:before, .year-2019 .king .year-2021 .king10 .intro__button--12 a, .year-2019 .king .year-2021 .king10 .intro__button--12 a:before, .year-2021 .king10 .intro__button--4 a, .year-2021 .king10 .intro__button--4 a:before, .year-2021 .king10 .year-2019 .king .intro__button--11 a, .year-2021 .king10 .year-2019 .king .intro__button--11 a:before, .year-2021 .king10 .year-2019 .king .intro__button--12 a, .year-2021 .king10 .year-2019 .king .intro__button--12 a:before, .year-2021 .year-2018 .king10 .intro__button--11 a, .year-2021 .year-2018 .king10 .intro__button--11 a:before, .year-2021 .year-2018 .king10 .intro__button--12 a, .year-2021 .year-2018 .king10 .intro__button--12 a:before {
    color: #fffee3 !important
}

.year-2018 .year-2021 .king10 .intro__button--14, .year-2019 .queen-mother .year-2021 .king10 .intro__button--14, .year-2021 .king10 .intro__button--5, .year-2021 .king10 .year-2018 .intro__button--14, .year-2021 .king10 .year-2019 .queen-mother .intro__button--14 {
    background-color: #724e10;
    border-radius: 7px
}

.year-2018 .year-2021 .king10 .intro__button--14 a, .year-2018 .year-2021 .king10 .intro__button--14 a:before, .year-2019 .queen-mother .year-2021 .king10 .intro__button--14 a, .year-2019 .queen-mother .year-2021 .king10 .intro__button--14 a:before, .year-2021 .king10 .intro__button--5 a, .year-2021 .king10 .intro__button--5 a:before, .year-2021 .king10 .year-2018 .intro__button--14 a, .year-2021 .king10 .year-2018 .intro__button--14 a:before, .year-2021 .king10 .year-2019 .queen-mother .intro__button--14 a, .year-2021 .king10 .year-2019 .queen-mother .intro__button--14 a:before {
    color: #fffee3 !important
}

.year-2018 .year-2021 .king10 .intro__button--11, .year-2019 .queen-mother .year-2021 .king10 .intro__button--11, .year-2021 .king10 .intro__button--6, .year-2021 .king10 .year-2018 .intro__button--11, .year-2021 .king10 .year-2019 .queen-mother .intro__button--11 {
    background-color: #c8b500;
    border-radius: 2px
}

.year-2018 .year-2021 .king10 .intro__button--11 a, .year-2018 .year-2021 .king10 .intro__button--11 a:before, .year-2019 .queen-mother .year-2021 .king10 .intro__button--11 a, .year-2019 .queen-mother .year-2021 .king10 .intro__button--11 a:before, .year-2021 .king10 .intro__button--6 a, .year-2021 .king10 .intro__button--6 a:before, .year-2021 .king10 .year-2018 .intro__button--11 a, .year-2021 .king10 .year-2018 .intro__button--11 a:before, .year-2021 .king10 .year-2019 .queen-mother .intro__button--11 a, .year-2021 .king10 .year-2019 .queen-mother .intro__button--11 a:before {
    color: #fffee3 !important
}

.year-2021 .queen-mother h3 {
    line-height: 1;
    font-size: 70px;
    font-size: 4.375rem;
    font-weight: 700
}

.year-2021 .queen-mother h4 {
    font-size: 26px;
    font-size: 1.625rem;
    margin: 0 0 5px
}

.year-2021 .queen-mother h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2021 .queen-mother h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2021 .queen-mother .intro__title--1 {
    font-size: 51px;
    font-size: 3.1875rem;
    font-weight: 700
}

@media (max-width: 1199px) {
    .year-2021 .queen-mother .intro__title--1 {
        font-size: 47px;
        font-size: 2.9375rem
    }
}

.year-2021 .queen-mother .intro__title--2 {
    font-size: 51px;
    font-size: 3.1875rem;
    font-weight: 700
}

@media (max-width: 1199px) {
    .year-2021 .queen-mother .intro__title--2 {
        font-size: 47px;
        font-size: 2.9375rem
    }
}

.year-2018 .queen .year-2021 .queen-mother .intro__title--10, .year-2018 .queen .year-2021 .queen-mother .intro__title--11, .year-2018 .queen .year-2021 .queen-mother .intro__title--13, .year-2018 .queen .year-2021 .queen-mother .intro__title--14, .year-2018 .queen .year-2021 .queen-mother .intro__title--15, .year-2021 .queen-mother .intro__title--3, .year-2021 .queen-mother .year-2018 .queen .intro__title--10, .year-2021 .queen-mother .year-2018 .queen .intro__title--11, .year-2021 .queen-mother .year-2018 .queen .intro__title--13, .year-2021 .queen-mother .year-2018 .queen .intro__title--14, .year-2021 .queen-mother .year-2018 .queen .intro__title--15 {
    font-size: 55px;
    font-size: 3.4375rem;
    font-weight: 700
}

@media (max-width: 1199px) {
    .year-2018 .queen .year-2021 .queen-mother .intro__title--10, .year-2018 .queen .year-2021 .queen-mother .intro__title--11, .year-2018 .queen .year-2021 .queen-mother .intro__title--13, .year-2018 .queen .year-2021 .queen-mother .intro__title--14, .year-2018 .queen .year-2021 .queen-mother .intro__title--15, .year-2021 .queen-mother .intro__title--3, .year-2021 .queen-mother .year-2018 .queen .intro__title--10, .year-2021 .queen-mother .year-2018 .queen .intro__title--11, .year-2021 .queen-mother .year-2018 .queen .intro__title--13, .year-2021 .queen-mother .year-2018 .queen .intro__title--14, .year-2021 .queen-mother .year-2018 .queen .intro__title--15 {
        font-size: 47px;
        font-size: 2.9375rem
    }
}

.year-2018 .king10 .year-2021 .queen-mother .intro__title--10, .year-2018 .king10 .year-2021 .queen-mother .intro__title--11, .year-2018 .king10 .year-2021 .queen-mother .intro__title--12, .year-2021 .queen-mother .intro__title--4, .year-2021 .queen-mother .year-2018 .king10 .intro__title--10, .year-2021 .queen-mother .year-2018 .king10 .intro__title--11, .year-2021 .queen-mother .year-2018 .king10 .intro__title--12 {
    font-family: PSL Panpilas Pro;
    font-size: 47px;
    font-size: 2.9375rem
}

.year-2018 .queen .year-2021 .queen-mother .intro__title--12, .year-2021 .queen-mother .intro__title--5, .year-2021 .queen-mother .year-2018 .queen .intro__title--12 {
    font-size: 55px;
    font-size: 3.4375rem;
    font-weight: 700
}

@media (max-width: 1199px) {
    .year-2018 .queen .year-2021 .queen-mother .intro__title--12, .year-2021 .queen-mother .intro__title--5, .year-2021 .queen-mother .year-2018 .queen .intro__title--12 {
        font-size: 47px;
        font-size: 2.9375rem
    }
}

.year-2021 .queen-mother .intro__title--6 {
    font-family: PSL Panpilas Pro;
    font-size: 55px;
    font-size: 3.4375rem;
    font-weight: 700
}

@media (max-width: 1199px) {
    .year-2021 .queen-mother .intro__title--6 {
        font-size: 47px;
        font-size: 2.9375rem
    }
}

.year-2021 .queen-mother .intro__subtitle--1 {
    font-family: Sarabun !important;
    font-weight: 400;
    line-height: 1;
    font-size: 27px;
    font-size: 1.6875rem
}

@media (max-width: 1199px) {
    .year-2021 .queen-mother .intro__subtitle--1 {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

.year-2021 .queen-mother .intro__subtitle--1.intro__subtitle--event {
    font-size: 45px;
    font-size: 2.8125rem
}

@media (max-width: 1199px) {
    .year-2021 .queen-mother .intro__subtitle--1.intro__subtitle--event {
        font-size: 39px;
        font-size: 2.4375rem
    }
}

.year-2021 .queen-mother .intro__subtitle--1.intro__subtitle--name {
    margin-bottom: .5rem
}

.year-2021 .queen-mother .intro__subtitle--2 {
    font-family: Sarabun !important;
    font-weight: 400;
    line-height: 1;
    font-size: 27px;
    font-size: 1.6875rem
}

@media (max-width: 1199px) {
    .year-2021 .queen-mother .intro__subtitle--2 {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

.year-2021 .queen-mother .intro__subtitle--2.intro__subtitle--event {
    font-size: 45px;
    font-size: 2.8125rem
}

@media (max-width: 1199px) {
    .year-2021 .queen-mother .intro__subtitle--2.intro__subtitle--event {
        font-size: 39px;
        font-size: 2.4375rem
    }
}

.year-2021 .queen-mother .intro__subtitle--2.intro__subtitle--name {
    margin-bottom: .5rem
}

.year-2018 .queen .year-2021 .queen-mother .intro__subtitle--10, .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--11, .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--13, .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--14, .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--15, .year-2021 .queen-mother .intro__subtitle--3, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--10, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--11, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--13, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--14, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--15 {
    font-family: Sarabun !important;
    font-weight: 400;
    line-height: 1;
    font-size: 30px;
    font-size: 1.875rem
}

@media (max-width: 1199px) {
    .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--10, .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--11, .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--13, .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--14, .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--15, .year-2021 .queen-mother .intro__subtitle--3, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--10, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--11, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--13, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--14, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--15 {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

.year-2018 .queen .year-2021 .queen-mother .intro__subtitle--event.intro__subtitle--10, .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--event.intro__subtitle--11, .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--event.intro__subtitle--13, .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--event.intro__subtitle--14, .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--event.intro__subtitle--15, .year-2021 .queen-mother .intro__subtitle--3.intro__subtitle--event, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--10, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--11, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--13, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--14, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--15 {
    font-size: 48px;
    font-size: 3rem
}

@media (max-width: 1199px) {
    .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--event.intro__subtitle--10, .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--event.intro__subtitle--11, .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--event.intro__subtitle--13, .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--event.intro__subtitle--14, .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--event.intro__subtitle--15, .year-2021 .queen-mother .intro__subtitle--3.intro__subtitle--event, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--10, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--11, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--13, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--14, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--15 {
        font-size: 39px;
        font-size: 2.4375rem
    }
}

.year-2018 .queen .year-2021 .queen-mother .intro__subtitle--name.intro__subtitle--10, .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--name.intro__subtitle--11, .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--name.intro__subtitle--13, .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--name.intro__subtitle--14, .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--name.intro__subtitle--15, .year-2021 .queen-mother .intro__subtitle--3.intro__subtitle--name, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--name.intro__subtitle--10, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--name.intro__subtitle--11, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--name.intro__subtitle--13, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--name.intro__subtitle--14, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--name.intro__subtitle--15 {
    margin-bottom: .5rem
}

.year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--10, .year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--11, .year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--12, .year-2021 .queen-mother .intro__subtitle--4, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--10, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--11, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--12 {
    font-family: PSL Panpilas Pro;
    font-size: 35px;
    font-size: 2.1875rem;
    line-height: .9;
    font-weight: 600
}

@media (max-width: 1199px) {
    .year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--10, .year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--11, .year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--12, .year-2021 .queen-mother .intro__subtitle--4, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--10, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--11, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--12 {
        font-size: 32px;
        font-size: 2rem
    }
}

@media (max-width: 576px) {
    .year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--10, .year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--11, .year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--12, .year-2021 .queen-mother .intro__subtitle--4, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--10, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--11, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--12 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (max-width: 451px) {
    .year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--10, .year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--11, .year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--12, .year-2021 .queen-mother .intro__subtitle--4, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--10, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--11, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--12 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--name.intro__subtitle--10, .year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--name.intro__subtitle--11, .year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--name.intro__subtitle--12, .year-2021 .queen-mother .intro__subtitle--4.intro__subtitle--name, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--name.intro__subtitle--10, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--name.intro__subtitle--11, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--name.intro__subtitle--12 {
    margin-bottom: .5rem
}

.year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--longlive.intro__subtitle--10, .year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--longlive.intro__subtitle--11, .year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--longlive.intro__subtitle--12, .year-2021 .queen-mother .intro__subtitle--4.intro__subtitle--longlive, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--longlive.intro__subtitle--10, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--longlive.intro__subtitle--11, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--longlive.intro__subtitle--12 {
    font-size: 25px;
    font-size: 1.5625rem
}

@media (max-width: 1199px) {
    .year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--longlive.intro__subtitle--10, .year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--longlive.intro__subtitle--11, .year-2018 .king10 .year-2021 .queen-mother .intro__subtitle--longlive.intro__subtitle--12, .year-2021 .queen-mother .intro__subtitle--4.intro__subtitle--longlive, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--longlive.intro__subtitle--10, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--longlive.intro__subtitle--11, .year-2021 .queen-mother .year-2018 .king10 .intro__subtitle--longlive.intro__subtitle--12 {
        font-size: 23px;
        font-size: 1.4375rem
    }
}

.year-2018 .queen .year-2021 .queen-mother .intro__subtitle--12, .year-2021 .queen-mother .intro__subtitle--5, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--12 {
    font-family: Sarabun !important;
    font-weight: 400;
    line-height: 1;
    font-size: 30px;
    font-size: 1.875rem
}

@media (max-width: 1199px) {
    .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--12, .year-2021 .queen-mother .intro__subtitle--5, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--12 {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

.year-2018 .queen .year-2021 .queen-mother .intro__subtitle--event.intro__subtitle--12, .year-2021 .queen-mother .intro__subtitle--5.intro__subtitle--event, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--12 {
    font-size: 48px;
    font-size: 3rem
}

@media (max-width: 1199px) {
    .year-2018 .queen .year-2021 .queen-mother .intro__subtitle--event.intro__subtitle--12, .year-2021 .queen-mother .intro__subtitle--5.intro__subtitle--event, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--event.intro__subtitle--12 {
        font-size: 39px;
        font-size: 2.4375rem
    }
}

.year-2018 .queen .year-2021 .queen-mother .intro__subtitle--name.intro__subtitle--12, .year-2021 .queen-mother .intro__subtitle--5.intro__subtitle--name, .year-2021 .queen-mother .year-2018 .queen .intro__subtitle--name.intro__subtitle--12 {
    margin-bottom: .5rem
}

.year-2021 .queen-mother .intro__subtitle--6 {
    font-family: PSL Panpilas Pro;
    font-weight: 700;
    font-size: 27px;
    font-size: 1.6875rem
}

@media (max-width: 426px) {
    .year-2021 .queen-mother .intro__subtitle--6 {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

.year-2021 .queen-mother .intro__content--1 .intro__text {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.2;
    letter-spacing: .015em;
    font-weight: 300
}

@media (max-width: 1199px) {
    .year-2021 .queen-mother .intro__content--1 .intro__text {
        font-size: 21px;
        font-size: 1.3125rem
    }
}

.year-2021 .queen-mother .intro__content--1 .intro__button {
    font-size: 21px;
    font-size: 1.3125rem;
    font-weight: 600;
    line-height: 1.7
}

.year-2021 .queen-mother .intro__content--2 .intro__text {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.2;
    letter-spacing: .015em;
    font-weight: 300
}

@media (max-width: 1199px) {
    .year-2021 .queen-mother .intro__content--2 .intro__text {
        font-size: 21px;
        font-size: 1.3125rem
    }
}

.year-2021 .queen-mother .intro__content--2 .intro__button {
    font-size: 21px;
    font-size: 1.3125rem;
    font-weight: 600;
    line-height: 1.7
}

.year-2021 .queen-mother .intro__content--3 .intro__text {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.2;
    letter-spacing: .015em;
    font-weight: 300
}

@media (max-width: 1199px) {
    .year-2021 .queen-mother .intro__content--3 .intro__text {
        font-size: 21px;
        font-size: 1.3125rem
    }
}

.year-2021 .queen-mother .intro__content--3 .intro__button {
    font-size: 21px;
    font-size: 1.3125rem;
    font-weight: 600;
    line-height: 1.7
}

.year-2021 .queen-mother .intro__content--4 .intro__text {
    font-family: Sarabun;
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.2;
    letter-spacing: .015em;
    font-weight: 300
}

@media (max-width: 1199px) {
    .year-2021 .queen-mother .intro__content--4 .intro__text {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

.year-2021 .queen-mother .intro__content--4 .intro__button {
    font-size: 21px;
    font-size: 1.3125rem;
    font-weight: 300;
    line-height: 1.7
}

.year-2021 .queen-mother .intro__content--5 .intro__text {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.2;
    letter-spacing: .015em;
    font-weight: 300
}

@media (max-width: 1199px) {
    .year-2021 .queen-mother .intro__content--5 .intro__text {
        font-size: 21px;
        font-size: 1.3125rem
    }
}

.year-2021 .queen-mother .intro__content--5 .intro__button {
    font-size: 21px;
    font-size: 1.3125rem;
    font-weight: 600;
    line-height: 1.7
}

.year-2021 .queen-mother .intro__content--6 .intro__text {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.2;
    letter-spacing: .015em;
    font-weight: 300
}

@media (max-width: 1199px) {
    .year-2021 .queen-mother .intro__content--6 .intro__text {
        font-size: 21px;
        font-size: 1.3125rem
    }
}

.year-2021 .queen-mother .intro__content--6 .intro__button {
    font-size: 21px;
    font-size: 1.3125rem;
    font-weight: 600;
    line-height: 1.7
}

.year-2021 .queen-mother .intro.intro--horizontal .intro__row {
    width: 100%
}

@media (min-width: 992px) {
    .year-2021 .queen-mother .intro__figure--1 {
        max-width: 500px
    }
}

@media (min-width: 1200px) {
    .year-2021 .queen-mother .intro__figure--1 {
        max-width: 100%;
        width: 100%
    }
}

@media (max-width: 991px) {
    .year-2021 .queen-mother .intro__figure--1 .intro__image {
        max-width: 100% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2021 .queen-mother .intro__figure--1 .intro__image {
        transform: scale(1.15)
    }
}

@media (min-width: 992px) {
    .year-2021 .queen-mother .intro__figure--2 {
        max-width: 500px
    }
}

@media (min-width: 1200px) {
    .year-2021 .queen-mother .intro__figure--2 {
        max-width: 100%;
        width: 100%
    }
}

@media (max-width: 991px) {
    .year-2021 .queen-mother .intro__figure--2 .intro__image {
        max-width: 100% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2021 .queen-mother .intro__figure--2 .intro__image {
        transform: scale(1.125)
    }
}

@media (min-width: 1200px) {
    .year-2021 .queen-mother .intro__figure--2 .intro__image {
        transform: scale(1.1)
    }
}

@media (min-width: 992px) {
    .year-2021 .queen-mother .intro__figure--3 {
        max-width: 500px
    }
}

@media (min-width: 1200px) {
    .year-2021 .queen-mother .intro__figure--3 {
        max-width: 100%;
        width: 100%
    }
}

@media (max-width: 991px) {
    .year-2021 .queen-mother .intro__figure--3 .intro__image {
        max-width: 100% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .year-2021 .queen-mother .intro__figure--3 .intro__image {
        transform: scale(1.125)
    }
}

@media (min-width: 1200px) {
    .year-2021 .queen-mother .intro__figure--3 .intro__image {
        transform: scale(1.1)
    }
}

.year-2021 .queen-mother .intro__figure--6 {
    margin: 1rem auto
}

@media (min-width: 992px) {
    .year-2021 .queen-mother .intro__figure--6 {
        max-width: 360px
    }
}

.year-2021 .queen-mother .intro__content--1, .year-2021 .queen-mother .intro__content--1-1 {
    color: #fff;
    max-width: 440px
}

@media (max-width: 991px) {
    .year-2021 .queen-mother .intro__content--1, .year-2021 .queen-mother .intro__content--1-1 {
        margin: auto;
        max-width: 480px
    }
}

.year-2021 .queen-mother .intro__content--1 .intro__title, .year-2021 .queen-mother .intro__content--1-1 .intro__title {
    margin-bottom: .75rem;
    color: #dba115;
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 4px 4px 3px rgba(0, 0, 0, .25)
}

.year-2021 .queen-mother .intro__content--1 .intro__subtitle, .year-2021 .queen-mother .intro__content--1-1 .intro__subtitle {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25), 3px 3px 3px rgba(0, 0, 0, .25), 3px 3px 3px rgba(0, 0, 0, .25)
}

.year-2021 .queen-mother .intro__content--1 .intro__line, .year-2021 .queen-mother .intro__content--1-1 .intro__line {
    width: 200px;
    margin: 0 auto
}

.year-2021 .queen-mother .intro__content--1 .intro__text, .year-2021 .queen-mother .intro__content--1-1 .intro__text {
    margin-bottom: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25), 3px 3px 3px rgba(0, 0, 0, .25), 3px 3px 3px rgba(0, 0, 0, .25)
}

.year-2021 .queen-mother .intro__content--2 {
    color: #fff;
    max-width: 440px
}

@media (max-width: 991px) {
    .year-2021 .queen-mother .intro__content--2 {
        margin: auto;
        max-width: 480px
    }
}

.year-2021 .queen-mother .intro__content--2 .intro__title {
    margin-bottom: .75rem;
    color: #dba115;
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 4px 4px 3px rgba(0, 0, 0, .25)
}

.year-2021 .queen-mother .intro__content--2 .intro__subtitle {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2), 3px 1px 3px rgba(0, 0, 0, .2), 3px 1px 3px rgba(0, 0, 0, .2)
}

.year-2021 .queen-mother .intro__content--2 .intro__line {
    width: 200px;
    margin: 0 auto
}

.year-2021 .queen-mother .intro__content--2 .intro__text {
    margin-bottom: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2), 3px 1px 3px rgba(0, 0, 0, .2), 3px 1px 3px rgba(0, 0, 0, .2)
}

.year-2021 .queen-mother .intro__content--3 {
    color: #fff;
    max-width: 480px
}

@media (max-width: 991px) {
    .year-2021 .queen-mother .intro__content--3 {
        margin: auto
    }
}

.year-2021 .queen-mother .intro__content--3 .intro__title {
    margin-bottom: .75rem;
    color: #dba115;
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 4px 4px 3px rgba(0, 0, 0, .25)
}

.year-2021 .queen-mother .intro__content--3 .intro__subtitle {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2), 3px 1px 3px rgba(0, 0, 0, .2), 3px 1px 3px rgba(0, 0, 0, .2)
}

.year-2021 .queen-mother .intro__content--3 .intro__line {
    width: 200px;
    margin: 0 auto
}

.year-2021 .queen-mother .intro__content--3 .intro__text {
    margin-bottom: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2), 3px 1px 3px rgba(0, 0, 0, .2), 3px 1px 3px rgba(0, 0, 0, .2)
}

.year-2021 .queen-mother .intro__content--4 {
    color: #fff
}

@media (min-width: 992px) {
    .year-2021 .queen-mother .intro__content--4 {
        margin-top: 2rem
    }
}

.year-2021 .queen-mother .intro__content--4 .company-name {
    display: block
}

.year-2021 .queen-mother .intro__content--4 .intro__subtitle, .year-2021 .queen-mother .intro__content--4 .intro__title {
    color: #3bafe4
}

.year-2021 .queen-mother .intro__content--4 .intro__text {
    color: #3bafe4;
    margin-bottom: 1.5rem
}

.year-2021 .queen-mother .intro__content--4 .intro__line {
    opacity: 0;
    max-width: 180px;
    margin: 1rem auto;
    padding: 0
}

.year-2021 .queen-mother .intro__content--5 {
    color: #fff
}

@media (max-width: 991px) {
    .year-2021 .queen-mother .intro__content--5 {
        margin: auto
    }
}

@media (min-width: 1200px) {
    .year-2021 .queen-mother .intro__content--5 {
        width: 550px
    }
}

.year-2021 .queen-mother .intro__content--5 .intro__title {
    margin-bottom: .75rem;
    color: #dba115;
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 4px 4px 3px rgba(0, 0, 0, .25)
}

.year-2021 .queen-mother .intro__content--5 .intro__subtitle {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2), 3px 1px 3px rgba(0, 0, 0, .2), 3px 1px 3px rgba(0, 0, 0, .2)
}

.year-2021 .queen-mother .intro__content--5 .intro__line {
    width: 200px;
    margin: 0 auto
}

.year-2021 .queen-mother .intro__content--5 .intro__text {
    margin-bottom: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2), 3px 1px 3px rgba(0, 0, 0, .2), 3px 1px 3px rgba(0, 0, 0, .2)
}

.year-2021 .queen-mother .intro__content--6 {
    color: #05628e
}

@media (max-width: 991px) {
    .year-2021 .queen-mother .intro__content--6 {
        margin: auto
    }
}

@media (min-width: 1200px) {
    .year-2021 .queen-mother .intro__content--6 {
        width: 570px
    }
}

.year-2021 .queen-mother .intro__content--6 .company-name {
    display: block
}

.year-2021 .queen-mother .intro__content--6 .intro__subtitle, .year-2021 .queen-mother .intro__content--6 .intro__title {
    color: #05628e
}

.year-2021 .queen-mother .intro__content--6 .intro__line {
    max-width: 350px;
    margin: 0 auto;
    padding: 7px 0
}

.year-2021 .queen-mother .intro__content--6 .intro__text {
    color: #05628e
}

.year-2021 .queen-mother--1 {
    background-position: 100% 0 !important
}

@media (max-width: 991px) {
    .year-2021 .queen-mother--1 {
        padding-bottom: 13rem
    }
}

@media (max-width: 991px) {
    .year-2021 .queen-mother--3 {
        padding-bottom: 12rem
    }
}

.year-2021 .queen-mother--4 {
    padding-bottom: 6rem
}

@media (max-width: 991px) {
    .year-2021 .queen-mother--4 {
        padding-bottom: 10rem
    }
}

@media (max-width: 991px) {
    .year-2021 .queen-mother--5 {
        padding-bottom: 12rem
    }
}

@media (max-width: 991px) {
    .year-2021 .queen-mother--6 {
        padding-bottom: 14rem
    }
}

.year-2021 .queen-mother .intro__button {
    border-radius: 3px
}

.year-2021 .queen-mother .intro__button--1 {
    background: #05628e;
    background: -moz-linear-gradient(top, #05628e 0, #045b84 47%, #025074 100%);
    background: -webkit-linear-gradient(top, #05628e, #045b84 47%, #025074);
    background: linear-gradient(180deg, #05628e 0, #045b84 47%, #025074);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#05628e", endColorstr="#025074", GradientType=0)
}

.year-2021 .queen-mother .intro__button--1 a {
    color: #fff;
    text-transform: uppercase
}

@media (max-width: 324px) {
    .year-2021 .queen-mother .intro__button--1 a {
        font-size: 80%
    }
}

.year-2021 .queen-mother .intro__button--1 a:before, .year-2021 .queen-mother .intro__button--1 a:hover {
    color: #fff
}

.year-2021 .queen-mother .intro__button--2 {
    background: #ce8d24;
    background: -moz-linear-gradient(top, #ce8d24 0, #a2611e 62%, #8f4f1d 100%);
    background: -webkit-linear-gradient(top, #ce8d24, #a2611e 62%, #8f4f1d);
    background: linear-gradient(180deg, #ce8d24 0, #a2611e 62%, #8f4f1d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ce8d24", endColorstr="#8f4f1d", GradientType=0);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4)
}

.year-2021 .queen-mother .intro__button--2 a {
    color: #fff;
    text-transform: uppercase
}

@media (max-width: 324px) {
    .year-2021 .queen-mother .intro__button--2 a {
        font-size: 80%
    }
}

.year-2021 .queen-mother .intro__button--2 a:before, .year-2021 .queen-mother .intro__button--2 a:hover {
    color: #fff
}

.year-2021 .queen-mother .intro__button--3 {
    background: #05628e;
    background: -moz-linear-gradient(top, #05628e 0, #045b84 47%, #025074 100%);
    background: -webkit-linear-gradient(top, #05628e, #045b84 47%, #025074);
    background: linear-gradient(180deg, #05628e 0, #045b84 47%, #025074);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#05628e", endColorstr="#025074", GradientType=0)
}

.year-2021 .queen-mother .intro__button--3 a {
    color: #fff;
    text-transform: uppercase
}

@media (max-width: 324px) {
    .year-2021 .queen-mother .intro__button--3 a {
        font-size: 80%
    }
}

.year-2021 .queen-mother .intro__button--3 a:before, .year-2021 .queen-mother .intro__button--3 a:hover {
    color: #fff
}

.year-2018 .king10 .year-2021 .queen-mother .intro__button--11, .year-2018 .king10 .year-2021 .queen-mother .intro__button--12, .year-2019 .king .year-2021 .queen-mother .intro__button--11, .year-2019 .king .year-2021 .queen-mother .intro__button--12, .year-2021 .queen-mother .intro__button--4, .year-2021 .queen-mother .year-2018 .king10 .intro__button--11, .year-2021 .queen-mother .year-2018 .king10 .intro__button--12, .year-2021 .queen-mother .year-2019 .king .intro__button--11, .year-2021 .queen-mother .year-2019 .king .intro__button--12 {
    margin-top: 0;
    background-color: #3993cf
}

.year-2018 .king10 .year-2021 .queen-mother .intro__button--11 a, .year-2018 .king10 .year-2021 .queen-mother .intro__button--11 a:before, .year-2018 .king10 .year-2021 .queen-mother .intro__button--12 a, .year-2018 .king10 .year-2021 .queen-mother .intro__button--12 a:before, .year-2019 .king .year-2021 .queen-mother .intro__button--11 a, .year-2019 .king .year-2021 .queen-mother .intro__button--11 a:before, .year-2019 .king .year-2021 .queen-mother .intro__button--12 a, .year-2019 .king .year-2021 .queen-mother .intro__button--12 a:before, .year-2021 .queen-mother .intro__button--4 a, .year-2021 .queen-mother .intro__button--4 a:before, .year-2021 .queen-mother .year-2018 .king10 .intro__button--11 a, .year-2021 .queen-mother .year-2018 .king10 .intro__button--11 a:before, .year-2021 .queen-mother .year-2018 .king10 .intro__button--12 a, .year-2021 .queen-mother .year-2018 .king10 .intro__button--12 a:before, .year-2021 .queen-mother .year-2019 .king .intro__button--11 a, .year-2021 .queen-mother .year-2019 .king .intro__button--11 a:before, .year-2021 .queen-mother .year-2019 .king .intro__button--12 a, .year-2021 .queen-mother .year-2019 .king .intro__button--12 a:before {
    color: #fff !important
}

.year-2018 .year-2021 .queen-mother .intro__button--14, .year-2019 .year-2021 .queen-mother .intro__button--14, .year-2021 .queen-mother .intro__button--5, .year-2021 .queen-mother .year-2018 .intro__button--14, .year-2021 .year-2019 .queen-mother .intro__button--14 {
    background: #05628e;
    background: -moz-linear-gradient(top, #05628e 0, #045b84 47%, #025074 100%);
    background: -webkit-linear-gradient(top, #05628e, #045b84 47%, #025074);
    background: linear-gradient(180deg, #05628e 0, #045b84 47%, #025074);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#05628e", endColorstr="#025074", GradientType=0)
}

.year-2018 .year-2021 .queen-mother .intro__button--14 a, .year-2019 .year-2021 .queen-mother .intro__button--14 a, .year-2021 .queen-mother .intro__button--5 a, .year-2021 .queen-mother .year-2018 .intro__button--14 a, .year-2021 .year-2019 .queen-mother .intro__button--14 a {
    color: #fff;
    text-transform: uppercase
}

@media (max-width: 324px) {
    .year-2018 .year-2021 .queen-mother .intro__button--14 a, .year-2019 .year-2021 .queen-mother .intro__button--14 a, .year-2021 .queen-mother .intro__button--5 a, .year-2021 .queen-mother .year-2018 .intro__button--14 a, .year-2021 .year-2019 .queen-mother .intro__button--14 a {
        font-size: 80%
    }
}

.year-2018 .year-2021 .queen-mother .intro__button--14 a:before, .year-2018 .year-2021 .queen-mother .intro__button--14 a:hover, .year-2019 .year-2021 .queen-mother .intro__button--14 a:before, .year-2019 .year-2021 .queen-mother .intro__button--14 a:hover, .year-2021 .queen-mother .intro__button--5 a:before, .year-2021 .queen-mother .intro__button--5 a:hover, .year-2021 .queen-mother .year-2018 .intro__button--14 a:before, .year-2021 .queen-mother .year-2018 .intro__button--14 a:hover, .year-2021 .year-2019 .queen-mother .intro__button--14 a:before, .year-2021 .year-2019 .queen-mother .intro__button--14 a:hover {
    color: #fff
}

.year-2018 .year-2021 .queen-mother .intro__button--11, .year-2019 .year-2021 .queen-mother .intro__button--11, .year-2021 .queen-mother .intro__button--6, .year-2021 .queen-mother .year-2018 .intro__button--11, .year-2021 .year-2019 .queen-mother .intro__button--11 {
    background: #05628e;
    background: -moz-linear-gradient(top, #05628e 0, #045b84 47%, #025074 100%);
    background: -webkit-linear-gradient(top, #05628e, #045b84 47%, #025074);
    background: linear-gradient(180deg, #05628e 0, #045b84 47%, #025074);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#05628e", endColorstr="#025074", GradientType=0)
}

.year-2018 .year-2021 .queen-mother .intro__button--11 a, .year-2019 .year-2021 .queen-mother .intro__button--11 a, .year-2021 .queen-mother .intro__button--6 a, .year-2021 .queen-mother .year-2018 .intro__button--11 a, .year-2021 .year-2019 .queen-mother .intro__button--11 a {
    color: #fff;
    text-transform: uppercase
}

@media (max-width: 324px) {
    .year-2018 .year-2021 .queen-mother .intro__button--11 a, .year-2019 .year-2021 .queen-mother .intro__button--11 a, .year-2021 .queen-mother .intro__button--6 a, .year-2021 .queen-mother .year-2018 .intro__button--11 a, .year-2021 .year-2019 .queen-mother .intro__button--11 a {
        font-size: 80%
    }
}

.year-2018 .year-2021 .queen-mother .intro__button--11 a:before, .year-2018 .year-2021 .queen-mother .intro__button--11 a:hover, .year-2019 .year-2021 .queen-mother .intro__button--11 a:before, .year-2019 .year-2021 .queen-mother .intro__button--11 a:hover, .year-2021 .queen-mother .intro__button--6 a:before, .year-2021 .queen-mother .intro__button--6 a:hover, .year-2021 .queen-mother .year-2018 .intro__button--11 a:before, .year-2021 .queen-mother .year-2018 .intro__button--11 a:hover, .year-2021 .year-2019 .queen-mother .intro__button--11 a:before, .year-2021 .year-2019 .queen-mother .intro__button--11 a:hover {
    color: #fff
}

.year-2021 .queen10 h3, .year-2021 .queen10 h4 {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: .5
}

.year-2021 .queen10 h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2021 .queen10 h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2021 .queen10 .intro__title {
    font-weight: 400;
    line-height: .8;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .2)
}

@supports not (-webkit-touch-callout:none) {
    .year-2021 .queen10 .intro__title {
        letter-spacing: 1px
    }
}

.year-2021 .queen10 .intro__subtitle {
    font-weight: 400;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .2)
}

@supports not (-webkit-touch-callout:none) {
    .year-2021 .queen10 .intro__subtitle {
        letter-spacing: 1px
    }
}

.year-2021 .queen10 .intro__subtitle--longlive {
    font-size: 96px !important;
    font-size: 6rem !important;
    letter-spacing: normal;
    line-height: 1;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .29), 0 0 0 rgba(0, 0, 0, .29), 0 0 0 rgba(0, 0, 0, .29)
}

@media (max-width: 479px) {
    .year-2021 .queen10 .intro__subtitle--longlive {
        font-size: 75px !important;
        font-size: 4.6875rem !important
    }
}

.year-2021 .queen10 .intro__subtitle--name {
    line-height: 1;
    margin-bottom: 15px
}

.year-2021 .queen10 .intro__subtitle--event {
    line-height: 1
}

.year-2021 .queen10 .intro__text {
    text-shadow: 0 3px 6px rgba(0, 0, 0, .2)
}

.year-2021 .queen10 .intro__figure--5 img {
    max-width: 100% !important
}

.year-2021 .queen10 .intro__figure--6 img {
    max-height: 100%;
    height: auto
}

.year-2021 .queen10 .intro__content {
    width: 100%;
    padding-top: 20px
}

.year-2021 .queen10 .intro__content--1 .intro__title {
    color: #fff;
    margin-bottom: 0
}

.year-2021 .queen10 .intro__content--1 .intro__subtitle {
    color: #fff
}

.year-2021 .queen10 .intro__content--1 .intro__subtitle--longlive {
    color: #f2c373;
    line-height: .7;
    margin-bottom: .3rem
}

.year-2021 .queen10 .intro__content--1 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2021 .queen10 .intro__content--1 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2021 .queen10 .intro__content--1 .intro__text {
    color: #fff
}

.year-2021 .queen10 .intro__content--1 .intro__line {
    text-align: center;
    padding: 0 0 15px
}

.year-2021 .queen10 .intro__content--1 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 320px
}

.year-2021 .queen10 .intro__content--2 .intro__title {
    color: #fff;
    margin-bottom: .3rem
}

.year-2021 .queen10 .intro__content--2 .intro__subtitle {
    color: #fff
}

.year-2021 .queen10 .intro__content--2 .intro__subtitle--event {
    margin-bottom: .5rem
}

.year-2021 .queen10 .intro__content--2 .intro__subtitle--longlive {
    color: #f2c373;
    line-height: .7;
    margin-bottom: .3rem
}

.year-2021 .queen10 .intro__content--2 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2021 .queen10 .intro__content--2 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2021 .queen10 .intro__content--2 .intro__text {
    color: #fff
}

.year-2021 .queen10 .intro__content--2 .intro__line {
    text-align: center;
    padding: 0 0 15px
}

.year-2021 .queen10 .intro__content--2 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 320px
}

.year-2021 .queen10 .intro__content--2 .intro__footer {
    padding-bottom: 52px
}

.year-2021 .queen10 .intro__content--3 .intro__title {
    color: #fff;
    margin-bottom: .3rem
}

.year-2021 .queen10 .intro__content--3 .intro__subtitle {
    color: #fff
}

.year-2021 .queen10 .intro__content--3 .intro__subtitle--event {
    margin-bottom: .5rem
}

.year-2021 .queen10 .intro__content--3 .intro__subtitle--longlive {
    color: #e4bc6e;
    line-height: .8;
    margin-bottom: .3rem
}

.year-2021 .queen10 .intro__content--3 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2021 .queen10 .intro__content--3 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2021 .queen10 .intro__content--3 .intro__text {
    color: #fff
}

.year-2021 .queen10 .intro__content--3 .intro__line {
    text-align: center;
    padding: 0 0 15px
}

.year-2021 .queen10 .intro__content--3 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 320px
}

.year-2021 .queen10 .intro__content--4 .intro__subtitle, .year-2021 .queen10 .intro__content--4 .intro__title {
    color: #fff
}

.year-2021 .queen10 .intro__content--4 .intro__subtitle--event {
    margin-bottom: .5rem
}

.year-2021 .queen10 .intro__content--4 .intro__subtitle--longlive {
    background: transparent linear-gradient(180deg, #d8a104, #e3c122 46%, #cb9803) 0 0 no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    filter: drop-shadow(0 3px 2px rgba(0, 0, 0, .2))
}

.year-2021 .queen10 .intro__content--4 .intro__text {
    color: #fff
}

.year-2021 .queen10 .intro__content--4 .intro__line {
    text-align: center
}

.year-2021 .queen10 .intro__content--4 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 277px
}

.year-2021 .queen10 .intro__content--5 {
    max-width: none;
    color: #e2bf21
}

.year-2021 .queen10 .intro__content--5 .intro__subtitle, .year-2021 .queen10 .intro__content--5 .intro__title {
    color: #f2d872
}

.year-2021 .queen10 .intro__content--5 .intro__subtitle--event {
    margin-bottom: .5rem
}

.year-2021 .queen10 .intro__content--5 .intro__subtitle--longlive {
    color: #e2bf21;
    line-height: .7;
    margin-bottom: .3rem
}

.year-2021 .queen10 .intro__content--5 .intro__subtitle .master {
    display: inline-block;
    margin-right: .5rem
}

.year-2021 .queen10 .intro__content--5 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2021 .queen10 .intro__content--5 .intro__text {
    color: #e2bf21
}

.year-2021 .queen10 .intro__content--5 .intro__line {
    text-align: center
}

.year-2021 .queen10 .intro__content--5 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 327px
}

.year-2021 .queen10 .intro__content--6, .year-2021 .queen10 .intro__content--6 .intro__subtitle, .year-2021 .queen10 .intro__content--6 .intro__title {
    color: #fff
}

.year-2021 .queen10 .intro__content--6 .intro__subtitle--event {
    margin-bottom: .5rem
}

.year-2021 .queen10 .intro__content--6 .intro__subtitle--longlive {
    line-height: .8;
    background: -linear-gradient(270deg, #f5e58f 0, #cc9b0e 100%);
    background: -webkit-linear-gradient(270deg, #f5e58f, #cc9b0e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    filter: drop-shadow(0 3px 2px rgba(0, 0, 0, .2))
}

.year-2021 .queen10 .intro__content--6 .intro__subtitle .master {
    display: block
}

.year-2021 .queen10 .intro__content--6 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2021 .queen10 .intro__content--6 .intro__line {
    text-align: center
}

.year-2021 .queen10 .intro__content--6 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 185px
}

.year-2021 .queen10 .intro__button--1 {
    padding: 3px;
    margin-top: .5rem;
    border-radius: 51px;
    border: 1px solid #fff;
    background: transparent linear-gradient(90deg, #f2d286, #ba8430) 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .29)
}

.year-2021 .queen10 .intro__button--1 a {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #5b217b
}

.year-2021 .queen10 .intro__button--1 a:focus, .year-2021 .queen10 .intro__button--1 a:hover {
    text-decoration: none
}

.year-2021 .queen10 .intro__button--2 {
    padding: 5px 0;
    margin-top: .5rem;
    border-radius: 51px;
    position: relative;
    border: 1px solid #fff;
    background-color: transparent;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .29)
}

.year-2021 .queen10 .intro__button--2:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border-radius: 51px;
    background-color: #f2c373
}

.year-2021 .queen10 .intro__button--2 a {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #5b217b
}

.year-2021 .queen10 .intro__button--2 a:focus, .year-2021 .queen10 .intro__button--2 a:hover {
    text-decoration: none
}

.year-2021 .queen10 .intro__button--3 {
    padding: 5px 0;
    margin-top: .5rem;
    position: relative;
    border: 1px solid #fff;
    background-color: transparent;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .29)
}

.year-2021 .queen10 .intro__button--3:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    background: transparent linear-gradient(90deg, #f2d286, #ba8430) 0 0 no-repeat padding-box
}

.year-2021 .queen10 .intro__button--3 a {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #5b217b
}

.year-2021 .queen10 .intro__button--3 a:focus, .year-2021 .queen10 .intro__button--3 a:hover {
    text-decoration: none
}

.year-2018 .king10 .year-2021 .queen10 .intro__button--11, .year-2018 .king10 .year-2021 .queen10 .intro__button--12, .year-2019 .king .year-2021 .queen10 .intro__button--11, .year-2019 .king .year-2021 .queen10 .intro__button--12, .year-2021 .queen10 .intro__button--4, .year-2021 .queen10 .year-2018 .king10 .intro__button--11, .year-2021 .queen10 .year-2018 .king10 .intro__button--12, .year-2021 .queen10 .year-2019 .king .intro__button--11, .year-2021 .queen10 .year-2019 .king .intro__button--12 {
    padding: 5px 0;
    background: transparent linear-gradient(180deg, #f2d286, #ba8430) 0 0 no-repeat padding-box;
    border-radius: 24px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .29)
}

.year-2018 .king10 .year-2021 .queen10 .intro__button--11 a, .year-2018 .king10 .year-2021 .queen10 .intro__button--11 a:before, .year-2018 .king10 .year-2021 .queen10 .intro__button--12 a, .year-2018 .king10 .year-2021 .queen10 .intro__button--12 a:before, .year-2019 .king .year-2021 .queen10 .intro__button--11 a, .year-2019 .king .year-2021 .queen10 .intro__button--11 a:before, .year-2019 .king .year-2021 .queen10 .intro__button--12 a, .year-2019 .king .year-2021 .queen10 .intro__button--12 a:before, .year-2021 .queen10 .intro__button--4 a, .year-2021 .queen10 .intro__button--4 a:before, .year-2021 .queen10 .year-2018 .king10 .intro__button--11 a, .year-2021 .queen10 .year-2018 .king10 .intro__button--11 a:before, .year-2021 .queen10 .year-2018 .king10 .intro__button--12 a, .year-2021 .queen10 .year-2018 .king10 .intro__button--12 a:before, .year-2021 .queen10 .year-2019 .king .intro__button--11 a, .year-2021 .queen10 .year-2019 .king .intro__button--11 a:before, .year-2021 .queen10 .year-2019 .king .intro__button--12 a, .year-2021 .queen10 .year-2019 .king .intro__button--12 a:before {
    color: #fff
}

.year-2018 .king10 .year-2021 .queen10 .intro__button--11 a:focus, .year-2018 .king10 .year-2021 .queen10 .intro__button--11 a:hover, .year-2018 .king10 .year-2021 .queen10 .intro__button--12 a:focus, .year-2018 .king10 .year-2021 .queen10 .intro__button--12 a:hover, .year-2019 .king .year-2021 .queen10 .intro__button--11 a:focus, .year-2019 .king .year-2021 .queen10 .intro__button--11 a:hover, .year-2019 .king .year-2021 .queen10 .intro__button--12 a:focus, .year-2019 .king .year-2021 .queen10 .intro__button--12 a:hover, .year-2021 .queen10 .intro__button--4 a:focus, .year-2021 .queen10 .intro__button--4 a:hover, .year-2021 .queen10 .year-2018 .king10 .intro__button--11 a:focus, .year-2021 .queen10 .year-2018 .king10 .intro__button--11 a:hover, .year-2021 .queen10 .year-2018 .king10 .intro__button--12 a:focus, .year-2021 .queen10 .year-2018 .king10 .intro__button--12 a:hover, .year-2021 .queen10 .year-2019 .king .intro__button--11 a:focus, .year-2021 .queen10 .year-2019 .king .intro__button--11 a:hover, .year-2021 .queen10 .year-2019 .king .intro__button--12 a:focus, .year-2021 .queen10 .year-2019 .king .intro__button--12 a:hover {
    text-decoration: none
}

.year-2018 .year-2021 .queen10 .intro__button--14, .year-2019 .queen-mother .year-2021 .queen10 .intro__button--14, .year-2021 .queen10 .intro__button--5, .year-2021 .queen10 .year-2018 .intro__button--14, .year-2021 .queen10 .year-2019 .queen-mother .intro__button--14 {
    margin-top: .5rem;
    background-color: #e78f06;
    border-radius: 24px;
    background: transparent linear-gradient(180deg, #f2d286, #ba8430) 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .29)
}

.year-2018 .year-2021 .queen10 .intro__button--14 a, .year-2019 .queen-mother .year-2021 .queen10 .intro__button--14 a, .year-2021 .queen10 .intro__button--5 a, .year-2021 .queen10 .year-2018 .intro__button--14 a, .year-2021 .queen10 .year-2019 .queen-mother .intro__button--14 a {
    font-size: 20px;
    font-size: 1.25rem;
    color: #fff
}

.year-2018 .year-2021 .queen10 .intro__button--14 a:before, .year-2019 .queen-mother .year-2021 .queen10 .intro__button--14 a:before, .year-2021 .queen10 .intro__button--5 a:before, .year-2021 .queen10 .year-2018 .intro__button--14 a:before, .year-2021 .queen10 .year-2019 .queen-mother .intro__button--14 a:before {
    color: #fff
}

.year-2018 .year-2021 .queen10 .intro__button--14 a:focus, .year-2018 .year-2021 .queen10 .intro__button--14 a:hover, .year-2019 .queen-mother .year-2021 .queen10 .intro__button--14 a:focus, .year-2019 .queen-mother .year-2021 .queen10 .intro__button--14 a:hover, .year-2021 .queen10 .intro__button--5 a:focus, .year-2021 .queen10 .intro__button--5 a:hover, .year-2021 .queen10 .year-2018 .intro__button--14 a:focus, .year-2021 .queen10 .year-2018 .intro__button--14 a:hover, .year-2021 .queen10 .year-2019 .queen-mother .intro__button--14 a:focus, .year-2021 .queen10 .year-2019 .queen-mother .intro__button--14 a:hover {
    text-decoration: none
}

.year-2018 .year-2021 .queen10 .intro__button--11, .year-2019 .queen-mother .year-2021 .queen10 .intro__button--11, .year-2021 .queen10 .intro__button--6, .year-2021 .queen10 .year-2018 .intro__button--11, .year-2021 .queen10 .year-2019 .queen-mother .intro__button--11 {
    padding: 5px 0;
    background: transparent linear-gradient(180deg, #f2d286, #ba8430) 0 0 no-repeat padding-box;
    border-radius: 8px;
    margin-top: .5rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .29)
}

.year-2018 .year-2021 .queen10 .intro__button--11 a, .year-2019 .queen-mother .year-2021 .queen10 .intro__button--11 a, .year-2021 .queen10 .intro__button--6 a, .year-2021 .queen10 .year-2018 .intro__button--11 a, .year-2021 .queen10 .year-2019 .queen-mother .intro__button--11 a {
    font-size: 20px;
    font-size: 1.25rem;
    color: #fff
}

.year-2018 .year-2021 .queen10 .intro__button--11 a:before, .year-2019 .queen-mother .year-2021 .queen10 .intro__button--11 a:before, .year-2021 .queen10 .intro__button--6 a:before, .year-2021 .queen10 .year-2018 .intro__button--11 a:before, .year-2021 .queen10 .year-2019 .queen-mother .intro__button--11 a:before {
    color: #fff
}

.year-2018 .year-2021 .queen10 .intro__button--11 a:focus, .year-2018 .year-2021 .queen10 .intro__button--11 a:hover, .year-2019 .queen-mother .year-2021 .queen10 .intro__button--11 a:focus, .year-2019 .queen-mother .year-2021 .queen10 .intro__button--11 a:hover, .year-2021 .queen10 .intro__button--6 a:focus, .year-2021 .queen10 .intro__button--6 a:hover, .year-2021 .queen10 .year-2018 .intro__button--11 a:focus, .year-2021 .queen10 .year-2018 .intro__button--11 a:hover, .year-2021 .queen10 .year-2019 .queen-mother .intro__button--11 a:focus, .year-2021 .queen10 .year-2019 .queen-mother .intro__button--11 a:hover {
    text-decoration: none
}

.year-2021 .newyear {
    font-family: Sarabun;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1
}

.year-2021 .newyear h3 {
    line-height: 1;
    font-size: 54px;
    font-size: 3.375rem;
    font-weight: 700
}

.year-2021 .newyear h4 {
    font-size: 26px;
    font-size: 1.625rem;
    margin: 0 0 5px
}

.year-2021 .newyear h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2021 .newyear h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2021 .newyear .intro__text {
    font-size: 26px;
    font-size: 1.625rem
}

.year-2021 .body-snapshot .newyear .intro {
    display: flex;
    justify-content: center;
    align-items: center
}

.year-2021 .body-snapshot .newyear .intro > .intro__figure {
    height: auto;
    max-height: 70vh
}

.year-2021 .body-snapshot .newyear .intro > .intro__figure img {
    max-height: 100%
}

.year-2021 .wrapper {
    overflow-x: hidden
}

.year-2021 .wrapper--1, .year-2021 .wrapper--2 {
    background-position: bottom
}

.year-2021 .wrapper--3, .year-2021 .wrapper--4, .year-2021 .wrapper--5 {
    background-position: 50%
}

.year-2021 .wrapper--6 {
    background-position: bottom
}

.year-2021 .newyear.newyear--1 .intro {
    padding-top: 0;
    justify-content: flex-start
}

@media (min-height: 100vw) {
    .year-2021 .newyear.newyear--1 .intro {
        padding-bottom: 30vh;
        justify-content: space-between
    }
}

.year-2021 .newyear.newyear--3 .intro {
    padding-bottom: 0
}

@media (max-height: 100vw) and (max-width: 767px) {
    .year-2021 .newyear.newyear--3 .intro {
        justify-content: flex-end
    }
}

.year-2021 .newyear .intro {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 5px 0 10vh;
    text-align: center
}

.year-2021 .newyear .intro__figure {
    padding: 0 0 40px;
    height: auto;
    max-width: none;
    min-height: auto;
    max-height: 60vh
}

.year-2021 .newyear .intro__figure img {
    height: auto;
    max-height: calc(60vh - 40px)
}

.year-2021 .newyear .intro__figure--2 {
    padding: 0
}

.year-2021 .newyear .intro__figure--2 img {
    max-height: 60vh
}

.year-2021 .newyear .intro__figure--3 {
    padding: 5vh 0 40px;
    max-height: 75vh
}

.year-2021 .newyear .intro__figure--3 img {
    max-height: calc(70vh - 40px)
}

.year-2021 .newyear .intro__figure--5 {
    max-width: 750px
}

.year-2021 .newyear .intro__figure--6 {
    max-width: 500px
}

.year-2021 .newyear .intro__content {
    height: auto
}

.year-2021 .newyear .intro__content--1, .year-2021 .newyear .intro__content--2 {
    color: #fff
}

.year-2021 .newyear .intro__content--3 {
    color: #666766
}

.year-2021 .newyear .intro__content--4 {
    color: #000
}

.year-2021 .newyear .intro__content--5, .year-2021 .newyear .intro__content--6 {
    color: #666766
}

@media (max-width: 767px) {
    .year-2021 .newyear .intro {
        padding-bottom: 0
    }

    .year-2021 .newyear .intro > .d-block {
        display: none !important
    }

    .year-2021 .newyear .intro__text {
        margin-bottom: .5rem
    }

    .year-2021 .newyear .intro__footer {
        padding-bottom: 10px
    }

    .year-2021 .newyear .intro__figure {
        padding: 0 0 10px
    }

    .year-2021 .newyear .intro__figure--1, .year-2021 .newyear .intro__figure--3 {
        width: 140%;
        margin-left: -20%
    }

    .year-2021 .newyear .intro__figure img {
        max-height: calc(60vh - 10px)
    }
}

.year-2021 .newyear .intro__button {
    border-radius: 6px;
    -webkit-box-shadow: 0 9px 24px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 9px 24px rgba(0, 0, 0, .08);
    box-shadow: 0 9px 24px rgba(0, 0, 0, .08)
}

@media (max-width: 767px) {
    .year-2021 .newyear .intro__button {
        margin-top: 10px
    }
}

.year-2021 .newyear .intro__button a {
    padding: 15px 15px 12px 25px
}

.year-2021 .newyear .intro__button a + a {
    padding: 15px 25px 12px 15px
}

.year-2021 .newyear .intro__button a:before {
    top: 15px;
    color: #fff !important
}

.year-2021 .newyear .intro__button--1 {
    background: #dab567;
    background: -moz-linear-gradient(left, #dab567 0, #e6deca 50%, #dab567 100%);
    background: -webkit-linear-gradient(left, #dab567, #e6deca 50%, #dab567);
    background: linear-gradient(90deg, #dab567 0, #e6deca 50%, #dab567)
}

.year-2021 .newyear .intro__button--1 a {
    color: #000
}

.year-2021 .newyear .intro__button--1 a:before {
    color: #000 !important
}

.year-2021 .newyear .intro__button--2 {
    background: #a4a4a4;
    background: -moz-linear-gradient(left, #a4a4a4 0, #fff 50%, #a4a4a4 100%);
    background: -webkit-linear-gradient(left, #a4a4a4, #fff 50%, #a4a4a4);
    background: linear-gradient(90deg, #a4a4a4 0, #fff 50%, #a4a4a4)
}

.year-2021 .newyear .intro__button--2 a {
    color: #000
}

.year-2021 .newyear .intro__button--2 a:before {
    color: #000 !important
}

.year-2021 .newyear .intro__button--3 {
    background: #c64245;
    background: -moz-linear-gradient(top, #c64245 0, #dc4a5f 50%, #b71e40 100%);
    background: -webkit-linear-gradient(top, #c64245, #dc4a5f 50%, #b71e40);
    background: linear-gradient(180deg, #c64245 0, #dc4a5f 50%, #b71e40)
}

.year-2018 .king10 .year-2021 .newyear .intro__button--11, .year-2018 .king10 .year-2021 .newyear .intro__button--12, .year-2019 .king .year-2021 .newyear .intro__button--11, .year-2019 .king .year-2021 .newyear .intro__button--12, .year-2021 .newyear .intro__button--4, .year-2021 .newyear .year-2018 .king10 .intro__button--11, .year-2021 .newyear .year-2018 .king10 .intro__button--12, .year-2021 .newyear .year-2019 .king .intro__button--11, .year-2021 .newyear .year-2019 .king .intro__button--12 {
    background: #ea3d36;
    background: -moz-linear-gradient(top, #ea3d36 0, #be2b29 50%, #991b1f 100%);
    background: -webkit-linear-gradient(top, #ea3d36, #be2b29 50%, #991b1f);
    background: linear-gradient(180deg, #ea3d36 0, #be2b29 50%, #991b1f)
}

.year-2018 .year-2021 .newyear .intro__button--14, .year-2019 .queen-mother .year-2021 .newyear .intro__button--14, .year-2021 .newyear .intro__button--5, .year-2021 .newyear .year-2018 .intro__button--14, .year-2021 .newyear .year-2019 .queen-mother .intro__button--14 {
    background: #975b25;
    background: -moz-linear-gradient(top, #975b25 0, #c5943d 50%, #ffda5f 100%);
    background: -webkit-linear-gradient(top, #975b25, #c5943d 50%, #ffda5f);
    background: linear-gradient(180deg, #975b25 0, #c5943d 50%, #ffda5f)
}

.year-2018 .year-2021 .newyear .intro__button--11, .year-2019 .queen-mother .year-2021 .newyear .intro__button--11, .year-2021 .newyear .intro__button--6, .year-2021 .newyear .year-2018 .intro__button--11, .year-2021 .newyear .year-2019 .queen-mother .intro__button--11 {
    background: #afcaea;
    background: -moz-linear-gradient(top, #afcaea 0, #93b6e0 50%, #78a5d7 100%);
    background: -webkit-linear-gradient(top, #afcaea, #93b6e0 50%, #78a5d7);
    background: linear-gradient(180deg, #afcaea 0, #93b6e0 50%, #78a5d7)
}

.body-snapshot .year-2021 .king-rama-9-memorial-day .intro__content .intro__subtitle .d-inline-block, .body-snapshot .year-2021 .king-rama-9-memorial-day .intro__content .intro__subtitle .firstname, .body-snapshot .year-2021 .king-rama-9-memorial-day .intro__content .intro__subtitle .master {
    display: inline !important
}

.body-snapshot .year-2021 .king-rama-9-memorial-day .intro__content .intro__subtitle--name {
    font-size: 32px;
    font-size: 2rem
}

.year-2020 .king9 .intro__title {
    font-size: 38px;
    font-size: 2.375rem;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.1
}

@media (max-width: 479px) {
    .year-2020 .king9 .intro__title {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2020 .king9 .intro__title--2 {
    font-weight: 400
}

.year-2018 .queen .year-2020 .king9 .intro__title--10, .year-2018 .queen .year-2020 .king9 .intro__title--11, .year-2018 .queen .year-2020 .king9 .intro__title--13, .year-2018 .queen .year-2020 .king9 .intro__title--14, .year-2018 .queen .year-2020 .king9 .intro__title--15, .year-2020 .king9 .intro__title--3, .year-2020 .king9 .year-2018 .queen .intro__title--10, .year-2020 .king9 .year-2018 .queen .intro__title--11, .year-2020 .king9 .year-2018 .queen .intro__title--13, .year-2020 .king9 .year-2018 .queen .intro__title--14, .year-2020 .king9 .year-2018 .queen .intro__title--15 {
    font-size: 30px;
    font-size: 1.875rem
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2020 .king9 .intro__title--10, .year-2018 .queen .year-2020 .king9 .intro__title--11, .year-2018 .queen .year-2020 .king9 .intro__title--13, .year-2018 .queen .year-2020 .king9 .intro__title--14, .year-2018 .queen .year-2020 .king9 .intro__title--15, .year-2020 .king9 .intro__title--3, .year-2020 .king9 .year-2018 .queen .intro__title--10, .year-2020 .king9 .year-2018 .queen .intro__title--11, .year-2020 .king9 .year-2018 .queen .intro__title--13, .year-2020 .king9 .year-2018 .queen .intro__title--14, .year-2020 .king9 .year-2018 .queen .intro__title--15 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2018 .king10 .year-2020 .king9 .intro__title--10, .year-2018 .king10 .year-2020 .king9 .intro__title--11, .year-2018 .king10 .year-2020 .king9 .intro__title--12, .year-2020 .king9 .intro__title--4, .year-2020 .king9 .year-2018 .king10 .intro__title--10, .year-2020 .king9 .year-2018 .king10 .intro__title--11, .year-2020 .king9 .year-2018 .king10 .intro__title--12 {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: .9
}

@media (max-width: 479px) {
    .year-2018 .king10 .year-2020 .king9 .intro__title--10, .year-2018 .king10 .year-2020 .king9 .intro__title--11, .year-2018 .king10 .year-2020 .king9 .intro__title--12, .year-2020 .king9 .intro__title--4, .year-2020 .king9 .year-2018 .king10 .intro__title--10, .year-2020 .king9 .year-2018 .king10 .intro__title--11, .year-2020 .king9 .year-2018 .king10 .intro__title--12 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2018 .queen .year-2020 .king9 .intro__title--12, .year-2020 .king9 .intro__title--5, .year-2020 .king9 .year-2018 .queen .intro__title--12 {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 400
}

@media (max-width: 479px) {
    .year-2018 .queen .year-2020 .king9 .intro__title--12, .year-2020 .king9 .intro__title--5, .year-2020 .king9 .year-2018 .queen .intro__title--12 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2020 .king9 .intro__title--6 {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: .9
}

@media (max-width: 479px) {
    .year-2020 .king9 .intro__title--6 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2020 .king9 .intro__subtitle {
    font-size: 50px;
    font-size: 3.125rem
}

@media (max-width: 479px) {
    .year-2020 .king9 .intro__subtitle {
        font-size: 36px;
        font-size: 2.25rem
    }
}

.year-2020 .king9 .intro__subtitle--1 {
    font-size: 45px;
    font-size: 2.8125rem;
    font-family: Sarabun !important
}

@media (max-width: 479px) {
    .year-2020 .king9 .intro__subtitle--1 {
        font-size: 36px;
        font-size: 2.25rem
    }
}

.year-2020 .king9 .intro__subtitle--2 {
    font-weight: 700
}

.year-2018 .queen .year-2020 .king9 .intro__subtitle--10, .year-2018 .queen .year-2020 .king9 .intro__subtitle--11, .year-2018 .queen .year-2020 .king9 .intro__subtitle--13, .year-2018 .queen .year-2020 .king9 .intro__subtitle--14, .year-2018 .queen .year-2020 .king9 .intro__subtitle--15, .year-2020 .king9 .intro__subtitle--3, .year-2020 .king9 .year-2018 .queen .intro__subtitle--10, .year-2020 .king9 .year-2018 .queen .intro__subtitle--11, .year-2020 .king9 .year-2018 .queen .intro__subtitle--13, .year-2020 .king9 .year-2018 .queen .intro__subtitle--14, .year-2020 .king9 .year-2018 .queen .intro__subtitle--15 {
    font-family: PSL Panpilas Pro !important
}

.year-2018 .king10 .year-2020 .king9 .intro__subtitle--10, .year-2018 .king10 .year-2020 .king9 .intro__subtitle--11, .year-2018 .king10 .year-2020 .king9 .intro__subtitle--12, .year-2020 .king9 .intro__subtitle--4, .year-2020 .king9 .year-2018 .king10 .intro__subtitle--10, .year-2020 .king9 .year-2018 .king10 .intro__subtitle--11, .year-2020 .king9 .year-2018 .king10 .intro__subtitle--12 {
    font-weight: 700;
    line-height: .9
}

.year-2018 .queen .year-2020 .king9 .intro__subtitle--12, .year-2020 .king9 .intro__subtitle--5, .year-2020 .king9 .year-2018 .queen .intro__subtitle--12 {
    font-weight: 700;
    font-style: italic;
    text-shadow: 1px 0 2px rgba(58, 25, 0, .5)
}

.year-2020 .king9 .intro__subtitle--6 {
    font-weight: 700;
    line-height: .9
}

.year-2020 .king9 .intro__text {
    font-size: 26px;
    font-size: 1.625rem
}

@media (max-width: 414px) {
    .year-2020 .king9 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2020 .king9--6 .intro__row {
    width: 100%
}

.year-2020 .king9 .intro__logo {
    display: none !important
}

.year-2020 .king9 .intro--vertical .intro__logo {
    display: none
}

.year-2020 .king9 .intro__line {
    padding: 0 0 5px
}

.year-2020 .king9 .intro__line .img-fluid {
    max-width: 400px;
    width: 100%
}

.year-2020 .king9 .intro__figure--2 {
    margin: 1.5rem auto
}

.year-2020 .king9 .intro__figure--3 {
    margin: 1.5rem auto 0
}

.year-2020 .king9 .intro__figure--4, .year-2020 .king9 .intro__figure--6 {
    max-width: 100%
}

.year-2020 .king9 .intro__figure--4 .intro__image, .year-2020 .king9 .intro__figure--6 .intro__image {
    margin-bottom: 0
}

.year-2020 .king9 .intro__figure--6 {
    position: relative;
    display: block;
    width: 100%
}

.year-2020 .king9 .intro__figure--6:before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    padding-top: 100%
}

.year-2020 .king9 .intro__figure--6 .intro__image {
    position: absolute;
    top: -32%;
    left: -25%;
    display: block;
    width: 150%;
    height: 150%;
    max-width: none
}

@media (max-width: 991px) {
    .year-2020 .king9 .intro__figure--6 .intro__image {
        top: -15%;
        left: -10%;
        width: 120%;
        height: 120%
    }
}

.year-2020 .king9 .intro__title span {
    display: initial
}

.year-2018 .king10 .year-2020 .king9 .intro__subtitle--10 span, .year-2018 .king10 .year-2020 .king9 .intro__subtitle--11 span, .year-2018 .king10 .year-2020 .king9 .intro__subtitle--12 span, .year-2020 .king9 .intro__subtitle--4 span, .year-2020 .king9 .intro__subtitle--6 span, .year-2020 .king9 .year-2018 .king10 .intro__subtitle--10 span, .year-2020 .king9 .year-2018 .king10 .intro__subtitle--11 span, .year-2020 .king9 .year-2018 .king10 .intro__subtitle--12 span {
    display: inline-block
}

.year-2020 .king9 .intro__content {
    width: 100%
}

.year-2020 .king9 .intro__content .company-name {
    display: inline-block
}

.year-2020 .king9 .intro__content--1 .intro__line .img-fluid, .year-2020 .king9 .intro__content--2 .intro__line .img-fluid {
    max-width: 200px
}

.year-2020 .king9 .intro__content--1 {
    color: #ad7b04
}

.year-2020 .king9 .intro__content--1 .intro__subtitle {
    color: #895120
}

.year-2020 .king9 .intro__content--1 .intro__text {
    color: #000
}

.year-2020 .king9 .intro__content--2 {
    color: #b37622
}

.year-2020 .king9 .intro__content--2 .intro__title {
    color: #4b320f
}

.year-2020 .king9 .intro__content--2 .company-name {
    display: block
}

.year-2020 .king9 .intro__content--3 {
    color: #9f6c13
}

.year-2020 .king9 .intro__content--3 .intro__line .img-fluid {
    max-width: 140px
}

.year-2020 .king9 .intro__content--4 {
    color: #674818
}

.year-2020 .king9 .intro__content--4 .intro__title {
    margin-bottom: 25px
}

.year-2020 .king9 .intro__content--4 .intro__subtitle {
    margin-bottom: 10px
}

.year-2020 .king9 .intro__content--4 .intro__text {
    color: #000
}

.year-2020 .king9 .intro__content--4 .intro__line {
    padding: 10px 0
}

.year-2020 .king9 .intro__content--5 {
    color: #684e16
}

.year-2020 .king9 .intro__content--5 .intro__text {
    color: #000
}

.year-2020 .king9 .intro__content--5 .intro__line .img-fluid {
    max-width: 350px;
    padding-bottom: 15px
}

.year-2020 .king9 .intro__content--6 {
    color: #674818
}

.year-2020 .king9 .intro__content--6 .intro__title {
    margin-bottom: 25px
}

.year-2020 .king9 .intro__content--6 .intro__text {
    color: #000
}

.year-2020 .king9 .intro__content--6 .intro__line {
    padding: 20px 0 10px
}

.year-2020 .king9 .intro__button {
    border-radius: 7px
}

.year-2020 .king9 .intro__button--1 {
    background-color: #895120;
    border: none;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, .3);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, .3)
}

.year-2020 .king9 .intro__button--1 a, .year-2020 .king9 .intro__button--1 a:before {
    color: #fff
}

.year-2020 .king9 .intro__button--2 {
    background: #cfb447;
    background: -moz-linear-gradient(top, #cfb447 0, #cfa631 50%, #cf9a1c 100%);
    background: -webkit-linear-gradient(top, #cfb447, #cfa631 50%, #cf9a1c);
    background: linear-gradient(180deg, #cfb447 0, #cfa631 50%, #cf9a1c);
    -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, .32);
    -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, .32);
    box-shadow: 1px 3px 5px rgba(0, 0, 0, .32)
}

.year-2020 .king9 .intro__button--2 a, .year-2020 .king9 .intro__button--2 a:before {
    color: #fff !important
}

.year-2020 .king9 .intro__button--3 {
    background-color: #9f6c13;
    border-radius: 0;
    -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, .32);
    -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, .32);
    box-shadow: 1px 3px 5px rgba(0, 0, 0, .32)
}

.year-2020 .king9 .intro__button--3 a, .year-2020 .king9 .intro__button--3 a:before {
    color: #fffee3 !important
}

.year-2018 .king10 .year-2020 .king9 .intro__button--11, .year-2018 .king10 .year-2020 .king9 .intro__button--12, .year-2019 .king .year-2020 .king9 .intro__button--11, .year-2019 .king .year-2020 .king9 .intro__button--12, .year-2020 .king9 .intro__button--4, .year-2020 .king9 .year-2018 .king10 .intro__button--11, .year-2020 .king9 .year-2018 .king10 .intro__button--12, .year-2020 .king9 .year-2019 .king .intro__button--11, .year-2020 .king9 .year-2019 .king .intro__button--12 {
    background-color: #674818;
    border-radius: 4px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, .32);
    -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, .32);
    box-shadow: 1px 3px 5px rgba(0, 0, 0, .32)
}

.year-2018 .king10 .year-2020 .king9 .intro__button--11 a, .year-2018 .king10 .year-2020 .king9 .intro__button--11 a:before, .year-2018 .king10 .year-2020 .king9 .intro__button--12 a, .year-2018 .king10 .year-2020 .king9 .intro__button--12 a:before, .year-2019 .king .year-2020 .king9 .intro__button--11 a, .year-2019 .king .year-2020 .king9 .intro__button--11 a:before, .year-2019 .king .year-2020 .king9 .intro__button--12 a, .year-2019 .king .year-2020 .king9 .intro__button--12 a:before, .year-2020 .king9 .intro__button--4 a, .year-2020 .king9 .intro__button--4 a:before, .year-2020 .king9 .year-2018 .king10 .intro__button--11 a, .year-2020 .king9 .year-2018 .king10 .intro__button--11 a:before, .year-2020 .king9 .year-2018 .king10 .intro__button--12 a, .year-2020 .king9 .year-2018 .king10 .intro__button--12 a:before, .year-2020 .king9 .year-2019 .king .intro__button--11 a, .year-2020 .king9 .year-2019 .king .intro__button--11 a:before, .year-2020 .king9 .year-2019 .king .intro__button--12 a, .year-2020 .king9 .year-2019 .king .intro__button--12 a:before {
    color: #fff !important
}

.year-2018 .year-2020 .king9 .intro__button--14, .year-2019 .queen-mother .year-2020 .king9 .intro__button--14, .year-2020 .king9 .intro__button--5, .year-2020 .king9 .year-2018 .intro__button--14, .year-2020 .king9 .year-2019 .queen-mother .intro__button--14 {
    background-color: #685816;
    border-radius: 4px;
    -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, .32);
    -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, .32);
    box-shadow: 1px 3px 5px rgba(0, 0, 0, .32)
}

.year-2018 .year-2020 .king9 .intro__button--14 a:before, .year-2019 .queen-mother .year-2020 .king9 .intro__button--14 a:before, .year-2020 .king9 .intro__button--5 a:before, .year-2020 .king9 .year-2018 .intro__button--14 a:before, .year-2020 .king9 .year-2019 .queen-mother .intro__button--14 a:before {
    color: #fff !important
}

.year-2018 .year-2020 .king9 .intro__button--11, .year-2019 .queen-mother .year-2020 .king9 .intro__button--11, .year-2020 .king9 .intro__button--6, .year-2020 .king9 .year-2018 .intro__button--11, .year-2020 .king9 .year-2019 .queen-mother .intro__button--11 {
    background-color: #685816;
    border-radius: 4px;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, .3);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, .3)
}

.year-2018 .year-2020 .king9 .intro__button--11 a, .year-2018 .year-2020 .king9 .intro__button--11 a:before, .year-2019 .queen-mother .year-2020 .king9 .intro__button--11 a, .year-2019 .queen-mother .year-2020 .king9 .intro__button--11 a:before, .year-2020 .king9 .intro__button--6 a, .year-2020 .king9 .intro__button--6 a:before, .year-2020 .king9 .year-2018 .intro__button--11 a, .year-2020 .king9 .year-2018 .intro__button--11 a:before, .year-2020 .king9 .year-2019 .queen-mother .intro__button--11 a, .year-2020 .king9 .year-2019 .queen-mother .intro__button--11 a:before {
    color: #fff !important
}

.year-2020 .newyear {
    font-family: Sarabun;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1
}

.year-2020 .newyear h3 {
    line-height: 1;
    font-size: 54px;
    font-size: 3.375rem;
    font-weight: 700
}

.year-2020 .newyear h4 {
    font-size: 26px;
    font-size: 1.625rem;
    margin: 0 0 5px
}

.year-2020 .newyear h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2020 .newyear h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2020 .newyear .intro__text {
    font-size: 26px;
    font-size: 1.625rem
}

.year-2020 .body-snapshot .newyear .intro {
    display: flex;
    justify-content: center;
    align-items: center
}

.year-2020 .body-snapshot .newyear .intro > .intro__figure {
    height: auto;
    max-height: 70vh
}

.year-2020 .body-snapshot .newyear .intro > .intro__figure img {
    max-height: 100%
}

.year-2020 .wrapper--2, .year-2020 .wrapper--3, .year-2020 .wrapper--4, .year-2020 .wrapper--5 {
    background-position: 50%
}

.year-2020 .wrapper--6 {
    background-position: bottom
}

.year-2020 .wrapper--7 {
    background-position: 50%
}

.year-2020 .wrapper--8 {
    background-position: bottom
}

.year-2020 .wrapper--9 {
    background-position: 50%
}

.year-2020 .newyear .intro {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding-bottom: 20vh;
    text-align: center
}

.year-2020 .newyear .intro__figure {
    padding: 0 0 40px;
    height: auto;
    max-width: none;
    min-height: auto;
    max-height: 60vh
}

.year-2020 .newyear .intro__figure img {
    height: auto;
    max-height: calc(60vh - 40px)
}

.year-2020 .newyear .intro__figure--1, .year-2020 .newyear .intro__figure--2 {
    max-width: 800px
}

.year-2020 .newyear .intro__figure--3 {
    max-width: 620px
}

.year-2020 .newyear .intro__figure--4 {
    max-width: 740px
}

.year-2020 .newyear .intro__figure--5 {
    max-width: 600px
}

.year-2020 .newyear .intro__figure--6 {
    max-width: 900px
}

.year-2020 .newyear .intro__figure--7, .year-2020 .newyear .intro__figure--8 {
    max-width: 620px
}

.year-2020 .newyear .intro__figure--9 {
    max-width: 800px
}

.year-2020 .newyear .intro__content {
    height: auto
}

.year-2020 .newyear .intro__content--1 {
    color: #376846
}

.year-2020 .newyear .intro__content--2 {
    color: #0c0703
}

.year-2020 .newyear .intro__content--3, .year-2020 .newyear .intro__content--4, .year-2020 .newyear .intro__content--5 {
    color: #000
}

.year-2020 .newyear .intro__content--6, .year-2020 .newyear .intro__content--7 {
    color: #f8f2da
}

.year-2020 .newyear .intro__content--8 {
    color: #7d4703
}

.year-2020 .newyear .intro__content--9 {
    color: #efedd2
}

@media (max-width: 767px) {
    .year-2020 .newyear .intro {
        padding-bottom: 15vh
    }

    .year-2020 .newyear .intro__figure {
        padding: 0 0 20px
    }

    .year-2020 .newyear .intro__figure img {
        max-height: calc(60vh - 20px)
    }
}

.year-2020 .newyear .intro__button {
    border-radius: 6px;
    -webkit-box-shadow: 0 18px 30px rgba(0, 0, 0, .11);
    -moz-box-shadow: 0 18px 30px rgba(0, 0, 0, .11);
    box-shadow: 0 18px 30px rgba(0, 0, 0, .11)
}

@media (max-width: 767px) {
    .year-2020 .newyear .intro__button {
        margin-top: 10px
    }
}

.year-2020 .newyear .intro__button a:before {
    color: #fff !important
}

.year-2020 .newyear .intro__button--1 {
    background: #68bdb6;
    background: -moz-linear-gradient(top, #68bdb6 0, #5a9e94 50%, #4b7e72 100%);
    background: -webkit-linear-gradient(top, #68bdb6, #5a9e94 50%, #4b7e72);
    background: linear-gradient(180deg, #68bdb6 0, #5a9e94 50%, #4b7e72)
}

.year-2020 .newyear .intro__button--2 {
    background: #886242;
    background: -moz-linear-gradient(left, #886242 0, #9e7656 50%, #886242 100%);
    background: -webkit-linear-gradient(left, #886242, #9e7656 50%, #886242);
    background: linear-gradient(90deg, #886242 0, #9e7656 50%, #886242)
}

.year-2020 .newyear .intro__button--3 {
    background: #b6782e;
    background: -moz-linear-gradient(left, #b6782e 0, #e4b027 50%, #b6782e 100%);
    background: -webkit-linear-gradient(left, #b6782e, #e4b027 50%, #b6782e);
    background: linear-gradient(90deg, #b6782e 0, #e4b027 50%, #b6782e)
}

.year-2018 .king10 .year-2020 .newyear .intro__button--11, .year-2018 .king10 .year-2020 .newyear .intro__button--12, .year-2019 .king .year-2020 .newyear .intro__button--11, .year-2019 .king .year-2020 .newyear .intro__button--12, .year-2020 .newyear .intro__button--4, .year-2020 .newyear .year-2018 .king10 .intro__button--11, .year-2020 .newyear .year-2018 .king10 .intro__button--12, .year-2020 .newyear .year-2019 .king .intro__button--11, .year-2020 .newyear .year-2019 .king .intro__button--12 {
    background: #a4d5e4;
    background: -moz-linear-gradient(top, #a4d5e4 0, #62a5c1 50%, #21769f 100%);
    background: -webkit-linear-gradient(top, #a4d5e4, #62a5c1 50%, #21769f);
    background: linear-gradient(180deg, #a4d5e4 0, #62a5c1 50%, #21769f)
}

.year-2018 .year-2020 .newyear .intro__button--14, .year-2019 .queen-mother .year-2020 .newyear .intro__button--14, .year-2020 .newyear .intro__button--5, .year-2020 .newyear .year-2018 .intro__button--14, .year-2020 .newyear .year-2019 .queen-mother .intro__button--14 {
    background: #33336f;
    background: -moz-linear-gradient(top, #33336f 0, #27245a 50%, #1c1646 100%);
    background: -webkit-linear-gradient(top, #33336f, #27245a 50%, #1c1646);
    background: linear-gradient(180deg, #33336f 0, #27245a 50%, #1c1646)
}

.year-2018 .year-2020 .newyear .intro__button--11, .year-2018 .year-2020 .newyear .intro__button--12, .year-2018 .year-2020 .newyear .intro__button--13, .year-2019 .queen-mother .year-2020 .newyear .intro__button--11, .year-2019 .queen-mother .year-2020 .newyear .intro__button--12, .year-2019 .queen-mother .year-2020 .newyear .intro__button--13, .year-2020 .newyear .intro__button--6, .year-2020 .newyear .intro__button--7, .year-2020 .newyear .year-2018 .intro__button--11, .year-2020 .newyear .year-2018 .intro__button--12, .year-2020 .newyear .year-2018 .intro__button--13, .year-2020 .newyear .year-2019 .queen-mother .intro__button--11, .year-2020 .newyear .year-2019 .queen-mother .intro__button--12, .year-2020 .newyear .year-2019 .queen-mother .intro__button--13 {
    background: #dbc798;
    background: -moz-linear-gradient(top, #dbc798 0, #b59e69 50%, #90753b 100%);
    background: -webkit-linear-gradient(top, #dbc798, #b59e69 50%, #90753b);
    background: linear-gradient(180deg, #dbc798 0, #b59e69 50%, #90753b)
}

.year-2020 .newyear .intro__button--8 {
    background: #fad781;
    background: -moz-linear-gradient(top, #fad781 0, #d9a650 50%, #ba7720 100%);
    background: -webkit-linear-gradient(top, #fad781, #d9a650 50%, #ba7720);
    background: linear-gradient(180deg, #fad781 0, #d9a650 50%, #ba7720)
}

.year-2020 .newyear .intro__button--9 {
    background: #fbe160;
    background: -moz-linear-gradient(top, #fbe160 0, #b79834 50%, #76510a 100%);
    background: -webkit-linear-gradient(top, #fbe160, #b79834 50%, #76510a);
    background: linear-gradient(180deg, #fbe160 0, #b79834 50%, #76510a)
}

.year-2020 .king10 h3 {
    line-height: .8;
    font-size: 74px;
    font-size: 4.625rem;
    font-weight: 700
}

.year-2020 .king10 h4 {
    font-size: 40px;
    font-size: 2.5rem
}

.year-2020 .king10 h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2020 .king10 h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2020 .king10 .intro__title {
    letter-spacing: 2px
}

.year-2020 .king10 .intro__title--1 {
    font-weight: 400;
    font-family: Sarabun
}

.year-2020 .king10 .intro__title--2 {
    font-family: Kanit;
    font-size: 60px;
    font-size: 3.75rem;
    font-weight: 400
}

.year-2018 .queen .year-2020 .king10 .intro__title--10, .year-2018 .queen .year-2020 .king10 .intro__title--11, .year-2018 .queen .year-2020 .king10 .intro__title--13, .year-2018 .queen .year-2020 .king10 .intro__title--14, .year-2018 .queen .year-2020 .king10 .intro__title--15, .year-2018 .year-2020 .king10 .queen .intro__title--14, .year-2020 .king10 .intro__title--3, .year-2020 .king10 .year-2018 .queen .intro__title--10, .year-2020 .king10 .year-2018 .queen .intro__title--11, .year-2020 .king10 .year-2018 .queen .intro__title--13, .year-2020 .king10 .year-2018 .queen .intro__title--14, .year-2020 .king10 .year-2018 .queen .intro__title--15, .year-2020 .year-2018 .king10 .queen .intro__title--14, .year-2020 .year-2018 .queen .king10 .intro__title--14 {
    font-family: Sarabun;
    font-size: 59px;
    font-size: 3.6875rem
}

.year-2018 .year-2020 .king10 .intro__title--10, .year-2018 .year-2020 .king10 .intro__title--11, .year-2018 .year-2020 .king10 .intro__title--12, .year-2020 .king10 .intro__title--4, .year-2020 .year-2018 .king10 .intro__title--10, .year-2020 .year-2018 .king10 .intro__title--11, .year-2020 .year-2018 .king10 .intro__title--12 {
    font-weight: 400;
    font-family: Sarabun
}

.year-2018 .queen .year-2020 .king10 .intro__title--12, .year-2020 .king10 .intro__title--5, .year-2020 .king10 .year-2018 .queen .intro__title--12 {
    font-weight: 400;
    font-family: Sarabun
}

.year-2020 .king10 .intro__title--6 {
    font-family: Sarabun;
    font-size: 55px;
    font-size: 3.4375rem;
    font-weight: 700
}

.year-2020 .king10 .intro__subtitle--1 {
    font-family: Sarabun;
    font-weight: 400;
    letter-spacing: 2px
}

.year-2020 .king10 .intro__subtitle--2 {
    font-family: Kanit;
    font-size: 36px;
    font-size: 2.25rem
}

.year-2018 .queen .year-2020 .king10 .intro__subtitle--10, .year-2018 .queen .year-2020 .king10 .intro__subtitle--11, .year-2018 .queen .year-2020 .king10 .intro__subtitle--13, .year-2018 .queen .year-2020 .king10 .intro__subtitle--14, .year-2018 .queen .year-2020 .king10 .intro__subtitle--15, .year-2018 .year-2020 .king10 .queen .intro__subtitle--14, .year-2020 .king10 .intro__subtitle--3, .year-2020 .king10 .year-2018 .queen .intro__subtitle--10, .year-2020 .king10 .year-2018 .queen .intro__subtitle--11, .year-2020 .king10 .year-2018 .queen .intro__subtitle--13, .year-2020 .king10 .year-2018 .queen .intro__subtitle--14, .year-2020 .king10 .year-2018 .queen .intro__subtitle--15, .year-2020 .year-2018 .king10 .queen .intro__subtitle--14, .year-2020 .year-2018 .queen .king10 .intro__subtitle--14 {
    font-family: Sarabun;
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 700
}

.year-2018 .year-2020 .king10 .intro__subtitle--10, .year-2018 .year-2020 .king10 .intro__subtitle--11, .year-2018 .year-2020 .king10 .intro__subtitle--12, .year-2020 .king10 .intro__subtitle--4, .year-2020 .year-2018 .king10 .intro__subtitle--10, .year-2020 .year-2018 .king10 .intro__subtitle--11, .year-2020 .year-2018 .king10 .intro__subtitle--12 {
    font-family: Sarabun;
    letter-spacing: 2px
}

.year-2018 .queen .year-2020 .king10 .intro__subtitle--12, .year-2020 .king10 .intro__subtitle--5, .year-2020 .king10 .year-2018 .queen .intro__subtitle--12 {
    font-family: Sarabun;
    letter-spacing: 2px
}

.year-2020 .king10 .intro__subtitle--6 {
    font-family: Sarabun;
    font-size: 36px;
    font-size: 2.25rem
}

.year-2020 .king10 .intro__logo {
    display: none !important
}

.year-2020 .king10 .intro--vertical .intro__logo {
    display: none
}

.year-2020 .king10 .intro__content {
    width: 100%
}

.year-2020 .king10 .intro__content--1 {
    color: #6e5c1a
}

.year-2020 .king10 .intro__content--1 .intro__title {
    color: #8b5300;
    text-shadow: 1px 0 0 #8b5300, -1px 0 0 #8b5300, 0 1px 0 #8b5300, 0 -1px 0 #8b5300, 0 0 #8b5300, 0 0 0 #8b5300, 0 0 0 #8b5300, 0 0 0 #8b5300
}

.year-2020 .king10 .intro__content--1 .intro__subtitle {
    color: #8f5003
}

.year-2020 .king10 .intro__content--2 {
    color: #fae781
}

.year-2020 .king10 .intro__content--2 .intro__title {
    padding-top: 15px;
    color: #ffda34
}

.year-2020 .king10 .intro__content--2 .intro__subtitle {
    color: #f9d96c
}

.year-2020 .king10 .intro__content--3 {
    color: #634000
}

.year-2020 .king10 .intro__content--3 .intro__title {
    color: #a76a00;
    text-shadow: 1px 0 0 #f0ce84, -1px 0 0 #f0ce84, 0 1px 0 #f0ce84, 0 -1px 0 #f0ce84, 0 0 #f0ce84, 0 0 0 #f0ce84, 0 0 0 #f0ce84, 0 0 0 #f0ce84
}

.year-2020 .king10 .intro__content--3 .intro__subtitle {
    color: #654304;
    text-shadow: .5px 0 0 #f0ce84, -.5px 0 0 #f0ce84, 0 .5px 0 #f0ce84, 0 -.5px 0 #f0ce84, -.5px -.5px #f0ce84, .5px .5px 0 #f0ce84, -.5px .5px 0 #f0ce84, .5px -.5px 0 #f0ce84
}

.year-2020 .king10 .intro__content--4 {
    max-width: none;
    color: #6b5212
}

.year-2020 .king10 .intro__content--4 .intro__title {
    color: #59490d;
    text-shadow: 1px 0 0 #59490d, -1px 0 0 #59490d, 0 1px 0 #59490d, 0 -1px 0 #59490d, 0 0 #59490d, 0 0 0 #59490d, 0 0 0 #59490d, 0 0 0 #59490d
}

.year-2020 .king10 .intro__content--4 .intro__subtitle {
    color: #553d00
}

.year-2020 .king10 .intro__content--4 .intro__subtitle br {
    display: none
}

@media (max-width: 767px) {
    .year-2020 .king10 .intro__content--4 .intro__subtitle br {
        display: block
    }
}

.year-2020 .king10 .intro__content--5 {
    color: #3e2b00
}

.year-2020 .king10 .intro__content--5 .intro__title {
    color: #412c01;
    text-shadow: 1px 0 0 #412c01, -1px 0 0 #412c01, 0 1px 0 #412c01, 0 -1px 0 #412c01, 0 0 #412c01, 0 0 0 #412c01, 0 0 0 #412c01, 0 0 0 #412c01
}

.year-2020 .king10 .intro__content--5 .intro__subtitle {
    color: #402900
}

.year-2020 .king10 .intro__content--6 {
    color: #675e3f
}

.year-2020 .king10 .intro__content--6 .intro__title {
    color: #f5c340;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2)
}

.year-2020 .king10 .intro__content--6 .intro__subtitle {
    color: #847743
}

.year-2020 .king10 .intro__content--6 .intro__subtitle + p {
    color: #412c01;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff
}

.year-2020 .king10 .intro__button--1 {
    background-color: #f8d241;
    border-radius: 2px;
    border: 1px solid #fff296;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.year-2020 .king10 .intro__button--1 a {
    color: #291200
}

.year-2020 .king10 .intro__button--2 {
    background-color: #f0c624
}

.year-2020 .king10 .intro__button--2 a, .year-2020 .king10 .intro__button--2 a:before {
    color: #563600 !important
}

.year-2020 .king10 .intro__button--3 {
    background-color: #6a4302
}

.year-2020 .king10 .intro__button--3 a, .year-2020 .king10 .intro__button--3 a:before {
    color: #fffce2 !important
}

.year-2018 .year-2020 .king10 .intro__button--11, .year-2018 .year-2020 .king10 .intro__button--12, .year-2019 .king .year-2020 .king10 .intro__button--11, .year-2019 .king .year-2020 .king10 .intro__button--12, .year-2020 .king10 .intro__button--4, .year-2020 .king10 .year-2019 .king .intro__button--11, .year-2020 .king10 .year-2019 .king .intro__button--12, .year-2020 .year-2018 .king10 .intro__button--11, .year-2020 .year-2018 .king10 .intro__button--12 {
    background-color: #7c641e
}

.year-2018 .year-2020 .king10 .intro__button--11 a, .year-2018 .year-2020 .king10 .intro__button--11 a:before, .year-2018 .year-2020 .king10 .intro__button--12 a, .year-2018 .year-2020 .king10 .intro__button--12 a:before, .year-2019 .king .year-2020 .king10 .intro__button--11 a, .year-2019 .king .year-2020 .king10 .intro__button--11 a:before, .year-2019 .king .year-2020 .king10 .intro__button--12 a, .year-2019 .king .year-2020 .king10 .intro__button--12 a:before, .year-2020 .king10 .intro__button--4 a, .year-2020 .king10 .intro__button--4 a:before, .year-2020 .king10 .year-2019 .king .intro__button--11 a, .year-2020 .king10 .year-2019 .king .intro__button--11 a:before, .year-2020 .king10 .year-2019 .king .intro__button--12 a, .year-2020 .king10 .year-2019 .king .intro__button--12 a:before, .year-2020 .year-2018 .king10 .intro__button--11 a, .year-2020 .year-2018 .king10 .intro__button--11 a:before, .year-2020 .year-2018 .king10 .intro__button--12 a, .year-2020 .year-2018 .king10 .intro__button--12 a:before {
    color: #fffee3 !important
}

.year-2018 .year-2020 .king10 .intro__button--14, .year-2019 .queen-mother .year-2020 .king10 .intro__button--14, .year-2020 .king10 .intro__button--5, .year-2020 .king10 .year-2018 .intro__button--14, .year-2020 .king10 .year-2019 .queen-mother .intro__button--14 {
    background-color: #724e10;
    border-radius: 7px
}

.year-2018 .year-2020 .king10 .intro__button--14 a, .year-2018 .year-2020 .king10 .intro__button--14 a:before, .year-2019 .queen-mother .year-2020 .king10 .intro__button--14 a, .year-2019 .queen-mother .year-2020 .king10 .intro__button--14 a:before, .year-2020 .king10 .intro__button--5 a, .year-2020 .king10 .intro__button--5 a:before, .year-2020 .king10 .year-2018 .intro__button--14 a, .year-2020 .king10 .year-2018 .intro__button--14 a:before, .year-2020 .king10 .year-2019 .queen-mother .intro__button--14 a, .year-2020 .king10 .year-2019 .queen-mother .intro__button--14 a:before {
    color: #fffee3 !important
}

.year-2018 .year-2020 .king10 .intro__button--11, .year-2019 .queen-mother .year-2020 .king10 .intro__button--11, .year-2020 .king10 .intro__button--6, .year-2020 .king10 .year-2018 .intro__button--11, .year-2020 .king10 .year-2019 .queen-mother .intro__button--11 {
    background-color: #c8b500;
    border-radius: 2px
}

.year-2018 .year-2020 .king10 .intro__button--11 a, .year-2018 .year-2020 .king10 .intro__button--11 a:before, .year-2019 .queen-mother .year-2020 .king10 .intro__button--11 a, .year-2019 .queen-mother .year-2020 .king10 .intro__button--11 a:before, .year-2020 .king10 .intro__button--6 a, .year-2020 .king10 .intro__button--6 a:before, .year-2020 .king10 .year-2018 .intro__button--11 a, .year-2020 .king10 .year-2018 .intro__button--11 a:before, .year-2020 .king10 .year-2019 .queen-mother .intro__button--11 a, .year-2020 .king10 .year-2019 .queen-mother .intro__button--11 a:before {
    color: #fffee3 !important
}

.year-2020 .queen10 h3, .year-2020 .queen10 h4 {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: .5
}

.year-2020 .queen10 h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2020 .queen10 h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2020 .queen10 .intro__title {
    line-height: .8
}

@supports not (-webkit-touch-callout:none) {
    .year-2020 .queen10 .intro__subtitle, .year-2020 .queen10 .intro__title {
        letter-spacing: 1.75px
    }
}

.year-2020 .queen10 .intro__subtitle--longlive {
    font-size: 96px !important;
    font-size: 6rem !important;
    font-weight: 700 !important;
    letter-spacing: normal;
    line-height: 1
}

@media (max-width: 479px) {
    .year-2020 .queen10 .intro__subtitle--longlive {
        font-size: 75px !important;
        font-size: 4.6875rem !important
    }
}

.year-2020 .queen10 .intro__subtitle--name {
    line-height: .8;
    margin-bottom: 15px
}

.year-2020 .queen10 .intro__subtitle--event {
    line-height: 1
}

.year-2020 .queen10 .intro__figure--5 img {
    max-width: 100% !important
}

.year-2020 .queen10 .intro__figure--6 img {
    max-height: 100%;
    height: auto
}

.year-2020 .queen10 .intro__content {
    width: 100%;
    padding-top: 20px
}

.year-2020 .queen10 .intro__content--1 {
    color: #0f0f11
}

.year-2020 .queen10 .intro__content--1 .intro__subtitle, .year-2020 .queen10 .intro__content--1 .intro__title {
    color: #fff
}

.year-2020 .queen10 .intro__content--1 .intro__subtitle--event {
    margin-bottom: .5rem
}

.year-2020 .queen10 .intro__content--1 .intro__subtitle--longlive {
    color: #ffc600;
    text-shadow: 1px 3px 5px rgba(0, 0, 0, .5), 0 0 0 rgba(0, 0, 0, .5), 0 0 0 rgba(0, 0, 0, .5)
}

.year-2020 .queen10 .intro__content--1 .intro__subtitle .master {
    display: block
}

.year-2020 .queen10 .intro__content--1 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2020 .queen10 .intro__content--1 .intro__text {
    color: #fff
}

.year-2020 .queen10 .intro__content--1 .intro__line {
    text-align: center
}

.year-2020 .queen10 .intro__content--1 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 195px
}

.year-2020 .queen10 .intro__content--2 {
    color: #9a6c05
}

.year-2020 .queen10 .intro__content--2 .intro__title {
    padding-top: 15px;
    color: #9a6c05
}

.year-2020 .queen10 .intro__content--2 .intro__subtitle {
    color: #9a6c05
}

.year-2020 .queen10 .intro__content--2 .intro__subtitle--event {
    margin-bottom: .5rem
}

.year-2020 .queen10 .intro__content--2 .intro__subtitle--longlive {
    color: #e7b236;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .35), 1px 3px 3px rgba(0, 0, 0, .35), 1px 3px 3px rgba(0, 0, 0, .35)
}

@media (min-width: 767px) {
    .year-2020 .queen10 .intro__content--2 .intro__subtitle .firstname .d-inline-block:first-child {
        margin-left: .5rem
    }
}

.year-2020 .queen10 .intro__content--2 .intro__text {
    color: #b29d6e;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .35), 0 1px 1px rgba(0, 0, 0, .35), 0 1px 1px rgba(0, 0, 0, .35)
}

.year-2020 .queen10 .intro__content--2 .intro__line {
    text-align: center
}

.year-2020 .queen10 .intro__content--2 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 260px
}

.year-2020 .queen10 .intro__content--3 {
    color: #fff
}

.year-2020 .queen10 .intro__content--3 .intro__subtitle, .year-2020 .queen10 .intro__content--3 .intro__title {
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .3), 0 0 2px rgba(0, 0, 0, .3), 0 0 2px rgba(0, 0, 0, .3)
}

.year-2020 .queen10 .intro__content--3 .intro__subtitle--event {
    margin-bottom: .5rem
}

.year-2020 .queen10 .intro__content--3 .intro__subtitle--longlive {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .25), 1px 2px 3px rgba(0, 0, 0, .25), 1px 2px 3px rgba(0, 0, 0, .25)
}

.year-2020 .queen10 .intro__content--3 .intro__subtitle .master {
    display: block
}

.year-2020 .queen10 .intro__content--3 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2020 .queen10 .intro__content--3 .intro__text {
    color: #fff
}

.year-2020 .queen10 .intro__content--4 {
    max-width: none;
    color: #fff
}

.year-2020 .queen10 .intro__content--4 .intro__subtitle, .year-2020 .queen10 .intro__content--4 .intro__title {
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .2), 0 0 2px rgba(0, 0, 0, .2), 0 0 2px rgba(0, 0, 0, .2)
}

.year-2020 .queen10 .intro__content--4 .intro__subtitle--event {
    margin-bottom: .5rem
}

.year-2020 .queen10 .intro__content--4 .intro__subtitle--longlive {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .2), 1px 2px 3px rgba(0, 0, 0, .2), 1px 2px 3px rgba(0, 0, 0, .2)
}

.year-2020 .queen10 .intro__content--4 .intro__subtitle .master {
    display: block
}

.year-2020 .queen10 .intro__content--4 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2020 .queen10 .intro__content--4 .intro__text {
    color: #fff
}

.year-2020 .queen10 .intro__content--4 .intro__line {
    text-align: center
}

.year-2020 .queen10 .intro__content--4 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 327px
}

.year-2020 .queen10 .intro__content--5 {
    color: #fff
}

.year-2020 .queen10 .intro__content--5 .intro__subtitle, .year-2020 .queen10 .intro__content--5 .intro__title {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2);
    color: #fff
}

.year-2020 .queen10 .intro__content--5 .intro__subtitle--event {
    margin-bottom: .5rem
}

.year-2020 .queen10 .intro__content--5 .intro__subtitle--longlive {
    color: #f0cc48;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .45), 1px 1px 2px rgba(0, 0, 0, .45), 1px 1px 2px rgba(0, 0, 0, .45)
}

.year-2020 .queen10 .intro__content--5 .intro__subtitle .master {
    display: block
}

.year-2020 .queen10 .intro__content--5 .intro__subtitle .master .d-inline-block {
    display: block !important
}

.year-2020 .queen10 .intro__content--5 .intro__line {
    text-align: center
}

.year-2020 .queen10 .intro__content--5 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 185px
}

.year-2020 .queen10 .intro__content--6 {
    color: #614001
}

.year-2020 .queen10 .intro__content--6 .intro__subtitle, .year-2020 .queen10 .intro__content--6 .intro__title {
    color: #614001;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .2), 0 0 0 rgba(0, 0, 0, .2), 0 0 0 rgba(0, 0, 0, .2)
}

.year-2020 .queen10 .intro__content--6 .intro__subtitle--event {
    margin-bottom: .5rem
}

@media (min-width: 767px) {
    .year-2020 .queen10 .intro__content--6 .intro__subtitle .firstname .d-inline-block:first-child {
        margin-left: .5rem
    }
}

.year-2020 .queen10 .intro__content--6 .intro__text {
    color: #614001;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3), 1px 1px 2px rgba(0, 0, 0, .3), 1px 1px 2px rgba(0, 0, 0, .3)
}

.year-2020 .queen10 .intro__content--6 .intro__line {
    text-align: center
}

.year-2020 .queen10 .intro__content--6 .intro__line .img-fluid {
    margin: 0 auto;
    max-width: 277px
}

.year-2020 .queen10 .intro__button--1 {
    padding: .45rem;
    background-color: #e3e3e3;
    border-radius: 51px;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.year-2020 .queen10 .intro__button--1 a {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15);
    color: #56283b
}

.year-2020 .queen10 .intro__button--2 {
    padding: .45rem;
    background-color: #fff;
    border-radius: 51px;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25)
}

.year-2020 .queen10 .intro__button--2 a {
    color: #4e390e !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .2)
}

.year-2020 .queen10 .intro__button--2 a:before {
    color: #4e390e !important
}

.year-2020 .queen10 .intro__button--3 {
    background-color: #472581;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.year-2020 .queen10 .intro__button--3 a, .year-2020 .queen10 .intro__button--3 a:before {
    color: #fff !important
}

.year-2018 .king10 .year-2020 .queen10 .intro__button--11, .year-2018 .king10 .year-2020 .queen10 .intro__button--12, .year-2019 .king .year-2020 .queen10 .intro__button--11, .year-2019 .king .year-2020 .queen10 .intro__button--12, .year-2020 .queen10 .intro__button--4, .year-2020 .queen10 .year-2018 .king10 .intro__button--11, .year-2020 .queen10 .year-2018 .king10 .intro__button--12, .year-2020 .queen10 .year-2019 .king .intro__button--11, .year-2020 .queen10 .year-2019 .king .intro__button--12 {
    background-color: #e78f06;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4)
}

.year-2018 .king10 .year-2020 .queen10 .intro__button--11 a, .year-2018 .king10 .year-2020 .queen10 .intro__button--11 a:before, .year-2018 .king10 .year-2020 .queen10 .intro__button--12 a, .year-2018 .king10 .year-2020 .queen10 .intro__button--12 a:before, .year-2019 .king .year-2020 .queen10 .intro__button--11 a, .year-2019 .king .year-2020 .queen10 .intro__button--11 a:before, .year-2019 .king .year-2020 .queen10 .intro__button--12 a, .year-2019 .king .year-2020 .queen10 .intro__button--12 a:before, .year-2020 .queen10 .intro__button--4 a, .year-2020 .queen10 .intro__button--4 a:before, .year-2020 .queen10 .year-2018 .king10 .intro__button--11 a, .year-2020 .queen10 .year-2018 .king10 .intro__button--11 a:before, .year-2020 .queen10 .year-2018 .king10 .intro__button--12 a, .year-2020 .queen10 .year-2018 .king10 .intro__button--12 a:before, .year-2020 .queen10 .year-2019 .king .intro__button--11 a, .year-2020 .queen10 .year-2019 .king .intro__button--11 a:before, .year-2020 .queen10 .year-2019 .king .intro__button--12 a, .year-2020 .queen10 .year-2019 .king .intro__button--12 a:before {
    color: #fff !important
}

.year-2018 .year-2020 .queen10 .intro__button--14, .year-2019 .queen-mother .year-2020 .queen10 .intro__button--14, .year-2020 .queen10 .intro__button--5, .year-2020 .queen10 .year-2018 .intro__button--14, .year-2020 .queen10 .year-2019 .queen-mother .intro__button--14 {
    background: #f0cc48;
    background: -moz-radial-gradient(circle, #f0cc48 67%, #d4b544 100%);
    background: -webkit-radial-gradient(circle, #f0cc48 67%, #d4b544 100%);
    background: radial-gradient(circle, #f0cc48 67%, #d4b544 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0cc48", endColorstr="#d4b544", GradientType=1);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
    border-radius: 5px
}

.year-2018 .year-2020 .queen10 .intro__button--14 a, .year-2019 .queen-mother .year-2020 .queen10 .intro__button--14 a, .year-2020 .queen10 .intro__button--5 a, .year-2020 .queen10 .year-2018 .intro__button--14 a, .year-2020 .queen10 .year-2019 .queen-mother .intro__button--14 a {
    color: #fff !important;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .25), 1px 1px 2px rgba(0, 0, 0, .25), 1px 1px 2px rgba(0, 0, 0, .25)
}

.year-2018 .year-2020 .queen10 .intro__button--14 a:before, .year-2019 .queen-mother .year-2020 .queen10 .intro__button--14 a:before, .year-2020 .queen10 .intro__button--5 a:before, .year-2020 .queen10 .year-2018 .intro__button--14 a:before, .year-2020 .queen10 .year-2019 .queen-mother .intro__button--14 a:before {
    color: #fff !important
}

.year-2018 .year-2020 .queen10 .intro__button--11, .year-2019 .queen-mother .year-2020 .queen10 .intro__button--11, .year-2020 .queen10 .intro__button--6, .year-2020 .queen10 .year-2018 .intro__button--11, .year-2020 .queen10 .year-2019 .queen-mother .intro__button--11 {
    background: #e5cb66;
    background: -moz-linear-gradient(90deg, #e5cb66 0, #f2df88 20%, #f6f0bf 40%, #f3e089 60%, #f6efbd 80%, #e4ca64 100%);
    background: -webkit-linear-gradient(90deg, #e5cb66, #f2df88 20%, #f6f0bf 40%, #f3e089 60%, #f6efbd 80%, #e4ca64);
    background: linear-gradient(90deg, #e5cb66, #f2df88 20%, #f6f0bf 40%, #f3e089 60%, #f6efbd 80%, #e4ca64);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5cb66", endColorstr="#e4ca64", GradientType=1);
    border-radius: 3px;
    border: 1px solid #eef3b9;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .25)
}

.year-2018 .year-2020 .queen10 .intro__button--11 a, .year-2018 .year-2020 .queen10 .intro__button--11 a:before, .year-2019 .queen-mother .year-2020 .queen10 .intro__button--11 a, .year-2019 .queen-mother .year-2020 .queen10 .intro__button--11 a:before, .year-2020 .queen10 .intro__button--6 a, .year-2020 .queen10 .intro__button--6 a:before, .year-2020 .queen10 .year-2018 .intro__button--11 a, .year-2020 .queen10 .year-2018 .intro__button--11 a:before, .year-2020 .queen10 .year-2019 .queen-mother .intro__button--11 a, .year-2020 .queen10 .year-2019 .queen-mother .intro__button--11 a:before {
    color: #231001 !important
}

.year-2020 .queen-mother h3 {
    line-height: 1;
    font-size: 70px;
    font-size: 4.375rem;
    font-weight: 700
}

.year-2020 .queen-mother h4 {
    font-size: 26px;
    font-size: 1.625rem;
    margin: 0 0 5px
}

.year-2020 .queen-mother h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2020 .queen-mother h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2020 .queen-mother .intro__title--1 {
    font-family: Sarabun;
    font-weight: 700
}

@supports not (-webkit-touch-callout:none) {
    .year-2020 .queen-mother .intro__title--1 {
        letter-spacing: 1px
    }
}

.year-2020 .queen-mother .intro__title--2 {
    font-family: Sarabun;
    font-size: 80px;
    font-size: 5rem
}

@supports not (-webkit-touch-callout:none) {
    .year-2020 .queen-mother .intro__title--2 {
        letter-spacing: 3px
    }
}

.year-2018 .queen .year-2020 .queen-mother .intro__title--10, .year-2018 .queen .year-2020 .queen-mother .intro__title--11, .year-2018 .queen .year-2020 .queen-mother .intro__title--13, .year-2018 .queen .year-2020 .queen-mother .intro__title--14, .year-2018 .queen .year-2020 .queen-mother .intro__title--15, .year-2020 .queen-mother .intro__title--3, .year-2020 .queen-mother .year-2018 .queen .intro__title--10, .year-2020 .queen-mother .year-2018 .queen .intro__title--11, .year-2020 .queen-mother .year-2018 .queen .intro__title--13, .year-2020 .queen-mother .year-2018 .queen .intro__title--14, .year-2020 .queen-mother .year-2018 .queen .intro__title--15 {
    font-family: PSL Panpilas Pro;
    font-size: 62px;
    font-size: 3.875rem
}

.year-2018 .king10 .year-2020 .queen-mother .intro__title--10, .year-2018 .king10 .year-2020 .queen-mother .intro__title--11, .year-2018 .king10 .year-2020 .queen-mother .intro__title--12, .year-2018 .queen .year-2020 .queen-mother .intro__title--12, .year-2020 .queen-mother .intro__title--4, .year-2020 .queen-mother .intro__title--5, .year-2020 .queen-mother .year-2018 .king10 .intro__title--10, .year-2020 .queen-mother .year-2018 .king10 .intro__title--11, .year-2020 .queen-mother .year-2018 .king10 .intro__title--12, .year-2020 .queen-mother .year-2018 .queen .intro__title--12 {
    font-family: PSL Panpilas Pro;
    font-size: 50px;
    font-size: 3.125rem
}

.year-2020 .queen-mother .intro__title--6 {
    font-family: PSL Panpilas Pro;
    font-size: 54px;
    font-size: 3.375rem
}

.year-2020 .queen-mother .intro__subtitle--1 {
    font-family: Sarabun;
    font-weight: 700;
    letter-spacing: 1px
}

.year-2020 .queen-mother .intro__subtitle--1.intro__subtitle--event {
    font-size: 40px;
    font-size: 2.5rem
}

.year-2020 .queen-mother .intro__subtitle--2 {
    font-family: Sarabun;
    font-weight: 700;
    letter-spacing: 1.7px;
    font-size: 30px;
    font-size: 1.875rem
}

.year-2020 .queen-mother .intro__subtitle--2.intro__subtitle--event {
    font-size: 40px;
    font-size: 2.5rem
}

.year-2018 .queen .year-2020 .queen-mother .intro__subtitle--10, .year-2018 .queen .year-2020 .queen-mother .intro__subtitle--11, .year-2018 .queen .year-2020 .queen-mother .intro__subtitle--13, .year-2018 .queen .year-2020 .queen-mother .intro__subtitle--14, .year-2018 .queen .year-2020 .queen-mother .intro__subtitle--15, .year-2020 .queen-mother .intro__subtitle--3, .year-2020 .queen-mother .year-2018 .queen .intro__subtitle--10, .year-2020 .queen-mother .year-2018 .queen .intro__subtitle--11, .year-2020 .queen-mother .year-2018 .queen .intro__subtitle--13, .year-2020 .queen-mother .year-2018 .queen .intro__subtitle--14, .year-2020 .queen-mother .year-2018 .queen .intro__subtitle--15 {
    font-family: PSL Panpilas Pro;
    font-weight: 700;
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1.1
}

.year-2018 .king10 .year-2020 .queen-mother .intro__subtitle--10, .year-2018 .king10 .year-2020 .queen-mother .intro__subtitle--11, .year-2018 .king10 .year-2020 .queen-mother .intro__subtitle--12, .year-2020 .queen-mother .intro__subtitle--4, .year-2020 .queen-mother .year-2018 .king10 .intro__subtitle--10, .year-2020 .queen-mother .year-2018 .king10 .intro__subtitle--11, .year-2020 .queen-mother .year-2018 .king10 .intro__subtitle--12 {
    font-family: PSL Panpilas Pro;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: .9;
    font-weight: 600
}

.year-2018 .king10 .year-2020 .queen-mother .intro__subtitle--longlive.intro__subtitle--10, .year-2018 .king10 .year-2020 .queen-mother .intro__subtitle--longlive.intro__subtitle--11, .year-2018 .king10 .year-2020 .queen-mother .intro__subtitle--longlive.intro__subtitle--12, .year-2020 .queen-mother .intro__subtitle--4.intro__subtitle--longlive, .year-2020 .queen-mother .year-2018 .king10 .intro__subtitle--longlive.intro__subtitle--10, .year-2020 .queen-mother .year-2018 .king10 .intro__subtitle--longlive.intro__subtitle--11, .year-2020 .queen-mother .year-2018 .king10 .intro__subtitle--longlive.intro__subtitle--12 {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2018 .queen .year-2020 .queen-mother .intro__subtitle--12, .year-2020 .queen-mother .intro__subtitle--5, .year-2020 .queen-mother .year-2018 .queen .intro__subtitle--12 {
    font-family: PSL Panpilas Pro;
    font-size: 33px;
    font-size: 2.0625rem
}

.year-2020 .queen-mother .intro__subtitle--6 {
    font-family: PSL Panpilas Pro;
    font-size: 26px;
    font-size: 1.625rem
}

.year-2020 .queen-mother .intro__content--1 .intro__text {
    font-family: Kanit;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.7;
    font-weight: 300
}

.year-2020 .queen-mother .intro__content--1 .intro__button {
    font-family: Kanit;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 600;
    line-height: 1.7
}

.year-2020 .queen-mother .intro__content--2 .intro__text {
    font-family: Kanit;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.7;
    font-weight: 300
}

.year-2020 .queen-mother .intro__content--2 .intro__button {
    font-family: Kanit;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.7
}

.year-2020 .queen-mother .intro__content--3 .intro__text {
    font-family: Sarabun;
    font-size: 26px;
    font-size: 1.625rem
}

.year-2020 .queen-mother .intro__content--3 .intro__button {
    font-family: Sarabun
}

.year-2020 .queen-mother .intro__content--4 .intro__text {
    font-family: Sarabun;
    font-size: 26px;
    font-size: 1.625rem
}

.year-2020 .queen-mother .intro__content--4 .intro__button {
    font-family: Sarabun
}

.year-2020 .queen-mother .intro__content--5 .intro__text {
    font-family: Sarabun;
    font-size: 26px;
    font-size: 1.625rem
}

.year-2020 .queen-mother .intro__content--5 .intro__button {
    font-family: Sarabun;
    font-weight: 700
}

.year-2020 .queen-mother .intro__content--6 .intro__text {
    font-family: Sarabun;
    font-size: 26px;
    font-size: 1.625rem
}

.year-2020 .queen-mother .intro__content--6 .intro__button {
    font-family: Sarabun;
    font-weight: 700
}

.year-2020 .queen-mother .intro.intro--horizontal .intro__row {
    width: 100%
}

.year-2020 .queen-mother .intro__figure--2 {
    max-width: 100%
}

.year-2020 .queen-mother .intro__content--1, .year-2020 .queen-mother .intro__content--1-1 {
    color: #fff
}

.year-2020 .queen-mother .intro__content--1 .intro__title, .year-2020 .queen-mother .intro__content--1-1 .intro__title {
    color: #a3790a
}

@supports (-ms-high-contrast:none) {
    .year-2020 .queen-mother .intro__content--1 .intro__title, .year-2020 .queen-mother .intro__content--1-1 .intro__title {
        color: #a3790a;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 3px 2px 3px rgba(0, 0, 0, .2), 3px 2px 3px rgba(0, 0, 0, .2)
    }
}

@supports (not (-ms-high-contrast:none)) and (not (-webkit-touch-callout:none)) {
    .year-2020 .queen-mother .intro__content--1 .intro__title, .year-2020 .queen-mother .intro__content--1-1 .intro__title {
        background: #a3790a;
        background: -moz-linear-gradient(top, #a3790a 0, #a3790a 46%, #c2a854 60%, #9d781d 80%, #a3790a 80%, #a3790a 100%);
        background: -webkit-linear-gradient(top, #a3790a, #a3790a 46%, #c2a854 60%, #9d781d 80%, #a3790a 0, #a3790a);
        background: linear-gradient(180deg, #a3790a 0, #a3790a 46%, #c2a854 60%, #9d781d 80%, #a3790a 0, #a3790a);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a3790a", endColorstr="#a3790a", GradientType=0);
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        filter: drop-shadow(0 0 0 #ffffff)
    }
}

.year-2020 .queen-mother .intro__content--1 .intro__subtitle, .year-2020 .queen-mother .intro__content--1-1 .intro__subtitle {
    color: #fff
}

.year-2020 .queen-mother .intro__content--1 .intro__line, .year-2020 .queen-mother .intro__content--1-1 .intro__line {
    width: 200px;
    margin: 0 auto
}

.year-2020 .queen-mother .intro__content--2 {
    color: #fff
}

.year-2020 .queen-mother .intro__content--2 .intro__title {
    color: #f3ce3f;
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff
}

.year-2020 .queen-mother .intro__content--2 .intro__subtitle {
    color: #fff
}

.year-2020 .queen-mother .intro__content--2 .intro__subtitle, .year-2020 .queen-mother .intro__content--2 .intro__text {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2), 3px 1px 3px rgba(0, 0, 0, .2), 3px 1px 3px rgba(0, 0, 0, .2)
}

.year-2020 .queen-mother .intro__content--2 .intro__line {
    width: 200px;
    margin: 0 auto
}

.year-2020 .queen-mother .intro__content--3 .intro__title {
    color: #1b3b6a;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2), 3px 1px 3px rgba(0, 0, 0, .2), 3px 1px 3px rgba(0, 0, 0, .2)
}

.year-2020 .queen-mother .intro__content--3 .intro__subtitle, .year-2020 .queen-mother .intro__content--3 .intro__text {
    color: #1b3b6a
}

.year-2020 .queen-mother .intro__content--3 .intro__line {
    max-width: 400px;
    margin: 0 auto;
    padding-bottom: 30px
}

.year-2020 .queen-mother .intro__content--4 {
    color: #fff
}

.year-2020 .queen-mother .intro__content--4 .company-name {
    display: block
}

.year-2020 .queen-mother .intro__content--4 .intro__subtitle, .year-2020 .queen-mother .intro__content--4 .intro__title {
    color: #0c659f
}

.year-2020 .queen-mother .intro__content--4 .intro__text {
    color: #0c659f;
    margin-bottom: .5rem
}

.year-2020 .queen-mother .intro__content--4 .intro__line {
    max-width: 180px;
    margin: 0 auto;
    padding: 0
}

.year-2020 .queen-mother .intro__content--5 {
    color: #fff
}

.year-2020 .queen-mother .intro__content--5 .company-name {
    display: block
}

.year-2020 .queen-mother .intro__content--5 .intro__subtitle, .year-2020 .queen-mother .intro__content--5 .intro__title {
    color: #fff;
    text-shadow: 1px 4px 2px rgba(0, 0, 0, .4), 3px 2px 3px rgba(0, 0, 0, .4), 3px 2px 3px rgba(0, 0, 0, .4)
}

.year-2020 .queen-mother .intro__content--5 .intro__line {
    max-width: 350px;
    margin: 0 auto;
    padding: 7px 0
}

.year-2020 .queen-mother .intro__content--5 .intro__text {
    color: #1b6083
}

.year-2020 .queen-mother .intro__content--6 {
    color: #fff
}

.year-2020 .queen-mother .intro__content--6 .company-name {
    display: block
}

.year-2020 .queen-mother .intro__content--6 .intro__subtitle, .year-2020 .queen-mother .intro__content--6 .intro__title {
    color: #fff;
    text-shadow: 1px 4px 2px rgba(0, 0, 0, .4), 3px 2px 3px rgba(0, 0, 0, .4), 3px 2px 3px rgba(0, 0, 0, .4)
}

.year-2020 .queen-mother .intro__content--6 .intro__line {
    max-width: 350px;
    margin: 0 auto;
    padding: 7px 0
}

.year-2020 .queen-mother .intro__content--6 .intro__text {
    color: #fff;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, .4), 3px 2px 3px rgba(0, 0, 0, .4), 3px 2px 3px rgba(0, 0, 0, .4)
}

.year-2020 .queen-mother .intro__button {
    border-radius: 3px
}

.year-2020 .queen-mother .intro__button--1 {
    background: #9d781d;
    background: -moz-linear-gradient(top, #9d781d 0, #c2a854 50%, #9d781d 100%);
    background: -webkit-linear-gradient(top, #9d781d, #c2a854 50%, #9d781d);
    background: linear-gradient(180deg, #9d781d 0, #c2a854 50%, #9d781d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9d781d", endColorstr="#9d781d", GradientType=0);
    border: 1px solid #fff
}

.year-2020 .queen-mother .intro__button--1 a, .year-2020 .queen-mother .intro__button--1 a:before, .year-2020 .queen-mother .intro__button--1 a:hover {
    color: #01173e
}

.year-2020 .queen-mother .intro__button--2 {
    background-color: #d9be19;
    border: 1px solid #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4)
}

.year-2020 .queen-mother .intro__button--2 a {
    color: #fff !important
}

.year-2020 .queen-mother .intro__button--2 a:before {
    color: #fff
}

.year-2020 .queen-mother .intro__button--3 {
    padding: 0 !important;
    background: #c1ac79;
    background: -moz-linear-gradient(top, #c1ac79 0, #946619 100%);
    background: -webkit-linear-gradient(top, #c1ac79, #946619);
    background: linear-gradient(180deg, #c1ac79 0, #946619);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c1ac79", endColorstr="#946619", GradientType=0)
}

.year-2020 .queen-mother .intro__button--3 a {
    colro: #fff
}

.year-2020 .queen-mother .intro__button--3 a:before {
    color: #fff
}

.year-2018 .king10 .year-2020 .queen-mother .intro__button--11, .year-2018 .king10 .year-2020 .queen-mother .intro__button--12, .year-2019 .king .year-2020 .queen-mother .intro__button--11, .year-2019 .king .year-2020 .queen-mother .intro__button--12, .year-2020 .queen-mother .intro__button--4, .year-2020 .queen-mother .year-2018 .king10 .intro__button--11, .year-2020 .queen-mother .year-2018 .king10 .intro__button--12, .year-2020 .queen-mother .year-2019 .king .intro__button--11, .year-2020 .queen-mother .year-2019 .king .intro__button--12 {
    margin-top: 0;
    background-color: #0c659f
}

.year-2018 .king10 .year-2020 .queen-mother .intro__button--11 a, .year-2018 .king10 .year-2020 .queen-mother .intro__button--11 a:before, .year-2018 .king10 .year-2020 .queen-mother .intro__button--12 a, .year-2018 .king10 .year-2020 .queen-mother .intro__button--12 a:before, .year-2019 .king .year-2020 .queen-mother .intro__button--11 a, .year-2019 .king .year-2020 .queen-mother .intro__button--11 a:before, .year-2019 .king .year-2020 .queen-mother .intro__button--12 a, .year-2019 .king .year-2020 .queen-mother .intro__button--12 a:before, .year-2020 .queen-mother .intro__button--4 a, .year-2020 .queen-mother .intro__button--4 a:before, .year-2020 .queen-mother .year-2018 .king10 .intro__button--11 a, .year-2020 .queen-mother .year-2018 .king10 .intro__button--11 a:before, .year-2020 .queen-mother .year-2018 .king10 .intro__button--12 a, .year-2020 .queen-mother .year-2018 .king10 .intro__button--12 a:before, .year-2020 .queen-mother .year-2019 .king .intro__button--11 a, .year-2020 .queen-mother .year-2019 .king .intro__button--11 a:before, .year-2020 .queen-mother .year-2019 .king .intro__button--12 a, .year-2020 .queen-mother .year-2019 .king .intro__button--12 a:before {
    color: #fff !important
}

.year-2018 .year-2020 .queen-mother .intro__button--14, .year-2019 .year-2020 .queen-mother .intro__button--14, .year-2020 .queen-mother .intro__button--5, .year-2020 .queen-mother .year-2018 .intro__button--14, .year-2020 .year-2019 .queen-mother .intro__button--14 {
    margin-top: 0;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #c9edfb 100%);
    background: -webkit-linear-gradient(top, #fff, #c9edfb);
    background: linear-gradient(180deg, #fff 0, #c9edfb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#c9edfb", GradientType=0);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4)
}

.year-2018 .year-2020 .queen-mother .intro__button--14 a, .year-2018 .year-2020 .queen-mother .intro__button--14 a:before, .year-2019 .year-2020 .queen-mother .intro__button--14 a, .year-2019 .year-2020 .queen-mother .intro__button--14 a:before, .year-2020 .queen-mother .intro__button--5 a, .year-2020 .queen-mother .intro__button--5 a:before, .year-2020 .queen-mother .year-2018 .intro__button--14 a, .year-2020 .queen-mother .year-2018 .intro__button--14 a:before, .year-2020 .year-2019 .queen-mother .intro__button--14 a, .year-2020 .year-2019 .queen-mother .intro__button--14 a:before {
    color: #31738f !important
}

.year-2018 .year-2020 .queen-mother .intro__button--11, .year-2019 .year-2020 .queen-mother .intro__button--11, .year-2020 .queen-mother .intro__button--6, .year-2020 .queen-mother .year-2018 .intro__button--11, .year-2020 .year-2019 .queen-mother .intro__button--11 {
    margin-top: 0;
    background: #6fb2e7;
    background: -moz-linear-gradient(top, #6fb2e7 0, #1a7ed0 100%);
    background: -webkit-linear-gradient(top, #6fb2e7, #1a7ed0);
    background: linear-gradient(180deg, #6fb2e7 0, #1a7ed0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6fb2e7", endColorstr="#1a7ed0", GradientType=0)
}

.year-2018 .year-2020 .queen-mother .intro__button--11 a, .year-2018 .year-2020 .queen-mother .intro__button--11 a:before, .year-2019 .year-2020 .queen-mother .intro__button--11 a, .year-2019 .year-2020 .queen-mother .intro__button--11 a:before, .year-2020 .queen-mother .intro__button--6 a, .year-2020 .queen-mother .intro__button--6 a:before, .year-2020 .queen-mother .year-2018 .intro__button--11 a, .year-2020 .queen-mother .year-2018 .intro__button--11 a:before, .year-2020 .year-2019 .queen-mother .intro__button--11 a, .year-2020 .year-2019 .queen-mother .intro__button--11 a:before {
    color: #fff !important
}

.year-2020 .king h3 {
    line-height: .8;
    font-size: 100px;
    font-size: 6.25rem;
    font-weight: 700
}

@media (max-width: 479px) {
    .year-2020 .king h3 {
        font-size: 70px;
        font-size: 4.375rem
    }
}

.year-2020 .king h4 {
    font-size: 40px;
    font-size: 2.5rem
}

@media (max-width: 479px) {
    .year-2020 .king h4 {
        font-size: 36px;
        font-size: 2.25rem
    }
}

.year-2020 .king h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2020 .king h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2020 .king .intro__title--1 {
    font-family: Sarabun;
    letter-spacing: 3px
}

.year-2020 .king .intro__title--2 {
    font-family: Sarabun;
    letter-spacing: 2px;
    font-size: 70px;
    font-size: 4.375rem
}

.year-2018 .king10 .year-2020 .king .intro__title--10, .year-2018 .king10 .year-2020 .king .intro__title--11, .year-2018 .king10 .year-2020 .king .intro__title--12, .year-2018 .queen .year-2020 .king .intro__title--10, .year-2018 .queen .year-2020 .king .intro__title--11, .year-2018 .queen .year-2020 .king .intro__title--13, .year-2018 .queen .year-2020 .king .intro__title--14, .year-2018 .queen .year-2020 .king .intro__title--15, .year-2020 .king .intro__title--3, .year-2020 .king .intro__title--4, .year-2020 .king .year-2018 .king10 .intro__title--10, .year-2020 .king .year-2018 .king10 .intro__title--11, .year-2020 .king .year-2018 .king10 .intro__title--12, .year-2020 .king .year-2018 .queen .intro__title--10, .year-2020 .king .year-2018 .queen .intro__title--11, .year-2020 .king .year-2018 .queen .intro__title--13, .year-2020 .king .year-2018 .queen .intro__title--14, .year-2020 .king .year-2018 .queen .intro__title--15 {
    font-family: Sarabun;
    font-weight: 700;
    letter-spacing: 4px
}

.year-2018 .queen .year-2020 .king .intro__title--12, .year-2020 .king .intro__title--5, .year-2020 .king .year-2018 .queen .intro__title--12 {
    font-family: Sarabun;
    font-weight: 400;
    line-height: 1
}

.year-2020 .king .intro__title--6 {
    font-family: Sarabun;
    font-weight: 700;
    letter-spacing: 4px
}

.year-2020 .king .intro__subtitle--1 {
    font-family: Kanit;
    font-weight: 700;
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.7;
    letter-spacing: .5px
}

.year-2020 .king .intro__subtitle--2 {
    font-family: Sarabun;
    font-size: 36px;
    font-size: 2.25rem;
    letter-spacing: 1px;
    font-weight: 700
}

.year-2018 .king10 .year-2020 .king .intro__subtitle--10, .year-2018 .king10 .year-2020 .king .intro__subtitle--11, .year-2018 .king10 .year-2020 .king .intro__subtitle--12, .year-2018 .queen .year-2020 .king .intro__subtitle--10, .year-2018 .queen .year-2020 .king .intro__subtitle--11, .year-2018 .queen .year-2020 .king .intro__subtitle--13, .year-2018 .queen .year-2020 .king .intro__subtitle--14, .year-2018 .queen .year-2020 .king .intro__subtitle--15, .year-2020 .king .intro__subtitle--3, .year-2020 .king .intro__subtitle--4, .year-2020 .king .year-2018 .king10 .intro__subtitle--10, .year-2020 .king .year-2018 .king10 .intro__subtitle--11, .year-2020 .king .year-2018 .king10 .intro__subtitle--12, .year-2020 .king .year-2018 .queen .intro__subtitle--10, .year-2020 .king .year-2018 .queen .intro__subtitle--11, .year-2020 .king .year-2018 .queen .intro__subtitle--13, .year-2020 .king .year-2018 .queen .intro__subtitle--14, .year-2020 .king .year-2018 .queen .intro__subtitle--15 {
    font-family: Sarabun;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 2px
}

.year-2018 .queen .year-2020 .king .intro__subtitle--12, .year-2020 .king .intro__subtitle--5, .year-2020 .king .intro__subtitle--6, .year-2020 .king .year-2018 .queen .intro__subtitle--12 {
    font-family: Sarabun;
    line-height: 1;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 1px
}

.year-2020 .king .intro__content--1 .intro__text {
    font-family: Kanit;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 2
}

.year-2020 .king .intro__content--1 .intro__button {
    font-family: Kanit;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.7
}

.year-2020 .king .intro__content--2 .intro__text {
    font-family: Kanit;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 2
}

.year-2020 .king .intro__content--2 .intro__button {
    font-family: Kanit;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.7
}

.year-2020 .king .intro__content--3 .intro__text {
    font-family: Sarabun;
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1
}

.year-2020 .king .intro__content--3 .intro__button {
    font-family: Sarabun;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 400
}

.year-2020 .king .intro__content--4 .intro__text {
    font-family: Sarabun;
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1
}

.year-2020 .king .intro__content--4 .intro__button {
    font-family: Sarabun;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 400
}

.year-2020 .king .intro__content--5 .intro__text {
    font-family: Sarabun;
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1
}

.year-2020 .king .intro__content--5 .intro__button {
    font-family: Sarabun;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 600;
    text-transform: uppercase
}

.year-2020 .king .intro__content--6 .intro__text {
    font-family: Sarabun;
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1
}

.year-2020 .king .intro__content--6 .intro__button {
    font-family: Sarabun;
    font-size: 22px;
    font-size: 1.375rem
}

.year-2020 .king .intro__subtitle--name {
    display: none !important
}

.year-2020 .king .intro__content--1 .intro__title {
    margin-bottom: 1.25rem;
    color: #f1d768;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3), 1px 1px 0 rgba(0, 0, 0, .3), 1px 1px 0 rgba(0, 0, 0, .3)
}

.year-2020 .king .intro__content--1 .intro__subtitle, .year-2020 .king .intro__content--1 .intro__text {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3), 1px 1px 0 rgba(0, 0, 0, .3), 1px 1px 0 rgba(0, 0, 0, .3)
}

.year-2020 .king .intro__content--1 .intro__line {
    max-width: 200px;
    margin: 0 auto;
    padding: 20px 0
}

.year-2020 .king .intro__content--2 .intro__title {
    color: #f1cc48;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2)
}

.year-2020 .king .intro__content--2 .intro__subtitle, .year-2020 .king .intro__content--2 .intro__text {
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2)
}

.year-2020 .king .intro__content--2 .intro__line {
    max-width: 200px;
    margin: 0 auto;
    padding: 0
}

.year-2020 .king .intro__content--3 .intro__subtitle, .year-2020 .king .intro__content--3 .intro__text, .year-2020 .king .intro__content--3 .intro__title {
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2)
}

.year-2020 .king .intro__content--3 .intro__line {
    max-width: 200px;
    margin: 0 auto
}

.year-2020 .king .intro__content--4 .intro__title {
    color: #f5e979;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2)
}

.year-2020 .king .intro__content--4 .intro__subtitle {
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2)
}

.year-2020 .king .intro__content--4 .intro__text {
    color: #fff
}

.year-2020 .king .intro__content--5 {
    color: #815f10
}

.year-2020 .king .intro__content--5 .intro__title {
    margin-bottom: 0
}

@supports (-ms-high-contrast:none) {
    .year-2020 .king .intro__content--5 .intro__title {
        color: #d4a756;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 3px 2px 3px rgba(0, 0, 0, .2), 3px 2px 3px rgba(0, 0, 0, .2)
    }
}

@supports not (-ms-high-contrast:none) {
    .year-2020 .king .intro__content--5 .intro__title {
        background: #db9200;
        background: -moz-linear-gradient(top, #db9200 0, #db9200 9%, #e7bd4b 50%, #e7bd4b 59%, #dc9913 87%);
        background: -webkit-linear-gradient(top, #db9200, #db9200 9%, #e7bd4b 50%, #e7bd4b 59%, #dc9913 87%);
        background: linear-gradient(180deg, #db9200 0, #db9200 9%, #e7bd4b 50%, #e7bd4b 59%, #dc9913 87%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#db9200", endColorstr="#dc9913", GradientType=0);
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        filter: drop-shadow(1px 3px 2px #000000)
    }
}

.year-2020 .king .intro__content--5 .intro__subtitle, .year-2020 .king .intro__content--5 .intro__text {
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 3px 2px 3px rgba(0, 0, 0, .2), 3px 2px 3px rgba(0, 0, 0, .2)
}

.year-2020 .king .intro__content--5 .intro__line {
    max-width: 200px;
    margin: 0 auto
}

.year-2020 .king .intro__content--6 {
    color: #815f10
}

@supports (-ms-high-contrast:none) {
    .year-2020 .king .intro__content--6 .intro__title {
        color: #d4a756;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 3px 2px 3px rgba(0, 0, 0, .2), 3px 2px 3px rgba(0, 0, 0, .2)
    }
}

@supports not (-ms-high-contrast:none) {
    .year-2020 .king .intro__content--6 .intro__title {
        background: #db9200;
        background: -moz-linear-gradient(top, #db9200 0, #db9200 9%, #e7bd4b 50%, #e7bd4b 59%, #dc9913 87%);
        background: -webkit-linear-gradient(top, #db9200, #db9200 9%, #e7bd4b 50%, #e7bd4b 59%, #dc9913 87%);
        background: linear-gradient(180deg, #db9200 0, #db9200 9%, #e7bd4b 50%, #e7bd4b 59%, #dc9913 87%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#db9200", endColorstr="#dc9913", GradientType=0);
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        filter: drop-shadow(1px 3px 2px #000000)
    }
}

.year-2020 .king .intro__content--6 .intro__subtitle, .year-2020 .king .intro__content--6 .intro__text {
    color: #845d1d
}

.year-2020 .king .intro__button--1 {
    background-color: #f1d768;
    border-radius: 3px;
    border: 1px solid #fff;
    color: #6f4110;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.year-2020 .king .intro__button--1 a, .year-2020 .king .intro__button--1 a:before {
    color: #6f4110 !important
}

.year-2020 .king .intro__button--2 {
    background-color: #f1cc48;
    border-radius: 3px;
    border: 1px solid #fff;
    color: #6f4110;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.year-2020 .king .intro__button--2 a, .year-2020 .king .intro__button--2 a:before {
    color: #6f4110 !important
}

.year-2020 .king .intro__button--3 {
    background-color: #744e0c;
    border-radius: 3px
}

.year-2020 .king .intro__button--3 a:before {
    color: #fff !important
}

.year-2018 .king10 .year-2020 .king .intro__button--11, .year-2018 .king10 .year-2020 .king .intro__button--12, .year-2019 .year-2020 .king .intro__button--11, .year-2019 .year-2020 .king .intro__button--12, .year-2020 .king .intro__button--4, .year-2020 .king .year-2018 .king10 .intro__button--11, .year-2020 .king .year-2018 .king10 .intro__button--12, .year-2020 .year-2019 .king .intro__button--11, .year-2020 .year-2019 .king .intro__button--12 {
    background-color: #d98d1d;
    border-radius: 3px
}

.year-2018 .king10 .year-2020 .king .intro__button--11 a, .year-2018 .king10 .year-2020 .king .intro__button--11 a:before, .year-2018 .king10 .year-2020 .king .intro__button--12 a, .year-2018 .king10 .year-2020 .king .intro__button--12 a:before, .year-2019 .year-2020 .king .intro__button--11 a, .year-2019 .year-2020 .king .intro__button--11 a:before, .year-2019 .year-2020 .king .intro__button--12 a, .year-2019 .year-2020 .king .intro__button--12 a:before, .year-2020 .king .intro__button--4 a, .year-2020 .king .intro__button--4 a:before, .year-2020 .king .year-2018 .king10 .intro__button--11 a, .year-2020 .king .year-2018 .king10 .intro__button--11 a:before, .year-2020 .king .year-2018 .king10 .intro__button--12 a, .year-2020 .king .year-2018 .king10 .intro__button--12 a:before, .year-2020 .year-2019 .king .intro__button--11 a, .year-2020 .year-2019 .king .intro__button--11 a:before, .year-2020 .year-2019 .king .intro__button--12 a, .year-2020 .year-2019 .king .intro__button--12 a:before {
    color: #fff !important
}

.year-2018 .year-2020 .king .intro__button--14, .year-2019 .queen-mother .year-2020 .king .intro__button--14, .year-2020 .king .intro__button--5, .year-2020 .king .year-2018 .intro__button--14, .year-2020 .king .year-2019 .queen-mother .intro__button--14 {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .7);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .7);
    border-radius: 3px;
    background: #d4a756;
    background: -moz-linear-gradient(top, #d4a756 1%, #dfc06d 15%, #f2e596 40%, #f2e596 66%, #dfc06d 94%, #d4a756 100%);
    background: -webkit-linear-gradient(top, #d4a756 1%, #dfc06d 15%, #f2e596 40%, #f2e596 66%, #dfc06d 94%, #d4a756);
    background: linear-gradient(180deg, #d4a756 1%, #dfc06d 15%, #f2e596 40%, #f2e596 66%, #dfc06d 94%, #d4a756);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4a756", endColorstr="#d4a756", GradientType=0)
}

.year-2018 .year-2020 .king .intro__button--14 a, .year-2018 .year-2020 .king .intro__button--14 a:before, .year-2019 .queen-mother .year-2020 .king .intro__button--14 a, .year-2019 .queen-mother .year-2020 .king .intro__button--14 a:before, .year-2020 .king .intro__button--5 a, .year-2020 .king .intro__button--5 a:before, .year-2020 .king .year-2018 .intro__button--14 a, .year-2020 .king .year-2018 .intro__button--14 a:before, .year-2020 .king .year-2019 .queen-mother .intro__button--14 a, .year-2020 .king .year-2019 .queen-mother .intro__button--14 a:before {
    color: #94793a !important
}

.year-2018 .year-2020 .king .intro__button--11, .year-2019 .queen-mother .year-2020 .king .intro__button--11, .year-2020 .king .intro__button--6, .year-2020 .king .year-2018 .intro__button--11, .year-2020 .king .year-2019 .queen-mother .intro__button--11 {
    background: #a7792e;
    background: -moz-linear-gradient(top, #a7792e 0, #e0ad21 30%, #e0ad21 70%, #a7792e 100%);
    background: -webkit-linear-gradient(top, #a7792e, #e0ad21 30%, #e0ad21 70%, #a7792e);
    background: linear-gradient(180deg, #a7792e 0, #e0ad21 30%, #e0ad21 70%, #a7792e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a7792e", endColorstr="#a7792e", GradientType=0);
    border-radius: 3px
}

.year-2018 .year-2020 .king .intro__button--11 a, .year-2018 .year-2020 .king .intro__button--11 a:before, .year-2019 .queen-mother .year-2020 .king .intro__button--11 a, .year-2019 .queen-mother .year-2020 .king .intro__button--11 a:before, .year-2020 .king .intro__button--6 a, .year-2020 .king .intro__button--6 a:before, .year-2020 .king .year-2018 .intro__button--11 a, .year-2020 .king .year-2018 .intro__button--11 a:before, .year-2020 .king .year-2019 .queen-mother .intro__button--11 a, .year-2020 .king .year-2019 .queen-mother .intro__button--11 a:before {
    color: #fff !important
}

.year-2020 .king-rama-9-memorial-day h3 {
    font-size: 64px;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1
}

.year-2020 .king-rama-9-memorial-day h4 {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 1
}

@media (max-width: 479px) {
    .year-2020 .king-rama-9-memorial-day h4 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.year-2020 .king-rama-9-memorial-day h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2020 .king-rama-9-memorial-day h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2020 .king-rama-9-memorial-day .intro__title {
    margin-bottom: 0;
    letter-spacing: 1
}

.year-2020 .king-rama-9-memorial-day .intro__title--number {
    font-size: 85px;
    font-size: 5.3125rem;
    line-height: .5
}

.year-2020 .king-rama-9-memorial-day .intro__subtitle--event {
    font-size: 55px;
    font-size: 3.4375rem;
    line-height: 1
}

.year-2020 .king-rama-9-memorial-day .intro__subtitle .master {
    display: initial !important;
    margin-right: .5rem
}

@media (max-width: 767px) {
    .year-2020 .king-rama-9-memorial-day .intro__subtitle .master .d-inline-block {
        display: inline !important
    }
}

.year-2020 .king-rama-9-memorial-day .intro__subtitle .firstname {
    display: initial !important
}

@media (max-width: 479px) {
    .year-2020 .king-rama-9-memorial-day .intro__subtitle .firstname {
        display: inline-block !important
    }
}

.year-2020 .king-rama-9-memorial-day .intro__line img {
    max-width: 200px
}

.year-2020 .king-rama-9-memorial-day .intro__text {
    font-size: 25px;
    font-size: 1.5625rem
}

@media (max-width: 479px) {
    .year-2020 .king-rama-9-memorial-day .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2020 .king-rama-9-memorial-day .intro__figure {
    max-width: 100%
}

.year-2020 .king-rama-9-memorial-day .intro__figure--3 {
    padding-top: 1.5rem
}

.year-2020 .king-rama-9-memorial-day .intro__figure--5, .year-2020 .king-rama-9-memorial-day .intro__figure--6 {
    padding-top: 2rem
}

.year-2020 .king-rama-9-memorial-day .intro__content--1 .intro__title {
    font-style: italic;
    color: #524323
}

.year-2020 .king-rama-9-memorial-day .intro__content--1 .intro__subtitle {
    color: #524323
}

.year-2020 .king-rama-9-memorial-day .intro__content--1 .intro__subtitle--event {
    margin-bottom: 1rem
}

.year-2020 .king-rama-9-memorial-day .intro__content--1 .intro__text {
    color: #150700
}

.year-2020 .king-rama-9-memorial-day .intro__content--2 .intro__title {
    font-weight: 400;
    color: #733f01
}

.year-2020 .king-rama-9-memorial-day .intro__content--2 .intro__subtitle {
    color: #733f01
}

.year-2020 .king-rama-9-memorial-day .intro__content--2 .intro__subtitle--name {
    font-family: Sarabun !important
}

.year-2020 .king-rama-9-memorial-day .intro__content--2 .intro__text {
    color: #733f01
}

.year-2020 .king-rama-9-memorial-day .intro__content--3 {
    padding-top: .5rem
}

.year-2020 .king-rama-9-memorial-day .intro__content--3 .intro__title {
    font-weight: 400;
    color: #733f01
}

.year-2020 .king-rama-9-memorial-day .intro__content--3 .intro__subtitle {
    color: #733f01
}

.year-2020 .king-rama-9-memorial-day .intro__content--3 .intro__subtitle--name {
    font-family: Sarabun !important;
    color: #61360f
}

.year-2020 .king-rama-9-memorial-day .intro__content--3 .intro__text {
    color: #150700
}

.year-2020 .king-rama-9-memorial-day .intro__content--3 .intro__text .company-name {
    display: block
}

.year-2020 .king-rama-9-memorial-day .intro__content--4 .intro__title {
    font-weight: 400;
    color: #733f01
}

.year-2020 .king-rama-9-memorial-day .intro__content--4 .intro__subtitle {
    color: #733f01
}

.year-2020 .king-rama-9-memorial-day .intro__content--4 .intro__subtitle--name {
    font-family: Sarabun !important;
    color: #61360f
}

.year-2020 .king-rama-9-memorial-day .intro__content--4 .intro__text {
    color: #150700
}

.year-2020 .king-rama-9-memorial-day .intro__content--4 .intro__text .company-name {
    display: block
}

.year-2020 .king-rama-9-memorial-day .intro__content--4 .intro__line img {
    max-width: 250px
}

.year-2020 .king-rama-9-memorial-day .intro__content--5 .intro__title {
    color: #634100
}

.year-2020 .king-rama-9-memorial-day .intro__content--5 .intro__subtitle {
    font-family: Sarabun !important;
    color: #7e5300
}

.year-2020 .king-rama-9-memorial-day .intro__content--5 .intro__subtitle--event {
    font-size: 65px;
    font-size: 4.0625rem
}

@media (max-width: 479px) {
    .year-2020 .king-rama-9-memorial-day .intro__content--5 .intro__subtitle--event {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.year-2020 .king-rama-9-memorial-day .intro__content--5 .intro__subtitle--name {
    font-size: 40px;
    font-size: 2.5rem
}

@media (max-width: 479px) {
    .year-2020 .king-rama-9-memorial-day .intro__content--5 .intro__subtitle--name {
        font-size: 32px;
        font-size: 2rem
    }
}

.year-2020 .king-rama-9-memorial-day .intro__content--5 .intro__text {
    color: #7e5300
}

.year-2020 .king-rama-9-memorial-day .intro__content--6 .intro__subtitle, .year-2020 .king-rama-9-memorial-day .intro__content--6 .intro__title {
    text-shadow: 2px 3px 2px rgba(0, 0, 0, .5), 0 0 0 rgba(0, 0, 0, .5), 0 0 0 rgba(0, 0, 0, .5);
    color: #ffe052
}

.year-2020 .king-rama-9-memorial-day .intro__content--6 .intro__subtitle {
    font-family: Sarabun !important
}

.year-2020 .king-rama-9-memorial-day .intro__content--6 .intro__subtitle--event {
    font-size: 65px;
    font-size: 4.0625rem
}

@media (max-width: 479px) {
    .year-2020 .king-rama-9-memorial-day .intro__content--6 .intro__subtitle--event {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.year-2020 .king-rama-9-memorial-day .intro__content--6 .intro__subtitle--name {
    font-size: 40px;
    font-size: 2.5rem
}

@media (max-width: 479px) {
    .year-2020 .king-rama-9-memorial-day .intro__content--6 .intro__subtitle--name {
        font-size: 32px;
        font-size: 2rem
    }
}

.year-2020 .king-rama-9-memorial-day .intro__content--6 .intro__text {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3), 1px 1px 2px rgba(0, 0, 0, .3), 1px 1px 2px rgba(0, 0, 0, .3);
    color: #fff
}

.year-2020 .king-rama-9-memorial-day .intro__content--6 .intro__line img {
    max-width: 300px
}

.year-2020 .king-rama-9-memorial-day .intro__button--1 {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    background-color: #d4a555;
    border-radius: 5px
}

.year-2020 .king-rama-9-memorial-day .intro__button--1 a {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15);
    color: #fff !important
}

.year-2020 .king-rama-9-memorial-day .intro__button--1 a:before {
    color: #fff
}

.year-2020 .king-rama-9-memorial-day .intro__button--2 {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    background-color: #61430a;
    border-radius: 5px
}

.year-2020 .king-rama-9-memorial-day .intro__button--2 a {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15);
    color: #fff !important
}

.year-2020 .king-rama-9-memorial-day .intro__button--2 a:before {
    color: #fff
}

.year-2020 .king-rama-9-memorial-day .intro__button--3 {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    background-color: #a67c32;
    border-radius: 5px
}

.year-2020 .king-rama-9-memorial-day .intro__button--3 a {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15);
    color: #fff !important
}

.year-2020 .king-rama-9-memorial-day .intro__button--3 a:before {
    color: #fff
}

.year-2018 .king10 .year-2020 .king-rama-9-memorial-day .intro__button--11, .year-2018 .king10 .year-2020 .king-rama-9-memorial-day .intro__button--12, .year-2019 .king .year-2020 .king-rama-9-memorial-day .intro__button--11, .year-2019 .king .year-2020 .king-rama-9-memorial-day .intro__button--12, .year-2020 .king-rama-9-memorial-day .intro__button--4, .year-2020 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--11, .year-2020 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--12, .year-2020 .king-rama-9-memorial-day .year-2019 .king .intro__button--11, .year-2020 .king-rama-9-memorial-day .year-2019 .king .intro__button--12 {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    background-color: #c29446;
    border-radius: 5px
}

.year-2018 .king10 .year-2020 .king-rama-9-memorial-day .intro__button--11 a, .year-2018 .king10 .year-2020 .king-rama-9-memorial-day .intro__button--12 a, .year-2019 .king .year-2020 .king-rama-9-memorial-day .intro__button--11 a, .year-2019 .king .year-2020 .king-rama-9-memorial-day .intro__button--12 a, .year-2020 .king-rama-9-memorial-day .intro__button--4 a, .year-2020 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--11 a, .year-2020 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--12 a, .year-2020 .king-rama-9-memorial-day .year-2019 .king .intro__button--11 a, .year-2020 .king-rama-9-memorial-day .year-2019 .king .intro__button--12 a {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15);
    color: #fff !important
}

.year-2018 .king10 .year-2020 .king-rama-9-memorial-day .intro__button--11 a:before, .year-2018 .king10 .year-2020 .king-rama-9-memorial-day .intro__button--12 a:before, .year-2019 .king .year-2020 .king-rama-9-memorial-day .intro__button--11 a:before, .year-2019 .king .year-2020 .king-rama-9-memorial-day .intro__button--12 a:before, .year-2020 .king-rama-9-memorial-day .intro__button--4 a:before, .year-2020 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--11 a:before, .year-2020 .king-rama-9-memorial-day .year-2018 .king10 .intro__button--12 a:before, .year-2020 .king-rama-9-memorial-day .year-2019 .king .intro__button--11 a:before, .year-2020 .king-rama-9-memorial-day .year-2019 .king .intro__button--12 a:before {
    color: #fff
}

.year-2018 .year-2020 .king-rama-9-memorial-day .intro__button--14, .year-2019 .queen-mother .year-2020 .king-rama-9-memorial-day .intro__button--14, .year-2020 .king-rama-9-memorial-day .intro__button--5, .year-2020 .king-rama-9-memorial-day .year-2018 .intro__button--14, .year-2020 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--14 {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    background-color: #805410;
    border-radius: 5px
}

.year-2018 .year-2020 .king-rama-9-memorial-day .intro__button--14 a, .year-2019 .queen-mother .year-2020 .king-rama-9-memorial-day .intro__button--14 a, .year-2020 .king-rama-9-memorial-day .intro__button--5 a, .year-2020 .king-rama-9-memorial-day .year-2018 .intro__button--14 a, .year-2020 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--14 a {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15), 1px 1px 2px rgba(0, 0, 0, .15);
    color: #fff !important
}

.year-2018 .year-2020 .king-rama-9-memorial-day .intro__button--14 a:before, .year-2019 .queen-mother .year-2020 .king-rama-9-memorial-day .intro__button--14 a:before, .year-2020 .king-rama-9-memorial-day .intro__button--5 a:before, .year-2020 .king-rama-9-memorial-day .year-2018 .intro__button--14 a:before, .year-2020 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--14 a:before {
    color: #fff
}

.year-2018 .year-2020 .king-rama-9-memorial-day .intro__button--11, .year-2019 .queen-mother .year-2020 .king-rama-9-memorial-day .intro__button--11, .year-2020 .king-rama-9-memorial-day .intro__button--6, .year-2020 .king-rama-9-memorial-day .year-2018 .intro__button--11, .year-2020 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--11 {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    background-color: #ffd67a;
    border-radius: 5px
}

.year-2018 .year-2020 .king-rama-9-memorial-day .intro__button--11 a, .year-2018 .year-2020 .king-rama-9-memorial-day .intro__button--11 a:before, .year-2019 .queen-mother .year-2020 .king-rama-9-memorial-day .intro__button--11 a, .year-2019 .queen-mother .year-2020 .king-rama-9-memorial-day .intro__button--11 a:before, .year-2020 .king-rama-9-memorial-day .intro__button--6 a, .year-2020 .king-rama-9-memorial-day .intro__button--6 a:before, .year-2020 .king-rama-9-memorial-day .year-2018 .intro__button--11 a, .year-2020 .king-rama-9-memorial-day .year-2018 .intro__button--11 a:before, .year-2020 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--11 a, .year-2020 .king-rama-9-memorial-day .year-2019 .queen-mother .intro__button--11 a:before {
    color: #1c0909 !important
}

.body-snapshot .year-2020 .king-rama-9-memorial-day .intro__content .intro__subtitle .d-inline-block, .body-snapshot .year-2020 .king-rama-9-memorial-day .intro__content .intro__subtitle .firstname, .body-snapshot .year-2020 .king-rama-9-memorial-day .intro__content .intro__subtitle .master {
    display: inline !important
}

.body-snapshot .year-2020 .king-rama-9-memorial-day .intro__content .intro__subtitle--name {
    font-size: 32px;
    font-size: 2rem
}

.year-2019 .king9 .intro__title {
    letter-spacing: 1px;
    font-size: 38px;
    font-size: 2.375rem
}

@media (max-width: 479px) {
    .year-2019 .king9 .intro__title {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.year-2018 .king10 .year-2019 .king9 .intro__title--10, .year-2018 .king10 .year-2019 .king9 .intro__title--11, .year-2018 .king10 .year-2019 .king9 .intro__title--12, .year-2018 .queen .year-2019 .king9 .intro__title--12, .year-2019 .king9 .intro__title--2, .year-2019 .king9 .intro__title--4, .year-2019 .king9 .intro__title--5, .year-2019 .king9 .intro__title--6, .year-2019 .king9 .year-2018 .king10 .intro__title--10, .year-2019 .king9 .year-2018 .king10 .intro__title--11, .year-2019 .king9 .year-2018 .king10 .intro__title--12, .year-2019 .king9 .year-2018 .queen .intro__title--12 {
    font-weight: 600
}

.year-2019 .king9 .intro__subtitle {
    font-size: 50px;
    font-size: 3.125rem
}

@media (max-width: 479px) {
    .year-2019 .king9 .intro__subtitle {
        font-size: 36px;
        font-size: 2.25rem
    }
}

.year-2018 .king10 .year-2019 .king9 .intro__subtitle--10, .year-2018 .king10 .year-2019 .king9 .intro__subtitle--11, .year-2018 .king10 .year-2019 .king9 .intro__subtitle--12, .year-2018 .queen .year-2019 .king9 .intro__subtitle--12, .year-2019 .king9 .intro__subtitle--2, .year-2019 .king9 .intro__subtitle--4, .year-2019 .king9 .intro__subtitle--5, .year-2019 .king9 .intro__subtitle--6, .year-2019 .king9 .intro__subtitle--8, .year-2019 .king9 .intro__subtitle--9, .year-2019 .king9 .year-2018 .king10 .intro__subtitle--10, .year-2019 .king9 .year-2018 .king10 .intro__subtitle--11, .year-2019 .king9 .year-2018 .king10 .intro__subtitle--12, .year-2019 .king9 .year-2018 .queen .intro__subtitle--12 {
    font-weight: 600
}

.year-2019 .king9 .intro__text {
    font-size: 26px;
    font-size: 1.625rem
}

@media (max-width: 414px) {
    .year-2019 .king9 .intro__text {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.year-2019 .king9 .intro__logo {
    display: none !important
}

.year-2019 .king9 .intro--vertical .intro__logo {
    display: none
}

.year-2019 .king9 .intro__figure {
    margin: 1.5rem auto
}

.year-2019 .king9 .intro__line .img-fluid {
    max-height: 30px
}

.year-2018 .king10 .year-2019 .king9 .intro__subtitle--10 span, .year-2018 .king10 .year-2019 .king9 .intro__subtitle--11 span, .year-2018 .king10 .year-2019 .king9 .intro__subtitle--12 span, .year-2019 .king9 .intro__subtitle--4 span, .year-2019 .king9 .year-2018 .king10 .intro__subtitle--10 span, .year-2019 .king9 .year-2018 .king10 .intro__subtitle--11 span, .year-2019 .king9 .year-2018 .king10 .intro__subtitle--12 span {
    display: inline-block
}

.year-2019 .king9 .intro__content {
    width: 100%
}

.year-2019 .king9 .intro__content--1 {
    color: #fff
}

.year-2019 .king9 .intro__content--2 {
    color: #615400
}

.year-2019 .king9 .intro__content--3 {
    color: #fef7da
}

.year-2019 .king9 .intro__content--4 {
    color: #684a04
}

.year-2019 .king9 .intro__content--4 .intro__subtitle, .year-2019 .king9 .intro__content--4 .intro__title {
    text-shadow: 1px 0 0 #fdf5c5, -1px 0 0 #fdf5c5, 0 1px 0 #fdf5c5, 0 -1px 0 #fdf5c5, 0 0 #fdf5c5, 0 0 0 #fdf5c5, 0 0 0 #fdf5c5, 0 0 0 #fdf5c5
}

.year-2019 .king9 .intro__content--5 {
    color: #7e5d29
}

.year-2019 .king9 .intro__content--5 .intro__subtitle {
    color: #6a451a
}

.year-2019 .king9 .intro__content--5 .intro__text {
    color: #000
}

.year-2019 .king9 .intro__content--6 {
    color: #7d5200
}

.year-2019 .king9 .intro__content--6 .intro__title {
    color: #7c550a
}

.year-2019 .king9 .intro__content--6 .intro__subtitle {
    color: #613e00
}

.year-2019 .king9 .intro__content--6 .intro__text {
    color: #000
}

.year-2019 .king9 .intro__content--7 {
    color: #fed16a
}

.year-2019 .king9 .intro__content--7 .intro__subtitle, .year-2019 .king9 .intro__content--7 .intro__title {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2)
}

.year-2019 .king9 .intro__content--7 .intro__text {
    color: #fff
}

.year-2019 .king9 .intro__content--8 {
    color: #fdd67a
}

.year-2019 .king9 .intro__content--8 .intro__text {
    color: #d6bf93
}

.year-2019 .king9 .intro__content--9 {
    color: #f5da47
}

.year-2019 .king9 .intro__content--9 .intro__subtitle, .year-2019 .king9 .intro__content--9 .intro__title {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2)
}

.year-2019 .king9 .intro__content--9 .intro__text {
    color: #fff
}

.year-2019 .king9 .intro__button {
    border-radius: 7px
}

.year-2019 .king9 .intro__button--1 {
    background-color: #f8d241;
    border: none;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.year-2019 .king9 .intro__button--1 a {
    color: #291200
}

.year-2019 .king9 .intro__button--2 {
    background-color: #291200
}

.year-2019 .king9 .intro__button--2 a, .year-2019 .king9 .intro__button--2 a:before {
    color: #fff !important
}

.year-2019 .king9 .intro__button--3 {
    background-color: #d48a0d;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2)
}

.year-2019 .king9 .intro__button--3 a, .year-2019 .king9 .intro__button--3 a:before {
    color: #fffee3 !important
}

.year-2018 .king10 .year-2019 .king9 .intro__button--11, .year-2018 .king10 .year-2019 .king9 .intro__button--12, .year-2019 .king9 .intro__button--4, .year-2019 .king9 .king .intro__button--11, .year-2019 .king9 .king .intro__button--12, .year-2019 .king9 .year-2018 .king10 .intro__button--11, .year-2019 .king9 .year-2018 .king10 .intro__button--12, .year-2019 .king .king9 .intro__button--11, .year-2019 .king .king9 .intro__button--12 {
    background-color: #9b6e09;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, .32);
    -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, .32);
    box-shadow: 1px 3px 5px rgba(0, 0, 0, .32)
}

.year-2018 .king10 .year-2019 .king9 .intro__button--11 a, .year-2018 .king10 .year-2019 .king9 .intro__button--11 a:before, .year-2018 .king10 .year-2019 .king9 .intro__button--12 a, .year-2018 .king10 .year-2019 .king9 .intro__button--12 a:before, .year-2019 .king9 .intro__button--4 a, .year-2019 .king9 .intro__button--4 a:before, .year-2019 .king9 .king .intro__button--11 a, .year-2019 .king9 .king .intro__button--11 a:before, .year-2019 .king9 .king .intro__button--12 a, .year-2019 .king9 .king .intro__button--12 a:before, .year-2019 .king9 .year-2018 .king10 .intro__button--11 a, .year-2019 .king9 .year-2018 .king10 .intro__button--11 a:before, .year-2019 .king9 .year-2018 .king10 .intro__button--12 a, .year-2019 .king9 .year-2018 .king10 .intro__button--12 a:before, .year-2019 .king .king9 .intro__button--11 a, .year-2019 .king .king9 .intro__button--11 a:before, .year-2019 .king .king9 .intro__button--12 a, .year-2019 .king .king9 .intro__button--12 a:before {
    color: #fffee3 !important
}

.year-2018 .year-2019 .king9 .intro__button--14, .year-2019 .king9 .intro__button--5, .year-2019 .king9 .queen-mother .intro__button--14, .year-2019 .king9 .year-2018 .intro__button--14, .year-2019 .queen-mother .king9 .intro__button--14 {
    background-color: #d09a2e;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, .32);
    -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, .32);
    box-shadow: 1px 3px 5px rgba(0, 0, 0, .32)
}

.year-2018 .year-2019 .king9 .intro__button--14 a:before, .year-2019 .king9 .intro__button--5 a:before, .year-2019 .king9 .queen-mother .intro__button--14 a:before, .year-2019 .king9 .year-2018 .intro__button--14 a:before, .year-2019 .queen-mother .king9 .intro__button--14 a:before {
    color: #fff !important
}

.year-2018 .year-2019 .king9 .intro__button--11, .year-2019 .king9 .intro__button--6, .year-2019 .king9 .queen-mother .intro__button--11, .year-2019 .king9 .year-2018 .intro__button--11, .year-2019 .queen-mother .king9 .intro__button--11 {
    background-color: #7e5400;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .32);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .32);
    box-shadow: 0 0 10px rgba(0, 0, 0, .32)
}

.year-2018 .year-2019 .king9 .intro__button--11 a, .year-2018 .year-2019 .king9 .intro__button--11 a:before, .year-2019 .king9 .intro__button--6 a, .year-2019 .king9 .intro__button--6 a:before, .year-2019 .king9 .queen-mother .intro__button--11 a, .year-2019 .king9 .queen-mother .intro__button--11 a:before, .year-2019 .king9 .year-2018 .intro__button--11 a, .year-2019 .king9 .year-2018 .intro__button--11 a:before, .year-2019 .queen-mother .king9 .intro__button--11 a, .year-2019 .queen-mother .king9 .intro__button--11 a:before {
    color: #fff !important
}

.year-2018 .year-2019 .king9 .intro__button--12, .year-2018 .year-2019 .king9 .intro__button--13, .year-2019 .king9 .intro__button--7, .year-2019 .king9 .queen-mother .intro__button--12, .year-2019 .king9 .queen-mother .intro__button--13, .year-2019 .king9 .year-2018 .intro__button--12, .year-2019 .king9 .year-2018 .intro__button--13, .year-2019 .queen-mother .king9 .intro__button--12, .year-2019 .queen-mother .king9 .intro__button--13 {
    background-color: #e4b95b;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .32);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .32);
    box-shadow: 0 0 10px rgba(0, 0, 0, .32)
}

.year-2018 .year-2019 .king9 .intro__button--12 a, .year-2018 .year-2019 .king9 .intro__button--12 a:before, .year-2018 .year-2019 .king9 .intro__button--13 a, .year-2018 .year-2019 .king9 .intro__button--13 a:before, .year-2019 .king9 .intro__button--7 a, .year-2019 .king9 .intro__button--7 a:before, .year-2019 .king9 .queen-mother .intro__button--12 a, .year-2019 .king9 .queen-mother .intro__button--12 a:before, .year-2019 .king9 .queen-mother .intro__button--13 a, .year-2019 .king9 .queen-mother .intro__button--13 a:before, .year-2019 .king9 .year-2018 .intro__button--12 a, .year-2019 .king9 .year-2018 .intro__button--12 a:before, .year-2019 .king9 .year-2018 .intro__button--13 a, .year-2019 .king9 .year-2018 .intro__button--13 a:before, .year-2019 .queen-mother .king9 .intro__button--12 a, .year-2019 .queen-mother .king9 .intro__button--12 a:before, .year-2019 .queen-mother .king9 .intro__button--13 a, .year-2019 .queen-mother .king9 .intro__button--13 a:before {
    color: #fff !important
}

.year-2019 .king9 .intro__button--8 {
    background-color: #e4b95b;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .32);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .32);
    box-shadow: 0 0 10px rgba(0, 0, 0, .32)
}

.year-2019 .king9 .intro__button--8 a, .year-2019 .king9 .intro__button--8 a:before {
    color: #fff !important
}

.year-2019 .king9 .intro__button--9 {
    background-color: #ffd67c
}

.year-2019 .king9 .intro__button--9 a, .year-2019 .king9 .intro__button--9 a:before {
    color: #000 !important
}

.year-2019 .newyear {
    font-family: Sarabun;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1
}

.year-2019 .newyear h3 {
    line-height: 1;
    font-size: 54px;
    font-size: 3.375rem;
    font-weight: 700
}

.year-2019 .newyear h4 {
    font-size: 26px;
    font-size: 1.625rem;
    margin: 0 0 5px
}

.year-2019 .newyear h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2019 .newyear h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2019 .body-snapshot .newyear .intro {
    display: flex;
    justify-content: center;
    align-items: center
}

.year-2019 .body-snapshot .newyear .intro > .intro__figure {
    height: auto;
    max-height: 70vh
}

.year-2019 .body-snapshot .newyear .intro > .intro__figure img {
    max-height: 100%
}

.year-2019 .wrapper--2 {
    background-position: 50%
}

.year-2019 .wrapper--5, .year-2019 .wrapper--7 {
    background-position: bottom
}

.year-2019 .wrapper--9 {
    background-position: 50%
}

.year-2019 .newyear .intro {
    display: flex;
    flex-flow: column;
    justify-content: center
}

.year-2019 .newyear .intro__figure {
    padding: 80px 20px;
    height: auto;
    max-width: none;
    min-height: auto
}

.year-2019 .newyear .intro__figure img {
    height: auto
}

.year-2019 .newyear .intro__figure--1 {
    padding: 80px 10px 40px;
    max-width: 700px
}

.year-2019 .newyear .intro__figure--2 {
    padding: 270px 0 15px;
    max-width: 700px
}

.year-2019 .newyear .intro__figure--3 {
    padding: 80px 0 40px;
    max-width: 800px
}

.year-2019 .newyear .intro__figure--4 {
    max-width: 500px
}

.year-2019 .newyear .intro__figure--5 {
    max-width: 700px;
    padding: 60px 0 40px
}

.year-2019 .newyear .intro__figure--6 {
    padding: 100px 0 0;
    max-width: 720px
}

.year-2019 .newyear .intro__figure--7 {
    max-width: 1200px;
    padding-bottom: 40px
}

.year-2019 .newyear .intro__figure--8 {
    max-width: 550px;
    padding: 100px 20px 20px
}

.year-2019 .newyear .intro__figure--9 {
    max-width: 900px;
    padding-top: 100px;
    padding-bottom: 20px
}

.year-2019 .newyear .intro__content {
    height: auto
}

.year-2019 .newyear .intro__content--1 {
    color: #376846
}

.year-2019 .newyear .intro__content--2, .year-2019 .newyear .intro__content--3, .year-2019 .newyear .intro__content--4 {
    color: #fff
}

.year-2019 .newyear .intro__content--5 {
    color: #000
}

.year-2019 .newyear .intro__content--6, .year-2019 .newyear .intro__content--7 {
    color: #fff
}

.year-2019 .newyear .intro__content--8 {
    color: #404042
}

.year-2019 .newyear .intro__content--9 {
    color: #fff
}

@media (max-width: 1439px) {
    .year-2019 .newyear .intro__figure--1 {
        padding: 30px 10px 20px;
        max-width: 500px
    }

    .year-2019 .newyear .intro__figure--2 {
        padding: 140px 0 0;
        max-width: 550px
    }

    .year-2019 .newyear .intro__figure--3 {
        padding: 120px 0 20px;
        max-width: 550px
    }

    .year-2019 .newyear .intro__figure--4 {
        padding: 10px 0;
        max-width: 280px
    }

    .year-2019 .newyear .intro__figure--5 {
        padding: 70px 0 0;
        max-width: 480px
    }

    .year-2019 .newyear .intro__figure--6 {
        padding: 110px 0 0
    }

    .year-2019 .newyear .intro__figure--7 {
        max-width: 750px
    }

    .year-2019 .newyear .intro__figure--8 {
        max-width: 400px
    }

    .year-2019 .newyear .intro__figure--9 {
        padding: 80px 40px 20px;
        max-width: 500px
    }
}

@media (max-width: 1366px) {
    .year-2019 .newyear .intro__figure {
        padding: 60px 0 0
    }

    .year-2019 .newyear .intro__figure--1 {
        padding: 60px 0 40px;
        max-width: 400px
    }

    .year-2019 .newyear .intro__figure--2 {
        padding: 50px 0 40px;
        max-width: 450px
    }

    .year-2019 .newyear .intro__figure--3 {
        padding: 20px 0;
        max-width: 500px
    }

    .year-2019 .newyear .intro__figure--4 {
        padding: 10px 0;
        max-width: 250px
    }

    .year-2019 .newyear .intro__figure--5 {
        padding: 50px 0 30px;
        max-width: 400px
    }

    .year-2019 .newyear .intro__figure--6 {
        padding: 100px 0 10px;
        max-width: 550px
    }

    .year-2019 .newyear .intro__figure--7 {
        padding-top: 30px;
        padding-bottom: 30px;
        max-width: 680px
    }

    .year-2019 .newyear .intro__figure--8 {
        padding-bottom: 20px;
        max-width: 400px
    }

    .year-2019 .newyear .intro__figure--9 {
        padding: 50px 0;
        max-width: 420px
    }
}

@media (max-width: 767px) {
    .year-2019 .newyear .intro__figure {
        padding-top: 100px
    }

    .year-2019 .newyear .intro__figure--3 {
        padding-top: 50px
    }

    .year-2019 .newyear .intro__figure--4 {
        padding-top: 30px;
        max-width: 230px
    }

    .year-2019 .newyear .intro__figure--5 {
        padding-top: 60px
    }

    .year-2019 .newyear .intro__figure--7 {
        padding-top: 0
    }

    .year-2019 .newyear .intro__figure--8 {
        padding-top: 50px
    }

    .year-2019 .newyear .intro__figure--9 {
        padding-top: 80px
    }
}

@media (max-width: 479px) {
    .year-2019 .newyear .intro {
        min-height: 100vh !important
    }

    .year-2019 .newyear .intro__figure--1 {
        padding-top: 0
    }

    .year-2019 .newyear .intro__figure--4 {
        padding-top: 50px;
        max-width: 200px
    }

    .year-2019 .newyear .intro__figure--8 {
        padding-top: 70px;
        max-width: 200px
    }
}

.year-2019 .newyear .intro__button a:before {
    color: #fff !important
}

.year-2019 .newyear .intro__button--1, .year-2019 .newyear .intro__button--2 {
    background: #c7160e;
    background: -moz-linear-gradient(top, #c7160e 0, #b41007 50%, #a30901 100%);
    background: -webkit-linear-gradient(top, #c7160e, #b41007 50%, #a30901);
    background: linear-gradient(180deg, #c7160e 0, #b41007 50%, #a30901)
}

.year-2019 .newyear .intro__button--1, .year-2019 .newyear .intro__button--2, .year-2019 .newyear .intro__button--3 {
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .7);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .7);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .7);
    text-transform: uppercase
}

.year-2019 .newyear .intro__button--3 {
    background: #016146;
    background: -moz-linear-gradient(top, #016146 0, #015f47 50%, #01563f 100%);
    background: -webkit-linear-gradient(top, #016146, #015f47 50%, #01563f);
    background: linear-gradient(180deg, #016146 0, #015f47 50%, #01563f)
}

.year-2018 .king10 .year-2019 .newyear .intro__button--11, .year-2018 .king10 .year-2019 .newyear .intro__button--12, .year-2019 .king .newyear .intro__button--11, .year-2019 .king .newyear .intro__button--12, .year-2019 .newyear .intro__button--4, .year-2019 .newyear .king .intro__button--11, .year-2019 .newyear .king .intro__button--12, .year-2019 .newyear .year-2018 .king10 .intro__button--11, .year-2019 .newyear .year-2018 .king10 .intro__button--12 {
    background: #fdcc41;
    background: -moz-linear-gradient(top, #fdcc41 0, #e3b231 50%, #c99822 100%);
    background: -webkit-linear-gradient(top, #fdcc41, #e3b231 50%, #c99822);
    background: linear-gradient(180deg, #fdcc41 0, #e3b231 50%, #c99822);
    border-radius: 5px;
    text-transform: uppercase
}

.year-2018 .king10 .year-2019 .newyear .intro__button--11 a, .year-2018 .king10 .year-2019 .newyear .intro__button--12 a, .year-2019 .king .newyear .intro__button--11 a, .year-2019 .king .newyear .intro__button--12 a, .year-2019 .newyear .intro__button--4 a, .year-2019 .newyear .king .intro__button--11 a, .year-2019 .newyear .king .intro__button--12 a, .year-2019 .newyear .year-2018 .king10 .intro__button--11 a, .year-2019 .newyear .year-2018 .king10 .intro__button--12 a {
    color: #080611
}

.year-2018 .king10 .year-2019 .newyear .intro__button--11 a:before, .year-2018 .king10 .year-2019 .newyear .intro__button--12 a:before, .year-2019 .king .newyear .intro__button--11 a:before, .year-2019 .king .newyear .intro__button--12 a:before, .year-2019 .newyear .intro__button--4 a:before, .year-2019 .newyear .king .intro__button--11 a:before, .year-2019 .newyear .king .intro__button--12 a:before, .year-2019 .newyear .year-2018 .king10 .intro__button--11 a:before, .year-2019 .newyear .year-2018 .king10 .intro__button--12 a:before {
    color: #080611 !important
}

.year-2018 .year-2019 .newyear .intro__button--14, .year-2019 .newyear .intro__button--5, .year-2019 .newyear .queen-mother .intro__button--14, .year-2019 .newyear .year-2018 .intro__button--14, .year-2019 .queen-mother .newyear .intro__button--14 {
    background: #c01712;
    background: -moz-linear-gradient(top, #c01712 0, #af120d 50%, #9d0c09 100%);
    background: -webkit-linear-gradient(top, #c01712, #af120d 50%, #9d0c09);
    background: linear-gradient(180deg, #c01712 0, #af120d 50%, #9d0c09);
    border-radius: 5px;
    text-transform: uppercase
}

.year-2018 .year-2019 .newyear .intro__button--11, .year-2019 .newyear .intro__button--6, .year-2019 .newyear .queen-mother .intro__button--11, .year-2019 .newyear .year-2018 .intro__button--11, .year-2019 .queen-mother .newyear .intro__button--11 {
    background-color: #d5a330;
    border-radius: 0
}

.year-2018 .year-2019 .newyear .intro__button--12, .year-2018 .year-2019 .newyear .intro__button--13, .year-2019 .newyear .intro__button--7, .year-2019 .newyear .queen-mother .intro__button--12, .year-2019 .newyear .queen-mother .intro__button--13, .year-2019 .newyear .year-2018 .intro__button--12, .year-2019 .newyear .year-2018 .intro__button--13, .year-2019 .queen-mother .newyear .intro__button--12, .year-2019 .queen-mother .newyear .intro__button--13 {
    background: #c01712;
    background: -moz-linear-gradient(top, #c01712 0, #af120d 50%, #9d0c09 100%);
    background: -webkit-linear-gradient(top, #c01712, #af120d 50%, #9d0c09);
    background: linear-gradient(180deg, #c01712 0, #af120d 50%, #9d0c09);
    border-radius: 5px;
    text-transform: uppercase
}

.year-2019 .newyear .intro__button--8, .year-2019 .newyear .intro__button--9 {
    background: #c01712;
    background: -moz-linear-gradient(top, #c01712 0, #af120d 50%, #9d0c09 100%);
    background: -webkit-linear-gradient(top, #c01712, #af120d 50%, #9d0c09);
    background: linear-gradient(180deg, #c01712 0, #af120d 50%, #9d0c09);
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .7);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .7);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .7)
}

.year-2019 .king10 h3 {
    line-height: .8;
    font-size: 74px;
    font-size: 4.625rem;
    font-weight: 700
}

.year-2019 .king10 h4 {
    font-size: 40px;
    font-size: 2.5rem
}

.year-2019 .king10 h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2019 .king10 h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2019 .king10 .intro__title {
    letter-spacing: 2px
}

.year-2019 .king10 .intro__title--1 {
    font-weight: 400;
    font-family: Sarabun
}

.year-2019 .king10 .intro__title--2 {
    font-family: Kanit;
    font-size: 60px;
    font-size: 3.75rem;
    font-weight: 400
}

.year-2018 .queen .year-2019 .king10 .intro__title--10, .year-2018 .queen .year-2019 .king10 .intro__title--11, .year-2018 .queen .year-2019 .king10 .intro__title--13, .year-2018 .queen .year-2019 .king10 .intro__title--14, .year-2018 .queen .year-2019 .king10 .intro__title--15, .year-2018 .year-2019 .king10 .queen .intro__title--14, .year-2019 .king10 .intro__title--3, .year-2019 .king10 .year-2018 .queen .intro__title--10, .year-2019 .king10 .year-2018 .queen .intro__title--11, .year-2019 .king10 .year-2018 .queen .intro__title--13, .year-2019 .king10 .year-2018 .queen .intro__title--14, .year-2019 .king10 .year-2018 .queen .intro__title--15, .year-2019 .year-2018 .king10 .queen .intro__title--14, .year-2019 .year-2018 .queen .king10 .intro__title--14 {
    font-family: Sarabun;
    font-size: 59px;
    font-size: 3.6875rem
}

.year-2018 .year-2019 .king10 .intro__title--10, .year-2018 .year-2019 .king10 .intro__title--11, .year-2018 .year-2019 .king10 .intro__title--12, .year-2019 .king10 .intro__title--4, .year-2019 .year-2018 .king10 .intro__title--10, .year-2019 .year-2018 .king10 .intro__title--11, .year-2019 .year-2018 .king10 .intro__title--12 {
    font-weight: 400;
    font-family: Sarabun
}

.year-2018 .queen .year-2019 .king10 .intro__title--12, .year-2019 .king10 .intro__title--5, .year-2019 .king10 .year-2018 .queen .intro__title--12 {
    font-weight: 400;
    font-family: Sarabun
}

.year-2019 .king10 .intro__title--6 {
    font-family: Sarabun;
    font-size: 55px;
    font-size: 3.4375rem;
    font-weight: 700
}

.year-2019 .king10 .intro__subtitle--1 {
    font-family: Sarabun;
    font-weight: 400;
    letter-spacing: 2px
}

.year-2019 .king10 .intro__subtitle--2 {
    font-family: Kanit;
    font-size: 36px;
    font-size: 2.25rem
}

.year-2018 .queen .year-2019 .king10 .intro__subtitle--10, .year-2018 .queen .year-2019 .king10 .intro__subtitle--11, .year-2018 .queen .year-2019 .king10 .intro__subtitle--13, .year-2018 .queen .year-2019 .king10 .intro__subtitle--14, .year-2018 .queen .year-2019 .king10 .intro__subtitle--15, .year-2018 .year-2019 .king10 .queen .intro__subtitle--14, .year-2019 .king10 .intro__subtitle--3, .year-2019 .king10 .year-2018 .queen .intro__subtitle--10, .year-2019 .king10 .year-2018 .queen .intro__subtitle--11, .year-2019 .king10 .year-2018 .queen .intro__subtitle--13, .year-2019 .king10 .year-2018 .queen .intro__subtitle--14, .year-2019 .king10 .year-2018 .queen .intro__subtitle--15, .year-2019 .year-2018 .king10 .queen .intro__subtitle--14, .year-2019 .year-2018 .queen .king10 .intro__subtitle--14 {
    font-family: Sarabun;
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 700
}

.year-2018 .year-2019 .king10 .intro__subtitle--10, .year-2018 .year-2019 .king10 .intro__subtitle--11, .year-2018 .year-2019 .king10 .intro__subtitle--12, .year-2019 .king10 .intro__subtitle--4, .year-2019 .year-2018 .king10 .intro__subtitle--10, .year-2019 .year-2018 .king10 .intro__subtitle--11, .year-2019 .year-2018 .king10 .intro__subtitle--12 {
    font-family: Sarabun;
    letter-spacing: 2px
}

.year-2018 .queen .year-2019 .king10 .intro__subtitle--12, .year-2019 .king10 .intro__subtitle--5, .year-2019 .king10 .year-2018 .queen .intro__subtitle--12 {
    font-family: Sarabun;
    letter-spacing: 2px
}

.year-2019 .king10 .intro__subtitle--6 {
    font-family: Sarabun;
    font-size: 36px;
    font-size: 2.25rem
}

.year-2019 .king10 .intro__logo {
    display: none !important
}

.year-2019 .king10 .intro--vertical .intro__logo {
    display: none
}

.year-2019 .king10 .intro__content {
    width: 100%
}

.year-2019 .king10 .intro__content--1 {
    color: #6e5c1a
}

.year-2019 .king10 .intro__content--1 .intro__title {
    color: #8b5300;
    text-shadow: 1px 0 0 #8b5300, -1px 0 0 #8b5300, 0 1px 0 #8b5300, 0 -1px 0 #8b5300, 0 0 #8b5300, 0 0 0 #8b5300, 0 0 0 #8b5300, 0 0 0 #8b5300
}

.year-2019 .king10 .intro__content--1 .intro__subtitle {
    color: #8f5003
}

.year-2019 .king10 .intro__content--2 {
    color: #fae781
}

.year-2019 .king10 .intro__content--2 .intro__title {
    padding-top: 15px;
    color: #ffda34
}

.year-2019 .king10 .intro__content--2 .intro__subtitle {
    color: #f9d96c
}

.year-2019 .king10 .intro__content--3 {
    color: #634000
}

.year-2019 .king10 .intro__content--3 .intro__title {
    color: #a76a00;
    text-shadow: 1px 0 0 #f0ce84, -1px 0 0 #f0ce84, 0 1px 0 #f0ce84, 0 -1px 0 #f0ce84, 0 0 #f0ce84, 0 0 0 #f0ce84, 0 0 0 #f0ce84, 0 0 0 #f0ce84
}

.year-2019 .king10 .intro__content--3 .intro__subtitle {
    color: #654304;
    text-shadow: .5px 0 0 #f0ce84, -.5px 0 0 #f0ce84, 0 .5px 0 #f0ce84, 0 -.5px 0 #f0ce84, -.5px -.5px #f0ce84, .5px .5px 0 #f0ce84, -.5px .5px 0 #f0ce84, .5px -.5px 0 #f0ce84
}

.year-2019 .king10 .intro__content--4 {
    max-width: none;
    color: #6b5212
}

.year-2019 .king10 .intro__content--4 .intro__title {
    color: #59490d;
    text-shadow: 1px 0 0 #59490d, -1px 0 0 #59490d, 0 1px 0 #59490d, 0 -1px 0 #59490d, 0 0 #59490d, 0 0 0 #59490d, 0 0 0 #59490d, 0 0 0 #59490d
}

.year-2019 .king10 .intro__content--4 .intro__subtitle {
    color: #553d00
}

.year-2019 .king10 .intro__content--4 .intro__subtitle br {
    display: none
}

@media (max-width: 767px) {
    .year-2019 .king10 .intro__content--4 .intro__subtitle br {
        display: block
    }
}

.year-2019 .king10 .intro__content--5 {
    color: #3e2b00
}

.year-2019 .king10 .intro__content--5 .intro__title {
    color: #412c01;
    text-shadow: 1px 0 0 #412c01, -1px 0 0 #412c01, 0 1px 0 #412c01, 0 -1px 0 #412c01, 0 0 #412c01, 0 0 0 #412c01, 0 0 0 #412c01, 0 0 0 #412c01
}

.year-2019 .king10 .intro__content--5 .intro__subtitle {
    color: #402900
}

.year-2019 .king10 .intro__content--6 {
    color: #675e3f
}

.year-2019 .king10 .intro__content--6 .intro__title {
    color: #f5c340;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2)
}

.year-2019 .king10 .intro__content--6 .intro__subtitle {
    color: #847743
}

.year-2019 .king10 .intro__content--6 .intro__subtitle + p {
    color: #412c01;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff
}

.year-2019 .king10 .intro__button--1 {
    background-color: #f8d241;
    border-radius: 2px;
    border: 1px solid #fff296;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.year-2019 .king10 .intro__button--1 a {
    color: #291200
}

.year-2019 .king10 .intro__button--2 {
    background-color: #f0c624
}

.year-2019 .king10 .intro__button--2 a, .year-2019 .king10 .intro__button--2 a:before {
    color: #563600 !important
}

.year-2019 .king10 .intro__button--3 {
    background-color: #6a4302
}

.year-2019 .king10 .intro__button--3 a, .year-2019 .king10 .intro__button--3 a:before {
    color: #fffce2 !important
}

.year-2018 .year-2019 .king10 .intro__button--11, .year-2018 .year-2019 .king10 .intro__button--12, .year-2019 .king10 .intro__button--4, .year-2019 .king10 .king .intro__button--11, .year-2019 .king10 .king .intro__button--12, .year-2019 .king .king10 .intro__button--11, .year-2019 .king .king10 .intro__button--12, .year-2019 .year-2018 .king10 .intro__button--11, .year-2019 .year-2018 .king10 .intro__button--12 {
    background-color: #7c641e
}

.year-2018 .year-2019 .king10 .intro__button--11 a, .year-2018 .year-2019 .king10 .intro__button--11 a:before, .year-2018 .year-2019 .king10 .intro__button--12 a, .year-2018 .year-2019 .king10 .intro__button--12 a:before, .year-2019 .king10 .intro__button--4 a, .year-2019 .king10 .intro__button--4 a:before, .year-2019 .king10 .king .intro__button--11 a, .year-2019 .king10 .king .intro__button--11 a:before, .year-2019 .king10 .king .intro__button--12 a, .year-2019 .king10 .king .intro__button--12 a:before, .year-2019 .king .king10 .intro__button--11 a, .year-2019 .king .king10 .intro__button--11 a:before, .year-2019 .king .king10 .intro__button--12 a, .year-2019 .king .king10 .intro__button--12 a:before, .year-2019 .year-2018 .king10 .intro__button--11 a, .year-2019 .year-2018 .king10 .intro__button--11 a:before, .year-2019 .year-2018 .king10 .intro__button--12 a, .year-2019 .year-2018 .king10 .intro__button--12 a:before {
    color: #fffee3 !important
}

.year-2018 .year-2019 .king10 .intro__button--14, .year-2019 .king10 .intro__button--5, .year-2019 .king10 .queen-mother .intro__button--14, .year-2019 .king10 .year-2018 .intro__button--14, .year-2019 .queen-mother .king10 .intro__button--14 {
    background-color: #724e10;
    border-radius: 7px
}

.year-2018 .year-2019 .king10 .intro__button--14 a, .year-2018 .year-2019 .king10 .intro__button--14 a:before, .year-2019 .king10 .intro__button--5 a, .year-2019 .king10 .intro__button--5 a:before, .year-2019 .king10 .queen-mother .intro__button--14 a, .year-2019 .king10 .queen-mother .intro__button--14 a:before, .year-2019 .king10 .year-2018 .intro__button--14 a, .year-2019 .king10 .year-2018 .intro__button--14 a:before, .year-2019 .queen-mother .king10 .intro__button--14 a, .year-2019 .queen-mother .king10 .intro__button--14 a:before {
    color: #fffee3 !important
}

.year-2018 .year-2019 .king10 .intro__button--11, .year-2019 .king10 .intro__button--6, .year-2019 .king10 .queen-mother .intro__button--11, .year-2019 .king10 .year-2018 .intro__button--11, .year-2019 .queen-mother .king10 .intro__button--11 {
    background-color: #c8b500;
    border-radius: 2px
}

.year-2018 .year-2019 .king10 .intro__button--11 a, .year-2018 .year-2019 .king10 .intro__button--11 a:before, .year-2019 .king10 .intro__button--6 a, .year-2019 .king10 .intro__button--6 a:before, .year-2019 .king10 .queen-mother .intro__button--11 a, .year-2019 .king10 .queen-mother .intro__button--11 a:before, .year-2019 .king10 .year-2018 .intro__button--11 a, .year-2019 .king10 .year-2018 .intro__button--11 a:before, .year-2019 .queen-mother .king10 .intro__button--11 a, .year-2019 .queen-mother .king10 .intro__button--11 a:before {
    color: #fffee3 !important
}

.year-2019 .queen10 h3, .year-2019 .queen10 h4 {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: .5
}

.year-2019 .queen10 h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2019 .queen10 h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2019 .queen10 .intro__title {
    letter-spacing: 1.5px;
    line-height: .8
}

@media (max-width: 767px) {
    .year-2019 .queen10 .intro__title {
        letter-spacing: normal
    }
}

.year-2018 .king10 .year-2019 .queen10 .intro__title--10, .year-2018 .king10 .year-2019 .queen10 .intro__title--11, .year-2018 .king10 .year-2019 .queen10 .intro__title--12, .year-2018 .queen .year-2019 .queen10 .intro__title--10, .year-2018 .queen .year-2019 .queen10 .intro__title--11, .year-2018 .queen .year-2019 .queen10 .intro__title--12, .year-2018 .queen .year-2019 .queen10 .intro__title--13, .year-2018 .queen .year-2019 .queen10 .intro__title--14, .year-2018 .queen .year-2019 .queen10 .intro__title--15, .year-2019 .queen10 .intro__title--1, .year-2019 .queen10 .intro__title--2, .year-2019 .queen10 .intro__title--3, .year-2019 .queen10 .intro__title--4, .year-2019 .queen10 .intro__title--5, .year-2019 .queen10 .intro__title--6, .year-2019 .queen10 .year-2018 .king10 .intro__title--10, .year-2019 .queen10 .year-2018 .king10 .intro__title--11, .year-2019 .queen10 .year-2018 .king10 .intro__title--12, .year-2019 .queen10 .year-2018 .queen .intro__title--10, .year-2019 .queen10 .year-2018 .queen .intro__title--11, .year-2019 .queen10 .year-2018 .queen .intro__title--12, .year-2019 .queen10 .year-2018 .queen .intro__title--13, .year-2019 .queen10 .year-2018 .queen .intro__title--14, .year-2019 .queen10 .year-2018 .queen .intro__title--15 {
    font-family: Sarabun
}

.year-2019 .queen10 .intro__subtitle {
    letter-spacing: 1.5px
}

.year-2019 .queen10 .intro__subtitle--longlive {
    font-size: 96px !important;
    font-size: 6rem !important;
    font-weight: 700 !important;
    letter-spacing: normal;
    line-height: 1
}

@media (max-width: 479px) {
    .year-2019 .queen10 .intro__subtitle--longlive {
        font-size: 75px !important;
        font-size: 4.6875rem !important
    }
}

.year-2019 .queen10 .intro__subtitle--name {
    line-height: .8;
    margin-bottom: 15px
}

.year-2019 .queen10 .intro__subtitle--event {
    line-height: 1
}

.year-2018 .king10 .year-2019 .queen10 .intro__subtitle--10, .year-2018 .king10 .year-2019 .queen10 .intro__subtitle--11, .year-2018 .king10 .year-2019 .queen10 .intro__subtitle--12, .year-2018 .queen .year-2019 .queen10 .intro__subtitle--10, .year-2018 .queen .year-2019 .queen10 .intro__subtitle--11, .year-2018 .queen .year-2019 .queen10 .intro__subtitle--12, .year-2018 .queen .year-2019 .queen10 .intro__subtitle--13, .year-2018 .queen .year-2019 .queen10 .intro__subtitle--14, .year-2018 .queen .year-2019 .queen10 .intro__subtitle--15, .year-2019 .queen10 .intro__subtitle--1, .year-2019 .queen10 .intro__subtitle--2, .year-2019 .queen10 .intro__subtitle--3, .year-2019 .queen10 .intro__subtitle--4, .year-2019 .queen10 .intro__subtitle--5, .year-2019 .queen10 .intro__subtitle--6, .year-2019 .queen10 .year-2018 .king10 .intro__subtitle--10, .year-2019 .queen10 .year-2018 .king10 .intro__subtitle--11, .year-2019 .queen10 .year-2018 .king10 .intro__subtitle--12, .year-2019 .queen10 .year-2018 .queen .intro__subtitle--10, .year-2019 .queen10 .year-2018 .queen .intro__subtitle--11, .year-2019 .queen10 .year-2018 .queen .intro__subtitle--12, .year-2019 .queen10 .year-2018 .queen .intro__subtitle--13, .year-2019 .queen10 .year-2018 .queen .intro__subtitle--14, .year-2019 .queen10 .year-2018 .queen .intro__subtitle--15 {
    font-family: Sarabun
}

.year-2019 .queen10 .intro__figure--5 img {
    max-width: 100% !important
}

.year-2019 .queen10 .intro__figure--6 img {
    max-height: 100%;
    height: auto
}

.year-2019 .queen10 .intro__content {
    width: 100%;
    padding-top: 20px
}

.year-2019 .queen10 .intro__content--1 {
    color: #0f0f11
}

.year-2019 .queen10 .intro__content--1 .intro__subtitle, .year-2019 .queen10 .intro__content--1 .intro__title {
    color: #8b5201
}

.year-2019 .queen10 .intro__content--1 .intro__subtitle--longlive {
    text-shadow: 1px 1px 0 #544b3c, 0 0 0 #544b3c, 0 0 0 #544b3c
}

.year-2019 .queen10 .intro__content--2 {
    color: #432000
}

.year-2019 .queen10 .intro__content--2 .intro__title {
    padding-top: 15px;
    color: #8c5101
}

.year-2019 .queen10 .intro__content--2 .intro__subtitle {
    color: #8c5101
}

.year-2019 .queen10 .intro__content--3 {
    color: #463b03
}

.year-2019 .queen10 .intro__content--3 .intro__subtitle, .year-2019 .queen10 .intro__content--3 .intro__title {
    color: #463b03;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .3), 0 0 0 rgba(0, 0, 0, .3), 0 0 0 rgba(0, 0, 0, .3)
}

.year-2019 .queen10 .intro__content--4 {
    max-width: none;
    color: #480342
}

.year-2019 .queen10 .intro__content--4 .intro__subtitle, .year-2019 .queen10 .intro__content--4 .intro__title {
    color: #480342;
    text-shadow: 1px 2px 3px rgba(72, 3, 66, .7), 0 0 0 rgba(72, 3, 66, .7), 0 0 0 rgba(72, 3, 66, .7)
}

.year-2019 .queen10 .intro__content--5, .year-2019 .queen10 .intro__content--5 .intro__subtitle, .year-2019 .queen10 .intro__content--5 .intro__title {
    color: #8b5300
}

.year-2019 .queen10 .intro__content--6 {
    color: #fb0
}

.year-2019 .queen10 .intro__content--6 .intro__subtitle, .year-2019 .queen10 .intro__content--6 .intro__title {
    color: #fb0;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2)
}

.year-2019 .queen10 .intro__content--6 .intro__subtitle + p {
    color: #412c01;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff
}

.year-2019 .queen10 .intro__button--1 {
    background-color: #e7debf;
    border-radius: 2px;
    border: 1px solid #c8c0b3;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.year-2019 .queen10 .intro__button--1 a {
    color: #210f05
}

.year-2019 .queen10 .intro__button--2 {
    background-color: #e0b447;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.year-2019 .queen10 .intro__button--2 a, .year-2019 .queen10 .intro__button--2 a:before {
    color: #fff !important
}

.year-2019 .queen10 .intro__button--3 {
    background-color: #fcfcfc;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.year-2019 .queen10 .intro__button--3 a, .year-2019 .queen10 .intro__button--3 a:before {
    color: #454344 !important
}

.year-2018 .king10 .year-2019 .queen10 .intro__button--11, .year-2018 .king10 .year-2019 .queen10 .intro__button--12, .year-2019 .king .queen10 .intro__button--11, .year-2019 .king .queen10 .intro__button--12, .year-2019 .queen10 .intro__button--4, .year-2019 .queen10 .king .intro__button--11, .year-2019 .queen10 .king .intro__button--12, .year-2019 .queen10 .year-2018 .king10 .intro__button--11, .year-2019 .queen10 .year-2018 .king10 .intro__button--12 {
    background-color: #e0b447;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4)
}

.year-2018 .king10 .year-2019 .queen10 .intro__button--11 a, .year-2018 .king10 .year-2019 .queen10 .intro__button--11 a:before, .year-2018 .king10 .year-2019 .queen10 .intro__button--12 a, .year-2018 .king10 .year-2019 .queen10 .intro__button--12 a:before, .year-2019 .king .queen10 .intro__button--11 a, .year-2019 .king .queen10 .intro__button--11 a:before, .year-2019 .king .queen10 .intro__button--12 a, .year-2019 .king .queen10 .intro__button--12 a:before, .year-2019 .queen10 .intro__button--4 a, .year-2019 .queen10 .intro__button--4 a:before, .year-2019 .queen10 .king .intro__button--11 a, .year-2019 .queen10 .king .intro__button--11 a:before, .year-2019 .queen10 .king .intro__button--12 a, .year-2019 .queen10 .king .intro__button--12 a:before, .year-2019 .queen10 .year-2018 .king10 .intro__button--11 a, .year-2019 .queen10 .year-2018 .king10 .intro__button--11 a:before, .year-2019 .queen10 .year-2018 .king10 .intro__button--12 a, .year-2019 .queen10 .year-2018 .king10 .intro__button--12 a:before {
    color: #fff !important
}

.year-2018 .year-2019 .queen10 .intro__button--14, .year-2019 .queen10 .intro__button--5, .year-2019 .queen10 .queen-mother .intro__button--14, .year-2019 .queen10 .year-2018 .intro__button--14, .year-2019 .queen-mother .queen10 .intro__button--14 {
    background: #571291;
    background: -moz-linear-gradient(top, #571291 0, #66209a 50%, #571291 100%);
    background: -webkit-linear-gradient(top, #571291, #66209a 50%, #571291);
    background: linear-gradient(180deg, #571291 0, #66209a 50%, #571291);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4)
}

.year-2018 .year-2019 .queen10 .intro__button--14 a, .year-2018 .year-2019 .queen10 .intro__button--14 a:before, .year-2019 .queen10 .intro__button--5 a, .year-2019 .queen10 .intro__button--5 a:before, .year-2019 .queen10 .queen-mother .intro__button--14 a, .year-2019 .queen10 .queen-mother .intro__button--14 a:before, .year-2019 .queen10 .year-2018 .intro__button--14 a, .year-2019 .queen10 .year-2018 .intro__button--14 a:before, .year-2019 .queen-mother .queen10 .intro__button--14 a, .year-2019 .queen-mother .queen10 .intro__button--14 a:before {
    color: #fff !important
}

.year-2018 .year-2019 .queen10 .intro__button--11, .year-2019 .queen10 .intro__button--6, .year-2019 .queen10 .queen-mother .intro__button--11, .year-2019 .queen10 .year-2018 .intro__button--11, .year-2019 .queen-mother .queen10 .intro__button--11 {
    background: #d8be45;
    background: -moz-linear-gradient(top, #d8be45 0, #fcd345 50%, #d8be45 100%);
    background: -webkit-linear-gradient(top, #d8be45, #fcd345 50%, #d8be45);
    background: linear-gradient(180deg, #d8be45 0, #fcd345 50%, #d8be45);
    border-radius: 2px
}

.year-2018 .year-2019 .queen10 .intro__button--11 a, .year-2018 .year-2019 .queen10 .intro__button--11 a:before, .year-2019 .queen10 .intro__button--6 a, .year-2019 .queen10 .intro__button--6 a:before, .year-2019 .queen10 .queen-mother .intro__button--11 a, .year-2019 .queen10 .queen-mother .intro__button--11 a:before, .year-2019 .queen10 .year-2018 .intro__button--11 a, .year-2019 .queen10 .year-2018 .intro__button--11 a:before, .year-2019 .queen-mother .queen10 .intro__button--11 a, .year-2019 .queen-mother .queen10 .intro__button--11 a:before {
    color: #231001 !important
}

.year-2019 .queen-mother h3 {
    line-height: 1;
    font-size: 54px;
    font-size: 3.375rem;
    font-weight: 700
}

.year-2019 .queen-mother h4 {
    font-size: 26px;
    font-size: 1.625rem;
    margin: 0 0 5px
}

.year-2019 .queen-mother h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2019 .queen-mother h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2019 .queen-mother .intro__title--1 {
    font-family: Sarabun;
    font-weight: 400
}

.year-2019 .queen-mother .intro__title--2 {
    font-family: ThaiSans Neue;
    font-style: italic
}

.year-2018 .queen .year-2019 .queen-mother .intro__title--10, .year-2018 .queen .year-2019 .queen-mother .intro__title--11, .year-2018 .queen .year-2019 .queen-mother .intro__title--13, .year-2018 .queen .year-2019 .queen-mother .intro__title--14, .year-2018 .queen .year-2019 .queen-mother .intro__title--15, .year-2019 .queen-mother .intro__title--3, .year-2019 .queen-mother .year-2018 .queen .intro__title--10, .year-2019 .queen-mother .year-2018 .queen .intro__title--11, .year-2019 .queen-mother .year-2018 .queen .intro__title--13, .year-2019 .queen-mother .year-2018 .queen .intro__title--14, .year-2019 .queen-mother .year-2018 .queen .intro__title--15 {
    font-family: PSL Panpilas Pro
}

.year-2018 .king10 .year-2019 .queen-mother .intro__title--10, .year-2018 .king10 .year-2019 .queen-mother .intro__title--11, .year-2018 .king10 .year-2019 .queen-mother .intro__title--12, .year-2019 .queen-mother .intro__title--4, .year-2019 .queen-mother .year-2018 .king10 .intro__title--10, .year-2019 .queen-mother .year-2018 .king10 .intro__title--11, .year-2019 .queen-mother .year-2018 .king10 .intro__title--12 {
    font-family: Sarabun;
    font-style: italic
}

.year-2018 .queen .year-2019 .queen-mother .intro__title--12, .year-2019 .queen-mother .intro__title--5, .year-2019 .queen-mother .year-2018 .queen .intro__title--12 {
    font-family: Sarabun;
    font-style: italic;
    font-size: 64px;
    font-size: 4rem;
    letter-spacing: 4px
}

.year-2019 .queen-mother .intro__title--6 {
    letter-spacing: 2px
}

.year-2019 .queen-mother .intro__title--6, .year-2019 .queen-mother .intro__title--7 {
    font-family: Sarabun;
    font-style: italic;
    font-weight: 400
}

.year-2019 .queen-mother .intro__title--8 {
    font-family: Sarabun
}

.year-2019 .queen-mother .intro__title--9 {
    font-family: TH Baijam;
    font-weight: 400
}

.year-2019 .queen-mother .intro__subtitle--1 {
    font-family: Sarabun
}

.year-2019 .queen-mother .intro__subtitle--2 {
    font-family: ThaiSans Neue
}

.year-2018 .queen .year-2019 .queen-mother .intro__subtitle--10, .year-2018 .queen .year-2019 .queen-mother .intro__subtitle--11, .year-2018 .queen .year-2019 .queen-mother .intro__subtitle--13, .year-2018 .queen .year-2019 .queen-mother .intro__subtitle--14, .year-2018 .queen .year-2019 .queen-mother .intro__subtitle--15, .year-2019 .queen-mother .intro__subtitle--3, .year-2019 .queen-mother .year-2018 .queen .intro__subtitle--10, .year-2019 .queen-mother .year-2018 .queen .intro__subtitle--11, .year-2019 .queen-mother .year-2018 .queen .intro__subtitle--13, .year-2019 .queen-mother .year-2018 .queen .intro__subtitle--14, .year-2019 .queen-mother .year-2018 .queen .intro__subtitle--15 {
    font-family: PSL Panpilas Pro
}

.year-2018 .king10 .year-2019 .queen-mother .intro__subtitle--10, .year-2018 .king10 .year-2019 .queen-mother .intro__subtitle--11, .year-2018 .king10 .year-2019 .queen-mother .intro__subtitle--12, .year-2019 .queen-mother .intro__subtitle--4, .year-2019 .queen-mother .year-2018 .king10 .intro__subtitle--10, .year-2019 .queen-mother .year-2018 .king10 .intro__subtitle--11, .year-2019 .queen-mother .year-2018 .king10 .intro__subtitle--12 {
    font-family: Sarabun
}

.year-2018 .queen .year-2019 .queen-mother .intro__subtitle--12, .year-2019 .queen-mother .intro__subtitle--5, .year-2019 .queen-mother .year-2018 .queen .intro__subtitle--12 {
    font-family: Sarabun;
    font-size: 42px;
    font-size: 2.625rem
}

.year-2019 .queen-mother .intro__subtitle--6, .year-2019 .queen-mother .intro__subtitle--7 {
    font-family: Sarabun;
    font-size: 32px;
    font-size: 2rem
}

.year-2019 .queen-mother .intro__subtitle--8 {
    font-family: Sarabun;
    font-weight: 700
}

.year-2019 .queen-mother .intro__subtitle--9 {
    font-family: TH Baijam
}

.year-2019 .queen-mother .intro__figure--1, .year-2019 .queen-mother .intro__figure--1-1 {
    min-height: 500px;
    padding: 160px 0 15px
}

@media (max-width: 1179px) {
    .year-2019 .queen-mother .intro__figure--1, .year-2019 .queen-mother .intro__figure--1-1 {
        padding: 100px 0 15px
    }
}

@media (max-width: 767px) {
    .year-2019 .queen-mother .intro__figure--1, .year-2019 .queen-mother .intro__figure--1-1 {
        min-height: auto
    }
}

.year-2019 .queen-mother .intro__content--1, .year-2019 .queen-mother .intro__content--1 .intro__subtitle, .year-2019 .queen-mother .intro__content--1 .intro__title, .year-2019 .queen-mother .intro__content--1-1, .year-2019 .queen-mother .intro__content--1-1 .intro__subtitle, .year-2019 .queen-mother .intro__content--1-1 .intro__title, .year-2019 .queen-mother .intro__content--2, .year-2019 .queen-mother .intro__content--2 .intro__subtitle, .year-2019 .queen-mother .intro__content--2 .intro__title, .year-2019 .queen-mother .intro__content--3 {
    color: #fff
}

.year-2019 .queen-mother .intro__content--3 .intro__title {
    color: #fff;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .5), 1px 1px 5px rgba(0, 0, 0, .5), 1px 1px 5px rgba(0, 0, 0, .5)
}

.year-2019 .queen-mother .intro__content--3 .intro__subtitle, .year-2019 .queen-mother .intro__content--4 {
    color: #fff
}

.year-2019 .queen-mother .intro__content--4 .intro__title {
    color: #bf880a;
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff
}

.year-2019 .queen-mother .intro__content--4 .intro__subtitle {
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2)
}

.year-2019 .queen-mother .intro__content--5 {
    color: #fff
}

.year-2019 .queen-mother .intro__content--5 .intro__title {
    color: #968447;
    text-shadow: 2px 0 0 #ffffcf, -2px 0 0 #ffffcf, 0 2px 0 #ffffcf, 0 -2px 0 #ffffcf, 1px 1px #ffffcf, -1px -1px 0 #ffffcf, 1px -1px 0 #ffffcf, -1px 1px 0 #ffffcf
}

.year-2019 .queen-mother .intro__content--5 .intro__subtitle, .year-2019 .queen-mother .intro__content--6 {
    color: #fff
}

.year-2019 .queen-mother .intro__content--6 .intro__title {
    color: #a17200;
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff
}

.year-2019 .queen-mother .intro__content--6 .intro__subtitle {
    color: #fff
}

.year-2019 .queen-mother .intro__content--7 {
    color: #684d00
}

.year-2019 .queen-mother .intro__content--7 .intro__title {
    color: #684d00;
    text-shadow: 1px 0 0 #cdb170, -1px 0 0 #cdb170, 0 1px 0 #cdb170, 0 -1px 0 #cdb170, 0 0 #cdb170, 0 0 0 #cdb170, 0 0 0 #cdb170, 0 0 0 #cdb170
}

.year-2019 .queen-mother .intro__content--7 .intro__subtitle {
    color: #684d00
}

.year-2019 .queen-mother .intro__content--8 {
    color: #968447
}

.year-2019 .queen-mother .intro__content--8 .intro__title {
    color: #c28700;
    text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff
}

.year-2019 .queen-mother .intro__content--8 .intro__subtitle {
    color: #c28700;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff
}

.year-2019 .queen-mother .intro__content--9 {
    color: #0061ac
}

.year-2019 .queen-mother .intro__content--9 .intro__title {
    color: #0061ac;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff
}

.year-2019 .queen-mother .intro__content--9 .intro__subtitle {
    color: #0061ac;
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff
}

.year-2019 .queen-mother .intro__button--1 {
    background-color: #596a84
}

.year-2019 .queen-mother .intro__button--3 {
    padding: 0 !important
}

.year-2019 .queen-mother .intro__button--3 a {
    background-color: #1b96cf;
    border: 1px solid #78bfeb;
    border-radius: 1px;
    padding: 7px 10px !important;
    margin: 0 -3px;
    width: 140px
}

.year-2019 .queen-mother .intro__button--3 a:before {
    display: none !important
}

.year-2018 .king10 .year-2019 .queen-mother .intro__button--11, .year-2018 .king10 .year-2019 .queen-mother .intro__button--12, .year-2019 .king .queen-mother .intro__button--11, .year-2019 .king .queen-mother .intro__button--12, .year-2019 .queen-mother .intro__button--4, .year-2019 .queen-mother .king .intro__button--11, .year-2019 .queen-mother .king .intro__button--12, .year-2019 .queen-mother .year-2018 .king10 .intro__button--11, .year-2019 .queen-mother .year-2018 .king10 .intro__button--12 {
    background-color: #fff;
    border: 1px solid #70cff4
}

.year-2018 .king10 .year-2019 .queen-mother .intro__button--11 a, .year-2018 .king10 .year-2019 .queen-mother .intro__button--11 a:before, .year-2018 .king10 .year-2019 .queen-mother .intro__button--12 a, .year-2018 .king10 .year-2019 .queen-mother .intro__button--12 a:before, .year-2019 .king .queen-mother .intro__button--11 a, .year-2019 .king .queen-mother .intro__button--11 a:before, .year-2019 .king .queen-mother .intro__button--12 a, .year-2019 .king .queen-mother .intro__button--12 a:before, .year-2019 .queen-mother .intro__button--4 a, .year-2019 .queen-mother .intro__button--4 a:before, .year-2019 .queen-mother .king .intro__button--11 a, .year-2019 .queen-mother .king .intro__button--11 a:before, .year-2019 .queen-mother .king .intro__button--12 a, .year-2019 .queen-mother .king .intro__button--12 a:before, .year-2019 .queen-mother .year-2018 .king10 .intro__button--11 a, .year-2019 .queen-mother .year-2018 .king10 .intro__button--11 a:before, .year-2019 .queen-mother .year-2018 .king10 .intro__button--12 a, .year-2019 .queen-mother .year-2018 .king10 .intro__button--12 a:before {
    color: #0a5ba4 !important
}

.year-2019 .queen-mother .intro__button--5, .year-2019 .queen-mother .intro__button--14 {
    background-color: #0e73b9;
    border: 1px solid #72cff7
}

.year-2019 .queen-mother .intro__button--5 a, .year-2019 .queen-mother .intro__button--5 a:before, .year-2019 .queen-mother .intro__button--14 a, .year-2019 .queen-mother .intro__button--14 a:before {
    color: #fff !important
}

.year-2019 .queen-mother .intro__button--6, .year-2019 .queen-mother .intro__button--11 {
    background-color: #fff;
    border: 1px solid #70cff4
}

.year-2019 .queen-mother .intro__button--6 a, .year-2019 .queen-mother .intro__button--6 a:before, .year-2019 .queen-mother .intro__button--11 a, .year-2019 .queen-mother .intro__button--11 a:before {
    color: #0a5ba4 !important
}

.year-2019 .queen-mother .intro__button--7, .year-2019 .queen-mother .intro__button--12, .year-2019 .queen-mother .intro__button--13 {
    background-color: #71530d;
    border: 1px solid #cfad61
}

.year-2019 .queen-mother .intro__button--8 {
    background-color: #e2b347;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .7);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .7);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .7)
}

.year-2019 .queen-mother .intro__button--9 {
    background-color: #106dbd;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
    box-shadow: 0 0 2px rgba(0, 0, 0, .5)
}

.year-2019 .queen-mother .intro__button--10 {
    background-color: #623810;
    border: 1px solid #855f3a
}

.year-2019 .queen-mother .intro__button--10 a, .year-2019 .queen-mother .intro__button--10 a:before {
    color: #fff !important
}

.year-2019 .queen-mother .intro__button--15 {
    background-color: #9cb2c9;
    border: 1px solid #293e8d;
    color: #000
}

.year-2019 .queen-mother .intro__button--15 a {
    color: #000 !important
}

.year-2019 .king h3 {
    line-height: .8;
    font-size: 84px;
    font-size: 5.25rem;
    font-weight: 700
}

@media (max-width: 479px) {
    .year-2019 .king h3 {
        font-size: 70px;
        font-size: 4.375rem
    }
}

.year-2019 .king h4 {
    font-size: 40px;
    font-size: 2.5rem
}

@media (max-width: 479px) {
    .year-2019 .king h4 {
        font-size: 36px;
        font-size: 2.25rem
    }
}

.year-2019 .king h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2019 .king h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2019 .king .intro__title--1 {
    font-family: Sarabun
}

.year-2019 .king .intro__title--2 {
    font-family: Kanit;
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 2
}

@media (max-width: 479px) {
    .year-2019 .king .intro__title--2 {
        font-size: 36px;
        font-size: 2.25rem
    }
}

.year-2018 .queen .year-2019 .king .intro__title--10, .year-2018 .queen .year-2019 .king .intro__title--11, .year-2018 .queen .year-2019 .king .intro__title--13, .year-2018 .queen .year-2019 .king .intro__title--14, .year-2018 .queen .year-2019 .king .intro__title--15, .year-2019 .king .intro__title--3, .year-2019 .king .year-2018 .queen .intro__title--10, .year-2019 .king .year-2018 .queen .intro__title--11, .year-2019 .king .year-2018 .queen .intro__title--13, .year-2019 .king .year-2018 .queen .intro__title--14, .year-2019 .king .year-2018 .queen .intro__title--15 {
    font-family: Sarabun;
    font-style: italic
}

.year-2018 .king10 .year-2019 .king .intro__title--10, .year-2018 .king10 .year-2019 .king .intro__title--11, .year-2018 .king10 .year-2019 .king .intro__title--12, .year-2019 .king .intro__title--4, .year-2019 .king .year-2018 .king10 .intro__title--10, .year-2019 .king .year-2018 .king10 .intro__title--11, .year-2019 .king .year-2018 .king10 .intro__title--12 {
    font-family: Sarabun
}

.year-2018 .queen .year-2019 .king .intro__title--12, .year-2019 .king .intro__title--5, .year-2019 .king .year-2018 .queen .intro__title--12 {
    font-family: Sarabun
}

.year-2019 .king .intro__title--6 {
    font-family: Sarabun;
    font-weight: 400
}

.year-2019 .king .intro__title--7 {
    font-family: Sarabun
}

.year-2019 .king .intro__title--8 {
    font-family: Sarabun
}

.year-2019 .king .intro__title--9 {
    font-family: TH Baijam;
    font-weight: 400
}

.year-2019 .king .intro__subtitle--1 {
    font-family: Sarabun;
    font-weight: 700
}

.year-2019 .king .intro__subtitle--2 {
    font-family: Kanit;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.5
}

@media (max-width: 479px) {
    .year-2019 .king .intro__subtitle--2 {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.year-2018 .queen .year-2019 .king .intro__subtitle--10, .year-2018 .queen .year-2019 .king .intro__subtitle--11, .year-2018 .queen .year-2019 .king .intro__subtitle--13, .year-2018 .queen .year-2019 .king .intro__subtitle--14, .year-2018 .queen .year-2019 .king .intro__subtitle--15, .year-2019 .king .intro__subtitle--3, .year-2019 .king .year-2018 .queen .intro__subtitle--10, .year-2019 .king .year-2018 .queen .intro__subtitle--11, .year-2019 .king .year-2018 .queen .intro__subtitle--13, .year-2019 .king .year-2018 .queen .intro__subtitle--14, .year-2019 .king .year-2018 .queen .intro__subtitle--15 {
    font-family: Sarabun
}

.year-2018 .king10 .year-2019 .king .intro__subtitle--10, .year-2018 .king10 .year-2019 .king .intro__subtitle--11, .year-2018 .king10 .year-2019 .king .intro__subtitle--12, .year-2019 .king .intro__subtitle--4, .year-2019 .king .year-2018 .king10 .intro__subtitle--10, .year-2019 .king .year-2018 .king10 .intro__subtitle--11, .year-2019 .king .year-2018 .king10 .intro__subtitle--12 {
    font-family: Sarabun
}

.year-2018 .queen .year-2019 .king .intro__subtitle--12, .year-2019 .king .intro__subtitle--5, .year-2019 .king .year-2018 .queen .intro__subtitle--12 {
    font-family: Sarabun
}

.year-2019 .king .intro__subtitle--6 {
    font-family: Sarabun;
    font-style: italic
}

.year-2019 .king .intro__subtitle--7 {
    font-family: Sarabun
}

.year-2019 .king .intro__subtitle--8 {
    font-family: Sarabun;
    font-weight: 700
}

@media (max-width: 479px) {
    .year-2019 .king .intro__subtitle--8 {
        font-size: 28px;
        font-size: 1.75rem
    }

    .year-2019 .king .intro__subtitle--8 + h4 + h4 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2019 .king .intro__subtitle--9 {
    font-family: TH Baijam
}

.year-2019 .king .intro__subtitle--name {
    display: none !important
}

.year-2019 .king .intro__content--1 {
    color: #423200
}

.year-2019 .king .intro__content--1 .intro__title {
    color: #e5b300;
    text-shadow: 0 3px 0 rgba(0, 0, 0, .3), 1px 1px 0 rgba(0, 0, 0, .3), 1px 1px 0 rgba(0, 0, 0, .3)
}

.year-2019 .king .intro__content--1 .intro__subtitle {
    color: #423200
}

.year-2019 .king .intro__content--2 {
    color: #523d00
}

.year-2019 .king .intro__content--2 .intro__title {
    color: #815f10;
    text-shadow: 1px 2px 1 rgba(0, 0, 0, .3), 1px 1px 0 rgba(0, 0, 0, .3), 1px 1px 0 rgba(0, 0, 0, .3)
}

.year-2019 .king .intro__content--2 .intro__subtitle {
    color: #523d00
}

.year-2019 .king .intro__content--3 {
    color: #75622a
}

.year-2019 .king .intro__content--3 .intro__title {
    color: #815f10;
    text-shadow: 0 2px 1px rgba(0, 0, 0, .3), 0 0 0 rgba(0, 0, 0, .3), 0 0 0 rgba(0, 0, 0, .3)
}

.year-2019 .king .intro__content--3 .intro__subtitle {
    color: #815f10;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3), 0 0 0 rgba(0, 0, 0, .3), 0 0 0 rgba(0, 0, 0, .3)
}

.year-2019 .king .intro__content--4 {
    color: #323b29
}

.year-2019 .king .intro__content--4 .intro__title {
    color: #805e0f;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff
}

.year-2019 .king .intro__content--4 .intro__subtitle {
    color: #6a4e0e
}

.year-2019 .king .intro__content--5, .year-2019 .king .intro__content--5 .intro__subtitle, .year-2019 .king .intro__content--5 .intro__title {
    color: #815f10
}

.year-2019 .king .intro__content--6 {
    color: #fff
}

.year-2019 .king .intro__content--6 .intro__title {
    color: #ca9c22;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2)
}

.year-2019 .king .intro__content--6 .intro__subtitle {
    color: #fff
}

.year-2019 .king .intro__content--7 {
    color: #735b15
}

.year-2019 .king .intro__content--7 .intro__title {
    letter-spacing: 2px;
    color: #735f2a
}

.year-2019 .king .intro__content--7 .intro__subtitle {
    color: #735f2a
}

.year-2019 .king .intro__content--8 {
    color: #4b3305
}

.year-2019 .king .intro__content--8 .intro__title {
    color: #463102;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff
}

.year-2019 .king .intro__content--8 .intro__subtitle {
    color: #463102
}

.year-2019 .king .intro__content--9 {
    color: #c28700
}

.year-2019 .king .intro__content--9 .intro__title {
    color: #c28700
}

.year-2019 .king .intro__content--9 .intro__subtitle, .year-2019 .king .intro__content--9 .intro__title {
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff
}

.year-2019 .king .intro__content--9 .intro__subtitle {
    color: #c98700
}

.year-2019 .king .intro__content--10 {
    color: #fff
}

.year-2019 .king .intro__content--10 .intro__title {
    letter-spacing: 2px;
    color: #fbb730;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 1px 1px 0 rgba(0, 0, 0, .1), 1px 1px 0 rgba(0, 0, 0, .1)
}

.year-2019 .king .intro__content--10 .intro__subtitle {
    color: #fab24e;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 1px 1px 0 rgba(0, 0, 0, .1), 1px 1px 0 rgba(0, 0, 0, .1)
}

.year-2019 .king .intro__content--11 {
    color: #522f05
}

.year-2019 .king .intro__content--11 .intro__title {
    letter-spacing: 2px
}

.year-2019 .king .intro__content--11 .intro__subtitle, .year-2019 .king .intro__content--11 .intro__title {
    color: #522f05;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 1px 1px 0 rgba(0, 0, 0, .1), 1px 1px 0 rgba(0, 0, 0, .1)
}

.year-2019 .king .intro__content--12 {
    color: #4b2400
}

.year-2019 .king .intro__content--12 .intro__subtitle, .year-2019 .king .intro__content--12 .intro__title {
    color: #554a08
}

.year-2019 .king .intro__content--13 {
    color: #a9740e
}

.year-2019 .king .intro__content--13 .intro__title {
    color: #a9740e;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 1px 1px 0 rgba(0, 0, 0, .1), 1px 1px 0 rgba(0, 0, 0, .1)
}

.year-2019 .king .intro__content--13 .intro__subtitle {
    color: #a9740e;
    text-shadow: 0 0 0 rgba(0, 0, 0, .1), 0 1px 0 rgba(0, 0, 0, .1), 0 1px 0 rgba(0, 0, 0, .1)
}

.year-2019 .king .intro__content--14 {
    color: #4b2400
}

.year-2019 .king .intro__content--14 .intro__subtitle, .year-2019 .king .intro__content--14 .intro__title {
    color: #554a08
}

.year-2019 .king .intro__button--1 {
    background-color: #b4aa8f;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.year-2019 .king .intro__button--2 {
    background-color: #d19d0b;
    border: 1px solid #7b5606;
    border-radius: 20px
}

.year-2019 .king .intro__button--2 a, .year-2019 .king .intro__button--2 a:before {
    color: #000100 !important
}

.year-2019 .king .intro__button--3 {
    background-color: #c9c2a5;
    border-radius: 3px
}

.year-2019 .king .intro__button--4, .year-2019 .king .intro__button--11, .year-2019 .king .intro__button--12 {
    background-color: #907123;
    border: 1px solid #eef3bb;
    border-radius: 3px
}

.year-2019 .king .intro__button--4 a, .year-2019 .king .intro__button--4 a:before, .year-2019 .king .intro__button--11 a, .year-2019 .king .intro__button--11 a:before, .year-2019 .king .intro__button--12 a, .year-2019 .king .intro__button--12 a:before {
    color: #eef3bb !important
}

.year-2018 .year-2019 .king .intro__button--11, .year-2018 .year-2019 .king .intro__button--14, .year-2019 .king .intro__button--5, .year-2019 .king .intro__button--6, .year-2019 .king .queen-mother .intro__button--11, .year-2019 .king .queen-mother .intro__button--14, .year-2019 .king .year-2018 .intro__button--11, .year-2019 .king .year-2018 .intro__button--14, .year-2019 .queen-mother .king .intro__button--11, .year-2019 .queen-mother .king .intro__button--14 {
    background-color: #cb9d23;
    border-radius: 3px
}

.year-2018 .year-2019 .king .intro__button--12, .year-2018 .year-2019 .king .intro__button--13, .year-2019 .king .intro__button--7, .year-2019 .king .queen-mother .intro__button--12, .year-2019 .king .queen-mother .intro__button--13, .year-2019 .king .year-2018 .intro__button--12, .year-2019 .king .year-2018 .intro__button--13, .year-2019 .queen-mother .king .intro__button--12, .year-2019 .queen-mother .king .intro__button--13 {
    background-color: #e2b347;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .4);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .4)
}

.year-2019 .king .intro__button--8 {
    background-color: #e2b347;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .7);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .7)
}

.year-2019 .king .intro__button--9 {
    background-color: #e2b347;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
    box-shadow: 0 0 2px rgba(0, 0, 0, .5)
}

.year-2019 .king .intro__button--10 {
    background-color: #5f4900;
    border: 1px solid #5f4900;
    border-radius: 3px;
    border-radius: 0
}

.year-2019 .king .intro__button--10 a:before {
    color: #fff !important
}

.year-2019 .king .intro__button--11 {
    border-radius: 0
}

.year-2019 .king .intro__button--13 {
    background-color: #ac730c;
    border: 1px solid #ac730c;
    color: #fff2cb !important
}

.year-2019 .king .intro__button--13 a, .year-2019 .king .intro__button--13 a:before {
    color: #fff2cb !important
}

.year-2019 .king .intro__button--14 {
    background-color: #907123;
    border: 1px solid #eef3bb;
    border-radius: 3px
}

.year-2018 .queen h3 {
    line-height: 1;
    font-size: 54px;
    font-size: 3.375rem;
    font-weight: 700
}

.year-2018 .queen h4 {
    font-size: 26px;
    font-size: 1.625rem;
    margin: 0 0 5px
}

.year-2018 .queen h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2018 .queen h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2018 .queen .intro__title--1 {
    font-family: Sarabun;
    font-weight: 400
}

.year-2018 .queen .intro__title--2 {
    font-family: ThaiSans Neue;
    font-style: italic
}

.year-2018 .queen .intro__title--3, .year-2018 .queen .intro__title--10, .year-2018 .queen .intro__title--11, .year-2018 .queen .intro__title--13, .year-2018 .queen .intro__title--14, .year-2018 .queen .intro__title--15 {
    font-family: PSL Panpilas Pro
}

.year-2018 .king10 .queen .intro__title--10, .year-2018 .king10 .queen .intro__title--11, .year-2018 .king10 .queen .intro__title--12, .year-2018 .queen .intro__title--4, .year-2018 .queen .king10 .intro__title--10, .year-2018 .queen .king10 .intro__title--11, .year-2018 .queen .king10 .intro__title--12 {
    font-family: Sarabun;
    font-style: italic
}

.year-2018 .queen .intro__title--5, .year-2018 .queen .intro__title--12 {
    font-family: Sarabun;
    font-style: italic;
    font-size: 64px;
    font-size: 4rem;
    letter-spacing: 4px
}

.year-2018 .queen .intro__title--6 {
    font-family: Sarabun;
    letter-spacing: 2px
}

.year-2018 .queen .intro__title--7 {
    font-family: Sarabun;
    font-style: italic;
    font-weight: 400
}

.year-2018 .queen .intro__title--8 {
    font-family: Sarabun
}

.year-2018 .queen .intro__title--9 {
    font-family: TH Baijam;
    font-weight: 400
}

.year-2018 .queen .intro__title--10, .year-2018 .queen .intro__title--11 {
    font-weight: 400
}

.year-2018 .king10 .queen .intro__title--14, .year-2018 .queen .intro__title--12, .year-2018 .queen .intro__title--13, .year-2018 .queen .intro__title--14, .year-2018 .queen .intro__title--15, .year-2018 .queen .king10 .intro__title--14 {
    font-style: normal !important
}

.year-2018 .queen .intro__subtitle--1 {
    font-family: Sarabun
}

.year-2018 .queen .intro__subtitle--2 {
    font-family: ThaiSans Neue
}

.year-2018 .queen .intro__subtitle--3, .year-2018 .queen .intro__subtitle--10, .year-2018 .queen .intro__subtitle--11, .year-2018 .queen .intro__subtitle--13, .year-2018 .queen .intro__subtitle--14, .year-2018 .queen .intro__subtitle--15 {
    font-family: PSL Panpilas Pro
}

.year-2018 .king10 .queen .intro__subtitle--10, .year-2018 .king10 .queen .intro__subtitle--11, .year-2018 .king10 .queen .intro__subtitle--12, .year-2018 .queen .intro__subtitle--4, .year-2018 .queen .king10 .intro__subtitle--10, .year-2018 .queen .king10 .intro__subtitle--11, .year-2018 .queen .king10 .intro__subtitle--12 {
    font-family: Sarabun
}

.year-2018 .queen .intro__subtitle--5, .year-2018 .queen .intro__subtitle--12 {
    font-family: Sarabun;
    font-size: 42px;
    font-size: 2.625rem
}

.year-2018 .queen .intro__subtitle--6 {
    font-family: Sarabun
}

.year-2018 .queen .intro__subtitle--7 {
    font-family: Sarabun;
    font-size: 32px;
    font-size: 2rem
}

.year-2018 .queen .intro__subtitle--8 {
    font-family: Sarabun;
    font-weight: 700
}

.year-2018 .queen .intro__subtitle--9 {
    font-family: TH Baijam
}

.year-2018 .king10 .queen .intro__subtitle--14, .year-2018 .queen .intro__subtitle--12, .year-2018 .queen .intro__subtitle--13, .year-2018 .queen .intro__subtitle--14, .year-2018 .queen .intro__subtitle--15, .year-2018 .queen .king10 .intro__subtitle--14 {
    font-style: normal !important
}

.year-2018 .queen .intro__figure {
    height: calc(50vh - 15px)
}

.year-2018 .queen .intro__figure--1, .year-2018 .queen .intro__figure--1-1 {
    min-height: 500px;
    height: calc(65vh - 15px) !important;
    padding: 160px 0 15px
}

.year-2018 .queen .intro__content--1, .year-2018 .queen .intro__content--1-1 {
    color: #fff;
    height: calc(35vh - 15px) !important
}

.year-2018 .queen .intro__content--1 .intro__subtitle, .year-2018 .queen .intro__content--1 .intro__title, .year-2018 .queen .intro__content--1-1 .intro__subtitle, .year-2018 .queen .intro__content--1-1 .intro__title, .year-2018 .queen .intro__content--2, .year-2018 .queen .intro__content--2 .intro__subtitle, .year-2018 .queen .intro__content--2 .intro__title, .year-2018 .queen .intro__content--3 {
    color: #fff
}

.year-2018 .queen .intro__content--3 .intro__title {
    color: #fff;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .5), 1px 1px 5px rgba(0, 0, 0, .5), 1px 1px 5px rgba(0, 0, 0, .5)
}

.year-2018 .queen .intro__content--3 .intro__subtitle, .year-2018 .queen .intro__content--4 {
    color: #fff
}

.year-2018 .queen .intro__content--4 .intro__title {
    color: #bf880a;
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff
}

.year-2018 .queen .intro__content--4 .intro__subtitle {
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2)
}

.year-2018 .queen .intro__content--5 {
    color: #fff
}

.year-2018 .queen .intro__content--5 .intro__title {
    color: #968447;
    text-shadow: 2px 0 0 #ffffcf, -2px 0 0 #ffffcf, 0 2px 0 #ffffcf, 0 -2px 0 #ffffcf, 1px 1px #ffffcf, -1px -1px 0 #ffffcf, 1px -1px 0 #ffffcf, -1px 1px 0 #ffffcf
}

.year-2018 .queen .intro__content--5 .intro__subtitle, .year-2018 .queen .intro__content--6 {
    color: #fff
}

.year-2018 .queen .intro__content--6 .intro__title {
    color: #a17200;
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff
}

.year-2018 .queen .intro__content--6 .intro__subtitle {
    color: #fff
}

.year-2018 .queen .intro__content--7 {
    color: #684d00
}

.year-2018 .queen .intro__content--7 .intro__title {
    color: #684d00;
    text-shadow: 1px 0 0 #cdb170, -1px 0 0 #cdb170, 0 1px 0 #cdb170, 0 -1px 0 #cdb170, 0 0 #cdb170, 0 0 0 #cdb170, 0 0 0 #cdb170, 0 0 0 #cdb170
}

.year-2018 .queen .intro__content--7 .intro__subtitle {
    color: #684d00
}

.year-2018 .queen .intro__content--8 {
    color: #968447
}

.year-2018 .queen .intro__content--8 .intro__title {
    color: #c28700;
    text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff
}

.year-2018 .queen .intro__content--8 .intro__subtitle {
    color: #c28700;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff
}

.year-2018 .queen .intro__content--9 {
    color: #0061ac
}

.year-2018 .queen .intro__content--9 .intro__title {
    color: #0061ac;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff
}

.year-2018 .queen .intro__content--9 .intro__subtitle {
    color: #0061ac;
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff
}

.year-2018 .queen .intro__content--10 {
    color: #000
}

.year-2018 .queen .intro__content--10 .intro__title {
    color: #643a14;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .2), 1px 1px 5px rgba(0, 0, 0, .2), 1px 1px 5px rgba(0, 0, 0, .2)
}

.year-2018 .queen .intro__content--10 .intro__subtitle {
    color: #643a14
}

.year-2018 .queen .intro__content--11 {
    color: #fff
}

.year-2018 .queen .intro__content--11 .intro__title {
    color: #c2860a;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .2), 1px 1px 5px rgba(0, 0, 0, .2), 1px 1px 5px rgba(0, 0, 0, .2);
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff
}

.year-2018 .queen .intro__content--11 .intro__subtitle {
    color: #fff
}

.year-2018 .queen .intro__content--12 {
    color: #684e01
}

.year-2018 .queen .intro__content--12 .intro__subtitle, .year-2018 .queen .intro__content--12 .intro__title {
    color: #684e01;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .2), 1px 1px 5px rgba(0, 0, 0, .2), 1px 1px 5px rgba(0, 0, 0, .2);
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff
}

.year-2018 .queen .intro__content--13 {
    color: #684e01
}

.year-2018 .queen .intro__content--13 .intro__title {
    color: #d58e22
}

.year-2018 .queen .intro__content--13 .intro__subtitle {
    color: #ab8233
}

.year-2018 .queen .intro__content--14, .year-2018 .queen .intro__content--14 .intro__title {
    color: #134172
}

@media (max-width: 767px) and (min-width: 480px) {
    .year-2018 .queen .intro__content--14 .intro__title {
        margin: 20px 85px
    }
}

.year-2018 .queen .intro__content--14 .intro__subtitle {
    color: #134172
}

.year-2018 .queen .intro__content--15, .year-2018 .queen .intro__content--15 .intro__subtitle, .year-2018 .queen .intro__content--15 .intro__title {
    color: #fff
}

@media (max-width: 1179px) {
    .year-2018 .queen .intro__figure--1, .year-2018 .queen .intro__figure--1-1 {
        padding: 100px 0 15px
    }
}

.year-2018 .intro__button--1 {
    background-color: #596a84
}

.year-2018 .intro__button--3 {
    padding: 0 !important
}

.year-2018 .intro__button--3 a {
    background-color: #1b96cf;
    border: 1px solid #78bfeb;
    border-radius: 1px;
    padding: 7px 10px !important;
    margin: 0 -3px;
    width: 140px
}

.year-2018 .intro__button--3 a:before {
    display: none !important
}

.year-2018 .intro__button--4, .year-2018 .king10 .intro__button--11, .year-2018 .king10 .intro__button--12, .year-2018 .year-2019 .king .intro__button--11, .year-2018 .year-2019 .king .intro__button--12, .year-2019 .king .year-2018 .intro__button--11, .year-2019 .king .year-2018 .intro__button--12 {
    background-color: #fff;
    border: 1px solid #70cff4
}

.year-2018 .intro__button--4 a, .year-2018 .intro__button--4 a:before, .year-2018 .king10 .intro__button--11 a, .year-2018 .king10 .intro__button--11 a:before, .year-2018 .king10 .intro__button--12 a, .year-2018 .king10 .intro__button--12 a:before, .year-2018 .year-2019 .king .intro__button--11 a, .year-2018 .year-2019 .king .intro__button--11 a:before, .year-2018 .year-2019 .king .intro__button--12 a, .year-2018 .year-2019 .king .intro__button--12 a:before, .year-2019 .king .year-2018 .intro__button--11 a, .year-2019 .king .year-2018 .intro__button--11 a:before, .year-2019 .king .year-2018 .intro__button--12 a, .year-2019 .king .year-2018 .intro__button--12 a:before {
    color: #0a5ba4 !important
}

.year-2018 .intro__button--5, .year-2018 .intro__button--14, .year-2018 .year-2019 .queen-mother .intro__button--14, .year-2019 .queen-mother .year-2018 .intro__button--14 {
    background-color: #0e73b9;
    border: 1px solid #72cff7
}

.year-2018 .intro__button--5 a, .year-2018 .intro__button--5 a:before, .year-2018 .intro__button--14 a, .year-2018 .intro__button--14 a:before, .year-2018 .year-2019 .queen-mother .intro__button--14 a, .year-2018 .year-2019 .queen-mother .intro__button--14 a:before, .year-2019 .queen-mother .year-2018 .intro__button--14 a, .year-2019 .queen-mother .year-2018 .intro__button--14 a:before {
    color: #fff !important
}

.year-2018 .intro__button--6, .year-2018 .intro__button--11, .year-2018 .year-2019 .queen-mother .intro__button--11, .year-2019 .queen-mother .year-2018 .intro__button--11 {
    background-color: #fff;
    border: 1px solid #70cff4
}

.year-2018 .intro__button--6 a, .year-2018 .intro__button--6 a:before, .year-2018 .intro__button--11 a, .year-2018 .intro__button--11 a:before, .year-2018 .year-2019 .queen-mother .intro__button--11 a, .year-2018 .year-2019 .queen-mother .intro__button--11 a:before, .year-2019 .queen-mother .year-2018 .intro__button--11 a, .year-2019 .queen-mother .year-2018 .intro__button--11 a:before {
    color: #0a5ba4 !important
}

.year-2018 .intro__button--7, .year-2018 .intro__button--12, .year-2018 .intro__button--13, .year-2018 .year-2019 .queen-mother .intro__button--12, .year-2018 .year-2019 .queen-mother .intro__button--13, .year-2019 .queen-mother .year-2018 .intro__button--12, .year-2019 .queen-mother .year-2018 .intro__button--13 {
    background-color: #71530d;
    border: 1px solid #cfad61
}

.year-2018 .intro__button--8 {
    background-color: #e2b347;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .7);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .7);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .7)
}

.year-2018 .intro__button--9 {
    background-color: #106dbd;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
    box-shadow: 0 0 2px rgba(0, 0, 0, .5)
}

.year-2018 .intro__button--10 {
    background-color: #623810;
    border: 1px solid #855f3a
}

.year-2018 .intro__button--10 a, .year-2018 .intro__button--10 a:before {
    color: #fff !important
}

.year-2018 .intro__button--15 {
    background-color: #9cb2c9;
    border: 1px solid #293e8d;
    color: #000
}

.year-2018 .intro__button--15 a {
    color: #000 !important
}

.year-2018 .king10 h3 {
    line-height: .8;
    font-size: 84px;
    font-size: 5.25rem;
    font-weight: 700
}

.year-2018 .king10 h4 {
    font-size: 40px;
    font-size: 2.5rem
}

.year-2018 .king10 h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2018 .king10 h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2018 .king10 .intro__title--1 {
    font-family: Sarabun
}

.year-2018 .king10 .intro__title--2 {
    font-family: Kanit;
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 2
}

.year-2018 .king10 .intro__title--3, .year-2018 .king10 .queen .intro__title--10, .year-2018 .king10 .queen .intro__title--11, .year-2018 .king10 .queen .intro__title--13, .year-2018 .king10 .queen .intro__title--14, .year-2018 .king10 .queen .intro__title--15, .year-2018 .queen .king10 .intro__title--10, .year-2018 .queen .king10 .intro__title--11, .year-2018 .queen .king10 .intro__title--13, .year-2018 .queen .king10 .intro__title--14, .year-2018 .queen .king10 .intro__title--15 {
    font-family: Sarabun;
    font-style: italic
}

.year-2018 .king10 .intro__title--4, .year-2018 .king10 .intro__title--10, .year-2018 .king10 .intro__title--11, .year-2018 .king10 .intro__title--12 {
    font-family: Sarabun
}

.year-2018 .king10 .intro__title--5, .year-2018 .king10 .queen .intro__title--12, .year-2018 .queen .king10 .intro__title--12 {
    font-family: Sarabun
}

.year-2018 .king10 .intro__title--6 {
    font-family: Sarabun;
    font-weight: 400
}

.year-2018 .king10 .intro__title--7 {
    font-family: Sarabun
}

.year-2018 .king10 .intro__title--8 {
    font-family: Sarabun
}

.year-2018 .king10 .intro__title--9 {
    font-family: TH Baijam;
    font-weight: 400
}

.year-2018 .king10 .intro__title--10 {
    font-size: 90px;
    font-size: 5.625rem
}

@media (max-width: 479px) {
    .year-2018 .king10 .intro__title--10 {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.year-2018 .king10 .intro__title--11 {
    font-size: 90px;
    font-size: 5.625rem
}

@media (max-width: 479px) {
    .year-2018 .king10 .intro__title--11 {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.year-2018 .king10 .intro__title--12 {
    font-size: 120px;
    font-size: 7.5rem
}

.year-2018 .king10 .intro__title--13, .year-2018 .king10 .intro__title--14 {
    font-family: PSL Panpilas Pro;
    font-weight: 400
}

.year-2018 .king10 .intro__subtitle--1 {
    font-family: Sarabun;
    font-weight: 700
}

.year-2018 .king10 .intro__subtitle--2 {
    font-family: Kanit;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.5
}

.year-2018 .king10 .intro__subtitle--3, .year-2018 .king10 .queen .intro__subtitle--10, .year-2018 .king10 .queen .intro__subtitle--11, .year-2018 .king10 .queen .intro__subtitle--13, .year-2018 .king10 .queen .intro__subtitle--14, .year-2018 .king10 .queen .intro__subtitle--15, .year-2018 .queen .king10 .intro__subtitle--10, .year-2018 .queen .king10 .intro__subtitle--11, .year-2018 .queen .king10 .intro__subtitle--13, .year-2018 .queen .king10 .intro__subtitle--14, .year-2018 .queen .king10 .intro__subtitle--15 {
    font-family: Sarabun
}

.year-2018 .king10 .intro__subtitle--4, .year-2018 .king10 .intro__subtitle--10, .year-2018 .king10 .intro__subtitle--11, .year-2018 .king10 .intro__subtitle--12 {
    font-family: Sarabun
}

.year-2018 .king10 .intro__subtitle--5, .year-2018 .king10 .queen .intro__subtitle--12, .year-2018 .queen .king10 .intro__subtitle--12 {
    font-family: Sarabun
}

.year-2018 .king10 .intro__subtitle--6 {
    font-family: Sarabun;
    font-style: italic
}

.year-2018 .king10 .intro__subtitle--7 {
    font-family: Sarabun
}

.year-2018 .king10 .intro__subtitle--8 {
    font-family: Sarabun;
    font-weight: 700
}

@media (max-width: 479px) {
    .year-2018 .king10 .intro__subtitle--8 {
        font-size: 28px;
        font-size: 1.75rem
    }

    .year-2018 .king10 .intro__subtitle--8 + h4 + h4 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2018 .king10 .intro__subtitle--9 {
    font-family: TH Baijam
}

.year-2018 .king10 .intro__subtitle--13, .year-2018 .king10 .intro__subtitle--14 {
    font-family: PSL Panpilas Pro;
    font-weight: 400;
    font-size: 32px;
    font-size: 2rem
}

@media (max-width: 450px) {
    .year-2018 .king10 .intro__subtitle--13, .year-2018 .king10 .intro__subtitle--14 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.year-2018 .king10 .intro__content--1 {
    color: #423200
}

.year-2018 .king10 .intro__content--1 .intro__title {
    color: #e5b300;
    text-shadow: 0 3px 0 rgba(0, 0, 0, .3), 1px 1px 0 rgba(0, 0, 0, .3), 1px 1px 0 rgba(0, 0, 0, .3)
}

.year-2018 .king10 .intro__content--1 .intro__subtitle {
    color: #423200
}

.year-2018 .king10 .intro__content--2 {
    color: #523d00
}

.year-2018 .king10 .intro__content--2 .intro__title {
    color: #815f10;
    text-shadow: 1px 2px 1 rgba(0, 0, 0, .3), 1px 1px 0 rgba(0, 0, 0, .3), 1px 1px 0 rgba(0, 0, 0, .3)
}

.year-2018 .king10 .intro__content--2 .intro__subtitle {
    color: #523d00
}

.year-2018 .king10 .intro__content--3 {
    color: #75622a
}

.year-2018 .king10 .intro__content--3 .intro__title {
    color: #815f10;
    text-shadow: 0 2px 1px rgba(0, 0, 0, .3), 0 0 0 rgba(0, 0, 0, .3), 0 0 0 rgba(0, 0, 0, .3)
}

.year-2018 .king10 .intro__content--3 .intro__subtitle {
    color: #815f10;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3), 0 0 0 rgba(0, 0, 0, .3), 0 0 0 rgba(0, 0, 0, .3)
}

.year-2018 .king10 .intro__content--4 {
    color: #323b29
}

.year-2018 .king10 .intro__content--4 .intro__title {
    color: #805e0f;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff
}

.year-2018 .king10 .intro__content--4 .intro__subtitle {
    color: #6a4e0e
}

.year-2018 .king10 .intro__content--5, .year-2018 .king10 .intro__content--5 .intro__subtitle, .year-2018 .king10 .intro__content--5 .intro__title {
    color: #815f10
}

.year-2018 .king10 .intro__content--6 {
    color: #fff
}

.year-2018 .king10 .intro__content--6 .intro__title {
    color: #ca9c22;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2)
}

.year-2018 .king10 .intro__content--6 .intro__subtitle {
    color: #fff
}

.year-2018 .king10 .intro__content--7 {
    color: #735b15
}

.year-2018 .king10 .intro__content--7 .intro__title {
    letter-spacing: 2px;
    color: #735f2a
}

.year-2018 .king10 .intro__content--7 .intro__subtitle {
    color: #735f2a
}

.year-2018 .king10 .intro__content--8 {
    color: #4b3305
}

.year-2018 .king10 .intro__content--8 .intro__title {
    color: #463102;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff
}

.year-2018 .king10 .intro__content--8 .intro__subtitle {
    color: #463102
}

.year-2018 .king10 .intro__content--9 {
    color: #c28700
}

.year-2018 .king10 .intro__content--9 .intro__title {
    color: #c28700
}

.year-2018 .king10 .intro__content--9 .intro__subtitle, .year-2018 .king10 .intro__content--9 .intro__title {
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff
}

.year-2018 .king10 .intro__content--9 .intro__subtitle {
    color: #c98700
}

.year-2018 .king10 .intro__content--10 {
    color: #fff
}

.year-2018 .king10 .intro__content--10 .intro__title {
    letter-spacing: 2px;
    color: #fbb730;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 1px 1px 0 rgba(0, 0, 0, .1), 1px 1px 0 rgba(0, 0, 0, .1)
}

.year-2018 .king10 .intro__content--10 .intro__subtitle {
    color: #fab24e;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 1px 1px 0 rgba(0, 0, 0, .1), 1px 1px 0 rgba(0, 0, 0, .1)
}

.year-2018 .king10 .intro__content--11 {
    color: #522f05
}

.year-2018 .king10 .intro__content--11 .intro__title {
    letter-spacing: 2px
}

.year-2018 .king10 .intro__content--11 .intro__subtitle, .year-2018 .king10 .intro__content--11 .intro__title {
    color: #522f05;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 1px 1px 0 rgba(0, 0, 0, .1), 1px 1px 0 rgba(0, 0, 0, .1)
}

.year-2018 .king10 .intro__content--12 {
    color: #4b2400
}

.year-2018 .king10 .intro__content--12 .intro__subtitle, .year-2018 .king10 .intro__content--12 .intro__title {
    color: #554a08
}

.year-2018 .king10 .intro__content--13 {
    color: #a9740e
}

.year-2018 .king10 .intro__content--13 .intro__title {
    color: #a9740e;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 1px 1px 0 rgba(0, 0, 0, .1), 1px 1px 0 rgba(0, 0, 0, .1)
}

.year-2018 .king10 .intro__content--13 .intro__subtitle {
    color: #a9740e;
    text-shadow: 0 0 0 rgba(0, 0, 0, .1), 0 1px 0 rgba(0, 0, 0, .1), 0 1px 0 rgba(0, 0, 0, .1)
}

.year-2018 .king10 .intro__content--14 {
    color: #4b2400
}

.year-2018 .king10 .intro__content--14 .intro__subtitle, .year-2018 .king10 .intro__content--14 .intro__title {
    color: #554a08
}

.year-2018 .king10 .intro__button--1 {
    background-color: #b4aa8f;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.year-2018 .king10 .intro__button--2 {
    background-color: #d19d0b;
    border: 1px solid #7b5606;
    border-radius: 20px
}

.year-2018 .king10 .intro__button--2 a, .year-2018 .king10 .intro__button--2 a:before {
    color: #000100 !important
}

.year-2018 .king10 .intro__button--3 {
    background-color: #c9c2a5;
    border-radius: 3px
}

.year-2018 .king10 .intro__button--4, .year-2018 .king10 .intro__button--11, .year-2018 .king10 .intro__button--12 {
    background-color: #907123;
    border: 1px solid #eef3bb;
    border-radius: 3px
}

.year-2018 .king10 .intro__button--4 a, .year-2018 .king10 .intro__button--4 a:before, .year-2018 .king10 .intro__button--11 a, .year-2018 .king10 .intro__button--11 a:before, .year-2018 .king10 .intro__button--12 a, .year-2018 .king10 .intro__button--12 a:before {
    color: #eef3bb !important
}

.year-2018 .king10 .intro__button--5, .year-2018 .king10 .intro__button--6, .year-2018 .king10 .intro__button--11, .year-2018 .king10 .intro__button--14 {
    background-color: #cb9d23;
    border-radius: 3px
}

.year-2018 .king10 .intro__button--7, .year-2018 .king10 .intro__button--12, .year-2018 .king10 .intro__button--13 {
    background-color: #e2b347;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .4);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .4)
}

.year-2018 .king10 .intro__button--8 {
    background-color: #e2b347;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .7);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .7)
}

.year-2018 .king10 .intro__button--9 {
    background-color: #e2b347;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
    box-shadow: 0 0 2px rgba(0, 0, 0, .5)
}

.year-2018 .king10 .intro__button--10 {
    background-color: #5f4900;
    border: 1px solid #5f4900;
    border-radius: 3px;
    border-radius: 0
}

.year-2018 .king10 .intro__button--10 a:before {
    color: #fff !important
}

.year-2018 .king10 .intro__button--11 {
    border-radius: 0
}

.year-2018 .king10 .intro__button--13 {
    background-color: #ac730c;
    border: 1px solid #ac730c;
    color: #fff2cb !important
}

.year-2018 .king10 .intro__button--13 a, .year-2018 .king10 .intro__button--13 a:before {
    color: #fff2cb !important
}

.year-2018 .king10 .intro__button--14 {
    background-color: #907123;
    border: 1px solid #eef3bb;
    border-radius: 3px
}

.year-2018 .king9 body {
    font-family: Sarabun;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1
}

.year-2018 .king9 h3 {
    line-height: 1.2
}

.year-2018 .king9 h3, .year-2018 .king9 h4 {
    font-size: 40px;
    font-size: 2.5rem
}

.year-2018 .king9 h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2018 .king9 h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2018 .king9 .intro__title--1 {
    font-family: Sarabun;
    font-style: italic
}

.year-2018 .king9 .intro__title--2 {
    font-family: Sarabun
}

.year-2018 .king9 .intro__subtitle--1 {
    font-family: Sarabun;
    font-style: italic
}

.year-2018 .king9 .intro__subtitle--2 {
    font-family: Sarabun
}

.year-2018 .king9 .intro__content--1 {
    color: #735b15
}

.year-2018 .king9 .intro__content--1 .intro__title {
    color: #ad891f
}

.year-2018 .king9 .intro__content--1 .intro__subtitle {
    color: #542700
}

.year-2018 .king9 .intro__content--2 {
    color: #fff
}

.year-2018 .king9 .intro__content--2 .intro__title {
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2)
}

.year-2018 .king9 .intro__content--2 .intro__subtitle {
    color: #fff
}

.year-2018 .king9 .intro__button--1 {
    background-color: #362f2d;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.year-2018 .king9 .intro__button--2 {
    background-color: #af6b13;
    border: 1px solid #7b5606;
    border-radius: 3px
}

.year-2018 .king9 .intro__button--2 a, .year-2018 .king9 .intro__button--2 a:before {
    color: #000100 !important
}

.year-2018 .newyear {
    font-family: Sarabun;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1
}

.year-2018 .newyear h3 {
    line-height: 1;
    font-size: 54px;
    font-size: 3.375rem;
    font-weight: 700
}

.year-2018 .newyear h4 {
    font-size: 26px;
    font-size: 1.625rem;
    margin: 0 0 5px
}

.year-2018 .newyear h5 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem
}

.year-2018 .newyear h5.intro__subtitle {
    font-size: 30px;
    font-size: 1.875rem
}

.year-2018 .body-snapshot .newyear .intro > .intro__figure {
    height: auto;
    max-height: 70vh
}

.year-2018 .body-snapshot .newyear .intro > .intro__figure img {
    max-height: 100%
}

.year-2018 .newyear .company-name {
    text-shadow: 2px 2px 2px #1a1a1a
}

.year-2018 .newyear .intro {
    display: flex;
    flex-flow: column;
    justify-content: center
}

.year-2018 .newyear .intro__figure {
    padding: 80px 0 0;
    height: auto;
    max-width: none;
    min-height: auto
}

.year-2018 .newyear .intro__figure img {
    height: auto
}

.year-2018 .newyear .intro__figure--1 {
    padding: 100px 0 0;
    max-width: 700px
}

.year-2018 .newyear .intro__figure--2 {
    padding: 0 0 40px;
    max-width: 1200px
}

.year-2018 .newyear .intro__figure--3 {
    padding: 0;
    max-width: 800px
}

.year-2018 .newyear .intro__figure--4 {
    max-width: 500px
}

.year-2018 .newyear .intro__figure--5 {
    max-width: 800px;
    padding: 120px 0 40px
}

.year-2018 .newyear .intro__figure--6 {
    max-width: 800px;
    padding-bottom: 0
}

.year-2018 .newyear .intro__figure--7 {
    max-width: 800px;
    padding-top: 0;
    padding-bottom: 40px
}

.year-2018 .newyear .intro__figure--8 {
    max-width: 500px;
    padding-bottom: 40px
}

.year-2018 .newyear .intro__figure--9 {
    max-width: 1200px;
    padding-top: 300px
}

.year-2018 .newyear .intro__figure--10 {
    max-width: 1000px;
    padding-top: 100px
}

.year-2018 .newyear .intro__content {
    height: auto
}

.year-2018 .newyear .intro__content--1, .year-2018 .newyear .intro__content--2, .year-2018 .newyear .intro__content--3, .year-2018 .newyear .intro__content--4, .year-2018 .newyear .intro__content--5, .year-2018 .newyear .intro__content--6, .year-2018 .newyear .intro__content--7, .year-2018 .newyear .intro__content--8, .year-2018 .newyear .intro__content--9, .year-2018 .newyear .intro__content--10 {
    color: #fff
}

@media (max-width: 1439px) {
    .year-2018 .newyear .intro__figure--1 {
        padding: 70px 0 0;
        max-width: 600px
    }

    .year-2018 .newyear .intro__figure--2 {
        padding: 30px 0 0;
        max-width: 700px
    }

    .year-2018 .newyear .intro__figure--3 {
        padding: 0;
        max-width: 550px
    }

    .year-2018 .newyear .intro__figure--4 {
        padding: 0;
        max-width: 370px
    }

    .year-2018 .newyear .intro__figure--5 {
        padding: 70px 0 0;
        max-width: 480px
    }

    .year-2018 .newyear .intro__figure--6 {
        padding: 50px 0 0;
        max-width: 600px
    }

    .year-2018 .newyear .intro__figure--7 {
        max-width: 480px
    }

    .year-2018 .newyear .intro__figure--8 {
        max-width: 350px
    }

    .year-2018 .newyear .intro__figure--9 {
        padding-top: 210px;
        max-width: 600px
    }

    .year-2018 .newyear .intro__figure--10 {
        max-width: 670px;
        padding-top: 50px
    }
}

@media (max-width: 1179px) {
    .year-2018 .newyear .intro__figure, .year-2018 .newyear .intro__figure--1 {
        padding: 60px 0 0
    }

    .year-2018 .newyear .intro__figure--2 {
        padding: 50px 0 40px
    }

    .year-2018 .newyear .intro__figure--3 {
        padding: 20px 0;
        max-width: 500px
    }

    .year-2018 .newyear .intro__figure--4 {
        padding: 10px 0
    }

    .year-2018 .newyear .intro__figure--5 {
        padding: 60px 0 40px
    }

    .year-2018 .newyear .intro__figure--6 {
        padding-bottom: 0
    }

    .year-2018 .newyear .intro__figure--7 {
        padding-top: 0;
        padding-bottom: 40px
    }

    .year-2018 .newyear .intro__figure--8 {
        padding-bottom: 30px
    }

    .year-2018 .newyear .intro__figure--9 {
        padding-top: 200px
    }

    .year-2018 .newyear .intro__figure--10 {
        padding-top: 50px;
        padding-bottom: 30px
    }
}

@media (max-width: 767px) {
    .year-2018 .newyear .intro__figure {
        padding-top: 100px
    }

    .year-2018 .newyear .intro__figure--3 {
        padding-top: 50px
    }

    .year-2018 .newyear .intro__figure--4 {
        padding-top: 30px;
        max-width: 230px
    }

    .year-2018 .newyear .intro__figure--5 {
        padding-top: 60px
    }

    .year-2018 .newyear .intro__figure--7 {
        padding-top: 0
    }

    .year-2018 .newyear .intro__figure--8 {
        padding-top: 50px
    }

    .year-2018 .newyear .intro__figure--9 {
        padding-top: 180px
    }
}

@media (max-width: 479px) {
    .year-2018 .newyear .intro {
        min-height: 100vh !important
    }

    .year-2018 .newyear .intro__figure--4 {
        padding-top: 50px;
        max-width: 200px
    }

    .year-2018 .newyear .intro__figure--8 {
        padding-top: 70px;
        max-width: 200px
    }
}

.year-2018 .newyear .intro__button a:before {
    color: #fff !important
}

.year-2018 .newyear .intro__button--1 {
    background: #c7160e;
    background: -moz-linear-gradient(top, #c7160e 0, #b41007 50%, #a30901 100%);
    background: -webkit-linear-gradient(top, #c7160e, #b41007 50%, #a30901);
    background: linear-gradient(180deg, #c7160e 0, #b41007 50%, #a30901);
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .7);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .7);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .7);
    text-transform: uppercase
}

.year-2018 .newyear .intro__button--2 {
    background-color: #000;
    border-radius: 5px;
    text-transform: uppercase
}

.year-2018 .newyear .intro__button--3 {
    background: #c01712;
    background: -moz-linear-gradient(top, #c01712 0, #af120d 50%, #9d0c09 100%);
    background: -webkit-linear-gradient(top, #c01712, #af120d 50%, #9d0c09);
    background: linear-gradient(180deg, #c01712 0, #af120d 50%, #9d0c09);
    border-radius: 5px;
    text-transform: uppercase
}

.year-2018 .king10 .newyear .intro__button--11, .year-2018 .king10 .newyear .intro__button--12, .year-2018 .newyear .intro__button--4, .year-2018 .newyear .king10 .intro__button--11, .year-2018 .newyear .king10 .intro__button--12, .year-2018 .newyear .year-2019 .king .intro__button--11, .year-2018 .newyear .year-2019 .king .intro__button--12, .year-2019 .king .year-2018 .newyear .intro__button--11, .year-2019 .king .year-2018 .newyear .intro__button--12 {
    background-color: #e40001;
    border-radius: 5px;
    text-transform: uppercase
}

.year-2018 .newyear .intro__button--5, .year-2018 .newyear .intro__button--14 {
    background: #c01712;
    background: -moz-linear-gradient(top, #c01712 0, #af120d 50%, #9d0c09 100%);
    background: -webkit-linear-gradient(top, #c01712, #af120d 50%, #9d0c09);
    background: linear-gradient(180deg, #c01712 0, #af120d 50%, #9d0c09);
    border-radius: 5px;
    text-transform: uppercase
}

.year-2018 .newyear .intro__button--6, .year-2018 .newyear .intro__button--11 {
    background-color: #d5a330;
    border-radius: 0
}

.year-2018 .newyear .intro__button--8 {
    background: #ffc40c;
    background: -moz-linear-gradient(top, #ffc40c 0, #c29305 50%, #936f01 100%);
    background: -webkit-linear-gradient(top, #ffc40c, #c29305 50%, #936f01);
    background: linear-gradient(180deg, #ffc40c 0, #c29305 50%, #936f01);
    border-radius: 0;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .7);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .7);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .7)
}

.year-2018 .newyear .intro__button--9 {
    background-color: #fff;
    border-radius: 7px;
    color: #074248;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .7);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .7);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .7)
}

.year-2018 .newyear .intro__button--9 a, .year-2018 .newyear .intro__button--9 a:before {
    color: #074248 !important
}

.year-2018 .newyear .intro__button--10 {
    background-color: #f3c81a;
    border: 1px solid #fff188;
    border-radius: 7px;
    color: #633b00;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .7);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .7);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .7)
}

.year-2018 .newyear .intro__button--10 a, .year-2018 .newyear .intro__button--10 a:before {
    color: #633b00 !important
}

@media (min-width: 1200px) {
    .intro__subtitle--full .lastname, .intro__subtitle--full .middlename {
        display: block
    }
}

@media (max-width: 1199px) {
    .intro {
        height: auto
    }

    .intro__subtitle--full .middlename {
        display: block
    }
}

@media (max-width: 991px) {
    .intro__row .intro__image {
        max-width: 310px;
        width: 100%
    }

    .intro, .intro__row {
        height: auto
    }

    .intro__subtitle--event span, .intro__title span {
        display: inline-block
    }

    .intro__content {
        padding: 0 30px
    }
}

@media (max-width: 767px) {
    body[style] {
        height: auto;
        min-height: auto
    }

    h3 {
        font-size: 54px;
        font-size: 3.375rem
    }

    h4 {
        font-size: 32px;
        font-size: 2rem
    }

    .intro__row .intro__image {
        max-width: 80%
    }

    .intro__row .queen-name {
        display: initial
    }

    .intro > .intro__figure {
        min-height: 1px;
        height: auto !important
    }

    .intro > .intro__content, .intro > .intro__figure img {
        height: auto !important
    }

    .intro > .intro__content .lastname, .intro__subtitle--full .firstname-2 {
        display: block
    }
}

@media (max-width: 479px) {
    .intro__subtitle--full .firstname {
        display: block
    }

    .intro__content {
        padding: 0 10px
    }

    .intro__content .company-name {
        display: block
    }
}
.d-inline-block {
    font-size: 34px;
}
.firstname {
    font-size: 24px;
    padding: 14px;
    font-weight: 300;
}
.firstname .d-inline-block {
    font-size: 24px;
}
.lastname .d-inline-block {
    font-size: 24px;
    font-weight: 300;
}
.intro__text .d-inline-block, .company-name {
    font-size: 20px;
    font-weight: 200;
    line-height: 36px;
}
.intro__button.intro__button--2 a {
    font-size: 18px !important;
}
.intro__title .d-inline-block {
    padding: 10px 0;
}
.lineImg {
    width: 180px;
}