.elementor-32 .elementor-element.elementor-element-49d6ece{--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-32 .elementor-element.elementor-element-49d6ece:not(.elementor-motion-effects-element-type-background), .elementor-32 .elementor-element.elementor-element-49d6ece > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-32 .elementor-element.elementor-element-b5b16d3{--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-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-32 .elementor-element.elementor-element-6cf4470 .elementor-button{background-color:#FFFFFF00;font-family:"Noto Sans Lao", Sans-serif;font-weight:500;fill:#292929;color:#292929;}.elementor-32 .elementor-element.elementor-element-6cf4470 > .elementor-widget-container{border-style:solid;border-width:0px 0px 1px 0px;border-color:#ADADAD;}.elementor-32 .elementor-element.elementor-element-6cf4470 .elementor-button:hover, .elementor-32 .elementor-element.elementor-element-6cf4470 .elementor-button:focus{color:#F80000;}.elementor-32 .elementor-element.elementor-element-6cf4470 .elementor-button:hover svg, .elementor-32 .elementor-element.elementor-element-6cf4470 .elementor-button:focus svg{fill:#F80000;}.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-32 .elementor-element.elementor-element-a433b0d .elementor-button{background-color:#FFFFFF00;font-family:"Noto Sans Lao", Sans-serif;font-weight:500;fill:#292929;color:#292929;}.elementor-32 .elementor-element.elementor-element-a433b0d > .elementor-widget-container{border-style:solid;border-width:0px 0px 1px 0px;border-color:#ADADAD;}.elementor-32 .elementor-element.elementor-element-a433b0d .elementor-button:hover, .elementor-32 .elementor-element.elementor-element-a433b0d .elementor-button:focus{color:#F80000;}.elementor-32 .elementor-element.elementor-element-a433b0d .elementor-button:hover svg, .elementor-32 .elementor-element.elementor-element-a433b0d .elementor-button:focus svg{fill:#F80000;}.elementor-32 .elementor-element.elementor-element-4fcb5bd{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-32 .elementor-element.elementor-element-2231810.elementor-element{--align-self:flex-end;}.elementor-32 .elementor-element.elementor-element-bafb448{--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-32 .elementor-element.elementor-element-39e5f16{--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:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-32 .elementor-element.elementor-element-39e5f16:not(.elementor-motion-effects-element-type-background), .elementor-32 .elementor-element.elementor-element-39e5f16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D30017D;}.elementor-32 .elementor-element.elementor-element-86a2dc6 img{width:100%;}.elementor-32 .elementor-element.elementor-element-3d8aadf{--display:flex;}body.elementor-page-32:not(.elementor-motion-effects-element-type-background), body.elementor-page-32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}@media(max-width:1024px){.elementor-32 .elementor-element.elementor-element-4fcb5bd{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-32 .elementor-element.elementor-element-b5b16d3{--width:50%;}.elementor-32 .elementor-element.elementor-element-bafb448{--width:50%;}}@media(max-width:767px){.elementor-32 .elementor-element.elementor-element-4fcb5bd{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-e8027f8 */.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, #0D3001, #0D4801);
        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-2b1846b */@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, #0D3001, #0D4801);
        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 */