html, body {
   overflow-x: hidden;
   font-family: 'Kanit', sans-serif;
   line-height: 1.6; /* ปรับเพื่อให้อ่านง่ายขึ้น */
}

#canopies-top {
   padding-top: 60px; padding-bottom: 0px;
   background-color: #f6f7f9;   
   /*padding: 80px 0 200px; /* เผื่อพื้นที่ให้ block ลอย */
}    
#canopies-top h3 {
   text-transform: uppercase; font-size: 3.0em; margin-bottom: 60px;
}   
#canopies-top h6 {
   font-size: 1.4em; font-weight: 400; color: #808080;
}
.button-area .canopies-label {
   font-size: 1.6em; margin-left: 30px; padding-top: 20px;
}

/* Form contact */
#canopies-top .form-select {
   background-color: #f2f2f2; height: 50px; margin-bottom: 20px;
}
#canopies-top .form-control {
   background-color: #f2f2f2; height: 50px; margin-bottom: 20px;
}
/* .Close Form contact */

.content-block {
   background: white;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
   width: 100%;
   margin: 0 auto;
   margin-bottom: 30px;
   padding: 40px 60px 0px 60px;
   
   /* ให้ลอยคร่อม div ต่อไป 
   margin-bottom: -100px;*/
   position: relative;
   z-index: 10;
}
.content-block .content-text {
   padding-top: 0px; padding-right: 50px;
}  
.content-block h2 {
   color: #596780; font-size: 5.6em; font-weight: 500;
} 
.content-block p {
   font-size: 1.4em; line-height: 1.8em; color: #3b3b3b; font-weight: 400; margin-top: 30px;
}
.content-block #detailBtn {
   font-size: 2.0em; padding: 15px 40px; margin-top: 20px;
}

@media (max-width: 767.98px) {
   #canopies-top {
      margin-top: 100px;
      padding-top: 0px; padding-bottom: 0px;
      background-color: #f6f7f9;               
      /*padding: 80px 0 200px; /* เผื่อพื้นที่ให้ block ลอย */
   } 
   #canopies-top h1 {
      background-color: #ed1c24; font-size: 2.0em; font-weight: 500; color: #ffffff;
      text-align: center; padding: 15px 10px; margin-bottom: 0px;
   }
   #canopies-top h2 {
      font-size: 2.0em; margin-top: 20px;
   }  
   #canopies-top h3 {
      font-size: 1.3em; margin-bottom: 10px; background-color: #000000;
      color: #ffffff; padding: 10px 20px; text-align: center;
   } 
   .content-block p {
      font-size: 1.2em; line-height: 1.4em; color: #3b3b3b; font-weight: 400; margin-top: 0px;
   } 
   .content-block {
      padding: 20px 20px;
   }
   .content-block #detailBtn {
      font-size: 1.2em; padding: 15px 20px; margin-top: 10px; width: 100%;
   }
}

#canopies-bottom {
   padding-top: 80px; padding-bottom: 80px;
   background-color: #ffffff;   
   /*padding: 80px 0 200px; /* เผื่อพื้นที่ให้ block ลอย */
} 
#canopies-bottom h2 {
   font-size: 3.0em; text-align: center; margin-bottom: 30px;
}

@media (max-width: 767.98px) {
   #canopies-bottom {
      padding-top: 30px; padding-bottom: 30px;
      background-color: #ffffff;   
      /*padding: 80px 0 200px; /* เผื่อพื้นที่ให้ block ลอย */
   } 
   #canopies-bottom h2 {
      font-size: 1.6em; margin-bottom: 20px;
   }
}

.bottom-content-block {
   background: white;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
   border-radius: 8px;
   width: 90%;
   margin: 0 auto;
   padding: 50px 40px;
   
   /* ให้ลอยคร่อม div ต่อไป */
   margin-top: -300px;
   position: relative;
   z-index: 10;
}

#fadeCaptionCarousel h1 {
   font-size: 5.0em; font-weight: 500;
}
.table thead th {
   vertical-align: middle !important;
}
.table tbody td {
   height: 60px;
}