.elementor-20 .elementor-element.elementor-element-61e4cfb{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-20 .elementor-element.elementor-element-61e4cfb:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-61e4cfb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DF000008;}.elementor-20 .elementor-element.elementor-element-583eaa0{--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-20 .elementor-element.elementor-element-886dcf6{--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-20 .elementor-element.elementor-element-34fe34a > .elementor-widget-container{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(0deg, #DF0000 0%, #650000 100%);border-radius:10px 10px 0px 0px;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.5);}.elementor-20 .elementor-element.elementor-element-34fe34a{text-align:center;}.elementor-20 .elementor-element.elementor-element-34fe34a .elementor-heading-title{font-family:"boonhome", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-4cf2c20{--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-20 .elementor-element.elementor-element-4cf2c20:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-4cf2c20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DF000008;}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-583eaa0{--width:30%;}.elementor-20 .elementor-element.elementor-element-886dcf6{--width:60%;}}/* Start custom CSS for html, class: .elementor-element-37dfaf8 */.lao-lottery-widget {
        max-width: 450px;
        margin: 20px auto;
        font-family: 'BoonHome', 'Kanit', sans-serif;
        color: #333;
        border: 1px solid #333;
        border-radius: 15px;
        overflow: hidden;
        background-color: #fff;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    .widget-header {
        background: linear-gradient(to bottom, #650000, #df0000);
        color: white;
        padding: 15px;
        text-align: center;
    }

    .widget-header h2 {
        margin: 0;
        font-size: 22px;
        color: #ffffff !important;
    }

    .widget-header span {
        font-size: 14px;
        display: block;
        margin-top: 5px;
    }

    .prize-display-area {
        display: flex;
        justify-content: center;
        gap: 8px;
        padding: 30px 10px;
    }

    .number-slot {
        width: 55px;
        height: 75px;
        border: 2px solid #333;
        border-radius: 8px;
        font-size: 40px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        color: #333;
    }

    .result-table {
        width: 100%;
        border-collapse: collapse;
    }

    .result-table td {
        border: 1px solid #333;
        padding: 12px;
        text-align: center;
        font-size: 18px;
        width: 50%;
    }

    .label-col {
        background-color: #ffffff;
    }

    .value-col {
        font-weight: bold;
        color: #333;
    }

    .date-text {
        text-align: center;
        padding: 10px;
        font-size: 16px;
        border-bottom: 1px solid #eee;
        display: none; /* ซ่อนไว้ถ้าไม่ต้องการ หรือเปิดไว้เพื่อแสดงวันที่ */
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f550188 */@font-face {
        font-family: 'BoonHome';
        src: url('https://fonts.gstatic.com/s/boonhome/v1/xxxx.woff2');
        font-weight: normal;
        font-style: normal;
    }

    .lao-lottery-widget {
        max-width: 450px;
        margin: 20px auto;
        font-family: 'BoonHome', sans-serif; 
        color: #333;
        border: 1px solid #333;
        border-radius: 15px;
        overflow: hidden;
        background-color: #fff;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    .widget-header {
        background-color: #a54a38;
        color: white;
        padding: 15px;
        text-align: center;
    }

    .widget-header h2 {
        margin: 0;
        font-size: 26px; 
        font-family: 'BoonHome', sans-serif;
        color: #ffffff !important;
    }

    .widget-header span {
        font-size: 16px;
        display: block;
        margin-top: 5px;
    }

    .prize-display-area {
        display: flex;
        justify-content: center;
        gap: 8px;
        padding: 30px 10px;
    }

    .number-slot {
        width: 55px;
        height: 75px;
        border: 2px solid #333;
        border-radius: 8px;
        font-size: 45px; 
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        color: #333;
        font-family: 'BoonHome', sans-serif;
    }

    .result-table {
        width: 100%;
        border-collapse: collapse;
        font-family: 'BoonHome', sans-serif;
    }

    .result-table td {
        border: 1px solid #333;
        padding: 12px;
        text-align: center;
        font-size: 20px;
    }

#history-container {
     
        margin: 20px auto;
        font-family: 'BoonHome', sans-serif; 
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        border: 1px solid #ddd;
    }

    #history-table {
        width: 100%;
        border-collapse: collapse;
        background: white;
        font-family: 'BoonHome', sans-serif;
    }

    #history-table thead th {
         background: linear-gradient(to bottom, #650000, #df0000);
        color: white;
        font-size: 18px;
        padding: 12px 8px;
        font-weight: normal;
    }

    #history-table tbody td {
        padding: 12px 8px;
        text-align: center;
        border-bottom: 1px solid #eee;
        font-size: 17px;
    }/* End custom CSS */