.elementor-18 .elementor-element.elementor-element-c4f85d1{--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-18 .elementor-element.elementor-element-c4f85d1:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-c4f85d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#005BB512;}.elementor-18 .elementor-element.elementor-element-17ab7ee{--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-18 .elementor-element.elementor-element-0af4dc4 > .elementor-widget-container{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(210deg, #005BB5 0%, #003DA5 100%);border-radius:10px 10px 0px 0px;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.5);}.elementor-18 .elementor-element.elementor-element-0af4dc4{text-align:center;}.elementor-18 .elementor-element.elementor-element-0af4dc4 .elementor-heading-title{font-family:"boonhome", Sans-serif;font-size:18px;font-weight:600;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-18 .elementor-element.elementor-element-43fbb59 img{width:100%;}.elementor-18 .elementor-element.elementor-element-4abd993{--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-18 .elementor-element.elementor-element-f9c6614 img{width:100%;}.elementor-18 .elementor-element.elementor-element-7531835 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-42a78aa img{width:100%;}.elementor-18 .elementor-element.elementor-element-e2016bf{--display:flex;}.elementor-18 .elementor-element.elementor-element-e2016bf:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-e2016bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#005BB512;}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-17ab7ee{--width:50%;}.elementor-18 .elementor-element.elementor-element-4abd993{--width:40%;}}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-c4f85d1{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}}/* Start custom CSS for html, class: .elementor-element-e1c8e9d */@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, #003DA5, #005BB5);
        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 */
/* Start custom CSS for html, class: .elementor-element-7531835 */.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, #003DA5, #005BB5);
        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 */