/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600&display=swap'); */

.text-white{ color:#fff; }
.clearfix:after, .container::after{ content:''; display:block; visibility:hidden; clear: both; }

#company-info{
   min-height: 600px; 
   padding-bottom:50px;
   background: -moz-linear-gradient(top,  #c21b17 300px, #ffffff 2%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(300px,#c21b17), color-stop(2%,#ffffff)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #c21b17 300px,#ffffff 2%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #c21b17 300px,#ffffff 2%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #c21b17 300px,#ffffff 2%); /* IE10+ */
   background: linear-gradient(to bottom,  #c21b17 300px,#ffffff 2%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c21b17', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#company-info .filter{ padding:40px 0 20px; }
#company-info .filter h1.entry-title{ margin-bottom:40px; }
#company-info .filter-box{ display:flex; flex-wrap:wrap; }
#company-info .filter-box > *{ width:49.5%; }
#company-info .filter-box > *:nth-child(2){ margin-left:auto; }
#company-info .filter-box label{ display:block; font-size:14px; }
#company-info .filter-box select{ width:100%; }
#company-info .filter-box .select2-container--default .select2-selection--single{ background:none; border:none; border-radius: 0; border-bottom:1px #ccc solid; }
#company-info .filter-box .select2-container .select2-selection--single .select2-selection__rendered{ padding-left:0; color:#fff; }
#company-info .select2-container--default .select2-selection--single .select2-selection__placeholder{ color:#ddd; }
#info-list-wrap{ 
   background-color:#fff; padding:25px 0 20px; border-radius:5px; margin-top:20px; border-left:1px solid #f9f9f9;
   -webkit-box-shadow: 10px 10px 15px -5px rgba(0,0,0,0.3);
   -moz-box-shadow: 10px 10px 15px -5px rgba(0,0,0,0.3);
   box-shadow: 10px 10px 15px -5px rgba(0,0,0,0.3);
}
#info-list{ width:100%; }
#info-list thead tr th{ font-size:12px; padding-left:30px; padding-bottom:10px; }
#info-list thead tr th:nth-child(4){ padding-right:30px; }
#info-list tbody tr td{ padding:15px 0 15px 30px; border-top:1px solid #ccc; font-size:14px; vertical-align: top; }
#info-list tbody tr td:nth-child(4){ padding-right:30px; }
#info-list tbody tr td .icon-download{ display:block; height:20px; width:20px; background-image:url('../img/icon-download.png'); background-size: cover; }
#info-list tbody tr:first-child td{ border-top:none; }
#info-list tbody tr td:nth-child(2){ text-transform: uppercase; text-align: center; }
#info-list tbody tr td:nth-child(3){ text-align: center; }

@media(max-width: 767px){
   #company-info .filter h1.entry-title{ font-size:24px; margin-bottom:35px; }
   #company-info .filter-box > *{ width:100%; margin-bottom:15px; }
   #company-info{
      background: -moz-linear-gradient(top,  #c21b17 380px, #ffffff 2%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(380px,#c21b17), color-stop(2%,#ffffff)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #c21b17 380px,#ffffff 2%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #c21b17 380px,#ffffff 2%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #c21b17 380px,#ffffff 2%); /* IE10+ */
      background: linear-gradient(to bottom,  #c21b17 380px,#ffffff 2%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c21b17', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
   }
   #info-list-wrap{ padding-top:10px; padding-bottom:20px; margin-top:5px; }
   #info-list thead,
   #info-list tbody tr td:nth-child(2), #info-list tbody tr td:nth-child(3){ display:none; }
   #info-list tbody tr td{ padding-left:20px; }
   #info-list tbody tr td:nth-child(4){ padding-right:20px; width:60px; }
}