.elementor-371 .elementor-element.elementor-element-e35c7b6{--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-371 .elementor-element.elementor-element-2ae8615{--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-text-editor{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-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-371 .elementor-element.elementor-element-0905d2a{--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-371 .elementor-element.elementor-element-07359e7{--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-371 .elementor-element.elementor-element-aeecb1d{--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-371 .elementor-element.elementor-element-022e82d{--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;}@media(min-width:768px){.elementor-371 .elementor-element.elementor-element-2ae8615{--width:50%;}.elementor-371 .elementor-element.elementor-element-0905d2a{--width:50%;}.elementor-371 .elementor-element.elementor-element-aeecb1d{--width:50%;}.elementor-371 .elementor-element.elementor-element-022e82d{--width:50%;}}@media(max-width:767px){.elementor-371 .elementor-element.elementor-element-e35c7b6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-371 .elementor-element.elementor-element-2ae8615{--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-371 .elementor-element.elementor-element-0905d2a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-371 .elementor-element.elementor-element-07359e7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-371 .elementor-element.elementor-element-aeecb1d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-371 .elementor-element.elementor-element-022e82d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-e35c7b6 */table {
            width: 100%;
            border-collapse: collapse;
            border-radius: 15px;
            overflow: hidden;
                        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            margin-bottom: 20px;
        }

/* ตั้งค่าความกว้างของคอลัมน์เฉพาะโหมด Desktop */
@media screen and (min-width: 481px) {
    table th:first-child,
    table td:first-child {
        width: 70%; /* คอลัมน์แรก 70% */
    }

    table th:last-child,
    table td:last-child {
        width: 30%; /* คอลัมน์สอง 30% */
    }
}



        td, th {
            padding: 10px;
            text-align: center;
            border: 1px solid #ddd;
            word-wrap: break-word;
            overflow: hidden;
        }

     /* Gradient Background สำหรับแต่ละกลุ่ม */
        .table-ais-row td {
            background: linear-gradient(90deg, #3b7a1d, #8dc63f); /* เขียว AIS */
            color: white;
        }

        .true-row td {
            background: linear-gradient(90deg, #d32f2f, #ff6666); /* แดง True */
            color: white;
        }

        .dtac-row td {
            background: linear-gradient(90deg, #007bff, #66ccff); /* ฟ้า DTAC */
            color: white;
        }

    .all-row td {
           background: linear-gradient(90deg, #3b7a1d, #d32f2f,#007bff ); /* สามสี */
            color: white;
        }


   .pronet-row td {
            background: linear-gradient(90deg, #002440, #214d6f); /* น้ำเงินเข้ม PRONET */
            color: white;
        }

        /* โหมดมือถือ */
        @media screen and (max-width: 480px) {
            table {
        width: 99%;  /* ปรับขนาดเป็น 98% ของหน้าจอ */
          margin: 5px 5px 5px 5px;
        margin: 0 auto;  /* จัดกึ่งกลาง */
    
                font-size: 14px;
                }

            td {
                  
                display: block;
                width: 100%;
                text-align: left;

                
            }

            tr {
            
             display: block;
              margin: 1px 1px 10px 1px;

                 border: 1px solid #ddd;
         
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
           font-size: 14px;
            }

            .desktop-only {
                display: none; /* ซ่อนปุ่มของ desktop ในโหมดมือถือ */
            }

            .mobile-only {
                display: block; /* แสดงปุ่มในมือถือ */
                text-align: center;
            }
        }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07359e7 */table {
            width: 100%;
            border-collapse: collapse;
            border-radius: 15px;
            overflow: hidden;
                        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            margin-bottom: 20px;
        }

/* ตั้งค่าความกว้างของคอลัมน์เฉพาะโหมด Desktop */
@media screen and (min-width: 481px) {
    table th:first-child,
    table td:first-child {
        width: 70%; /* คอลัมน์แรก 70% */
    }

    table th:last-child,
    table td:last-child {
        width: 30%; /* คอลัมน์สอง 30% */
    }
}



        td, th {
            padding: 10px;
            text-align: center;
            border: 1px solid #ddd;
            word-wrap: break-word;
            overflow: hidden;
        }

     /* Gradient Background สำหรับแต่ละกลุ่ม */
        .table-ais-row td {
            background: linear-gradient(90deg, #3b7a1d, #8dc63f); /* เขียว AIS */
            color: white;
        }

        .true-row td {
            background: linear-gradient(90deg, #d32f2f, #ff6666); /* แดง True */
            color: white;
        }

        .dtac-row td {
            background: linear-gradient(90deg, #007bff, #66ccff); /* ฟ้า DTAC */
            color: white;
        }

    .all-row td {
           background: linear-gradient(90deg, #3b7a1d, #d32f2f,#007bff ); /* สามสี */
            color: white;
        }


   .pronet-row td {
            background: linear-gradient(90deg, #002440, #214d6f); /* น้ำเงินเข้ม PRONET */
            color: white;
        }

        /* โหมดมือถือ */
        @media screen and (max-width: 480px) {
            table {
        width: 99%;  /* ปรับขนาดเป็น 98% ของหน้าจอ */
          margin: 5px 5px 5px 5px;
        margin: 0 auto;  /* จัดกึ่งกลาง */
    
                font-size: 14px;
                }

            td {
                  
                display: block;
                width: 100%;
                text-align: left;

                
            }

            tr {
            
             display: block;
              margin: 1px 1px 10px 1px;

                 border: 1px solid #ddd;
         
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
           font-size: 14px;
            }

            .desktop-only {
                display: none; /* ซ่อนปุ่มของ desktop ในโหมดมือถือ */
            }

            .mobile-only {
                display: block; /* แสดงปุ่มในมือถือ */
                text-align: center;
            }
        }/* End custom CSS */