.elementor-117 .elementor-element.elementor-element-7b22de09{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-117 .elementor-element.elementor-element-1e415e0c{--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-117 .elementor-element.elementor-element-1e415e0c:not(.elementor-motion-effects-element-type-background), .elementor-117 .elementor-element.elementor-element-1e415e0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-117 .elementor-element.elementor-element-2af4437e{--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-117 .elementor-element.elementor-element-2af4437e:not(.elementor-motion-effects-element-type-background), .elementor-117 .elementor-element.elementor-element-2af4437e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-117 .elementor-element.elementor-element-518648b9{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#353535;--border-color:#353535;--border-radius:0px 0px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-117 .elementor-element.elementor-element-68674367{background-color:#CB0506;padding:10px 10px 10px 10px;}.elementor-117 .elementor-element.elementor-element-68674367 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.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-117 .elementor-element.elementor-element-76d666af{padding:10px 10px 10px 10px;font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}.elementor-117 .elementor-element.elementor-element-76d666af a{color:#131313;}.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-117 .elementor-element.elementor-element-1db14d9e{--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-117 .elementor-element.elementor-element-1db14d9e:not(.elementor-motion-effects-element-type-background), .elementor-117 .elementor-element.elementor-element-1db14d9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-117 .elementor-element.elementor-element-3544e23b{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#353535;--border-color:#353535;--border-radius:0px 0px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-117 .elementor-element.elementor-element-364fb1b0{background-color:#CB0506;padding:10px 10px 10px 10px;}.elementor-117 .elementor-element.elementor-element-364fb1b0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-117 .elementor-element.elementor-element-20c014da img{width:100%;}body.elementor-page-117:not(.elementor-motion-effects-element-type-background), body.elementor-page-117 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#26272C;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-117 .elementor-element.elementor-element-7b22de09{--content-width:940px;}.elementor-117 .elementor-element.elementor-element-1e415e0c{--width:25%;}.elementor-117 .elementor-element.elementor-element-2af4437e{--width:50%;}.elementor-117 .elementor-element.elementor-element-1db14d9e{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-117 .elementor-element.elementor-element-1e415e0c{--width:250px;}.elementor-117 .elementor-element.elementor-element-2af4437e{--width:750px;}}/* Start custom CSS for html, class: .elementor-element-54439b52 */.xs-city-list-container { */ border: 1px solid #ddd; font-family: Arial, sans-serif; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* *** NEW FIX: บังคับให้จัดเรียงเนื้อหาเป็นชิดซ้าย *** */ text-align: left !important; } .xs-list-header { font-size: 14px; font-weight: bold; color: white; /* *** NEW FIX: บังคับให้จัดกึ่งกลางตามภาพตัวอย่าง *** */ text-align: center !important; padding: 8px 10px; margin: 0; } .xs-header-dark-red { background-color: #CB0506; } .xs-header-red { background-color: #CB0506; } .xs-list { list-style: none; padding: 0; margin: 0; } /* รายการย่อย (LI) */ .xs-list-item { font-size: 13px; padding: 10px 15px; cursor: pointer; border-bottom: 1px solid #eee; color: #333; transition: background-color 0.2s; display: flex; align-items: center; /* *** NEW FIX: บังคับการจัดวางเนื้อหาหลักให้ชิดซ้ายเสมอ *** */ justify-content: flex-start !important; text-align: left !important; } /* สไตล์พื้นหลังสลับสีสำหรับกลุ่ม A (Xổ số trực tiếp) */ .xs-list-type-a .xs-list-item:nth-child(even) { background-color: #f7f7f7; } /* สไตล์พื้นหลังสลับสีสำหรับกลุ่ม B (Miền Nam/Miền Trung) */ .xs-list-type-b .xs-list-item:nth-child(odd) { background-color: #f7f7f7; } /* รายการที่ Active ในกลุ่ม A */ .xs-list-type-a .xs-item-a-active { background-color: #eee; font-weight: bold; } /* ไอคอนเมือง */ .xs-icon-city { color: #ab4553; /* สีแดงสำหรับไอคอน */ font-size: 10px; margin-right: 8px; vertical-align: middle; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-77527e33 *//* ==================================== */ /* CSS สำหรับ ตารางย้อนหลัง (#lotteryResultsNew) */ /* ==================================== */ #lotteryResultsNew .result-table-new { width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; } #lotteryResultsNew .result-table-new th, #lotteryResultsNew .result-table-new td { border: 1px solid #ddd; padding: 8px; text-align: center; font-weight: bold; display: table-cell !important; } #lotteryResultsNew .result-table-new th { background-color: #f2f2f2; color: #333; } #lotteryResultsNew .result-table-new td { width: 100px; background-color: white; } /* Fix: ทำให้หัวตารางในโค้ดที่สองแสดงผลได้ (หากโค้ดอื่นซ่อนไว้) */ #lotteryResultsNew .result-table-new thead { display: table-header-group !important; /* บังคับให้แสดง */ } /* Fix: ซ่อนแถว th ที่ไม่จำเป็นออก (ถ้ามี) */ /* #lotteryResultsNew .result-table-new thead tr:nth-child(2) { display: none !important; } */ .loading-new { display: inline-block; width: 20px; height: 20px; border: 3px solid #fff; border-radius: 50%; border-top: 3px solid red; animation: spin-new 1s linear infinite; } @keyframes spin-new { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #lotteryResultsNew .result-table-new #resultDNew, #lotteryResultsNew .result-table-new #resultG7_1New, #lotteryResultsNew .result-table-new #resultG7_2New, #lotteryResultsNew .result-table-new #resultG7_3New, #lotteryResultsNew .result-table-new #resultG7_4New { color: red; font-weight: 800; } /* ==================================== */ /* CSS สำหรับ ปฏิทินเลือกวัน (.xs-calendar-wrapper) */ /* ==================================== */ .xs-calendar-wrapper { max-width: 300px; margin: 20px auto; border: 1px solid #ddd; border-radius: 5px; background-color: white; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .xs-calendar-month { display: flex; justify-content: space-between; align-items: center; background-color: #f7f7f7; padding: 8px 10px; font-weight: bold; font-size: 14px; border-bottom: 1px solid #ddd; } .xs-calendar-date, .xs-calendar-year { color: #3b73b2; } .xs-calendar-arrow { cursor: pointer; color: #444; } .xs-calendar-grid { display: grid; grid-template-columns: repeat(7, 1fr); padding: 5px; gap: 2px; } .xs-calendar-day-header { text-align: center; font-size: 11px; font-weight: bold; color: #666; padding: 5px 0; } .xs-calendar-day { text-align: center; font-size: 13px; padding: 5px 0; cursor: default; border-radius: 3px; height: 25px; /* กำหนดความสูงเพื่อให้เป็นช่องสี่เหลี่ยม */ } .xs-calendar-date-item { background-color: #f5f5f5; color: #333; cursor: pointer; /* มี Cursor เฉพาะวันที่คลิกได้ */ } /* วันอาทิตย์ (CN) */ .xs-calendar-grid .xs-calendar-date-item:nth-child(7n) { color: #e74c3c; } /* วันที่ที่เลือก (Active State) */ .xs-calendar-date-item.xs-calendar-active { background-color: #3b73b2 !important; color: white !important; font-weight: bold; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6d2dbee1 */.lottery-statistics table { width: 100%; background-color: #fff; border-collapse: collapse; font-family: Arial, sans-serif; } .lottery-statistics th, .lottery-statistics td { border: 1px solid #ddd; padding: 8px; text-align: center; font-weight: bold; /* แก้ปัญหา td ถูกซ่อน: บังคับให้แสดงผลเป็นเซลล์ตาราง */ display: table-cell !important; } .lottery-statistics th { background-color: #f2f2f2; color: #333; } .lottery-statistics .date-header-row { background-color: red !important; border-bottom: 2px solid #8e3a47; font-size: 16px; padding: 10px 0; } .lottery-statistics .date-header-row td { padding: 10px !important; border: none !important; text-align: center !important; font-weight: bold; color: white !important; background-color: red !important; } /* *** END NEW CSS *** */ .lottery-statistics .loading { display: inline-block; width: 20px; height: 20px; border: 3px solid #fff; border-radius: 50%; border-top: 3px solid red; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Hide unnecessary headers for this table */ .lottery-statistics .hide-header thead { /* ลบคลาส .hide-header thead display: none; ออกเพื่อแสดงหัวตารางวันที่ */ } /* ซ่อนแถว th ที่ไม่จำเป็นออก */ .lottery-statistics .hide-header thead tr:nth-child(2) { display: none; } #resultDB, #resultG7_1, #resultG7_2, #resultG7_3, #resultG7_4 { color: red; font-weight: 800; } /* Media Queries for mobile devices */ @media (max-width: 600px) { .lottery-statistics td { padding: 4px !important; } } /* Media Queries for tablets */ @media (min-width: 601px) and (max-width: 1024px) { .lottery-statistics td { padding: 6px !important; } } /* Media Queries for computers */ @media (min-width: 1025px) { .lottery-statistics td { padding: 8px !important; } }/* End custom CSS */