.elementor-8 .elementor-element.elementor-element-7206988{--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;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-b7aa2ff{--display:flex;}.elementor-8 .elementor-element.elementor-element-b7aa2ff:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-b7aa2ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-02e97bf{--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-8 .elementor-element.elementor-element-39bce99{--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-8 .elementor-element.elementor-element-39bce99:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-39bce99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-8 .elementor-element.elementor-element-ff5848e img{width:100%;}.elementor-8 .elementor-element.elementor-element-e40a200 img{width:100%;}.elementor-8 .elementor-element.elementor-element-eabcda7 img{width:100%;}.elementor-8 .elementor-element.elementor-element-3ba3020{--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-8 .elementor-element.elementor-element-3ba3020:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-3ba3020 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-b4eec51 img{width:100%;}.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-8 .elementor-element.elementor-element-27fb9b1{text-align:center;}.elementor-8 .elementor-element.elementor-element-27fb9b1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;color:#4E4E4E;}.elementor-8 .elementor-element.elementor-element-4580413{background-color:#FCF0D8;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FAA700;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-8 .elementor-element.elementor-element-4580413 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#4E4E4E;}.elementor-8 .elementor-element.elementor-element-1064fb7{--display:flex;}.elementor-8 .elementor-element.elementor-element-1064fb7:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-1064fb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C43330;}.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-8 .elementor-element.elementor-element-2da6aeb{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-f89c9ff{--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-8 .elementor-element.elementor-element-f89c9ff:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-f89c9ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}body.elementor-page-8:not(.elementor-motion-effects-element-type-background), body.elementor-page-8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C8172B;background-image:url("http://danang-v.com/wp-content/uploads/2025/10/download.png");}:root{--page-title-display:none;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-39bce99{--width:15%;}.elementor-8 .elementor-element.elementor-element-3ba3020{--width:60%;}.elementor-8 .elementor-element.elementor-element-f89c9ff{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-3f25b68 *//* CONTAINER หลักที่มีขอบอ่อนๆ และยืดหยุ่นตามความกว้างจอ */
.xs-print-container {
    padding: 8px; 
    background-color: #f7f7f7; /* สีพื้นหลังอ่อน */
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    width: 100%; /* ยืดเต็มความกว้างของคอนเทนเนอร์แม่ */
    box-sizing: border-box;
    margin: 10px auto;
}

/* WRAPPER ภายใน (ใช้ Flexbox จัดเรียงแนวนอน) */
.xs-print-wrapper {
    display: flex;
    gap: 8px; /* ระยะห่างระหว่างองค์ประกอบ */
    align-items: center;
    padding: 0 5px;
    white-space: nowrap; /* ป้องกันไม่ให้ขึ้นบรรทัดใหม่ */
    overflow-x: auto; /* จัดการกรณีเมนูยาวเกินจอเล็ก */
}

/* 1. Label "In Vé Dò" */
.xs-print-label {
    background-color: #666;
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 10px;
    border-radius: 4px;
    height: 35px; 
    display: flex;
    align-items: center;
    flex-shrink: 0; 
}

/* 2. Dropdown "Miền Nam" */
.xs-print-dropdown-region {
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 35px;
    padding: 0 25px 0 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    position: relative;
    font-weight: 500;
    flex-shrink: 0;
}

.xs-dropdown-arrow {
    position: absolute;
    right: 10px;
    width: 0; 
    height: 0; 
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333; 
}

/* 3. ช่องวันที่ (05-10-2025) */
.xs-print-input-date {
    display: flex;
    align-items: center;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 35px;
    padding-right: 5px;
    flex-shrink: 0;
}

.xs-date-field {
    border: none;
    outline: none;
    padding: 0 5px;
    font-size: 14px;
    height: 100%;
    width: 90px;
    box-sizing: border-box;
    text-align: center;
    color: #333;
}

.xs-calendar-icon {
    color: #999;
    font-size: 16px;
    cursor: pointer;
}

/* 4, 5, 6. ปุ่มรูปแบบการพิมพ์ (สีฟ้า) */
.xs-format-button {
    background: linear-gradient(to bottom, #5cb8e0, #4298c4); 
    color: white;
    border: 1px solid #3e8eb5;
    border-radius: 4px;
    height: 37px; 
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0;
}

.xs-format-button i {
    margin-right: 5px;
    font-size: 16px;
}

/* สไตล์สำหรับปุ่มที่ถูกเลือก (สีเข้มขึ้น) */
.xs-format-button.xs-format-active {
    background: linear-gradient(to bottom, #4f96b5, #3a7a94); 
    border-color: #33667c;
}

/* 7. ปุ่ม Cài đặt (สีส้ม) */
.xs-setting-button {
    background: linear-gradient(to bottom, #ff9933, #e07b00); 
    color: white;
    border: 1px solid #b36300;
    border-radius: 4px;
    height: 37px;
    padding: 0 15px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    flex-shrink: 0;
}

/* 8. Hotline Section (ใช้รูปภาพจริง) */
.xs-hotline-section {
    display: flex;
    align-items: center;
    margin-left: auto; /* ดันไปชิดขวา */
    gap: 5px;
    flex-shrink: 0;
}

.xs-hotline-text {
    font-weight: bold;
    color: #555;
    font-size: 13px;
    flex-shrink: 0;
}

.xs-hotline-link {
    display: block;
    height: 40px; /* จำกัดความสูงของลิงก์เพื่อให้รูปภาพอยู่ภายใต้การควบคุม */
    flex-shrink: 0;
}

.xs-hotline-image {
    display: block;
    height: 100%; /* ให้ความสูงเท่ากับ parent (40px) */
    width: auto; /* รักษาอัตราส่วนของรูปภาพ */
    max-width: none !important; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2da6aeb */.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;				
            }				
            .lottery-statistics th {				
                background-color: #f2f2f2;				
                color: #333;				
            }				
            .lottery-statistics td {				
                width: 100px;				
            }				
            .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); }				
            }				
          
            .lottery-statistics .hide-header thead {				
                display: none;				
            }				
            #resultDB, #resultG7_1, #resultG7_2, #resultG7_3, #resultG7_4 {				
                color: red;				
                font-weight: 800;				
            }				
          	
            @media (max-width: 600px) {				
                .lottery-statistics td {				
                    padding: 4px;				
                }				
            }				
            /* Media Queries for tablets */				
            @media (min-width: 601px) and (max-width: 1024px) {				
                .lottery-statistics td {				
                    padding: 6px;				
                }				
            }				
           
            @media (min-width: 1025px) {				
                .lottery-statistics td {				
                    padding: 8px;				
                }				
            }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d50722d *//* CONTAINER หลัก */
.xs-lotto-da-nang-container {
    font-family: Arial, sans-serif;
    max-width: 100%;
    margin: 20px auto;
}

/* สไตล์พื้นฐานของตารางทั้งหมดใน CONTAINER นี้ */
.xs-lotto-da-nang-container table {
    width: 100% !important; /* บังคับความกว้าง */
    border-collapse: collapse !important;
    margin-bottom: 20px !important;
}

/* สไตล์พื้นฐานของทุกเซลล์ (td) ภายในตารางนี้เท่านั้น */
.xs-lotto-da-nang-container td {
    /* *** สำคัญ: บังคับให้แสดงผลเป็นเซลล์ตาราง เพื่อแก้ปัญหาถูกโค้ดเก่าซ่อน *** */
    display: table-cell !important; 
    border: 1px solid #ccc !important;
    padding: 8px 5px !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
}

/* 1. สไตล์ส่วนหัวของตารางหลักสิบ (Bảng Loto) */
.xs-lotto-da-nang-header-top {
    background-color: #f2f2f2 !important;
    font-weight: bold !important;
    font-size: 16px !important;
    text-align: left !important;
    color: #333 !important;
    padding: 10px 8px !important;
    border-bottom: 2px solid #ccc !important;
}

/* สไตล์ตารางหลักสิบ */
.xs-lotto-da-nang-loto-table .xs-lotto-da-nang-col-label {
    background-color: #e6e6e6 !important; /* สีพื้นหลังแถบเลข 0-9 */
    width: 5% !important; 
    font-weight: bold !important;
    color: #555 !important;
    border-right: none !important;
}

.xs-lotto-da-nang-loto-table .xs-lotto-da-nang-col-value {
    width: 45% !important; 
    text-align: left !important; 
    font-weight: bold !important;
    border-left: none !important;
}

/* 2. สไตล์ส่วนหัวของตารางรวมผล (Đà Nẵng) */
.xs-lotto-da-nang-header-bottom {
    background-color: #eee !important;
    font-weight: bold !important;
    font-size: 16px !important;
    text-align: left !important;
    color: #333 !important;
    padding: 10px 8px !important;
    border-bottom: 1px solid #ccc !important;
}

.xs-lotto-da-nang-result-table .xs-lotto-da-nang-header-numbers td {
    background-color: #f2f2ff !important; /* พื้นหลังอ่อนๆ */
    font-weight: bold !important;
    color: #333 !important;
    padding: 5px !important;
}

/* สไตล์ส่วนข้อมูลของตารางรวมผล */
.xs-lotto-da-nang-result-table tbody td {
    vertical-align: top !important; 
    /* หากต้องการให้ตารางปรับความสูงตามเนื้อหา ให้ลบ height ออก */
}

/* สีพิเศษ */
.xs-lotto-da-nang-red-text {
    color: red !important;
}

.xs-lotto-da-nang-blue-text {
    color: blue !important;
}

/* ขีดเส้นใต้ */
.xs-lotto-da-nang-underline-text {
    text-decoration: underline !important;
}

/* กำหนดสไตล์สำหรับตัวเลขในตารางหลักสิบที่มีขีดเส้นใต้ */
.xs-lotto-da-nang-loto-table .xs-lotto-da-nang-underline-text {
    text-decoration: underline !important;
    font-weight: bold !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ec50cb *//* CONTAINER หลัก */
.xs-dream-lotto-container {
    font-family: Arial, sans-serif;
    max-width: 400px; /* จำกัดความกว้างให้ดูเหมือนในมือถือ */
    margin: 0 auto;
    border: 1px solid #ddd;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* แท็บเมนูส่วนบน */
.xs-dream-lotto-tabs {
    display: flex;
    justify-content: space-around;
    background-color: #f1f1f1;
    border-bottom: 2px solid #333;
}

.xs-dream-lotto-tab {
    padding: 10px 5px;
    font-weight: bold;
    font-size: 14px;
    color: #555;
    cursor: pointer;
    text-align: center;
    flex-grow: 1;
    border-right: 1px solid #ddd;
}

.xs-dream-lotto-tab:last-child {
    border-right: none;
}

.xs-dream-lotto-tab.tab-active {
    background-color: #333;
    color: #fff;
}

/* เนื้อหาหลัก */
.xs-dream-lotto-content {
    padding: 10px;
    background-color: #fff;
}

/* รายการแต่ละแถว */
.xs-lotto-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px dashed #eee;
}

.xs-lotto-row:last-child {
    border-bottom: none;
}

/* ส่วนรูปภาพและชื่อสัตว์ */
.xs-lotto-animal {
    display: flex;
    align-items: center;
    width: 60%; /* ให้พื้นที่กว้างสำหรับชื่อสัตว์ */
    text-align: left;
}

.xs-animal-img {
    width: 30px; /* ขนาดรูปภาพ */
    height: 30px;
    margin-right: 8px;
}

.xs-animal-name {
    font-size: 14px;
    color: #333;
    line-height: 1.2;
}

/* ส่วนตัวเลข (ลูกบอล) */
.xs-lotto-numbers {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    width: 40%;
}

.xs-number-ball {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; /* ทำให้เป็นวงกลม */
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

/* กำหนดสีลูกบอล */
.ball-gray { background-color: #aaa; }
.ball-blue { background-color: #3498db; }
.ball-green { background-color: #2ecc71; }
.ball-red { background-color: #e74c3c; }
.ball-yellow { background-color: #f1c40f; }

/* ข้อความส่วนท้าย */
.xs-lotto-footer {
    text-align: center;
    font-size: 13px;
    color: #555;
    padding-top: 10px;
    border-top: 1px solid #eee;
}

.xs-lotto-footer span {
    color: #f1c40f; /* สีเหลืองสำหรับเครื่องหมายคำถาม */
    font-weight: bold;
}/* End custom CSS */