.elementor-23 .elementor-element.elementor-element-6dede45{--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;}.elementor-23 .elementor-element.elementor-element-8bef44e{--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-23 .elementor-element.elementor-element-347932e{--display:flex;--border-radius:10px 10px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.24);--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-23 .elementor-element.elementor-element-241550e{background-color:#CD3C0E;padding:10px 10px 10px 10px;border-radius:10px 10px 0px 0px;}.elementor-23 .elementor-element.elementor-element-241550e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-23 .elementor-element.elementor-element-e5f54c7{padding:0px 0px 0px 20px;--e-icon-list-icon-size:5px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-offset:-1px;}.elementor-23 .elementor-element.elementor-element-e5f54c7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(9px/2);}.elementor-23 .elementor-element.elementor-element-e5f54c7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(9px/2);}.elementor-23 .elementor-element.elementor-element-e5f54c7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(9px/2);}.elementor-23 .elementor-element.elementor-element-e5f54c7 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-9px/2);}.elementor-23 .elementor-element.elementor-element-e5f54c7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-9px/2);}.elementor-23 .elementor-element.elementor-element-e5f54c7 .elementor-icon-list-item:not(:last-child):after{content:"";width:100%;border-color:#ddd;}.elementor-23 .elementor-element.elementor-element-e5f54c7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:dashed;border-block-start-width:1px;}.elementor-23 .elementor-element.elementor-element-e5f54c7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:dashed;}.elementor-23 .elementor-element.elementor-element-e5f54c7 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-23 .elementor-element.elementor-element-e5f54c7 .elementor-icon-list-icon i{color:#AC0505;transition:color 0.3s;}.elementor-23 .elementor-element.elementor-element-e5f54c7 .elementor-icon-list-icon svg{fill:#AC0505;transition:fill 0.3s;}.elementor-23 .elementor-element.elementor-element-e5f54c7 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-23 .elementor-element.elementor-element-e5f54c7 .elementor-icon-list-text{transition:color 0.3s;}.elementor-23 .elementor-element.elementor-element-faae98e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.24);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-68b7afe{background-color:#CD3C0E;padding:10px 10px 10px 10px;border-radius:10px 10px 0px 0px;}.elementor-23 .elementor-element.elementor-element-68b7afe .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-d2b22c7{--display:flex;--border-radius:10px 10px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.24);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-cc2670f{background-color:#CD3C0E;padding:10px 10px 10px 10px;border-radius:10px 10px 0px 0px;}.elementor-23 .elementor-element.elementor-element-cc2670f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-69e5191{--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-23 .elementor-element.elementor-element-3e223b0{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-8bef44e{--width:33.3333%;}.elementor-23 .elementor-element.elementor-element-69e5191{--width:66.6666%;}}/* Start custom CSS for html, class: .elementor-element-a7af5d9 *//* CONTAINER หลัก */
.xs-lotto-dream-container {
    font-family: Arial, sans-serif;
    max-width: 450px; 
    margin: 20px auto;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: white;
}

/* ตาราง */
.xs-dream-table {
    width: 100%;
    border-collapse: collapse;
}

.xs-dream-table tr {
    background-color: #fff;
}
.xs-dream-table tr:nth-child(even) {
    background-color: #f7f7f7; /* สลับสีพื้นหลัง */
}

.xs-dream-table td {
    border: 1px solid #ddd;
    padding: 5px;
    height: 40px; 
    vertical-align: middle;
}

/* คอลัมน์สัตว์ (คอลัมน์แรก) */
.xs-animal-col {
    width: 50%;
    text-align: left;
    padding-left: 10px !important;
    display: flex;
    align-items: center;
    border-left: none;
}

/* ชื่อสัตว์ */
.xs-animal-name {
    font-size: 13px;
    color: #333;
}

/* คอลัมน์ตัวเลข (คอลัมน์ 2, 3, 4) */
.xs-number-col {
    width: 16.6%; 
    text-align: center;
    font-weight: bold;
}

/* ========================================= */
/* CSS SPRITESHEET: กำหนดตำแหน่งรูปภาพ */
/* ========================================= */

.xs-sprite-icon {
    /* *** ลิงก์รูปภาพรวมของคุณ *** */
    background-image: url('https://xsmb123.com/images/100conso.jpg');
    background-repeat: no-repeat;
    
    /* ** ขนาดพื้นที่ที่ต้องการแสดงผล ** */
    width: 30px; 
    height: 30px; 
    display: inline-block;
    margin-right: 8px; 
    vertical-align: middle;
}

/* 🎯 โค้ดสำหรับกำหนดตำแหน่ง (ตัวเลขเหล่านี้คือตัวอย่างที่ต้องปรับแก้เอง) */
/* สมมติว่าแต่ละไอคอนมีขนาด 30x30px และมีช่องว่าง 2px ระหว่างกัน */
/* คุณต้องใช้เครื่องมือวัดพิกเซลเพื่อหาค่าที่แม่นยำที่สุด */

.xs-sprite-00 { background-position: 0px -170px; } /* Trứng Vịt */
.xs-sprite-01 { background-position: -52px -170px; } /* Cá Trắng */
.xs-sprite-02 { background-position: -102px -170px; } /* Con Ốc */
.xs-sprite-03 { background-position: -149px -170px; } /* Con Vịt */
.xs-sprite-04 { background-position: -199px -170px; } /* Con Công */
.xs-sprite-05 { background-position: -252px -170px; } /* Con Trùng */
.xs-sprite-06 { background-position: -102px -22px; }
.xs-sprite-07 { background-position: -52px -320px; }
.xs-sprite-08 { background-position: -52px -320px;}
.xs-sprite-09 { background-position: -52px -320px; }
.xs-sprite-10 { background-position: -52px -320px; }
.xs-sprite-11 { background-position: -52px -320px; }
.xs-sprite-12 { background-position: -52px -320px; }
.xs-sprite-13 { background-position: -52px -320px; }
.xs-sprite-14 { background-position: -52px -320px; }
.xs-sprite-15 { background-position: -52px -320px; }
.xs-sprite-16 { background-position: -52px -320px; }
/* Con Cọp */
/* ... และดำเนินต่อไปจนครบทุกรูป โดยปรับค่า X และ Y */


/* ========================================= */
/* สไตล์ลูกบอลตัวเลข (ยังคงเดิม) */
/* ========================================= */
.xs-ball {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    border-radius: 50%; 
    color: white;
    font-size: 13px;
    font-weight: bold;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* กำหนดสีลูกบอลตามภาพ */
.xs-ball-gray { background-color: #b0b0b0; }
.xs-ball-blue { background-color: #3498db; }
.xs-ball-green { background-color: #2ecc71; }
.xs-ball-red { background-color: #e74c3c; }
.xs-ball-yellow { background-color: #f1c40f; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-28cc128 */#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-458079d *//* CONTAINER หลัก */
.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;				
    display: table-cell !important;
}				


.lottery-statistics .xs-main-title-row {
    background-color: #3b73b2 !important; /* สีฟ้า */
    
    border-bottom: none !important;
}
.lottery-statistics .xs-main-title-cell {
    padding: 10px !important;
    border: none !important;
    text-align: center !important;
    font-weight: 800 !important;
    color: white !important;
    background-color: #cd3c0e !important; /* บังคับสีพื้นหลัง */
    font-size: 18px !important;
}

/* ========================================= */
/* สไตล์หัวตารางปกติ (แถวที่ 2: Giải/Kết Quả) */
.lottery-statistics th {				
    background-color: #f2f2f2 !important; /* สีเทาอ่อน */
    color: #333 !important;				
    font-weight: 800 !important;
    border-bottom: 2px solid #ccc !important;
}				

/* สไตล์แถววันที่ (หากคุณยังต้องการแถววันที่ต่อจากหัวตารางปกติ) */
.lottery-statistics .date-header-row {
    background-color: #f0f0f0 !important; /* สีพื้นหลัง */
    border-bottom: 2px solid #ccc !important;
    font-size: 16px !important;
    padding: 10px 0 !important;
}
.lottery-statistics .date-header-row td {
    padding: 10px !important;
    border: none !important;
    text-align: center !important;
    font-weight: bold !important;
    color: #333 !important; 
    background-color: #f0f0f0 !important;
}

/* Fix: ปิดการซ่อนหัวตารางเก่าที่อาจมีผล */
.lottery-statistics .hide-header thead {				
    display: table-header-group !important; /* บังคับให้แสดง */
}	
/* ถ้าคุณไม่ต้องการแถวที่ 2 ที่มี Tỉnh/Ngày (แถวที่ 2 เดิม) ให้ใช้โค้ดด้านล่างนี้ */
.lottery-statistics .show-header thead tr:nth-child(2) th {
    /* กำหนดสไตล์ที่ต้องการสำหรับแถวที่ 2 */
}


/* สไตล์อื่นๆ ยังคงเดิม */
.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); }				
}				
			
#resultDB, #resultG7_1, #resultG7_2, #resultG7_3, #resultG7_4 {				
    color: red;				
    font-weight: 800;				
}				
/* Media Queries ยังคงเดิม */
/* ... *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ced9ad *//* CONTAINER หลัก */
.xs-kqdt-container {
    font-family: Arial, sans-serif;
    max-width: 600px;
    margin: 20px auto;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
}

/* ส่วนหัวหลัก (สีส้มอ่อน/ครีม) */
.xs-kqdt-main-title {
    background-color: #cd3c0e; /* สีครีม/ส้มอ่อน */
    color: #fff; /* สีข้อความเข้ม */
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 15px 10px;
    margin: 0;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #f0e0b7;
}

/* Wrapper สำหรับการจัดเรียงคอลัมน์ */
.xs-kqdt-grid-wrapper {
    padding: 15px;
}

/* แถว 2 คอลัมน์ด้านบน (ใช้ Flexbox) */
.xs-kqdt-row-2col {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 15px;
}

.xs-kqdt-col {
    flex: 1; /* แบ่งพื้นที่เท่ากัน */
    padding: 0 10px;
    border-right: 1px solid #eee;
}

.xs-kqdt-col:last-child {
    border-right: none;
}

/* แถว 1 คอลัมน์ด้านล่าง (6x36) */
.xs-kqdt-row-1col {
    padding: 0 10px;
    margin-bottom: 15px;
}

/* ส่วนหัวย่อยของแต่ละตาราง */
.xs-kqdt-subtitle {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin: 0 0 10px 0;
}

/* Wrapper สำหรับลูกบอลตัวเลข */
.xs-kqdt-numbers-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ลูกบอลตัวเลข */
.xs-ball {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 15px;
    margin: 0 4px;
    border-radius: 50%; /* ทำให้เป็นวงรี/วงกลม */
    border: 1px solid #ccc;
}

/* สไตล์เฉพาะสำหรับลูกบอล */
.xs-ball-light-red {
    background-color: #f7e9e9;
    color: #e74c3c; /* สีแดง */
}

.xs-ball-light-gray {
    background-color: #f0f0f0;
    color: #555;
}

/* จัดเรียงลูกบอลสำหรับ 6x36 */
.xs-numbers-6col .xs-ball {
    width: 35px;
    height: 35px;
    padding: 0;
    font-size: 13px;
}

/* ส่วนรายการลิงก์/ข้อความด้านล่าง */
.xs-kqdt-link-list {
    margin: 0 15px;
    padding-top: 10px;
    border-top: 1px solid #eee;
}

.xs-kqdt-link-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.xs-kqdt-link-list li {
    font-size: 13px;
    color: #333;
    padding: 4px 0;
    position: relative;
    padding-left: 15px;
}

.xs-kqdt-link-list li::before {
    content: '›'; /* สัญลักษณ์ลูกศรสีแดง */
    color: #e74c3c;
    font-weight: bold;
    position: absolute;
    left: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0ec0ea */.xs-history-title {
    text-align: center !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #fff !important;
    background-color: #cd3c0e !important; /* พื้นหลังสีเทาอ่อน */
    padding: 10px !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    border-radius: 5px 5px 0 0;
    border: 1px solid #ddd;
    border-bottom: none;
}

/* ปรับสไตล์ส่วนหัวตารางผลลัพธ์ */
#lotteryResultsNew .result-table-new thead th {
    /* เปลี่ยนสีพื้นหลังหัวตารางเป็นสีขาว/เทาอ่อน */
    background-color: #f9f9f9 !important; 
    /* เปลี่ยนสีข้อความให้เป็นสีเข้ม */
    color: #333 !important; 
}/* End custom CSS */