.elementor-157 .elementor-element.elementor-element-35acbbe{--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-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-157 .elementor-element.elementor-element-1b5942b{text-align:center;}.elementor-157 .elementor-element.elementor-element-1b5942b .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-157 .elementor-element.elementor-element-b7a5e19{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-400b38c );}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-157 .elementor-element.elementor-element-51ba8b7{border-style:none;--box-border-color:var( --e-global-color-aaabe7c );--header-color:var( --e-global-color-400b38c );--toggle-button-color:var( --e-global-color-400b38c );--item-text-color:var( --e-global-color-400b38c );--item-text-hover-color:var( --e-global-color-623d169 );--item-text-hover-decoration:underline;--item-text-active-color:var( --e-global-color-623d169 );--marker-color:var( --e-global-color-400b38c );}.elementor-157 .elementor-element.elementor-element-51ba8b7 .elementor-toc__header-title{text-align:start;}.elementor-157 .elementor-element.elementor-element-51ba8b7 .elementor-toc__header, .elementor-157 .elementor-element.elementor-element-51ba8b7 .elementor-toc__header-title{font-family:"Kanit", Sans-serif;font-size:16px;font-weight:600;}.elementor-157 .elementor-element.elementor-element-51ba8b7 .elementor-toc__header{flex-direction:row-reverse;column-gap:10px;}.elementor-157 .elementor-element.elementor-element-35f4eb2{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-157 .elementor-element.elementor-element-35f4eb2:not(.elementor-motion-effects-element-type-background), .elementor-157 .elementor-element.elementor-element-35f4eb2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-157 .elementor-element.elementor-element-35f4eb2.e-con{--align-self:center;}.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-157 .elementor-element.elementor-element-4849cbb img{border-radius:10px 10px 10px 10px;}.elementor-157 .elementor-element.elementor-element-6219fbc .elementor-heading-title{color:var( --e-global-color-d10c64c );}.elementor-157 .elementor-element.elementor-element-373f264{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-4adea00 );}.elementor-157 .elementor-element.elementor-element-ceac56e{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-157 .elementor-element.elementor-element-ceac56e:not(.elementor-motion-effects-element-type-background), .elementor-157 .elementor-element.elementor-element-ceac56e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-157 .elementor-element.elementor-element-ceac56e.e-con{--align-self:center;}.elementor-157 .elementor-element.elementor-element-862dcd3 img{border-radius:10px 10px 10px 10px;}.elementor-157 .elementor-element.elementor-element-2ffa98c .elementor-heading-title{color:var( --e-global-color-d10c64c );}.elementor-157 .elementor-element.elementor-element-1b4e696{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-4adea00 );}.elementor-157 .elementor-element.elementor-element-da4d3bc{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-157 .elementor-element.elementor-element-da4d3bc:not(.elementor-motion-effects-element-type-background), .elementor-157 .elementor-element.elementor-element-da4d3bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-157 .elementor-element.elementor-element-da4d3bc.e-con{--align-self:center;}.elementor-157 .elementor-element.elementor-element-91b789c img{border-radius:10px 10px 10px 10px;}.elementor-157 .elementor-element.elementor-element-a31817d .elementor-heading-title{color:var( --e-global-color-d10c64c );}.elementor-157 .elementor-element.elementor-element-5c0ce2d{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-4adea00 );}.elementor-157 .elementor-element.elementor-element-1a2bcc1{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-157 .elementor-element.elementor-element-1a2bcc1:not(.elementor-motion-effects-element-type-background), .elementor-157 .elementor-element.elementor-element-1a2bcc1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-157 .elementor-element.elementor-element-1a2bcc1.e-con{--align-self:center;}.elementor-157 .elementor-element.elementor-element-bf2ae2f img{border-radius:10px 10px 10px 10px;}.elementor-157 .elementor-element.elementor-element-f672d6a .elementor-heading-title{color:var( --e-global-color-d10c64c );}.elementor-157 .elementor-element.elementor-element-efccdd4{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-4adea00 );}.elementor-157 .elementor-element.elementor-element-2786f9a{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-157 .elementor-element.elementor-element-2786f9a:not(.elementor-motion-effects-element-type-background), .elementor-157 .elementor-element.elementor-element-2786f9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-157 .elementor-element.elementor-element-2786f9a.e-con{--align-self:center;}.elementor-157 .elementor-element.elementor-element-08a9526 img{border-radius:10px 10px 10px 10px;}.elementor-157 .elementor-element.elementor-element-c1f0abd .elementor-heading-title{color:var( --e-global-color-d10c64c );}.elementor-157 .elementor-element.elementor-element-c986580{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-4adea00 );}.elementor-157 .elementor-element.elementor-element-50069c1{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-157 .elementor-element.elementor-element-50069c1:not(.elementor-motion-effects-element-type-background), .elementor-157 .elementor-element.elementor-element-50069c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-157 .elementor-element.elementor-element-50069c1.e-con{--align-self:center;}.elementor-157 .elementor-element.elementor-element-fce9c27 img{border-radius:10px 10px 10px 10px;}.elementor-157 .elementor-element.elementor-element-24a10a6 .elementor-heading-title{color:var( --e-global-color-d10c64c );}.elementor-157 .elementor-element.elementor-element-b8c1a65{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-4adea00 );}.elementor-157 .elementor-element.elementor-element-4efe94a{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-157 .elementor-element.elementor-element-4efe94a:not(.elementor-motion-effects-element-type-background), .elementor-157 .elementor-element.elementor-element-4efe94a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-157 .elementor-element.elementor-element-4efe94a.e-con{--align-self:center;}.elementor-157 .elementor-element.elementor-element-0287c3d img{border-radius:10px 10px 10px 10px;}.elementor-157 .elementor-element.elementor-element-92da45b .elementor-heading-title{color:var( --e-global-color-d10c64c );}.elementor-157 .elementor-element.elementor-element-4a6243b{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-4adea00 );}.elementor-157 .elementor-element.elementor-element-f8ada42{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-157 .elementor-element.elementor-element-f8ada42:not(.elementor-motion-effects-element-type-background), .elementor-157 .elementor-element.elementor-element-f8ada42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-157 .elementor-element.elementor-element-f8ada42.e-con{--align-self:center;}.elementor-157 .elementor-element.elementor-element-0ff5daa img{border-radius:10px 10px 10px 10px;}.elementor-157 .elementor-element.elementor-element-6190b72 .elementor-heading-title{color:var( --e-global-color-d10c64c );}.elementor-157 .elementor-element.elementor-element-78a78c2{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-4adea00 );}body.elementor-page-157:not(.elementor-motion-effects-element-type-background), body.elementor-page-157 > .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-157 .elementor-element.elementor-element-1b5942b .elementor-heading-title{font-size:20px;}.elementor-157 .elementor-element.elementor-element-b7a5e19{font-size:13.5px;}.elementor-157 .elementor-element.elementor-element-51ba8b7{--separator-width:1px;}.elementor-157 .elementor-element.elementor-element-51ba8b7 .elementor-toc__header{column-gap:6px;}.elementor-157 .elementor-element.elementor-element-373f264{font-size:13.5px;}.elementor-157 .elementor-element.elementor-element-1b4e696{font-size:13.5px;}.elementor-157 .elementor-element.elementor-element-5c0ce2d{font-size:13.5px;}.elementor-157 .elementor-element.elementor-element-efccdd4{font-size:13.5px;}.elementor-157 .elementor-element.elementor-element-c986580{font-size:13.5px;}.elementor-157 .elementor-element.elementor-element-b8c1a65{font-size:13.5px;}.elementor-157 .elementor-element.elementor-element-4a6243b{font-size:13.5px;}.elementor-157 .elementor-element.elementor-element-78a78c2{font-size:13.5px;}}@media(min-width:768px){.elementor-157 .elementor-element.elementor-element-35acbbe{--content-width:960px;}.elementor-157 .elementor-element.elementor-element-35f4eb2{--width:75%;}.elementor-157 .elementor-element.elementor-element-ceac56e{--width:75%;}.elementor-157 .elementor-element.elementor-element-da4d3bc{--width:75%;}.elementor-157 .elementor-element.elementor-element-1a2bcc1{--width:75%;}.elementor-157 .elementor-element.elementor-element-2786f9a{--width:75%;}.elementor-157 .elementor-element.elementor-element-50069c1{--width:75%;}.elementor-157 .elementor-element.elementor-element-4efe94a{--width:75%;}.elementor-157 .elementor-element.elementor-element-f8ada42{--width:75%;}}/* Start custom CSS for heading, class: .elementor-element-1b5942b *//* 1. กำหนดสไตล์หลักของหัวข้อ (H1) */ .elementor-157 .elementor-element.elementor-element-1b5942b .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-157 .elementor-element.elementor-element-1b5942b .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-6219fbc *//* 1. กำหนดสไตล์หลักของหัวข้อ H3 */ .elementor-157 .elementor-element.elementor-element-6219fbc .elementor-heading-title { color: #000000; /* สีตัวอักษรหลัก: สีขาว */ text-shadow: none; /* ยกเลิกเงาเรืองแสง */ /* 2. สร้างพื้นที่สำหรับเส้นขีดเน้น */ position: relative; /* เว้นพื้นที่ด้านซ้ายสำหรับเส้น Accent */ padding-left: 15px; /* ปรับระยะห่างระหว่างตัวอักษรและเส้น Accent */ margin-left: 0; } /* 3. สร้างเส้นขีดแนวตั้งสีแดงด้านซ้าย (Vertical Accent) */ .elementor-157 .elementor-element.elementor-element-6219fbc .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-2ffa98c *//* 1. กำหนดสไตล์หลักของหัวข้อ H3 */ .elementor-157 .elementor-element.elementor-element-2ffa98c .elementor-heading-title { color: #000000; /* สีตัวอักษรหลัก: สีขาว */ text-shadow: none; /* ยกเลิกเงาเรืองแสง */ /* 2. สร้างพื้นที่สำหรับเส้นขีดเน้น */ position: relative; /* เว้นพื้นที่ด้านซ้ายสำหรับเส้น Accent */ padding-left: 15px; /* ปรับระยะห่างระหว่างตัวอักษรและเส้น Accent */ margin-left: 0; } /* 3. สร้างเส้นขีดแนวตั้งสีแดงด้านซ้าย (Vertical Accent) */ .elementor-157 .elementor-element.elementor-element-2ffa98c .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-a31817d *//* 1. กำหนดสไตล์หลักของหัวข้อ H3 */ .elementor-157 .elementor-element.elementor-element-a31817d .elementor-heading-title { color: #000000; /* สีตัวอักษรหลัก: สีขาว */ text-shadow: none; /* ยกเลิกเงาเรืองแสง */ /* 2. สร้างพื้นที่สำหรับเส้นขีดเน้น */ position: relative; /* เว้นพื้นที่ด้านซ้ายสำหรับเส้น Accent */ padding-left: 15px; /* ปรับระยะห่างระหว่างตัวอักษรและเส้น Accent */ margin-left: 0; } /* 3. สร้างเส้นขีดแนวตั้งสีแดงด้านซ้าย (Vertical Accent) */ .elementor-157 .elementor-element.elementor-element-a31817d .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-f672d6a *//* 1. กำหนดสไตล์หลักของหัวข้อ H3 */ .elementor-157 .elementor-element.elementor-element-f672d6a .elementor-heading-title { color: #000000; /* สีตัวอักษรหลัก: สีขาว */ text-shadow: none; /* ยกเลิกเงาเรืองแสง */ /* 2. สร้างพื้นที่สำหรับเส้นขีดเน้น */ position: relative; /* เว้นพื้นที่ด้านซ้ายสำหรับเส้น Accent */ padding-left: 15px; /* ปรับระยะห่างระหว่างตัวอักษรและเส้น Accent */ margin-left: 0; } /* 3. สร้างเส้นขีดแนวตั้งสีแดงด้านซ้าย (Vertical Accent) */ .elementor-157 .elementor-element.elementor-element-f672d6a .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-c1f0abd *//* 1. กำหนดสไตล์หลักของหัวข้อ H3 */ .elementor-157 .elementor-element.elementor-element-c1f0abd .elementor-heading-title { color: #000000; /* สีตัวอักษรหลัก: สีขาว */ text-shadow: none; /* ยกเลิกเงาเรืองแสง */ /* 2. สร้างพื้นที่สำหรับเส้นขีดเน้น */ position: relative; /* เว้นพื้นที่ด้านซ้ายสำหรับเส้น Accent */ padding-left: 15px; /* ปรับระยะห่างระหว่างตัวอักษรและเส้น Accent */ margin-left: 0; } /* 3. สร้างเส้นขีดแนวตั้งสีแดงด้านซ้าย (Vertical Accent) */ .elementor-157 .elementor-element.elementor-element-c1f0abd .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-24a10a6 *//* 1. กำหนดสไตล์หลักของหัวข้อ H3 */ .elementor-157 .elementor-element.elementor-element-24a10a6 .elementor-heading-title { color: #000000; /* สีตัวอักษรหลัก: สีขาว */ text-shadow: none; /* ยกเลิกเงาเรืองแสง */ /* 2. สร้างพื้นที่สำหรับเส้นขีดเน้น */ position: relative; /* เว้นพื้นที่ด้านซ้ายสำหรับเส้น Accent */ padding-left: 15px; /* ปรับระยะห่างระหว่างตัวอักษรและเส้น Accent */ margin-left: 0; } /* 3. สร้างเส้นขีดแนวตั้งสีแดงด้านซ้าย (Vertical Accent) */ .elementor-157 .elementor-element.elementor-element-24a10a6 .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-92da45b *//* 1. กำหนดสไตล์หลักของหัวข้อ H3 */ .elementor-157 .elementor-element.elementor-element-92da45b .elementor-heading-title { color: #000000; /* สีตัวอักษรหลัก: สีขาว */ text-shadow: none; /* ยกเลิกเงาเรืองแสง */ /* 2. สร้างพื้นที่สำหรับเส้นขีดเน้น */ position: relative; /* เว้นพื้นที่ด้านซ้ายสำหรับเส้น Accent */ padding-left: 15px; /* ปรับระยะห่างระหว่างตัวอักษรและเส้น Accent */ margin-left: 0; } /* 3. สร้างเส้นขีดแนวตั้งสีแดงด้านซ้าย (Vertical Accent) */ .elementor-157 .elementor-element.elementor-element-92da45b .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-6190b72 *//* 1. กำหนดสไตล์หลักของหัวข้อ H3 */ .elementor-157 .elementor-element.elementor-element-6190b72 .elementor-heading-title { color: #000000; /* สีตัวอักษรหลัก: สีขาว */ text-shadow: none; /* ยกเลิกเงาเรืองแสง */ /* 2. สร้างพื้นที่สำหรับเส้นขีดเน้น */ position: relative; /* เว้นพื้นที่ด้านซ้ายสำหรับเส้น Accent */ padding-left: 15px; /* ปรับระยะห่างระหว่างตัวอักษรและเส้น Accent */ margin-left: 0; } /* 3. สร้างเส้นขีดแนวตั้งสีแดงด้านซ้าย (Vertical Accent) */ .elementor-157 .elementor-element.elementor-element-6190b72 .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 */