.elementor-144 .elementor-element.elementor-element-68915cc{--display:flex;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-144 .elementor-element.elementor-element-68915cc:not(.elementor-motion-effects-element-type-background), .elementor-144 .elementor-element.elementor-element-68915cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(235deg, #4C0303 0%, #DE1717 100%);}.elementor-144 .elementor-element.elementor-element-68915cc::before, .elementor-144 .elementor-element.elementor-element-68915cc > .elementor-background-video-container::before, .elementor-144 .elementor-element.elementor-element-68915cc > .e-con-inner > .elementor-background-video-container::before, .elementor-144 .elementor-element.elementor-element-68915cc > .elementor-background-slideshow::before, .elementor-144 .elementor-element.elementor-element-68915cc > .e-con-inner > .elementor-background-slideshow::before, .elementor-144 .elementor-element.elementor-element-68915cc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #494949 0%, #1B1B1B 100%);}.elementor-144 .elementor-element.elementor-element-9c2ed7f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-144 .elementor-element.elementor-element-3b46172 img{width:80%;}.elementor-144 .elementor-element.elementor-element-932660c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-144 .elementor-element.elementor-element-6edc513 .elementor-menu-toggle{margin:0 auto;}.elementor-144 .elementor-element.elementor-element-6edc513 .elementor-nav-menu .elementor-item{font-family:"Kanit", Sans-serif;font-weight:300;text-decoration:none;line-height:27px;letter-spacing:0px;}.elementor-144 .elementor-element.elementor-element-6edc513 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:8px;padding-right:8px;}.elementor-144 .elementor-element.elementor-element-6edc513 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-144 .elementor-element.elementor-element-6edc513 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-144 .elementor-element.elementor-element-6edc513 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-144 .elementor-element.elementor-element-6edc513 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-144 .elementor-element.elementor-element-6edc513 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-144 .elementor-element.elementor-element-6edc513 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FCFCFC;}.elementor-144 .elementor-element.elementor-element-6edc513 .e--pointer-framed .elementor-item:before,
					.elementor-144 .elementor-element.elementor-element-6edc513 .e--pointer-framed .elementor-item:after{border-color:#FCFCFC;}.elementor-144 .elementor-element.elementor-element-6edc513 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-144 .elementor-element.elementor-element-6edc513 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-144 .elementor-element.elementor-element-6edc513 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-144 .elementor-element.elementor-element-6edc513 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-144 .elementor-element.elementor-element-6edc513 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-144 .elementor-element.elementor-element-6edc513 .e--pointer-underline .elementor-item:after,
					 .elementor-144 .elementor-element.elementor-element-6edc513 .e--pointer-overline .elementor-item:before,
					 .elementor-144 .elementor-element.elementor-element-6edc513 .e--pointer-double-line .elementor-item:before,
					 .elementor-144 .elementor-element.elementor-element-6edc513 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-144 .elementor-element.elementor-element-83607d1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-144 .elementor-element.elementor-element-83607d1.e-con{--align-self:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-144 .elementor-element.elementor-element-2e6cc04{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144 .elementor-element.elementor-element-2e6cc04:not(.elementor-motion-effects-element-type-background), .elementor-144 .elementor-element.elementor-element-2e6cc04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #494949 0%, #1B1B1B 100%);}.elementor-144 .elementor-element.elementor-element-dcffc0a{padding:0px 0px 0px 0px;}.elementor-144 .elementor-element.elementor-element-76c03d0{padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-144 .elementor-element.elementor-element-9c2ed7f{--width:25%;}.elementor-144 .elementor-element.elementor-element-932660c{--width:40%;}.elementor-144 .elementor-element.elementor-element-83607d1{--width:35%;}}@media(max-width:1024px) and (min-width:768px){.elementor-144 .elementor-element.elementor-element-83607d1{--width:500px;}}@media(max-width:767px){.elementor-144 .elementor-element.elementor-element-9c2ed7f{--width:42%;--min-height:0px;}.elementor-144 .elementor-element.elementor-element-83607d1{--width:74%;--min-height:0px;--justify-content:flex-start;}.elementor-144 .elementor-element.elementor-element-2e6cc04{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-f6c0da7 *//* --- ส่วนครอบปุ่มทั้งหมด --- */
.header-buttons {
    display: flex; /* ทำให้ปุ่มเรียงต่อกันในแนวนอน */
    align-items: center; /* จัดให้ปุ่มอยู่กึ่งกลางแนวตั้ง */
    gap: 10px; /* สร้างระยะห่างระหว่างปุ่ม */
}

/* --- สไตล์ร่วมกันของปุ่มทั้งสอง --- */
.login-button,
.register-button {
    padding: 10px 20px;       /* ระยะห่างภายในปุ่ม (บน-ล่าง, ซ้าย-ขวา) */
    border-radius: 5px;       /* ทำให้ขอบปุ่มโค้งมน */
    text-decoration: none;    /* เอาเส้นใต้ลิงก์ออก */
    font-size: 21px;          /* ขนาดตัวอักษร */
    font-weight: bold;        /* ทำให้ตัวอักษรหนา */
    transition: all 0.3s ease; /* เพิ่มอนิเมชันตอนเปลี่ยนสถานะ */
    display: inline-block;    /* ทำให้ padding แสดงผลถูกต้อง */
    width: 50%;
text-align: center;
}

.header-buttons {
width: 400px;
}

/* --- สไตล์ของปุ่ม "เข้าสู่ระบบ" (ปุ่มมีขอบ) --- */
.login-button {
    background: linear-gradient(to right, #ffd86b, #b8860b);
    border: 2px solid gold;    /* เส้นขอบสีทอง */
    color: #4a2600;               /* สีตัวอักษรเป็นสีทอง */
    box-shadow: 0 0 10px rgba(225, 180, 57, 0.7); /* เพิ่มเงาเรืองแสง */
}

/* --- สไตล์ของปุ่ม "สมัครสมาชิก" (ปุ่มทึบ) --- */
.register-button {
    background-color: #a00000;
    border: 2px solid gold;    /* เส้นขอบสีเดียวกัน */
    color: #ffffff;               /* สีตัวอักษรเป็นสีขาว */
}

/* --- เอฟเฟกต์เมื่อเอาเมาส์ไปชี้ (Hover) --- */
.login-button:hover {
    background-color: #f12626; /* เปลี่ยนพื้นหลังเป็นสีทอง */
    color: #333333;               /* เปลี่ยนสีตัวอักษร */
}

.register-button:hover {
    background-color: #e12a2a; /* ทำให้พื้นหลังสว่างขึ้นเล็กน้อย */
    border-color: #c09d48;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68915cc */.elementor-144 .elementor-element.elementor-element-68915cc:not(.elementor-motion-effects-element-type-background), .elementor-144 .elementor-element.elementor-element-68915cc > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    height: 80px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e6cc04 */* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}/* End custom CSS */