*, ::after, ::before {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 @-ms-viewport {
     width: device-width;
}
 article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
     display: block;
}
 [tabindex="-1"]:focus {
     outline: 0 !important;
}
 hr {
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
     height: 0;
     overflow: visible;
}
 abbr[data-original-title], abbr[title] {
     text-decoration: underline;
     -webkit-text-decoration: underline dotted;
     text-decoration: underline dotted;
     cursor: help;
     border-bottom: 0;
}
 address {
     margin-bottom: 1rem;
     font-style: normal;
     line-height: inherit;
}
 dl, ol, ul {
     margin-top: 0;
     margin-bottom: 1rem;
}
 ol ol, ol ul, ul ol, ul ul {
     margin-bottom: 0;
}
 dd {
     margin-bottom: 0.5rem;
     margin-left: 0;
}
 blockquote {
     margin: 0 0 1rem;
}
 dfn {
     font-style: italic;
}
 b, strong {
     font-weight: bolder;
}
 small {
     font-size: 80%;
}
 sub, sup {
     position: relative;
     font-size: 75%;
     line-height: 0;
     vertical-align: baseline;
}
 sub {
     bottom: -0.25em;
}
 sup {
     top: -0.5em;
}
 code, kbd, pre, samp {
     font-family: monospace, monospace;
     font-size: 1em;
}
 pre {
     margin-top: 0;
     margin-bottom: 1rem;
     overflow: auto;
     -ms-overflow-style: scrollbar;
}
 figure {
     margin: 0 0 1rem;
}
 img {
     vertical-align: middle;
     border-style: none;
     max-width: 100%;
     height: auto;
}
 svg {
     overflow: hidden;
     vertical-align: middle;
}
 table {
     border-collapse: collapse;
}
 caption {
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
     color: #22283a;
     text-align: left;
     caption-side: bottom;
}
 th {
     text-align: inherit;
}
 label {
     display: inline-block;
     margin-bottom: 0.5rem;
}
 button {
     border-radius: 0;
}
 button:focus {
     outline: 1px dotted;
     outline: 5px auto -webkit-focus-ring-color;
}
 button, input, optgroup, select, textarea {
     margin: 0;
     font-family: inherit;
     font-size: inherit;
     line-height: inherit;
}
 button, input {
     overflow: visible;
}
 button, select {
     text-transform: none;
     max-width: 100%;
}
 [type="reset"], [type="submit"], button, html [type="button"] {
     -webkit-appearance: button;
}
 [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
     padding: 0;
     border-style: none;
}
 input[type="checkbox"], input[type="radio"] {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0;
}
 input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"] {
     -webkit-appearance: listbox;
}
 textarea {
     overflow: auto;
     resize: vertical;
     max-width: 100%;
}
 fieldset {
     min-width: 0;
     padding: 0;
     margin: 0;
     border: 0;
}
 legend {
     display: block;
     width: 100%;
     max-width: 100%;
     padding: 0;
     margin-bottom: 0.5rem;
     font-size: 1.5rem;
     line-height: inherit;
     color: inherit;
     white-space: normal;
}
 progress {
     vertical-align: baseline;
}
 [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
     height: auto;
}
 [type="search"] {
     outline-offset: -2px;
     -webkit-appearance: none;
}
 [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
}
 ::-webkit-file-upload-button {
     font: inherit;
     -webkit-appearance: button;
}
 output {
     display: inline-block;
}
 summary {
     display: list-item;
     cursor: pointer;
}
 template {
     display: none;
}
 [hidden] {
     display: none !important;
}
 html {
     font-family: sans-serif;
     line-height: 1.15;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     -ms-overflow-style: scrollbar;
     -webkit-tap-highlight-color: transparent;
     min-height: 100vh;
     background: #fff;
}
 body {
     margin: 0;
     font-family: "Noto Sans Thai", Poppins;
     font-size: 16px;
     font-weight: 400;
     line-height: 1.625;
     color: #fff;
     text-align: left;
     background-color: #000;
     text-rendering: optimizeLegibility;
     min-height: 100vh;
     height: auto;
}
 h1, h2, h3, h4, h5, h6 {
     padding: 0;
     margin: 0 0 0.75rem;
     font-family: "Noto Sans Thai", Poppins;
     font-weight: 700;
     line-height: 1.4;
}
 h1 {
     font-size: 1.75em;
}
 h2 {
     font-size: 1.5em;
}
 h3 {
     font-size: 1.375em;
}
 h4 {
     font-size: 1.125em;
}
 h5 {
     font-size: 1em;
}
 h6 {
     font-size: 0.875em;
}
 ._heading, .btn, .button, .menu, blockquote, button, nav {
     font-family: "Noto Sans Thai", Poppins;
     font-weight: 700;
}
 p {
     padding: 0;
     margin: 0 0 1em;
}
 dl, ol, ul {
     margin-top: 0;
     margin-bottom: 1em;
}
 ol ol, ol ul, ul ol, ul ul {
     margin-bottom: 0;
}
 dt {
     font-weight: 700;
}
 a {
     color: red;
     text-decoration: none;
     background-color: transparent;
     -webkit-text-decoration-skip: objects;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 a:hover {
     color: #b10000;
}
 a:active {
     color: #fff;
}
 hr {
     height: 1px;
     border: 0;
     border-top: 1px solid #eee;
     margin: 1.5em 0;
}
 ol {
     padding-left: 1.6em;
     text-indent: 0;
     margin: 0 0 1.5em;
}
 ul {
     padding-left: 1.5em;
     text-indent: 0;
     margin: 0 0 1.5em;
}
 body, button, input, select, textarea {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-feature-settings: "liga1" on;
     font-feature-settings: "liga1" on;
}
 body, html {
     width: 100%;
     overflow-x: hidden;
}
 h2 label, h3 label, h4 label {
     font-weight: inherit;
}
 .clearfix:after, .clearfix:before, form:after, form:before {
     content: "";
     display: table;
}
 .clearfix:after, form:after {
     clear: both;
}
 :focus, button:focus, input:focus, textarea:focus {
     outline: 0 !important;
}
 .input, .input-text {
     border: 1px solid #dce0e4;
     border-radius: 0;
     padding: 4px 6px;
     display: block;
     width: 100%;
     background: #fbfbfb;
     -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
     -webkit-transition: 0.1s border-color ease-in-out;
     -o-transition: 0.1s border-color ease-in-out;
     transition: 0.1s border-color ease-in-out;
     font-size: 16px;
}
 .input-text:focus, .input:focus {
     border-color: red;
}
 .screen-reader-text {
     clip: rect(1px, 1px, 1px, 1px);
     position: absolute !important;
     height: 1px;
     width: 1px;
     overflow: hidden;
}
 .screen-reader-text:focus {
     clip: auto !important;
     display: block;
     height: auto;
     left: 5px;
     top: 5px;
     width: auto;
     z-index: 100000;
}
 blockquote {
     text-align: left;
     font-size: 1.25em;
     line-height: 1.6;
     padding: 0 0 0 23px;
     border-left: 3px solid #262828;
     margin: 1.6em 0;
}
 blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
     margin-bottom: 0;
}
 blockquote cite {
     font-size: 0.8em;
}
 .text-center {
     text-align: center;
}
 #page .hide, .hide {
     display: none;
}
 .fade.in {
     opacity: 1;
}
 .table, .wp-block-table table {
     border: 1px solid #eee;
}
 .table thead th, .wp-block-table table thead th {
     background-color: #eee;
     color: #fff;
}
 .table td, .table th, .wp-block-table table td, .wp-block-table table th {
     padding: 6px 10px;
}
 .s-container {
     margin-right: auto;
     margin-left: auto;
     padding-right: 16px;
     padding-left: 16px;
     width: 100%;
}
 .button-primary, .site .s-button a, a.s-button {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     line-height: 1;
     min-height: 44px;
     padding: 6px 20px;
     color: #fff;
     background-color: red;
     border-radius: 100px;
     border: none;
     margin: 8px;
}
 .button-primary:hover, .site .s-button a:hover, a.s-button:hover {
     color: #fff;
     background-color: #b10000;
}
 .s-box {
     -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     border-radius: 3px;
     border: none;
     overflow: hidden;
}
 .s-space {
     margin-bottom: 16px;
}
 .s-scroll {
     -webkit-overflow-scrolling: touch;
     overflow: scroll;
}
 .s-sec {
     padding-top: 32px;
     padding-bottom: 32px;
}
 .s-title {
     text-align: center;
     margin-bottom: 16px;
}
 .s-grid {
     display: grid;
     grid-gap: 16px;
     margin-bottom: 16px;
     grid-template-columns: minmax(0, 1fr);
}
 .s-grid.-m2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
}
 .s-grid.-m3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
}
 .s-grid::after, .s-grid::before {
     display: none;
}
 .s-grid .s-grid {
     margin-bottom: 0;
}
 .s-slider {
     margin: 0 -8px;
     height: 100%;
}
 .s-slider.-large {
     margin-left: -16px;
     margin-right: -16px;
}
 .s-slider.-large .slider {
     padding-left: 0;
     padding-right: 0;
}
 .s-slider.-full {
     margin-left: -16px;
     margin-right: -16px;
}
 .s-slider.-full .slider {
     padding-left: 0;
     padding-right: 0;
}
 .s-slider.-dots-in .flickity-page-dots {
     bottom: 10px;
}
 .s-slider.-dots-in .flickity-page-dots .dot {
     background: #fff;
     opacity: 0.5;
}
 .s-slider.-dots-in .flickity-page-dots .dot.is-selected {
     opacity: 1;
}
 .s-slider.-dots-in .flickity-prev-next-button {
     color: #fff;
}
 .s-slider.-dots-in .slider {
     padding-bottom: 0;
}
 .s-slider .slider {
     padding: 0 8px 16px;
     width: 100%;
     min-height: 100%;
     position: relative;
     display: table;
     table-layout: fixed;
}
 .s-slider .slider .content-item {
     display: table-cell;
}
 .s-slider .slider .content-item.-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .s-slider .slider .content-item.-hero {
     display: grid;
     margin: 0;
}
 .s-slider.-m1\.2 {
     margin-right: -16px;
}
 .s-slider.-m1\.2 .slider {
     width: 82%;
}
 .s-slider.-m1\.4 {
     margin-right: -16px;
}
 .s-slider.-m1\.4 .slider {
     width: 71%;
}
 .s-slider.-m2 .slider {
     width: 50%;
}
 .s-slider.-m3 .slider {
     width: 33.333333%;
}
 .s-slider.-togrid:after {
     content: "flickity";
     display: none;
}
 .s-modal {
     height: 0;
     max-height: 0;
     overflow: hidden;
     width: 94vw;
     max-width: 750px;
     background-color: #fff;
     position: fixed;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%) scale(0.9);
     -ms-transform: translate(-50%, -50%) scale(0.9);
     transform: translate(-50%, -50%) scale(0.9);
     padding: 0;
     opacity: 0;
     pointer-events: none;
     -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
     transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
     -o-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
     transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
     transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
     z-index: 1100;
}
 .s-modal.-full {
     width: 100vw;
     max-width: 100vw;
     left: 0;
     right: 0;
     -webkit-transform: scale(0.9);
     -ms-transform: scale(0.9);
     transform: scale(0.9);
     -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
     transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
     -o-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
     transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
     transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
 .s-modal.-visible {
     opacity: 1;
     height: auto;
     max-height: 94vh;
     pointer-events: auto;
     overflow: auto;
     padding: 10px 20px 8px;
     -webkit-transform: translate(-50%, -50%) scale(1);
     -ms-transform: translate(-50%, -50%) scale(1);
     transform: translate(-50%, -50%) scale(1);
     -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
     transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
     -o-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
     transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
     transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
 .s-modal.-visible.-full {
     height: 100vh;
     top: 0;
     max-height: 100vh;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
}
 .s-modal-trigger {
     display: inline-block;
}
 .s-modal-bg {
     position: fixed;
     z-index: 1000;
     left: 0;
     top: 0;
     width: 100%;
     height: 0;
     opacity: 0;
     background-color: rgba(0, 0, 0, 0.65);
     -webkit-transition: opacity 0.3s ease-in-out, height 10ms 0.3s;
     -o-transition: opacity 0.3s ease-in-out, height 10ms 0.3s;
     transition: opacity 0.3s ease-in-out, height 10ms 0.3s;
}
 .s-modal-bg.-blacked-out {
     height: 100vh;
     opacity: 1;
     -webkit-transition: opacity 0.3s ease-in-out;
     -o-transition: opacity 0.3s ease-in-out;
     transition: opacity 0.3s ease-in-out;
}
 .s-modal-content {
     height: 100%;
     -webkit-overflow-scrolling: touch;
     overflow: scroll;
     padding: 0 16px;
}
 .s-modal-close {
     position: absolute;
     top: 0;
     right: 0;
     font-size: 26px;
     text-align: center;
     padding: 10px;
     line-height: 22px;
     height: 44px;
     width: 44px;
     z-index: 10;
     color: #fff;
     cursor: pointer;
}
 .s-modal-close:hover {
     background-color: red;
     color: #fff;
}
 .s-modal-login {
     max-width: 400px;
}
 .s-modal .search-form {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     max-width: 350px;
     -webkit-box-shadow: none;
     box-shadow: none;
     border: none;
     border-bottom: 3px solid red;
     border-radius: 0;
}
 .s-modal .search-form .search-field {
     padding-left: 6px;
}
 @font-face {
     font-family: emmali;
     src: url(../fonts/emmali/EmmaliLite-SemiBold.woff2) format("woff2"), url(../fonts/emmali/EmmaliLite-SemiBold.woff) format("woff");
     font-weight: 700;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: anantason;
     src: url(../fonts/anantason/Anantason-Regular.woff2) format("woff2"), url(../fonts/anantason/Anantason-Regular.woff) format("woff");
     font-weight: 400;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: anantason;
     src: url(../fonts/anantason/Anantason-Bold.woff2) format("woff2"), url(../fonts/anantason/Anantason-Bold.woff) format("woff");
     font-weight: 700;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: "IBM Plex Thai";
     src: url(../fonts/ibm-plex/ibmplexthai-light.woff2) format("woff2"), url(../fonts/ibm-plex/ibmplexthai-light.woff) format("woff");
     font-weight: 300;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: "IBM Plex Thai";
     src: url(../fonts/ibm-plex/ibmplexthai-regular.woff2) format("woff2"), url(../fonts/ibm-plex/ibmplexthai-regular.woff) format("woff");
     font-weight: 400;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: "IBM Plex Thai";
     src: url(../fonts/ibm-plex/ibmplexthai-medium.woff2) format("woff2"), url(../fonts/ibm-plex/ibmplexthai-medium.woff) format("woff");
     font-weight: 500;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: "IBM Plex Thai";
     src: url(../fonts/ibm-plex/ibmplexthai-bold.woff2) format("woff2"), url(../fonts/ibm-plex/ibmplexthai-bold.woff) format("woff");
     font-weight: 700;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: Maledpan;
     src: url(../fonts/maledpan/maledpan.woff2) format("woff2"), url(../fonts/maledpan/maledpan.woff) format("woff");
     font-weight: 400;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: Maledpan;
     src: url(../fonts/maledpan/maledpan-bold.woff2) format("woff2"), url(../fonts/maledpan/maledpan-bold.woff) format("woff");
     font-weight: 700;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: Sarabun;
     src: local("Sarabun"), url(../fonts/sarabun/sarabun.woff2) format("woff2"), url(../fonts/sarabun/sarabun.woff) format("woff");
     font-weight: 400;
     font-style: normal;
     font-display: fallback;
}
 @font-face {
     font-family: Sarabun;
     src: local("Sarabun"), url(../fonts/sarabun/sarabun-medium.woff2) format("woff2"), url(../fonts/sarabun/sarabun-medium.woff) format("woff");
     font-weight: 500;
     font-style: normal;
     font-display: fallback;
}
 @font-face {
     font-family: Sarabun;
     src: local("Sarabun"), url(../fonts/sarabun/sarabun-bold.woff2) format("woff2"), url(../fonts/sarabun/sarabun-bold.woff) format("woff");
     font-weight: 700;
     font-style: normal;
     font-display: fallback;
}
 @font-face {
     font-family: seed-icons;
     src: local("seed-icons"), url(../fonts/seed-icons/seed-icons.woff2?seed) format("woff2"), url(../fonts/seed-icons/seed-icons.woff?seed) format("woff");
     font-weight: 400;
     font-style: normal;
     font-display: fallback;
}
 [class*=" si-"], [class^="si-"] {
     font-family: seed-icons !important;
     font-style: normal;
     font-weight: 400;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     vertical-align: -0.06em;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 .si-home:before {
     content: "\e900";
}
 .si-home-alt:before {
     content: "\e901";
}
 .si-menu:before {
     content: "\e902";
}
 .si-paper-clip:before {
     content: "\e903";
}
 .si-image:before {
     content: "\e904";
}
 .si-camera:before {
     content: "\e905";
}
 .si-video:before {
     content: "\e906";
}
 .si-paper:before {
     content: "\e907";
}
 .si-shuffle:before {
     content: "\e908";
}
 .si-repeat:before {
     content: "\e909";
}
 .si-briefcase:before {
     content: "\e90a";
}
 .si-box:before {
     content: "\e90b";
}
 .si-share:before {
     content: "\e90c";
}
 .si-trash:before {
     content: "\e90d";
}
 .si-pencil-o:before {
     content: "\e90e";
}
 .si-pencil:before {
     content: "\e90f";
}
 .si-play:before {
     content: "\e910";
}
 .si-play-o:before {
     content: "\e911";
}
 .si-zoom-in:before {
     content: "\e912";
}
 .si-zoom-out:before {
     content: "\e913";
}
 .si-search-o:before {
     content: "\e914";
}
 .si-search:before {
     content: "\e915";
}
 .si-basket:before {
     content: "\e916";
}
 .si-basket-alt:before {
     content: "\e917";
}
 .si-cart:before {
     content: "\e918";
}
 .si-cart-alt:before {
     content: "\e919";
}
 .si-cart-o:before {
     content: "\e91a";
}
 .si-bag-alt:before {
     content: "\e94a";
}
 .si-bag:before {
     content: "\e91b";
}
 .si-globe:before {
     content: "\e91c";
}
 .si-location:before {
     content: "\e91d";
}
 .si-mail:before {
     content: "\e91e";
}
 .si-phone:before {
     content: "\e91f";
}
 .si-phone-o:before {
     content: "\e920";
}
 .si-phone-alt:before {
     content: "\e921";
}
 .si-mobile:before {
     content: "\e922";
}
 .si-fax:before {
     content: "\e923";
}
 .si-fax-o:before {
     content: "\e924";
}
 .si-calendar:before {
     content: "\e960";
}
 .si-calendar-alt:before {
     content: "\e925";
}
 .si-clock:before {
     content: "\e926";
}
 .si-user:before {
     content: "\e927";
}
 .si-folder:before {
     content: "\e928";
}
 .si-tag:before {
     content: "\e929";
}
 .si-comment:before {
     content: "\e92a";
}
 .si-upload:before {
     content: "\e92b";
}
 .si-download:before {
     content: "\e92c";
}
 .si-plus:before {
     content: "\e92d";
}
 .si-minus:before {
     content: "\e92e";
}
 .si-arrow-left:before {
     content: "\e92f";
}
 .si-arrow-right:before {
     content: "\e930";
}
 .si-arrow-up:before {
     content: "\e931";
}
 .si-arrow-down:before {
     content: "\e932";
}
 .si-check-o:before {
     content: "\e933";
}
 .si-cross-o:before {
     content: "\e934";
}
 .si-check:before {
     content: "\e95b";
}
 .si-cross:before {
     content: "\e95c";
}
 .si-dashboard:before {
     content: "\e95d";
}
 .si-ellipsis:before {
     content: "\e935";
}
 .si-chevron-left:before {
     content: "\e936";
}
 .si-chevron-right:before {
     content: "\e937";
}
 .si-chevron-down:before {
     content: "\e938";
}
 .si-chevron-up:before {
     content: "\e939";
}
 .si-caret-left:before {
     content: "\e93a";
}
 .si-caret-right:before {
     content: "\e93b";
}
 .si-caret-down:before {
     content: "\e93c";
}
 .si-caret-up:before {
     content: "\e93d";
}
 .si-angle-left:before {
     content: "\e93e";
}
 .si-angle-right:before {
     content: "\e93f";
}
 .si-angle-up:before {
     content: "\e940";
}
 .si-angle-down:before {
     content: "\e941";
}
 .si-eye:before {
     content: "\e942";
}
 .si-qrcode:before {
     content: "\e943";
}
 .si-barcode:before {
     content: "\e944";
}
 .si-ampersand:before {
     content: "\e945";
}
 .si-cog:before {
     content: "\e946";
}
 .si-book:before {
     content: "\e947";
}
 .si-info:before {
     content: "\e948";
}
 .si-info-o:before {
     content: "\e949";
}
 .si-file:before {
     content: "\e95e";
}
 .si-file-pdf:before {
     content: "\e94b";
}
 .si-facebook:before {
     content: "\e94c";
}
 .si-facebook-circled:before {
     content: "\e94d";
}
 .si-facebook-squared:before {
     content: "\e94e";
}
 .si-twitter:before {
     content: "\e94f";
}
 .si-twitter-circled:before {
     content: "\e950";
}
 .si-line:before {
     content: "\e951";
}
 .si-line-circle:before {
     content: "\e952";
}
 .si-line-square:before {
     content: "\e953";
}
 .si-vimeo:before {
     content: "\e954";
}
 .si-vimeo-circle:before {
     content: "\e955";
}
 .si-instagram:before {
     content: "\e956";
}
 .si-instagram-circled:before {
     content: "\e961";
}
 .si-youtube:before {
     content: "\e957";
}
 .si-youtube-circle:before {
     content: "\e958";
}
 .si-pinterest:before {
     content: "\e959";
}
 .si-pinterest-circled:before {
     content: "\e962";
}
 .si-google-logo:before {
     content: "\e95a";
}
 .si-facebook-logo:before {
     content: "\e95f";
}
 .alignfull, .alignwide {
     margin-left: -16px;
     margin-right: -16px;
     max-width: 100vw;
     width: 100vw;
}
 .wp-block-video video {
     max-width: 750px;
}
 .wp-block-cover-text p {
     padding: 1.5em 0;
}
 .wp-block-separator {
     border: none;
     border-bottom: 2px solid #8f98a1;
     margin: 1.65em auto;
}
 .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
     max-width: 100px;
}
 .wp-block-quote.is-large {
     border: none;
}
 .wp-block-quote.is-large cite {
     display: block;
}
 .wp-block-pullquote {
     border-left: none;
     border-top: 4px solid #555d66;
     border-bottom: 4px solid #555d66;
     color: #40464d;
     padding: 2em;
     text-align: center;
     margin-bottom: 20px;
}
 .wp-block-pullquote blockquote {
     border-left: none;
     padding-left: 0;
     text-align: center;
     margin: 0;
     font-family: "Noto Sans Thai", Poppins;
}
 .wp-block-table {
     display: block;
     overflow-x: auto;
}
 .wp-block-embed.type-video > .wp-block-embed__wrapper {
     position: relative;
     width: 100%;
     height: 0;
     padding-top: 56.25%;
}
 .wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
}
 p.has-drop-cap:not(:focus):first-letter {
     font-size: 5.4em;
     line-height: 0.9;
     font-family: "Noto Sans Thai", Poppins;
}
 .alignright {
     float: right;
     margin-left: 1em;
     margin-bottom: 1em;
}
 .alignleft {
     float: left;
     margin-right: 1em;
     margin-bottom: 1em;
}
 .aligncenter, img.centered {
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 img.alignright {
     display: inline;
}
 img.alignleft {
     display: inline;
}
 .wp-caption {
     margin-bottom: 1.5em;
     max-width: 100%;
}
 .wp-caption img[class*="wp-image-"] {
     display: block;
     margin: 0 auto;
}
 .wp-caption-text {
     text-align: center;
}
 .wp-caption .wp-caption-text {
     margin: 0.8em 0;
}
 .sticky {
     display: block;
}
 .hentry li ol, .hentry li ul {
     margin: 0.5em 0;
}
 .byline, .updated:not(.published) {
     display: none;
}
 .bypostauthor {
     background-color: #f8f5e7;
}
 .single .content-area .byline {
     display: inline;
}
 .page-links {
     clear: both;
     margin: 0 0 1.5em;
}
 img.wp-smiley {
     border: none;
     margin-bottom: 0;
     margin-top: 0;
     padding: 0;
}
 embed, iframe, object {
     max-width: 100%;
}
 .navigation {
     clear: both;
}
 .gallery, body.home .gallery {
     margin: 0 -10px 1.5em;
}
 .gallery:after {
     display: table;
     content: "";
     clear: both;
}
 .gallery-item {
     float: left;
     text-align: center;
     vertical-align: top;
     width: 100%;
     margin: 0;
     padding: 10px;
}
 .gallery-columns-2 .gallery-item {
     width: 50%;
}
 .gallery-columns-3 .gallery-item {
     width: 33.3333%;
}
 .gallery-columns-4 .gallery-item {
     width: 25%;
}
 .gallery-columns-5 .gallery-item {
     width: 20%;
}
 .gallery-columns-6 .gallery-item {
     width: 16.6666%;
}
 .gallery-columns-7 .gallery-item {
     width: 14.2857%;
}
 .gallery-columns-8 .gallery-item {
     width: 12.5%;
}
 .gallery-columns-9 .gallery-item {
     width: 11.1111%;
}
 .gallery-columns-2 .gallery-item:nth-child(2n + 1), .gallery-columns-3 .gallery-item:nth-child(3n + 1), .gallery-columns-4 .gallery-item:nth-child(4n + 1), .gallery-columns-5 .gallery-item:nth-child(5n + 1), .gallery-columns-6 .gallery-item:nth-child(6n + 1), .gallery-columns-7 .gallery-item:nth-child(7n + 1), .gallery-columns-8 .gallery-item:nth-child(8n + 1), .gallery-columns-9 .gallery-item:nth-child(9n + 1) {
     clear: left;
}
 .gallery-caption {
     display: block;
}
 .edit-link a {
     position: fixed;
     bottom: 5px;
     left: 5px;
     display: block;
     width: 32px;
     height: 32px;
     line-height: 30px;
     border-radius: 30px;
     background-color: rgba(0, 0, 0, 0.5);
     color: #fff;
     text-align: center;
     border: 2px solid #fff;
     font-size: 10px;
     overflow: hidden;
     z-index: 900;
     font-family: arial, sans-serif;
}
 .fb-comments {
     clear: both;
     display: block;
}
 .search-field {
     max-width: 100%;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 .site-main > .page-header {
     margin: 0;
     border: none;
     padding: 0;
}
 .infinite-scroll .content-pagination {
     display: none;
}
 .comments-area {
     clear: both;
     margin-bottom: 15px;
}
 .comment-list {
     list-style: none;
     margin-bottom: 20px;
     padding: 0;
     border: 1px solid #e2e2e2;
     border-bottom: none;
}
 .comment-list .comment {
     border-bottom: 1px solid #e2e2e2;
     padding: 25px;
     background-color: #f8f8f8;
}
 .comment-list .vcard img.avatar {
     float: left;
     margin: 5px 12px 0 0;
}
 .comment-list .vcard .says {
     display: none;
}
 .comment-list .comment-metadata {
     font-size: 0.8em;
     line-height: 1.4em;
}
 .comment-list .comment-metadata:after {
     content: "";
     clear: both;
     display: block;
     margin-bottom: 15px;
}
 .comment-list .comment-metadata a {
     opacity: 0.8;
}
 .comment-list .children {
     list-style: none;
     margin: 0;
     padding: 0;
}
 .comment-list .children .comment {
     border-bottom: none;
     padding-bottom: 0;
}
 .comment-respond {
     background-color: #eee;
     padding: 25px 25px 5px;
     margin-top: 20px;
}
 .comment-respond label {
     display: block;
     margin: 0;
}
 .comment-form-comment {
     margin-bottom: 10px;
}
 .comment-form-comment textarea {
     padding: 10px;
     width: 100%;
     border: 1px solid #ccc;
}
 .comment-form-author input, .comment-form-email input, .comment-form-url input {
     width: 100%;
     border: 1px solid #ccc;
     padding: 3px 5px;
}
 .search-form {
     width: 100%;
     height: 40px;
     max-width: 300px;
     background-color: #fff;
     border: 1px solid #eee;
     border-radius: 3px;
     position: relative;
}
 .search-form > label {
     margin-bottom: 0;
     width: 100%;
}
 .search-form > label:after {
     content: "\e914";
     font-family: seed-icons !important;
     font-style: normal;
     font-weight: 400;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     display: block;
     position: absolute;
     right: 8px;
     top: 8px;
     z-index: 2;
     color: #22283a;
     font-size: 20px;
}
 .search-form .search-field {
     width: calc(100% - 30px);
     border: none;
     background: 0 0;
     height: 40px;
     padding: 0 6px 0 14px;
     font-weight: 400;
     font-size: 16px;
}
 .search-form .search-submit {
     height: 40px;
     background: 0 0;
     border: none;
     width: 40px;
     border-radius: 0;
     color: transparent;
     z-index: 1;
     position: absolute;
     top: 0;
     right: 0;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
}
/*! Flickity v2.2.1 https://flickity.metafizzy.co ---------------------------------------------- */
 .flickity-enabled {
     position: relative;
}
 .flickity-enabled:focus {
     outline: 0;
}
 .flickity-viewport {
     overflow: hidden;
     position: relative;
     height: 100%;
}
 .flickity-slider {
     position: absolute;
     width: 100%;
     height: 100%;
}
 .flickity-enabled.is-draggable {
     -webkit-tap-highlight-color: transparent;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .flickity-enabled.is-draggable .flickity-viewport {
     cursor: move;
     cursor: -webkit-grab;
     cursor: grab;
}
 .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
     cursor: -webkit-grabbing;
     cursor: grabbing;
}
 .flickity-button {
     position: absolute;
     background: 0 0;
     border: none;
     color: #22283a;
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
}
 .flickity-button:hover {
     cursor: pointer;
     color: red;
}
 .flickity-button:focus {
     outline: 0;
     -webkit-box-shadow: 0 0 0 5px red;
     box-shadow: 0 0 0 5px red;
}
 .flickity-button:active {
     opacity: 0.6;
}
 .flickity-button:disabled {
     opacity: 0.3;
     cursor: auto;
     pointer-events: none;
}
 .flickity-button-icon {
     fill: currentColor;
}
 .flickity-prev-next-button {
     display: none;
}
 .flickity-prev-next-button.previous {
     left: -40px;
}
 .flickity-prev-next-button.next {
     right: -40px;
}
 .flickity-rtl .flickity-prev-next-button.previous {
     left: auto;
     right: 10px;
}
 .flickity-rtl .flickity-prev-next-button.next {
     right: auto;
     left: 10px;
}
 .flickity-prev-next-button .flickity-button-icon {
     position: absolute;
     left: 25%;
     top: 25%;
     width: 50%;
     height: 50%;
}
 .flickity-page-dots {
     position: absolute;
     width: 100%;
     bottom: -5px;
     padding: 0;
     margin: 0;
     list-style: none;
     text-align: center;
     line-height: 1;
}
 .flickity-rtl .flickity-page-dots {
     direction: rtl;
}
 .flickity-page-dots .dot {
     display: inline-block;
     width: 6px;
     height: 6px;
     margin: 0 4px;
     background: #22283a;
     border-radius: 10px;
     opacity: 0.25;
     cursor: pointer;
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
}
 .flickity-page-dots .dot.is-selected {
     opacity: 1;
     width: 18px;
}
 .site {
     position: relative;
     min-height: 100vh;
}
 .home-banner {
     margin-bottom: 30px;
}
 .home-banner img {
     width: 100%;
}
 .page-banner img {
     width: 100%;
}
 .page-banner > .widget {
     display: none;
}
 .page-banner > .widget:first-of-type {
     display: block;
}
 .site-header {
     z-index: 900;
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     background-image: url(/wp-content/uploads/2025/08/nav2.png);
     background-size: 100% 100%;
     background-position: 50% 0;
     background-repeat: no-repeat;
     min-height: 60px;
     -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
 .site-header.active .site-branding.-alt-logo .custom-logo {
     display: none;
}
 .site-header.active .site-branding.-alt-logo .alt-logo {
     display: block !important;
}
 .site-header a {
     color: #fff;
}
 .site-header-space {
     min-height: 60px;
}
 .site-branding {
     position: absolute;
     left: 50%;
     top: 44%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     z-index: 7;
}
 .site-branding img {
     max-height: 50px;
     width: auto;
}
 .site-title {
     margin: 0;
     font-size: 22px;
     line-height: 1;
     padding-top: 2px;
}
 .site-description {
     display: none;
}
 .site-toggle {
     position: absolute;
     top: 1.3em;
     right: 16px;
     height: 2.4em;
     width: 2.4em;
     font-size: 10px;
     cursor: pointer;
}
 .site-toggle:after {
     pointer-events: none;
     content: "";
     position: absolute;
     display: block;
     left: -16px;
     right: -16px;
     top: -1em;
     bottom: -1em;
     z-index: 0;
}
 .site-toggle b {
     top: 50%;
     margin-top: -0.1em;
     z-index: 1;
}
 .site-toggle b, .site-toggle b:after, .site-toggle b:before {
     pointer-events: none;
     display: block;
     content: "";
     border-radius: 1em;
     background-color: #fff;
     height: 0.2em;
     position: absolute;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     -webkit-transition: top 0.3s 0.15s, left 0.1s, background-color 0.3s 0.2s, -webkit-transform 0.2s;
     transition: top 0.3s 0.15s, left 0.1s, background-color 0.3s 0.2s, -webkit-transform 0.2s;
     -o-transition: top 0.3s 0.15s, left 0.1s, background-color 0.3s 0.2s, transform 0.2s;
     transition: top 0.3s 0.15s, left 0.1s, background-color 0.3s 0.2s, transform 0.2s;
     transition: top 0.3s 0.15s, left 0.1s, background-color 0.3s 0.2s, transform 0.2s, -webkit-transform 0.2s;
}
 .site-toggle b {
     left: 0;
     right: 0;
}
 .site-toggle b:before {
     left: 0;
     right: 1em;
     top: -0.8em;
}
 .site-toggle b:after {
     left: 1em;
     right: 0;
     top: 0.8em;
}
 .site-toggle.active b, .site-toggle.active b:after, .site-toggle.active b:before {
     -webkit-transition: top 0.2s, left 0.2s, background-color 0.2s, -webkit-transform 0.2s 0.15s;
     transition: top 0.2s, left 0.2s, background-color 0.2s, -webkit-transform 0.2s 0.15s;
     -o-transition: top 0.2s, left 0.2s, background-color 0.2s, transform 0.2s 0.15s;
     transition: top 0.2s, left 0.2s, background-color 0.2s, transform 0.2s 0.15s;
     transition: top 0.2s, left 0.2s, background-color 0.2s, transform 0.2s 0.15s, -webkit-transform 0.2s 0.15s;
}
 .site-toggle.active b {
     background-color: transparent;
}
 .site-toggle.active b:after, .site-toggle.active b:before {
     left: 0;
     top: 0;
     right: 0;
}
 .site-toggle.active b:before {
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 .site-toggle.active b:after {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .site-search {
     position: absolute;
     padding: 10px 16px;
     right: 0;
     top: 0;
     font-size: 20px;
     cursor: pointer;
}
 .site-member {
     position: absolute;
     right: 60px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .site-member .si-user {
     font-size: 24px;
     vertical-align: text-top;
}
 .site-member .pic {
     line-height: 0;
}
 .site-member .pic img {
     border-radius: 50px;
     width: 32px;
}
 .site-member .info {
     display: none;
}
 .site-nav-m {
     font-size: 18px;
     position: absolute;
     display: block;
     left: 0;
     top: 60px;
     height: 0;
     opacity: 0;
     width: 100%;
     background: 0 0;
     overflow: hidden;
     -webkit-transition: all 0.6s ease, background 0.5s ease;
     -o-transition: all 0.6s ease, background 0.5s ease;
     transition: all 0.6s ease, background 0.5s ease;
     -webkit-transition-delay: 80ms;
     -o-transition-delay: 80ms;
     transition-delay: 80ms;
     z-index: 1;
}
 .site-nav-m ul {
     padding: 0 10px;
}
 .site-nav-m ul ul {
     padding: 0;
     font-size: 0.9em;
     font-weight: 400;
}
 .site-nav-m ul ul li {
     border-bottom: none;
}
 .site-nav-m ul ul a {
     border-bottom: none;
     padding: 0 0 12px;
}
 .site-nav-m li {
     list-style: none;
     padding: 0;
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
 .site-nav-m li .si-angle-down, .site-nav-m li .si-arrow-down, .site-nav-m li .si-caret-down, .site-nav-m li .si-chevron-down {
     display: none;
}
 .site-nav-m li a {
     display: block;
     color: rgba(255, 255, 255, 0.8);
     padding: 10px 0 9px;
}
 .site-nav-m li a:hover {
     opacity: 0.8;
}
 .site-nav-m li a:active {
     opacity: 0.6;
}
 .site-nav-m li.current-menu-item > a {
     opacity: 0.5;
}
 .site-nav-m .si-caret-down {
     -webkit-transition: all 0.3s, opacity 0.5s ease 0.5s;
     -o-transition: all 0.3s, opacity 0.5s ease 0.5s;
     transition: all 0.3s, opacity 0.5s ease 0.5s;
     opacity: 0;
}
 .site-nav-m.active {
     height: calc(100vh - 60px);
     background-color: #22283a;
     -webkit-transition-delay: 80ms;
     -o-transition-delay: 80ms;
     transition-delay: 80ms;
     overflow: auto;
     opacity: 1;
     color: #fff;
}
 .site-nav-m.active a {
     color: #fff;
}
 .site-nav-m.active .menu > li {
     -webkit-transform: scale(1) translateY(0);
     -ms-transform: scale(1) translateY(0);
     transform: scale(1) translateY(0);
     opacity: 1;
}
 .site-nav-m .menu-item-has-children {
     position: relative;
}
 .site-nav-m .menu-item-has-children > i {
     display: block;
     position: absolute;
     right: -20px;
     top: 5px;
     opacity: 1;
     color: rgba(255, 255, 255, 0.8);
     font: 16px sans-serif;
     padding: 0 25px;
     line-height: 36px;
     font-weight: 300;
     cursor: pointer;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .site-nav-m .menu-item-has-children > i::before {
     vertical-align: -2px;
}
 .site-nav-m .menu-item-has-children.active > i {
     -webkit-transform: scaleY(-1);
     -ms-transform: scaleY(-1);
     transform: scaleY(-1);
}
 .site-nav-m .menu-item-has-children > .sub-menu {
     max-height: 0;
     opacity: 0;
     overflow: hidden;
     -webkit-transition: max-height 0.5s, opacity 0.3s;
     -o-transition: max-height 0.5s, opacity 0.3s;
     transition: max-height 0.5s, opacity 0.3s;
}
 .site-nav-m .menu-item-has-children > .sub-menu i {
     top: -2px;
     line-height: 28px;
}
 .site-nav-m .menu-item-has-children.active > .sub-menu {
     max-height: 300vh;
     opacity: 1;
     -webkit-transition: opacity 0.6s ease-in-out;
     -o-transition: opacity 0.6s ease-in-out;
     transition: opacity 0.6s ease-in-out;
}
 .site-nav-m .menu > li {
     -webkit-transform: scale(1.1) translateY(-2px);
     -ms-transform: scale(1.1) translateY(-2px);
     transform: scale(1.1) translateY(-2px);
     opacity: 0;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     -webkit-transition-delay: 0.4s;
     -o-transition-delay: 0.4s;
     transition-delay: 0.4s;
}
 .site-nav-m .menu > li:nth-child(1) {
     -webkit-transition-delay: 0.1s;
     -o-transition-delay: 0.1s;
     transition-delay: 0.1s;
}
 .site-nav-m .menu > li:nth-child(2) {
     -webkit-transition-delay: 0.15s;
     -o-transition-delay: 0.15s;
     transition-delay: 0.15s;
}
 .site-nav-m .menu > li:nth-child(3) {
     -webkit-transition-delay: 0.2s;
     -o-transition-delay: 0.2s;
     transition-delay: 0.2s;
}
 .site-nav-m .menu > li:nth-child(4) {
     -webkit-transition-delay: 0.25s;
     -o-transition-delay: 0.25s;
     transition-delay: 0.25s;
}
 .site-nav-m .menu > li:nth-child(5) {
     -webkit-transition-delay: 0.3s;
     -o-transition-delay: 0.3s;
     transition-delay: 0.3s;
}
 .site-nav-m .menu > li:nth-child(6) {
     -webkit-transition-delay: 0.35s;
     -o-transition-delay: 0.35s;
     transition-delay: 0.35s;
}
 .site-nav-m .children {
     display: none;
}
 .main-header {
     position: relative;
     overflow: hidden;
     padding-top: 16px;
     margin-bottom: 16px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .main-header.-banner {
     padding-bottom: 14px;
     min-height: 120px;
     background: #000;
     color: #fff;
     text-align: center;
}
 .main-header.-banner a {
     color: #fff;
}
 .main-header.-banner .s-container {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .main-header.-banner.-blank {
     background: -webkit-linear-gradient(326deg, red 0, #b10000 100%);
     background: -o-linear-gradient(326deg, red 0, #b10000 100%);
     background: linear-gradient(124deg, red 0, #b10000 100%);
}
 .main-header.-minimal h4 {
     display: none;
}
 .main-header.-hidden {
     display: none;
}
 .main-header.-center {
     text-align: center;
}
 .main-header .bg {
     position: absolute;
     top: -50px;
     bottom: -50px;
     left: -50px;
     right: -50px;
     background-size: cover;
     opacity: 0.7;
     -webkit-filter: blur(20px);
     filter: blur(20px);
     background-position: center center;
}
 .main-header .bg.-blank {
     -webkit-filter: none;
     filter: none;
     opacity: 1;
     background: -webkit-linear-gradient(326deg, red 0, #b10000 100%);
     background: -o-linear-gradient(326deg, red 0, #b10000 100%);
     background: linear-gradient(124deg, red 0, #b10000 100%);
}
 .main-header .title {
     font-size: 24px;
     margin: 0;
}
 .main-header .title small {
     font-size: 0.7em;
     display: block;
     padding-top: 5px;
}
 .main-header .bc {
     font-size: 0.875em;
     margin: 10px 0 0;
}
 .main-header .bc .si-angle-right {
     padding: 0 5px;
     vertical-align: -1px;
}
 .site-main.-hide-title h1.entry-title, .site-main.-hide-title h1.page-title {
     display: none;
}
 .content-item {
     position: relative;
}
 .content-item .pic {
     line-height: 0;
     margin-bottom: 15px;
     overflow: hidden;
}
 .content-item .pic img {
     width: 100%;
     -webkit-transition: 0.5s ease;
     -o-transition: 0.5s ease;
     transition: 0.5s ease;
}
 .content-item .entry-title {
     margin-bottom: 0;
     font-size: 1.25em;
}
 .content-item .entry-meta {
     margin-bottom: 0;
}
 .content-item .cat a {
     background: red;
     color: #fff;
     font-size: 0.875em;
     padding: 3px 6px;
     border-radius: 3px;
}
 .content-item .cat a:hover {
     background: #b10000;
}
 .content-item .entry-footer, .content-item .tags-links {
     display: none;
}
 .content-item .entry-summary p {
     margin-top: 8px;
     margin-bottom: 0;
}
 .hide-summary .content-item .entry-summary {
     display: none;
}
 .content-item:hover .pic img {
     -webkit-transform: scale(1.12);
     -ms-transform: scale(1.12);
     transform: scale(1.12);
}
 .content-item.-card {
     -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     border-radius: 3px;
     padding: 15px;
     border: solid #ff000036;
     background: #160000b3;
     padding-bottom: 65px;
}
 .content-item.-card .pic {
     margin: -15px -15px 15px;
     border-radius: 3px 3px 0 0;
}
 .content-item.-card .pic img {
     border-radius: 3px 3px 0 0;
}
 .content-item.-card .author {
     position: absolute;
     bottom: 15px;
     left: 15px;
     right: 15px;
}
 .content-item.-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding: 0;
     -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     border-radius: 3px;
     background: #fff;
}
 .content-item.-list .pic {
     margin: 0;
     width: 36%;
}
 .content-item.-list .pic a {
     display: block;
     height: 100%;
}
 .content-item.-list .pic img {
     border-radius: 3px 0 0 3px;
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .content-item.-list .info {
     width: 64%;
     padding: 15px 15px 15px 15px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .content-item.-list .entry-summary {
     display: none;
}
 .content-item.-caption {
     position: relative;
     background-color: #000;
     border-radius: 3px;
     -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
 .content-item.-caption .pic {
     height: 100%;
     min-height: 150px;
     margin: 0;
     opacity: 0.8;
     -webkit-transition: 0.7s ease;
     -o-transition: 0.7s ease;
     transition: 0.7s ease;
     border-radius: 3px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
}
 .content-item.-caption .pic img {
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     border-radius: 3px;
     -webkit-transition: 0.7s ease;
     -o-transition: 0.7s ease;
     transition: 0.7s ease;
}
 .content-item.-caption .entry-title {
     margin-bottom: 0;
}
 .content-item.-caption .entry-meta {
     max-height: 0;
     overflow: hidden;
     opacity: 0;
     margin-top: 0;
     -webkit-transition: 0.7s ease;
     -o-transition: 0.7s ease;
     transition: 0.7s ease;
}
 .content-item.-caption .info {
     position: absolute;
     bottom: 0;
     z-index: 1;
     padding: 15px;
     color: #fff;
}
 .content-item.-caption .info a {
     color: #fff;
}
 .content-item.-caption:hover .pic {
     opacity: 0.4;
}
 .content-item.-caption:hover .entry-meta {
     max-height: 42px;
     opacity: 1;
     margin-top: 8px;
}
 .content-item.-hero {
     background-color: #fff;
     -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     margin: 0 -15px 0;
}
 .content-item.-hero .pic img {
     width: 100%;
     max-height: 100vh;
     -o-object-fit: cover;
     object-fit: cover;
}
 .content-item.-hero .info {
     padding: 0 15px 15px;
}
 .content-item .author {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin-top: 15px;
     bottom: 0;
}
 .content-item .author img {
     width: 40px;
     height: 40px;
     border-radius: 40px;
     margin-right: 10px;
}
 .content-item .author .name {
     color: #fff;
}
 .content-item .author .name h2 {
     font-size: 1.125em;
     line-height: 1;
     margin-bottom: 0;
}
 .content-item .author .name small {
     display: block;
     opacity: 0.75;
}
 .content-headline {
     background: #000;
     color: #fff;
     position: relative;
}
 .content-headline a {
     color: #fff;
}
 .content-headline.-bright .pic img {
     opacity: 1;
}
 .content-headline.-notitle .info {
     display: none;
}
 .content-headline .pic img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     max-height: 500px;
     opacity: 0.7;
}
 .content-headline .info {
     position: absolute;
     top: 50%;
     left: 50%;
     text-align: center;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -webkit-transition: 0.5s ease-in-out;
     -o-transition: 0.5s ease-in-out;
     transition: 0.5s ease-in-out;
}
 .content-headline .info h2 {
     margin: 0;
}
 .content-headline .info h3 {
     font-size: 0.8em;
     margin: 8px 0 0;
}
 .flickity-slider .content-headline .info {
     opacity: 0;
     margin-top: 10px;
}
 .flickity-slider .is-selected .content-headline .info {
     opacity: 1;
     margin-top: 2px;
}
 .entry-meta {
     font-size: 0.82em;
     margin: 8px 0 15px;
     opacity: 0.8;
}
 .entry-meta > span {
     margin-right: 10px;
}
 .entry-meta i {
     margin-right: 4px;
}
 .entry-meta a {
     color: #666;
}
 .entry-meta a:hover {
     opacity: 0.6;
}
 .content-table-date {
     width: 140px;
}
 body.category .content-item .cat-links, body.tag .content-item .tags-links {
     display: none;
}
 .content-pagination {
     clear: both;
     margin-bottom: 16px;
     text-align: center;
}
 .content-pagination a, .content-pagination span {
     display: inline-block;
     padding: 0 8px;
     text-align: center;
     min-width: 40px;
     height: 40px;
     border-radius: 40px;
     margin: 0 3px;
     padding: 0;
     line-height: 36px;
     font-size: 1.1em;
     font-family: sans-serif;
}
 .content-pagination a {
     color: #fff;
     border: 2px solid #eee;
}
 .content-pagination a:focus, .content-pagination a:hover {
     color: #b10000;
     border-color: #b10000;
}
 .content-pagination a:active {
     color: #fff;
     border-color: #fff;
}
 .content-pagination i {
     vertical-align: -1px;
}
 .content-pagination .current {
     color: red;
     border: 2px solid red;
}
 body.page-template-page-form .site-content {
     background-color: #f2f2f2;
}
 .page-form {
     background-color: #fff;
     -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
 .single-area > .content-area {
     max-width: 1110px;
     margin: 30px auto;
     padding: 20px;
     border-radius: 20px;
     border: solid #ff000036;
     background: #160000b3;
}
 .single-area .entry-meta {
     text-align: center;
}
 .single-area .entry-content {
     margin-top: 25px;
}
 .entry-author {
     margin: 30px auto;
     text-align: center;
}
 .entry-author .pic {
     margin: 8px;
}
 .entry-author .pic img {
     border-radius: 100%;
     width: 80px;
     height: 80px;
     -o-object-fit: contain;
     object-fit: contain;
}
 .entry-author .desc {
     font-size: 0.875em;
     margin-top: 5px;
}
 .entry-author .name {
     font-size: 1.125em;
     margin-bottom: 0;
}
 .entry-author.-head .entry-title {
     margin-bottom: 5px;
}
 .widget-area .current-menu-item > a {
     font-weight: 700;
     color: red;
}
 .widget-area .widget_nav_menu li {
     margin-bottom: 10px;
}
 .widget-area .widget_nav_menu li:last-child {
     margin-bottom: 0;
}
 .widget-area .widget_nav_menu .sub-menu {
     padding: 5px 0 0 12px;
}
 .widget-area .widget_nav_menu .sub-menu li {
     margin-bottom: 5px;
     position: relative;
}
 .widget-area .widget_nav_menu .sub-menu li:before {
     content: "";
     background-color: #fff;
     width: 4px;
     height: 4px;
     border-radius: 4px;
     position: absolute;
     left: -12px;
     top: calc(50% - 2px);
}
 .widget-area ul {
     padding: 0;
     margin-bottom: 10px;
}
 .widget-area li {
     list-style: none;
}
 .widget-area a {
     color: #fff;
}
 .widget-area a:hover {
     color: #b10000;
}
 .widget {
     margin-bottom: 16px;
}
 .widget-title {
     margin-bottom: 10px;
     font-size: 1.375em;
}
 .error-404 {
     text-align: center;
}
 .error-404 .search-form {
     margin: 0 auto 30px;
}
 .site-footer-space {
     min-height: 40px;
}
 .site-footer {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background-color: #22283a;
     min-height: 40px;
}
 .site-info {
     color: rgba(255, 255, 255, 0.9);
     font-size: 12px;
     text-align: center;
     text-transform: uppercase;
     position: absolute;
     top: 50%;
     width: 100%;
     left: 0;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .site-footbar a:hover {
     opacity: 0.8;
}
 .site-footbar a:active {
     opacity: 0.6;
}
 .site-footbar .widget {
     margin-bottom: 0;
}
 .site-footbar p:last-of-type {
     margin-bottom: 0;
}
 .s-btn {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .s-btn .btn-nav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin-right: 10px;
}
 .s-btn .btn-nav a {
     font-size: 18px;
     margin: auto;
     color: #fff;
}
 .s-btn .btn-nav a img {
     width: 35px;
     height: 35px;
     -o-object-fit: contain;
     object-fit: contain;
}
 .s-btn .btn-nav:hover {
     opacity: 0.9;
     color: #fff;
}
 .s-btn span {
     display: none;
}
 .m-btn {
     position: fixed;
     bottom: 0;
     left: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: space-evenly;
     -ms-flex-pack: space-evenly;
     justify-content: space-evenly;
     width: 100%;
     background: -webkit-gradient( linear, left top, right top, color-stop(0, #6f1313), color-stop(25%, #e20a0a), color-stop(50%, #6f1313), color-stop(75%, #e20a0a), to(#6f1313) );
     background: -webkit-linear-gradient( left, #6f1313 0, #e20a0a 25%, #6f1313 50%, #e20a0a 75%, #6f1313 100% );
     background: -o-linear-gradient( left, #6f1313 0, #e20a0a 25%, #6f1313 50%, #e20a0a 75%, #6f1313 100% );
     background: linear-gradient( 90deg, #6f1313 0, #e20a0a 25%, #6f1313 50%, #e20a0a 75%, #6f1313 100% );
     z-index: 10;
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.3);
     box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.3);
     border-radius: 15px;
}
 .m-btn::before {
     position: absolute;
     top: 2%;
     left: 0;
     width: 99%;
     height: 96%;
     display: block;
     content: "";
     z-index: 2;
     background: -webkit-radial-gradient(circle, #474747 0, #1a1a1a 100%);
     background: -o-radial-gradient(circle, #474747 0, #1a1a1a 100%);
     background: radial-gradient(circle, #474747 0, #1a1a1a 100%);
     border-radius: 15px;
     -webkit-transform: translateX(0.5%);
     -ms-transform: translateX(0.5%);
     transform: translateX(0.5%);
}
 .m-btn .btn-nav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 18%;
     text-align: center;
     z-index: 88;
}
 .m-btn .btn-nav a {
     padding-top: 8px;
     color: #fff;
     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
     font-family: "Noto Sans Thai", Poppins;
     display: block;
     margin: auto;
     font-size: 14px;
}
 .m-btn .btn-nav a span {
     display: none;
     font-size: 18px;
}
 .m-btn .btn-nav:last-child a {
     border-right: 0;
}
 .m-btn .btn-nav.mb-register a {
     background-color: #b10000;
     padding: 8px 0;
     font-size: 22px;
     line-height: 1;
     width: 100%;
     -webkit-box-shadow: 0 -2px 5px #b10000;
     box-shadow: 0 -2px 5px #b10000;
     -webkit-animation: scale 1.5s infinite;
     animation: scale 1.5s infinite;
     color: #fff;
}
 .m-btn .btn-nav.mb-register a span {
     font-size: 26px;
}
 .no-mg {
     margin: 0 !important;
}
 .-xl {
     font-size: 26px;
}
 .-xxl {
     font-size: 30px;
}
 .top_banner {
     width: 100%;
}
 .btn_main {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
     column-gap: 10px;
     row-gap: 10px;
     position: absolute;
     top: 5%;
}
 .btn_main a {
     width: 36%;
}
 .text-line {
     position: relative;
     margin-bottom: 25px;
}
 .text-line:before {
     content: "";
     display: block;
     width: 100%;
     height: 3px;
     background: -webkit-gradient( linear, left top, right top, color-stop(0, #b32323), color-stop(25%, #e20a0a), color-stop(50%, #b32323), color-stop(75%, #e20a0a), to(#b32323) );
     background: -webkit-linear-gradient( left, #b32323 0, #e20a0a 25%, #b32323 50%, #e20a0a 75%, #b32323 100% );
     background: -o-linear-gradient( left, #b32323 0, #e20a0a 25%, #b32323 50%, #e20a0a 75%, #b32323 100% );
     background: linear-gradient( 90deg, #b32323 0, #e20a0a 25%, #b32323 50%, #e20a0a 75%, #b32323 100% );
     position: absolute;
     left: 50%;
     top: 90%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     margin: 15px auto;
}
 .sec-second {
     background-image: url(/wp-content/uploads/2023/03/new-rev-bg.png);
     background-size: cover;
     background-position: 50% 0;
     background-attachment: scroll;
     background-repeat: no-repeat;
     margin-top: -50px;
}
 .sec-bg {
     background: -webkit-radial-gradient(circle, #474747 0, #1a1a1a 100%);
     background: -o-radial-gradient(circle, #474747 0, #1a1a1a 100%);
     background: radial-gradient(circle, #474747 0, #1a1a1a 100%);
     border-radius: 20px;
     padding: 15px;
}
 .sec-2 {
     position: relative;
}
 .sec-2::before {
     position: absolute;
     bottom: -28px;
     right: 0;
     left: 0;
     margin: 0 auto;
     width: 100px;
     height: 30px;
     display: block;
     content: "";
     z-index: 2;
     background: #3b3b3b;
     -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
     clip-path: polygon(50% 100%, 0 0, 100% 0);
}
 .all_game {
     margin-bottom: 50px;
}
 .all_game .flickity-viewport {
     min-height: auto;
}
 .all_game .carousel-cell {
     width: 33.33%;
     min-height: auto;
}
 .all_game .carousel-cell img {
     padding: 6px;
}
 .all_game .flickity-button {
     color: #fff;
     border: solid 2px #fff;
     width: 30px;
     height: 30px;
}
 .all_game .flickity-button:hover {
     background: red;
     border-color: red;
}
 .all_game .flickity-prev-next-button.previous {
     left: 12px;
}
 .all_game .flickity-prev-next-button.next {
     right: 12px;
}
 .all_game .flickity-page-dots {
     bottom: -15px;
}
 .all_game .flickity-page-dots .dot {
     background: #fff;
}
 .all_game .flickity-page-dots .dot.is-selected {
     background: -webkit-radial-gradient(circle, #fefe9d 0, #ffa745 100%);
     background: -o-radial-gradient(circle, #fefe9d 0, #ffa745 100%);
     background: radial-gradient(circle, #fefe9d 0, #ffa745 100%);
}
 @-webkit-keyframes opa-animation {
     0% {
         opacity: 0.7;
    }
     20% {
         opacity: 1;
    }
     100% {
         opacity: 1;
    }
     80% {
         opacity: 0.6;
    }
}
 @keyframes opa-animation {
     0% {
         opacity: 0.7;
    }
     20% {
         opacity: 1;
    }
     100% {
         opacity: 1;
    }
     80% {
         opacity: 0.6;
    }
}
 .img-regis {
     -webkit-animation: 0.6s infinite opa-animation;
     animation: 0.6s infinite opa-animation;
}
 .client {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     max-width: 900px;
     margin: auto;
     -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
     column-gap: 10px;
     row-gap: 10px;
}
 .client a {
     width: 22%;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
 .client a:hover {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
}
 @-webkit-keyframes neon-select {
     0% {
         -webkit-box-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #e90000, 0 0 12px #e90000, 0 0 15px #e90000, 0 0 17px #e90000, 0 0 20px #e90000;
         box-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #e90000, 0 0 12px #e90000, 0 0 15px #e90000, 0 0 17px #e90000, 0 0 20px #e90000;
    }
     100% {
         -webkit-box-shadow: 0 0 2px #fff, 0 0 3px #fff, 0 0 5px #fff, 0 0 8px #e90000, 0 0 10px #e90000, 0 0 12px #e90000, 0 0 12px #e90000, 0 0 17px #e90000;
         box-shadow: 0 0 2px #fff, 0 0 3px #fff, 0 0 5px #fff, 0 0 8px #e90000, 0 0 10px #e90000, 0 0 12px #e90000, 0 0 12px #e90000, 0 0 17px #e90000;
    }
}
 @keyframes neon-select {
     0% {
         -webkit-box-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #e90000, 0 0 12px #e90000, 0 0 15px #e90000, 0 0 17px #e90000, 0 0 20px #e90000;
         box-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #e90000, 0 0 12px #e90000, 0 0 15px #e90000, 0 0 17px #e90000, 0 0 20px #e90000;
    }
     100% {
         -webkit-box-shadow: 0 0 2px #fff, 0 0 3px #fff, 0 0 5px #fff, 0 0 8px #e90000, 0 0 10px #e90000, 0 0 12px #e90000, 0 0 12px #e90000, 0 0 17px #e90000;
         box-shadow: 0 0 2px #fff, 0 0 3px #fff, 0 0 5px #fff, 0 0 8px #e90000, 0 0 10px #e90000, 0 0 12px #e90000, 0 0 12px #e90000, 0 0 17px #e90000;
    }
}
 .list_pomotion {
     margin-top: -34px;
     margin-bottom: 20px;
}
 .list_pomotion .flickity-viewport {
     min-height: 280px;
}
 .list_pomotion .carousel-cell {
     margin-top: 60px;
     width: 50%;
     -webkit-transform: scale(0.95);
     -ms-transform: scale(0.95);
     transform: scale(0.95);
}
 .list_pomotion .carousel-cell img {
     border-radius: 5px;
}
 .list_pomotion .carousel-cell.is-selected {
     z-index: 10;
}
 .list_pomotion .carousel-cell.is-selected img {
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     -webkit-transform: scale(1.2);
     -ms-transform: scale(1.2);
     transform: scale(1.2);
     -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
     -webkit-animation: neon-select 2s ease-in-out infinite alternate;
     animation: neon-select 2s ease-in-out infinite alternate;
}
 @-webkit-keyframes btn-ani {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         -webkit-filter: drop-shadow(1px 1px 4px #e90000);
         filter: drop-shadow(1px 1px 4px #e90000);
    }
     100% {
         -webkit-transform: scale(1.1);
         transform: scale(1.1);
         -webkit-filter: drop-shadow(1px 1px 8px #e90000);
         filter: drop-shadow(1px 1px 8px #e90000);
    }
}
 .sec-cantact {
     position: relative;
     background: -webkit-radial-gradient(circle, #474747 0, #1a1a1a 100%);
     background: -o-radial-gradient(circle, #474747 0, #1a1a1a 100%);
     background: radial-gradient(circle, #474747 0, #1a1a1a 100%);
     border-radius: 20px;
     padding: 6px 40px;
     margin-top: 25px;
}
 .sec-cantact .bt-con {
     -webkit-animation: btn-ani 0.5s infinite alternate;
     animation: btn-ani 0.5s infinite alternate;
}
 .footer-main {
     background-image: url(/wp-content/uploads/2023/03/red-bg-footer-mb.jpg);
     background-size: 100% 100%;
     background-position: 50% 0;
     background-attachment: scroll;
     background-repeat: no-repeat;
}
 .footer-main .wp-block-kadence-rowlayout {
     margin-left: 0 !important;
     margin-right: 0 !important;
}
 .footer-main .bt-ft {
     display: block;
     padding: 12px 0;
     border-radius: 10px;
     background: -webkit-gradient( linear, left top, right top, color-stop(0, #d70000), color-stop(55%, #a70000), to(#850000) );
     background: -webkit-linear-gradient( left, #d70000 0, #a70000 55%, #850000 100% );
     background: -o-linear-gradient(left, #d70000 0, #a70000 55%, #850000 100%);
     background: linear-gradient(
    90deg,
    #b8860b 0%,   /* dark goldenrod */
    #daa520 50%,  /* goldenrod */
    #ffd700 100%  /* gold */
  );
     font-size: 24px;
     margin-bottom: 22px;
}
 .footer-main a {
     color: #fff !important;
}
 .footer-main a:hover {
     color: red !important;
}
 .-spa {
     height: 35px !important;
}
 .site-header .s-container {
     min-height: 60px;
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
}
 .site-header .s-container .offcanvas-menu {
     width: 40px;
     height: 40px;
     margin: auto 40px;
}
 .site-header .s-container .offcanvas-menu > label {
     width: 40px;
     height: 40px;
     cursor: pointer;
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     z-index: 9999;
     margin: auto;
}
 .site-header .s-container .offcanvas-menu label span, .site-header .s-container .offcanvas-menu label span::after, .site-header .s-container .offcanvas-menu label span::before {
     -webkit-transition: background 0.3s, -webkit-transform 0.3s;
     transition: background 0.3s, -webkit-transform 0.3s;
     -o-transition: background 0.3s, transform 0.3s;
     transition: background 0.3s, transform 0.3s;
     transition: background 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
 .site-header .s-container .offcanvas-menu label span, .site-header .s-container .offcanvas-menu label span::after, .site-header .s-container .offcanvas-menu label span::before {
     content: "";
     position: absolute;
     height: 4px;
     width: 40px;
     background: #fff;
     border-radius: 20px;
}
 .site-header .s-container .offcanvas-menu label span::before {
     -webkit-transform: translateY(-12px);
     -ms-transform: translateY(-12px);
     transform: translateY(-12px);
}
 .site-header .s-container .offcanvas-menu label span::after {
     -webkit-transform: translateY(12px);
     -ms-transform: translateY(12px);
     transform: translateY(12px);
}
 .site-header .s-container .offcanvas-menu nav {
     top: 0;
     position: fixed;
     height: 100%;
     width: 280px;
     left: -350px;
     overflow: scroll;
     background: #202020;
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
     padding: 40px 0;
     z-index: 10;
}
 .site-header .s-container .offcanvas-menu nav > div {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .site-header .s-container .offcanvas-menu nav > div a {
     font-size: 2.5rem;
     font-weight: 500;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-family: Monoton, cursive;
     background: -webkit-gradient( linear, right top, left top, color-stop(30%, #ed4949), color-stop(110%, #a90000) );
     background: -webkit-linear-gradient(right, #ed4949 30%, #a90000 110%);
     background: -o-linear-gradient(right, #ed4949 30%, #a90000 110%);
     background: linear-gradient(-90deg, #ed4949 30%, #a90000 110%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
 .site-header .s-container .offcanvas-menu nav > div a.logo-menu {
     width: 100%;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .site-header .s-container .offcanvas-menu nav > div a.logo-menu img {
     width: 80%;
     margin: auto;
}
 .site-header .s-container .offcanvas-menu nav > div a i {
     font-size: 4rem;
     background: -webkit-linear-gradient(330deg, #ed4949 30%, #a90000 110%);
     background: -o-linear-gradient(330deg, #ed4949 30%, #a90000 110%);
     background: linear-gradient(120deg, #ed4949 30%, #a90000 110%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
 .site-header .s-container .offcanvas-menu nav > div label {
     width: 30px;
     height: 30px;
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important;
     -webkit-box-align: right;
     -ms-flex-align: right;
     align-items: right;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     cursor: pointer;
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
     margin-left: auto;
     padding: 0 35px;
}
 .site-header .s-container .offcanvas-menu nav > div label span, .site-header .s-container .offcanvas-menu nav > div label span:after, .site-header .s-container .offcanvas-menu nav > div label span:before {
     background: #000;
}
 .site-header .s-container .offcanvas-menu nav > ul {
     margin-top: 30px;
     counter-reset: nav-link-count;
     list-style: none;
     padding: 0 20px;
}
 .site-header .s-container .offcanvas-menu nav > ul li {
     position: relative;
     text-align: center;
     cursor: pointer;
     -webkit-transition: 0.4s ease;
     -o-transition: 0.4s ease;
     transition: 0.4s ease;
     background: #000;
     padding: 15px 30px;
     border-radius: 30px;
     margin-bottom: 10px;
}
 .site-header .s-container .offcanvas-menu nav > ul li::before {
     position: absolute;
     top: 12px;
     left: 15px;
     width: 30px;
     height: 30px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     content: "\e937";
     font-family: seed-icons;
     color: #fff;
     border-radius: 5px;
     background: -webkit-gradient( linear, left top, right top, color-stop(0, #d70000), color-stop(55%, #a70000), to(#850000) );
     background: -webkit-linear-gradient( left, #d70000 0, #a70000 55%, #850000 100% );
     background: -o-linear-gradient(left, #d70000 0, #a70000 55%, #850000 100%);
     background: linear-gradient(
    90deg,
    #fff8dc 0%,   /* ขาวทอง */
    #ffd700 25%,  /* ทองสด */
    #ffcc00 50%,  /* ทองกลาง */
    #ffb700 75%,  /* ทองเข้ม */
    #fff8dc 100%  /* วนกลับขาวทอง */
  );
}
 .site-header .s-container .offcanvas-menu nav > ul li a {
     font-size: 18px;
     line-height: 1.5;
     font-weight: 400;
     color: #fff !important;
     display: block;
     text-align: left;
     padding-left: 30px;
}
 .site-header .s-container .offcanvas-menu nav > ul li a:hover {
     padding-left: 40px;
     color: red !important;
}
 .site-header .s-container .offcanvas-menu nav > ul li:hover {
     -webkit-animation: hover 0.5s;
     animation: hover 0.5s;
}
 .site-header .s-container .offcanvas-menu input[type="checkbox"] {
     display: none;
}
 .site-header .s-container .offcanvas-menu input[type="checkbox"]:checked ~ label {
     opacity: 0;
     pointer-events: none;
}
 .site-header .s-container .offcanvas-menu input[type="checkbox"]:checked ~ nav {
     left: 0;
}
 .site-header .s-container .offcanvas-menu input[type="checkbox"]:checked ~ nav label span {
     background: 0 0;
}
 .site-header .s-container .offcanvas-menu input[type="checkbox"]:checked ~ nav label span:before {
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
     background: #d0ac1a;
     border-radius: 20px;
}
 .site-header .s-container .offcanvas-menu input[type="checkbox"]:checked ~ nav label span:after {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     background: #d0ac1a;
     border-radius: 20px;
}
 .site-header .s-container section {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 80vh;
     font-size: 4rem;
     color: #b3b3b3;
}
 .site-header .s-container section:nth-child(odd) {
     background: #120a21;
}
 .site-header .s-container section:nth-child(even) {
     background: #170d28;
}
 .site-header .s-container footer {
     padding: 20px 0;
     text-align: center;
     font-size: 1.5rem;
     background: #120a21;
     color: gray;
}
 .site-header .s-container footer a {
     color: #999;
}
 .slot-hit {
     background-image: url(/wp-content/uploads/2023/01/bgslot.png);
     background-size: cover;
     background-position: 50% 50%;
     background-repeat: no-repeat;
}
 .btn_main {
     position: relative;
     top: 0;
     padding-bottom: 6px;
}
 .menu-item-has-children a:after {
     content: "\e938";
     font-family: seed-icons;
     margin-left: 3px;
     font-size: 14px;
}
 .menu-item-has-children .sub-menu a:after {
     display: none;
}
 @media (min-width: 576px) {
     .alignfull, .alignwide {
         margin-left: calc(-50vw + 50%);
         margin-right: calc(-50vw + 50%);
    }
}
 @media (min-width: 768px) {
     .s-container {
         padding-left: 30px;
         padding-right: 30px;
    }
     .s-slider.-full {
         margin-left: calc(50% - 50vw);
         margin-right: calc(50% - 50vw);
    }
     .s-slider.-dots-in .flickity-page-dots {
         bottom: 15px;
    }
     .s-slider.-dots-in .flickity-prev-next-button.previous {
         left: 20px;
    }
     .s-slider.-dots-in .flickity-prev-next-button.next {
         right: 20px;
    }
     .s-modal-content {
         padding: 0 30px;
    }
     .s-modal.-visible {
         padding: 20px 30px 10px;
    }
     .flickity-prev-next-button {
         display: block;
         top: 50%;
         width: 44px;
         height: 44px;
         border-radius: 50%;
         -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         transform: translateY(-50%);
    }
     .content-item.-hero {
         margin: 0;
         border-radius: 3px 0 0 3px;
    }
     .content-headline .info {
         font-size: 30px;
    }
     .flickity-slider .content-headline .info {
         margin-top: 15px;
         -webkit-transition: 0.7s ease-in-out;
         -o-transition: 0.7s ease-in-out;
         transition: 0.7s ease-in-out;
    }
     body.page-template-page-form .site-content {
         padding-top: 20px;
         padding-bottom: 20px;
    }
     .page-form {
         margin: 0 auto;
         max-width: 680px;
         padding: 10px 20px 0;
    }
     .page-form > .main-header {
         margin-top: -15px;
         margin-left: -25px;
         margin-right: -25px;
         padding-left: 25px;
         padding-right: 25px;
    }
}
 @media screen and (min-width: 768px) {
     .wp-block-cover-text p {
         padding: 1.5em 0;
    }
}
 @media (min-width: 992px) {
     .text-center .-toleft {
         text-align: left;
    }
     .text-center .-toright {
         text-align: right;
    }
     .s-container {
         max-width: 990px;
    }
     .s-space {
         margin-bottom: 30px;
    }
     .s-sec {
         padding-top: 60px;
         padding-bottom: 60px;
    }
     .s-title {
         margin-bottom: 30px;
    }
     .s-grid {
         grid-gap: 30px;
         margin-bottom: 30px;
    }
     .s-grid.-d2 {
         grid-template-columns: repeat(2, minmax(0, 1fr));
    }
     .s-grid.-d3 {
         grid-template-columns: repeat(3, minmax(0, 1fr));
    }
     .s-grid.-d4 {
         grid-template-columns: repeat(4, minmax(0, 1fr));
    }
     .s-grid.-d5 {
         grid-template-columns: repeat(5, minmax(0, 1fr));
    }
     .s-grid.-d6 {
         grid-template-columns: repeat(6, minmax(0, 1fr));
    }
     .s-slider.-large {
         margin-left: 0;
         margin-right: 0;
    }
     .s-slider {
         margin: 0 -15px;
    }
     .s-slider.-m1\.2, .s-slider.-m1\.4 {
         margin-right: -15px;
    }
     .s-slider .slider {
         padding: 0 15px 30px;
         width: 100%;
    }
     .s-slider.-d2 .slider {
         width: 50%;
    }
     .s-slider.-d3 .slider {
         width: 33.333333%;
    }
     .s-slider.-d4 .slider {
         width: 25%;
    }
     .s-slider.-d5 .slider {
         width: 20%;
    }
     .s-slider.-d6 .slider {
         width: 16.666666%;
    }
     .s-slider.-togrid {
         display: grid;
         grid-gap: 30px;
         margin: 0;
    }
     .s-slider.-togrid.-d2 {
         grid-template-columns: repeat(2, minmax(0, 1fr));
    }
     .s-slider.-togrid.-d3 {
         grid-template-columns: repeat(3, minmax(0, 1fr));
    }
     .s-slider.-togrid.-d4 {
         grid-template-columns: repeat(4, minmax(0, 1fr));
    }
     .s-slider.-togrid.-d5 {
         grid-template-columns: repeat(5, minmax(0, 1fr));
    }
     .s-slider.-togrid.-d6 {
         grid-template-columns: repeat(6, minmax(0, 1fr));
    }
     .s-slider.-togrid .slider {
         width: 100%;
         padding: 0;
    }
     .s-slider.-togrid:after {
         content: "";
         clear: both;
    }
     .s-modal-login {
         max-height: 400px;
    }
     ._mobile {
         display: none !important;
    }
}
 @media screen and (min-width: 992px) {
     .wp-block-image {
         margin-top: 30px;
         margin-bottom: 30px;
    }
     .main-body.-leftbar .alignfull, .main-body.-leftbar .alignwide, .main-body.-leftrightbar .alignfull, .main-body.-leftrightbar .alignwide, .main-body.-rightbar .alignfull, .main-body.-rightbar .alignwide {
         margin-left: 0;
         margin-right: 0;
         width: 100%;
    }
}
 @media (min-width: 1110px) {
     .alignwide {
         margin-left: -180px;
         margin-right: -180px;
         max-width: 1110px;
         width: 1110px;
    }
}
 @media (min-width: 1170px) {
     .s-container {
         max-width: 1170px;
    }
}
 @media (min-width: 1360px) {
     .s-container {
         max-width: 1360px;
    }
}
 @media (max-width: 991px) {
     ._desktop {
         display: none !important;
    }
     body.headbar-m .site-branding, body.headbar-m .site-member, body.headbar-m .site-toggle {
         display: none;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .m-btn .btn-nav {
         width: 12%;
    }
     .sec-cantact .qr-logo {
         text-align: center;
    }
     .top_banner {
         text-align: center;
    }
}