.elementor-233 .elementor-element.elementor-element-7154791a{--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-post-featured-image .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-widget-heading .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-233 .elementor-element.elementor-element-89f5a2b{text-align:center;}.elementor-233 .elementor-element.elementor-element-89f5a2b .elementor-heading-title{font-family:"Kanit", Sans-serif;font-weight:600;color:var( --e-global-color-400b38c );}.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-233 .elementor-element.elementor-element-37765f5a{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:300;color:var( --e-global-color-400b38c );}.elementor-233 .elementor-element.elementor-element-7aabd11a .elementor-heading-title{color:var( --e-global-color-400b38c );}.elementor-233 .elementor-element.elementor-element-64402a3a{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:300;color:var( --e-global-color-400b38c );}.elementor-233 .elementor-element.elementor-element-02d6d0e .elementor-heading-title{color:var( --e-global-color-400b38c );}.elementor-233 .elementor-element.elementor-element-acde68d{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:300;color:var( --e-global-color-400b38c );}.elementor-233 .elementor-element.elementor-element-ce0cd58{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:300;color:var( --e-global-color-400b38c );}.elementor-233 .elementor-element.elementor-element-232a529 .elementor-heading-title{color:var( --e-global-color-400b38c );}.elementor-233 .elementor-element.elementor-element-7b6d99f{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:300;color:var( --e-global-color-400b38c );}.elementor-233 .elementor-element.elementor-element-5abce00 .elementor-heading-title{color:var( --e-global-color-400b38c );}.elementor-233 .elementor-element.elementor-element-4d85ada{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:300;color:var( --e-global-color-400b38c );}.elementor-widget-image .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-233 .elementor-element.elementor-element-3643e46 img{width:50%;border-radius:10px 10px 10px 10px;}.elementor-233 .elementor-element.elementor-element-4f5ee5a .elementor-heading-title{color:var( --e-global-color-400b38c );}.elementor-233 .elementor-element.elementor-element-1ae38cc{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:300;color:var( --e-global-color-400b38c );}.elementor-233 .elementor-element.elementor-element-6bd668b .elementor-heading-title{color:var( --e-global-color-400b38c );}.elementor-233 .elementor-element.elementor-element-dc31bd4{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:300;color:var( --e-global-color-400b38c );}.elementor-widget-post-navigation span.post-navigation__prev--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__next--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__prev--label, .elementor-widget-post-navigation span.post-navigation__next--label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-post-navigation span.post-navigation__prev--title, .elementor-widget-post-navigation span.post-navigation__next--title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-233 .elementor-element.elementor-element-1c7aa90d span.post-navigation__prev--label{color:var( --e-global-color-623d169 );}.elementor-233 .elementor-element.elementor-element-1c7aa90d span.post-navigation__next--label{color:var( --e-global-color-623d169 );}.elementor-233 .elementor-element.elementor-element-1c7aa90d span.post-navigation__prev--label, .elementor-233 .elementor-element.elementor-element-1c7aa90d span.post-navigation__next--label{font-family:"Kanit", Sans-serif;font-size:14px;font-weight:400;}.elementor-233 .elementor-element.elementor-element-1c7aa90d span.post-navigation__prev--title, .elementor-233 .elementor-element.elementor-element-1c7aa90d span.post-navigation__next--title{color:var( --e-global-color-400b38c );font-family:"Kanit", Sans-serif;font-size:13px;font-weight:400;}body.elementor-page-233:not(.elementor-motion-effects-element-type-background), body.elementor-page-233 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d10c64c );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-233 .elementor-element.elementor-element-89f5a2b .elementor-heading-title{font-size:19px;}.elementor-233 .elementor-element.elementor-element-37765f5a{font-size:13.5px;}.elementor-233 .elementor-element.elementor-element-64402a3a{font-size:13.5px;}.elementor-233 .elementor-element.elementor-element-acde68d{font-size:13.5px;}.elementor-233 .elementor-element.elementor-element-ce0cd58{font-size:13.5px;}.elementor-233 .elementor-element.elementor-element-7b6d99f{font-size:13.5px;}.elementor-233 .elementor-element.elementor-element-4d85ada{font-size:13.5px;}.elementor-233 .elementor-element.elementor-element-3643e46 img{width:100%;}.elementor-233 .elementor-element.elementor-element-1ae38cc{font-size:13.5px;}.elementor-233 .elementor-element.elementor-element-dc31bd4{font-size:13.5px;}}@media(min-width:768px){.elementor-233 .elementor-element.elementor-element-7154791a{--content-width:900px;}}/* Start custom CSS for heading, class: .elementor-element-89f5a2b *//* 1. กำหนดสไตล์หลักของหัวข้อ (H1) */ .elementor-233 .elementor-element.elementor-element-89f5a2b .elementor-heading-title { /* **สำคัญ: ล้างสไตล์เก่าและเส้นขีดเส้นใต้เดิม** */ -webkit-text-stroke: none !important; text-stroke: none !important; border-bottom: none !important; /* *********** ส่วนที่แก้ไข *********** */ color: #FFFFFF; /* สีตัวอักษรหลักเป็นสีขาวทึบ 👈 อ่านง่ายและตัดกับพื้นหลังดำ */ /* ********************************** */ /* สร้างพื้นที่สำหรับเส้นขีดเส้นใต้เท่ๆ */ position: relative; /* 2. สร้างเงาเรืองแสง (Gold Glow Effect) */ text-shadow: 0 0 7px rgba(255, 215, 0, 0.8), /* เงาสีทองอ่อน */ 0 0 15px rgba(184, 134, 11, 0.6); /* เงาสีทองเข้ม */ /* 3. ใส่แอนิเมชันเรืองแสง */ animation: pulse-gold-glow 2s ease-in-out infinite alternate; display: inline-block; } /* 4. สร้างเส้นขีดเส้นใต้แบบ Gradient ด้วย Pseudo-element (Gold Gradient) */ .elementor-233 .elementor-element.elementor-element-89f5a2b .elementor-heading-title:after { content: ''; position: absolute; bottom: -5px; left: 0; width: 100%; height: 3px; /* ** สร้าง Gradient ไล่สีจากโปร่งใส -> ทองสว่าง -> ทองเข้ม -> โปร่งใส ** */ background: linear-gradient( to right, rgba(255, 215, 0, 0) 0%, /* ซ้ายสุด: ใส */ #FFD700 20%, /* 20% จากซ้าย: สีทองสว่าง */ #B8860B 50%, /* ตรงกลาง 50%: สีทองเข้มสุด (DarkGoldenrod) */ #FFD700 80%, /* 80% จากซ้าย: สีทองสว่าง */ rgba(255, 215, 0, 0) 100% /* ขวาสุด: ใส */ ); } /* 5. กำหนด Keyframes สำหรับการเรืองแสง (Gold) */ @keyframes pulse-gold-glow { from { text-shadow: 0 0 7px rgba(255, 215, 0, 0.8), 0 0 15px rgba(184, 134, 11, 0.6); } to { text-shadow: 0 0 10px rgba(255, 215, 0, 1.0), 0 0 20px rgba(184, 134, 11, 0.8); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-7aabd11a *//* 1. กำหนดสไตล์หลักของหัวข้อ H3 */ .elementor-233 .elementor-element.elementor-element-7aabd11a .elementor-heading-title { color: #FFFFFF; /* สีตัวอักษรหลัก: สีขาว */ text-shadow: none; /* ยกเลิกเงาเรืองแสง */ /* 2. สร้างพื้นที่สำหรับเส้นขีดเน้น */ position: relative; /* เว้นพื้นที่ด้านซ้ายสำหรับเส้น Accent */ padding-left: 15px; /* ปรับระยะห่างระหว่างตัวอักษรและเส้น Accent */ margin-left: 0; } /* 3. สร้างเส้นขีดแนวตั้งสีแดงด้านซ้าย (Vertical Accent) */ .elementor-233 .elementor-element.elementor-element-7aabd11a .elementor-heading-title:before { content: ''; position: absolute; top: 50%; /* จัดตำแหน่งกึ่งกลางแนวตั้ง */ left: 0; /* ติดกับขอบซ้ายของข้อความ */ transform: translateY(-50%); /* จัดกึ่งกลางเป๊ะ */ width: 5px; /* **ความหนา:** หนา 5px */ height: 100%; /* **ความยาว:** ยาวเต็มความสูงของข้อความ H3 */ /* สีแดงเพลิง และเพิ่มเงาเรืองแสงสีแดงบางๆ */ background-color: #FF0000; /* สีแดงหลัก */ box-shadow: 0 0 5px rgba(255, 0, 0, 0.8); border-radius: 2px; /* ทำให้ขอบมนเล็กน้อย (ไม่จำเป็นต้องใส่ก็ได้) */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-02d6d0e *//* 1. กำหนดสไตล์หลักของหัวข้อ H3 */ .elementor-233 .elementor-element.elementor-element-02d6d0e .elementor-heading-title { color: #FFFFFF; /* สีตัวอักษรหลัก: สีขาว */ text-shadow: none; /* ยกเลิกเงาเรืองแสง */ /* 2. สร้างพื้นที่สำหรับเส้นขีดเน้น */ position: relative; /* เว้นพื้นที่ด้านซ้ายสำหรับเส้น Accent */ padding-left: 15px; /* ปรับระยะห่างระหว่างตัวอักษรและเส้น Accent */ margin-left: 0; } /* 3. สร้างเส้นขีดแนวตั้งสีแดงด้านซ้าย (Vertical Accent) */ .elementor-233 .elementor-element.elementor-element-02d6d0e .elementor-heading-title:before { content: ''; position: absolute; top: 50%; /* จัดตำแหน่งกึ่งกลางแนวตั้ง */ left: 0; /* ติดกับขอบซ้ายของข้อความ */ transform: translateY(-50%); /* จัดกึ่งกลางเป๊ะ */ width: 5px; /* **ความหนา:** หนา 5px */ height: 100%; /* **ความยาว:** ยาวเต็มความสูงของข้อความ H3 */ /* สีแดงเพลิง และเพิ่มเงาเรืองแสงสีแดงบางๆ */ background-color: #FF0000; /* สีแดงหลัก */ box-shadow: 0 0 5px rgba(255, 0, 0, 0.8); border-radius: 2px; /* ทำให้ขอบมนเล็กน้อย (ไม่จำเป็นต้องใส่ก็ได้) */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-232a529 *//* 1. กำหนดสไตล์หลักของหัวข้อ H3 */ .elementor-233 .elementor-element.elementor-element-232a529 .elementor-heading-title { color: #FFFFFF; /* สีตัวอักษรหลัก: สีขาว */ text-shadow: none; /* ยกเลิกเงาเรืองแสง */ /* 2. สร้างพื้นที่สำหรับเส้นขีดเน้น */ position: relative; /* เว้นพื้นที่ด้านซ้ายสำหรับเส้น Accent */ padding-left: 15px; /* ปรับระยะห่างระหว่างตัวอักษรและเส้น Accent */ margin-left: 0; } /* 3. สร้างเส้นขีดแนวตั้งสีแดงด้านซ้าย (Vertical Accent) */ .elementor-233 .elementor-element.elementor-element-232a529 .elementor-heading-title:before { content: ''; position: absolute; top: 50%; /* จัดตำแหน่งกึ่งกลางแนวตั้ง */ left: 0; /* ติดกับขอบซ้ายของข้อความ */ transform: translateY(-50%); /* จัดกึ่งกลางเป๊ะ */ width: 5px; /* **ความหนา:** หนา 5px */ height: 100%; /* **ความยาว:** ยาวเต็มความสูงของข้อความ H3 */ /* สีแดงเพลิง และเพิ่มเงาเรืองแสงสีแดงบางๆ */ background-color: #FF0000; /* สีแดงหลัก */ box-shadow: 0 0 5px rgba(255, 0, 0, 0.8); border-radius: 2px; /* ทำให้ขอบมนเล็กน้อย (ไม่จำเป็นต้องใส่ก็ได้) */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5abce00 *//* 1. กำหนดสไตล์หลักของหัวข้อ H3 */ .elementor-233 .elementor-element.elementor-element-5abce00 .elementor-heading-title { color: #FFFFFF; /* สีตัวอักษรหลัก: สีขาว */ text-shadow: none; /* ยกเลิกเงาเรืองแสง */ /* 2. สร้างพื้นที่สำหรับเส้นขีดเน้น */ position: relative; /* เว้นพื้นที่ด้านซ้ายสำหรับเส้น Accent */ padding-left: 15px; /* ปรับระยะห่างระหว่างตัวอักษรและเส้น Accent */ margin-left: 0; } /* 3. สร้างเส้นขีดแนวตั้งสีแดงด้านซ้าย (Vertical Accent) */ .elementor-233 .elementor-element.elementor-element-5abce00 .elementor-heading-title:before { content: ''; position: absolute; top: 50%; /* จัดตำแหน่งกึ่งกลางแนวตั้ง */ left: 0; /* ติดกับขอบซ้ายของข้อความ */ transform: translateY(-50%); /* จัดกึ่งกลางเป๊ะ */ width: 5px; /* **ความหนา:** หนา 5px */ height: 100%; /* **ความยาว:** ยาวเต็มความสูงของข้อความ H3 */ /* สีแดงเพลิง และเพิ่มเงาเรืองแสงสีแดงบางๆ */ background-color: #FF0000; /* สีแดงหลัก */ box-shadow: 0 0 5px rgba(255, 0, 0, 0.8); border-radius: 2px; /* ทำให้ขอบมนเล็กน้อย (ไม่จำเป็นต้องใส่ก็ได้) */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4f5ee5a *//* 1. กำหนดสไตล์หลักของหัวข้อ H3 */ .elementor-233 .elementor-element.elementor-element-4f5ee5a .elementor-heading-title { color: #FFFFFF; /* สีตัวอักษรหลัก: สีขาว */ text-shadow: none; /* ยกเลิกเงาเรืองแสง */ /* 2. สร้างพื้นที่สำหรับเส้นขีดเน้น */ position: relative; /* เว้นพื้นที่ด้านซ้ายสำหรับเส้น Accent */ padding-left: 15px; /* ปรับระยะห่างระหว่างตัวอักษรและเส้น Accent */ margin-left: 0; } /* 3. สร้างเส้นขีดแนวตั้งสีแดงด้านซ้าย (Vertical Accent) */ .elementor-233 .elementor-element.elementor-element-4f5ee5a .elementor-heading-title:before { content: ''; position: absolute; top: 50%; /* จัดตำแหน่งกึ่งกลางแนวตั้ง */ left: 0; /* ติดกับขอบซ้ายของข้อความ */ transform: translateY(-50%); /* จัดกึ่งกลางเป๊ะ */ width: 5px; /* **ความหนา:** หนา 5px */ height: 100%; /* **ความยาว:** ยาวเต็มความสูงของข้อความ H3 */ /* สีแดงเพลิง และเพิ่มเงาเรืองแสงสีแดงบางๆ */ background-color: #FF0000; /* สีแดงหลัก */ box-shadow: 0 0 5px rgba(255, 0, 0, 0.8); border-radius: 2px; /* ทำให้ขอบมนเล็กน้อย (ไม่จำเป็นต้องใส่ก็ได้) */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6bd668b *//* 1. กำหนดสไตล์หลักของหัวข้อ H3 */ .elementor-233 .elementor-element.elementor-element-6bd668b .elementor-heading-title { color: #FFFFFF; /* สีตัวอักษรหลัก: สีขาว */ text-shadow: none; /* ยกเลิกเงาเรืองแสง */ /* 2. สร้างพื้นที่สำหรับเส้นขีดเน้น */ position: relative; /* เว้นพื้นที่ด้านซ้ายสำหรับเส้น Accent */ padding-left: 15px; /* ปรับระยะห่างระหว่างตัวอักษรและเส้น Accent */ margin-left: 0; } /* 3. สร้างเส้นขีดแนวตั้งสีแดงด้านซ้าย (Vertical Accent) */ .elementor-233 .elementor-element.elementor-element-6bd668b .elementor-heading-title:before { content: ''; position: absolute; top: 50%; /* จัดตำแหน่งกึ่งกลางแนวตั้ง */ left: 0; /* ติดกับขอบซ้ายของข้อความ */ transform: translateY(-50%); /* จัดกึ่งกลางเป๊ะ */ width: 5px; /* **ความหนา:** หนา 5px */ height: 100%; /* **ความยาว:** ยาวเต็มความสูงของข้อความ H3 */ /* สีแดงเพลิง และเพิ่มเงาเรืองแสงสีแดงบางๆ */ background-color: #FF0000; /* สีแดงหลัก */ box-shadow: 0 0 5px rgba(255, 0, 0, 0.8); border-radius: 2px; /* ทำให้ขอบมนเล็กน้อย (ไม่จำเป็นต้องใส่ก็ได้) */ }/* End custom CSS */