.elementor-51 .elementor-element.elementor-element-b97f398{--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-51 .elementor-element.elementor-element-b97f398:not(.elementor-motion-effects-element-type-background), .elementor-51 .elementor-element.elementor-element-b97f398 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#77490112;}.elementor-51 .elementor-element.elementor-element-b09dfc6{--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-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-51 .elementor-element.elementor-element-e77238d img{width:100%;}.elementor-51 .elementor-element.elementor-element-93ecee7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-51 .elementor-element.elementor-element-a2198f5{--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-51 .elementor-element.elementor-element-fe26ebd{--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-51 .elementor-element.elementor-element-2922623 img{width:100%;}.elementor-51 .elementor-element.elementor-element-79d3472{--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-51 .elementor-element.elementor-element-79d3472:not(.elementor-motion-effects-element-type-background), .elementor-51 .elementor-element.elementor-element-79d3472 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#77490112;}.elementor-51 .elementor-element.elementor-element-a0c0b0a img{width:100%;}@media(min-width:768px){.elementor-51 .elementor-element.elementor-element-b09dfc6{--width:30%;}.elementor-51 .elementor-element.elementor-element-a2198f5{--width:40%;}.elementor-51 .elementor-element.elementor-element-fe26ebd{--width:30%;}}/* Start custom CSS for html, class: .elementor-element-15071d4 */.custom-container {
    display: block;
    width: 100%;
    max-width: 550px;
    margin: 20px auto;
    border: 1px solid #e7dfd8;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 4px 12px rgba(93, 64, 55, 0.08);
    overflow: hidden;
    font-family: 'BoonHome', sans-serif;
    box-sizing: border-box;
}
.custom-header {
    background-color: #3e2723;
    color: #ffffff;
    padding: 20px;
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 4px solid #8d6e63; 
}
.custom-flag {
    width: 50px;
    height: auto;
    margin-right: 15px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.custom-title-block {
    text-align: left;
}
.custom-title-block strong {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
}
.custom-title-block span {
    display: block;
    font-size: 13px;
    color: #d7ccc8; /* ปรับข้อความซับไตเติลให้เป็นสีครีม/น้ำตาลอ่อน */
    margin-top: 2px;
}
.custom-body {
    padding: 25px 20px;
    background-color: #fbf9f6; /* พื้นหลังเนื้อกระดาษโทนอุ่น */
}
.custom-section-title {
    font-size: 14px;
    font-weight: 700;
    color: #6d4c41; /* ตัวหนังสือหัวข้อสีน้ำตาลปานกลาง */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
    text-align: center;
}
.custom-numbers {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 25px;
}
.custom-numbers div {
    background-color: #ffffff;
    color: #3e2723; /* ตัวเลขสุ่มสีน้ำตาลเข้ม */
    border: 2px solid #d7ccc8; /* ขอบกล่องสีน้ำตาลอ่อน */
    border-radius: 6px;
    width: 55px;
    height: 75px;
    font-weight: 800;
    font-size: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(93, 64, 55, 0.04);
    transition: all 0.1s ease;
}
.custom-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    border: 1px solid #e7dfd8;
}
.custom-table th {
    background-color: #5d4037;
    color: #ffffff !important;
    font-weight: 600;
    font-size: 15px;
    padding: 12px 15px !important;
    text-align: center;
}
.custom-table td {
    padding: 14px 15px !important;
    text-align: center;
    font-size: 16px;
    color: #4e342e !important;
    border-bottom: 1px solid #efebe9;
}
.custom-table tbody tr:last-child td {
    border-bottom: none;
}
.custom-table tbody tr:nth-child(even) {
    background-color: #f5f2ee; 
}
.custom-table td:first-child {
    font-weight: 500;
    color: #8d6e63 !important; 
    border-right: 1px solid #efebe9;
}
.custom-table td:last-child {
    font-weight: 700;
    font-size: 18px;
    color: #3e2723 !important;
}
.custom-table .highlight-prize {
    color: #a0522d !important;
    font-size: 20px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e68a1ca */@import url('https://fonts.googleapis.com/css2?family=Boonhome&family=Noto+Sans+Lao:wght@400;600;700&display=swap');

#history-container {
    font-family: 'Boonhome', 'Noto Sans Lao', sans-serif;
    margin: 20px auto;
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #e1d7ce; 
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(93, 64, 55, 0.08);
    box-sizing: border-box;
}

.history-title-text {
    font-size: 16px;
    font-weight: 700;
    color: #3e2723; 
    margin-bottom: 15px;
    text-align: left;
    border-left: 4px solid #8c512b;
    padding-left: 10px;
    line-height: 1.4;
}

.table-responsive-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #e1d7ce;
    border-radius: 8px;
}

.table-responsive-wrapper::-webkit-scrollbar {
    height: 6px;
}

.table-responsive-wrapper::-webkit-scrollbar-track {
    background: #f7f4f0; 
}

.table-responsive-wrapper::-webkit-scrollbar-thumb {
    background: #d1c5b9;
    border-radius: 10px;
}

#history-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 500px;
    background-color: #ffffff;
}

#history-table th, 
#history-table td {
    padding: 14px 10px;
    text-align: center;
    font-size: 15px;
}

#history-table th {
    background-color: #4a3525; 
    color: #ffffff;
    font-weight: 600;
    border: none;
}

#history-table td {
    color: #4a3b32; 
    border-bottom: 1px solid #f2ede7; 
    white-space: nowrap;
}

#history-table tbody tr:last-child td {
    border-bottom: none;
}

#history-table tbody tr:nth-child(even) {
    background-color: #faf7f2; 
}

#history-table tbody tr:hover td {
    background-color: #f0e6dc; 
    color: #2e1f15;
}

#history-table td:first-child {
    font-weight: 500;
    color: #8c7b70; 
}

#history-table td:nth-child(2) {
    font-weight: 700;
    color: #8c512b; 
}

@media (max-width: 640px) {
    #history-container {
        padding: 15px;
        margin: 15px auto;
    }
    #history-table th, 
    #history-table td {
        padding: 12px 8px;
        font-size: 14px;
    }
}/* End custom CSS */