.elementor-8243 .elementor-element.elementor-element-ef91a34:not(.elementor-motion-effects-element-type-background), .elementor-8243 .elementor-element.elementor-element-ef91a34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000DB;}.elementor-8243 .elementor-element.elementor-element-ef91a34 > .elementor-background-overlay{background-image:var(--wpr-bg-f412f48f-9fb9-4b67-bdbe-c216dedde27f);opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8243 .elementor-element.elementor-element-ef91a34{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:35px 35px 35px 35px;}.elementor-widget-theme-page-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8243 .elementor-element.elementor-element-add0b0c{text-align:center;}.elementor-8243 .elementor-element.elementor-element-add0b0c .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:32px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-8243 .elementor-element.elementor-element-7a35556{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;}.elementor-8243 .elementor-element.elementor-element-7a35556.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8243 .elementor-element.elementor-element-0663ae0{--display:flex;}.elementor-8243 .elementor-element.elementor-element-4e71afe{--display:flex;}.elementor-8243 .elementor-element.elementor-element-7d64999{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-border-radius:15px 15px 15px 15px;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:45px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:43px;}.elementor-8243 .elementor-element.elementor-element-7d64999 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#ECECEC;}.elementor-8243 .elementor-element.elementor-element-7d64999.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#685824;}.elementor-8243 .elementor-element.elementor-element-7d64999.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-8243 .elementor-element.elementor-element-7d64999.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#685824;}@media(max-width:767px){.elementor-8243 .elementor-element.elementor-element-7d64999{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;}}@media(min-width:1025px){.elementor-8243 .elementor-element.elementor-element-ef91a34 > .elementor-background-overlay{background-attachment:fixed;}}/* Start custom CSS for shortcode, class: .elementor-element-bdf9618 *//* ปรับแต่ง Header ให้ดูสมดุลและเป็นระเบียบ */
.tablepress thead th {
    background-color: #5d4037 !important; /* สีไม้โอ๊คเข้ม */
    color: #ffffff !important;
    
    /* 1. จัดระเบียบข้อความ */
    text-align: center !important; /* จัดกึ่งกลางแนวนอน */
    vertical-align: middle !important; /* จัดกึ่งกลางแนวตั้ง (สำคัญมาก) */
    font-weight: 600;
    font-size: 16px; /* ขนาดตัวอักษรกำลังดี */
    letter-spacing: 0.5px; /* เพิ่มระยะห่างตัวอักษรนิดนึงให้อ่านง่าย */
    
    /* 2. ความพอดีของช่อง (Spacing) */
    padding: 18px 20px !important; /* เพิ่มพื้นที่หายใจ บน-ล่าง 18px, ซ้าย-ขวา 20px */
    line-height: 1.4; /* ระยะห่างบรรทัด */
    border: none !important;
    
    /* 3. ลบการตัดคำ (Optional) - ถ้าอยากให้หัวข้อเป็นบรรทัดเดียวเสมอ */
    white-space: nowrap; 
}

/* เพิ่มความโค้งมนที่มุมบนซ้ายและขวาของหัวตาราง (เหมือนงานไม้ขัดมุม) */
.tablepress thead th:first-child {
    border-top-left-radius: 8px;
}

.tablepress thead th:last-child {
    border-top-right-radius: 8px;
}

/* จัดระเบียบเนื้อหาด้านล่างให้สอดคล้องกับ Header */
.tablepress tbody td {
    vertical-align: middle !important; /* เนื้อหาก็ควรอยู่กึ่งกลางแนวตั้ง */
    padding: 15px 20px !important; /* ช่องว่างต้องพอดีกับ Header */
    border-left: 1px solid rgba(0,0,0,0.05); /* เส้นแบ่งจางๆ แนวตั้ง */
}
.tablepress tbody td:first-child {
    border-left: none; /* ลบเส้นซ้ายสุดออก */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bdf9618 *//* ปรับแต่ง Header ให้ดูสมดุลและเป็นระเบียบ */
.tablepress thead th {
    background-color: #5d4037 !important; /* สีไม้โอ๊คเข้ม */
    color: #ffffff !important;
    
    /* 1. จัดระเบียบข้อความ */
    text-align: center !important; /* จัดกึ่งกลางแนวนอน */
    vertical-align: middle !important; /* จัดกึ่งกลางแนวตั้ง (สำคัญมาก) */
    font-weight: 600;
    font-size: 16px; /* ขนาดตัวอักษรกำลังดี */
    letter-spacing: 0.5px; /* เพิ่มระยะห่างตัวอักษรนิดนึงให้อ่านง่าย */
    
    /* 2. ความพอดีของช่อง (Spacing) */
    padding: 18px 20px !important; /* เพิ่มพื้นที่หายใจ บน-ล่าง 18px, ซ้าย-ขวา 20px */
    line-height: 1.4; /* ระยะห่างบรรทัด */
    border: none !important;
    
    /* 3. ลบการตัดคำ (Optional) - ถ้าอยากให้หัวข้อเป็นบรรทัดเดียวเสมอ */
    white-space: nowrap; 
}

/* เพิ่มความโค้งมนที่มุมบนซ้ายและขวาของหัวตาราง (เหมือนงานไม้ขัดมุม) */
.tablepress thead th:first-child {
    border-top-left-radius: 8px;
}

.tablepress thead th:last-child {
    border-top-right-radius: 8px;
}

/* จัดระเบียบเนื้อหาด้านล่างให้สอดคล้องกับ Header */
.tablepress tbody td {
    vertical-align: middle !important; /* เนื้อหาก็ควรอยู่กึ่งกลางแนวตั้ง */
    padding: 15px 20px !important; /* ช่องว่างต้องพอดีกับ Header */
    border-left: 1px solid rgba(0,0,0,0.05); /* เส้นแบ่งจางๆ แนวตั้ง */
}
.tablepress tbody td:first-child {
    border-left: none; /* ลบเส้นซ้ายสุดออก */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bdf9618 *//* ปรับแต่ง Header ให้ดูสมดุลและเป็นระเบียบ */
.tablepress thead th {
    background-color: #5d4037 !important; /* สีไม้โอ๊คเข้ม */
    color: #ffffff !important;
    
    /* 1. จัดระเบียบข้อความ */
    text-align: center !important; /* จัดกึ่งกลางแนวนอน */
    vertical-align: middle !important; /* จัดกึ่งกลางแนวตั้ง (สำคัญมาก) */
    font-weight: 600;
    font-size: 16px; /* ขนาดตัวอักษรกำลังดี */
    letter-spacing: 0.5px; /* เพิ่มระยะห่างตัวอักษรนิดนึงให้อ่านง่าย */
    
    /* 2. ความพอดีของช่อง (Spacing) */
    padding: 18px 20px !important; /* เพิ่มพื้นที่หายใจ บน-ล่าง 18px, ซ้าย-ขวา 20px */
    line-height: 1.4; /* ระยะห่างบรรทัด */
    border: none !important;
    
    /* 3. ลบการตัดคำ (Optional) - ถ้าอยากให้หัวข้อเป็นบรรทัดเดียวเสมอ */
    white-space: nowrap; 
}

/* เพิ่มความโค้งมนที่มุมบนซ้ายและขวาของหัวตาราง (เหมือนงานไม้ขัดมุม) */
.tablepress thead th:first-child {
    border-top-left-radius: 8px;
}

.tablepress thead th:last-child {
    border-top-right-radius: 8px;
}

/* จัดระเบียบเนื้อหาด้านล่างให้สอดคล้องกับ Header */
.tablepress tbody td {
    vertical-align: middle !important; /* เนื้อหาก็ควรอยู่กึ่งกลางแนวตั้ง */
    padding: 15px 20px !important; /* ช่องว่างต้องพอดีกับ Header */
    border-left: 1px solid rgba(0,0,0,0.05); /* เส้นแบ่งจางๆ แนวตั้ง */
}
.tablepress tbody td:first-child {
    border-left: none; /* ลบเส้นซ้ายสุดออก */
}/* End custom CSS */