.elementor-33 .elementor-element.elementor-element-86a7ced{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-b4621ef{--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-33 .elementor-element.elementor-element-b4621ef:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-b4621ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image-box .elementor-image-box-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-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{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-33 .elementor-element.elementor-element-c07afa1 .elementor-image-box-wrapper{text-align:left;}.elementor-33 .elementor-element.elementor-element-c07afa1.elementor-position-right .elementor-image-box-img{margin-left:11px;}.elementor-33 .elementor-element.elementor-element-c07afa1.elementor-position-left .elementor-image-box-img{margin-right:11px;}.elementor-33 .elementor-element.elementor-element-c07afa1.elementor-position-top .elementor-image-box-img{margin-bottom:11px;}.elementor-33 .elementor-element.elementor-element-c07afa1 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-33 .elementor-element.elementor-element-c07afa1 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-33 .elementor-element.elementor-element-c07afa1 .elementor-image-box-title{font-family:"boonhome", Sans-serif;font-weight:600;color:#505152;}.elementor-33 .elementor-element.elementor-element-ceeb824 .elementor-image-box-wrapper{text-align:left;}.elementor-33 .elementor-element.elementor-element-ceeb824.elementor-position-right .elementor-image-box-img{margin-left:11px;}.elementor-33 .elementor-element.elementor-element-ceeb824.elementor-position-left .elementor-image-box-img{margin-right:11px;}.elementor-33 .elementor-element.elementor-element-ceeb824.elementor-position-top .elementor-image-box-img{margin-bottom:11px;}.elementor-33 .elementor-element.elementor-element-ceeb824 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-33 .elementor-element.elementor-element-ceeb824 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-33 .elementor-element.elementor-element-ceeb824 .elementor-image-box-title{font-family:"boonhome", Sans-serif;font-weight:600;color:#505152;}.elementor-33 .elementor-element.elementor-element-0f001e7{--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-33 .elementor-element.elementor-element-0f001e7:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-0f001e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-33 .elementor-element.elementor-element-e12b177{--divider-border-style:solid;--divider-color:#636262;--divider-border-width:1px;}.elementor-33 .elementor-element.elementor-element-e12b177 .elementor-divider-separator{width:41%;}.elementor-33 .elementor-element.elementor-element-e12b177 .elementor-divider{padding-block-start:14px;padding-block-end:14px;}.elementor-33 .elementor-element.elementor-element-e12b177 .elementor-divider__text{color:#741F1F;font-family:"boonhome", Sans-serif;font-weight:400;}.elementor-33 .elementor-element.elementor-element-ec6315f{--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;}.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-33 .elementor-element.elementor-element-bc4d7bb .widget-image-caption{text-align:left;font-family:"boonhome", Sans-serif;font-weight:400;}.elementor-33 .elementor-element.elementor-element-49cb3aa .widget-image-caption{text-align:left;font-family:"boonhome", Sans-serif;font-weight:400;}.elementor-33 .elementor-element.elementor-element-3d23a01{--display:flex;}body.elementor-page-33:not(.elementor-motion-effects-element-type-background), body.elementor-page-33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DFDFDF;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-33 .elementor-element.elementor-element-c07afa1 .elementor-image-box-img{margin-bottom:11px;}.elementor-33 .elementor-element.elementor-element-ceeb824 .elementor-image-box-img{margin-bottom:11px;}}@media(min-width:768px){.elementor-33 .elementor-element.elementor-element-b4621ef{--width:33.3333%;}.elementor-33 .elementor-element.elementor-element-0f001e7{--width:66.6666%;}}/* Start custom CSS for html, class: .elementor-element-fefe693 */body {
            font-family: boonhome, sans-serif;
            color: #fff;
            text-align: center;
            margin: 0;
            padding: 0;
        }
        .custom-container {
            display: inline-block;
            width: 100%;
            vertical-align: top;
            border: 1px solid #333;
            border-radius: 10px;
            background-color: #fff;
            
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            
            position: relative;
            z-index: 1;
        }
        .custom-header {
            background: linear-gradient(to bottom, #650000, #df0000);
            color: #fff;
            padding: 10px;
            text-align: center;
            border-radius: 10px 10px 0 0;
            position: relative;
            z-index: 2;
        }
        .custom-flag {
            width: 60px;
            height: auto;
            position: absolute;
            left: 10px;
            top: 1px;
        }
        .custom-numbers {
            display: flex;
            padding: 10px;
            justify-content: center;
            margin-bottom: 20px;
            color: #333;
        }
        .custom-numbers div {
            background-color: #fff;
            margin: 0 5px;
            border-radius: 5px;
            width: 60px;
            height: 80px;
            border: 1px solid #333;
            font-weight: 800;
            font-size: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .custom-table {
            margin: 0 auto;
            border-collapse: collapse;
            margin-top: 20px;
            font-size: 22px;
            color: #333 !important; /* ใช้ !important เพื่อบังคับให้ข้อความมีสีนี้ */
            width: 80%;
            table-layout: fixed;
        }
        .custom-table th, .custom-table td {
            border: 1px solid #333;
            padding: 10px !important;
            text-align: center;
            width: 50%;
            background-color: #f9f9f9 !important; /* ใช้ !important เพื่อกำหนดสีพื้นหลัง */
            color: #333 !important; /* ใช้ !important เพื่อให้สีข้อความไม่เปลี่ยน */
        }
        h1, h3 {
            font-size: 12px;
            text-align: center;
            font-weight: 400;
            color: #333;
            margin-bottom: 20px;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-064897a */@import url('https://fonts.googleapis.com/css2?family=Boonhome&display=swap');

    body {
      font-family: 'Boonhome', sans-serif;
    }

    #history-table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 10px;
    }

    #history-table th,
    #history-table td {
      border: 1px solid #333;
      padding: 8px;
      text-align: center;
      color: #000;
    }

    #history-table th {
      background: linear-gradient(to bottom, #650000, #df0000);
      color: #fff;
    }

    .pagination {
      display: flex;
      justify-content: center;
      margin: 20px 0;
    }

    .pagination button {
      border: none;
      padding: 8px 16px;
      margin: 0 4px;
      cursor: pointer;
      background-color: #f1f1f1;
      color: #333;
    }

    .pagination button.active {
      background: linear-gradient(to bottom, #23262A, #515962);
      color: white;
    }

    .pagination button:hover:not(.active) {
      background-color: #ddd;
    }/* End custom CSS */