body{
    background-color: black;
   
}

/* กำหนดรูปแบบกล่องทั้งหมด */
.boxh {
    text-align: center;
    padding: 20px;                  /* ระยะห่างภายในกล่อง */
    margin: 90px 0;                 /* ระยะห่างระหว่างกล่อง */
    margin-bottom: 100px;
    color: rgb(185, 245, 136);
    font-size: 26px;
    
}
a{
    text-decoration: none; 
    color: #0fb8b8;
}

/* กำหนดรูปแบบกล่องทั้งหมด */
.boxa {
    text-align: center;
    padding: 20px;                  /* ระยะห่างภายในกล่อง */
    margin: 90px 0;                 /* ระยะห่างระหว่างกล่อง */
    margin-bottom: 100px;
    color: rgb(80, 156, 243);
    font-size: 18px;
    background-color: rgb(199, 206, 206);
    border-radius: 10px;            /* มุมโค้ง */
    box-shadow: 8px 8px 8px 8px rgba(107, 230, 210, 0.295); /* เงา */
   
}
.boxa label{
    margin-bottom: 10px;
    font-size: 20px;
    color: #172df5;
    padding-left: 5px;
}
.boxa select, input[type="text"]{
    margin-bottom: 10px;
    font-size: 20px;
    color: #172df5;
    padding-left: 5px;
    border-radius: 10px;
    height: 30px;

}
.boxa input[type="submit"]{
    margin-bottom: 10px;
    font-size: 20px;
    color: #172df5;
    border-radius: 5px;
    background-color: cornflowerblue;
    padding-left: 15px;
    padding-right: 15px;
}
.boxa form{
 
    font-size: 14px;
}

/* กำหนดรูปแบบกล่องทั้งหมด */
.boxv {
  
    border: 1px solid #ccc;         /* กรอบสีเทา */
    border-radius: 10px;            /* มุมโค้ง */
    box-shadow: 8px 8px 8px 8px rgba(107, 230, 210, 0.295); /* เงา */
    padding: 20px;                  /* ระยะห่างภายในกล่อง */
    margin: 20px 0;                 /* ระยะห่างระหว่างกล่อง */
    background-color: #ffffff4f;         /* พื้นหลังสีขาว */
    color: rgb(251, 255, 1);
    height: 800px;
    text-align: center;
}
/* กำหนดรูปแบบกล่องทั้งหมด */
.boxf {
    padding: 20px;                  /* ระยะห่างภายในกล่อง */
    margin: 20px 0;                 /* ระยะห่างระหว่างกล่อง */

    color: rgb(245, 247, 162);
}
 .boxf a {
    color: #0fb8b8;                 /* สีข้อความ */
    text-decoration: none;      /* ลบเส้นใต้ */
    transition: all 0.3s ease;  /* เอฟเฟกต์ลื่นไหล */
}

.boxf a:hover {
    color: #82f517;                /* สีข้อความเข้มขึ้น */
}

/* เพิ่มสไตล์สำหรับ container ถ้าต้องการจัด layout ตรงกลาง */
.container {
    max-width: 70%;
    margin: 0 auto;
    padding: 20px;
}
th{
    background-color: aquamarine;
    color: #172df5;
}
table, td, th {
    border: 1px solid;
    text-align: left;
    padding-left: 20px;
  }

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