.c_img_head  {width: 100%;height: auto;}
.c_img_head img {width: 100%;height: auto;opacity: 0.7}
.c_main {width: 60%;height: auto;margin: 300px auto 40px;font-family:'Kanit', sans-serif;letter-spacing: 1px;background: #fff;
  }
.c_header {font-size: 50px; font-weight: bold;color: #222;text-align: center;
	font-family:'Kanit', sans-serif;letter-spacing: 1px;padding-bottom: 30px}
.c_box {width: 60%;height: 270px;margin: 270px auto;padding: 40px;
	-webkit-box-shadow: 0px 0px 18px 4px rgba(50, 50, 50, 0.7);
  	-moz-box-shadow:    0px 0px 18px 4px rgba(50, 50, 50, 0.7);
   	box-shadow: 0 0 18px 4px rgba(50, 50, 50, 0.7);
       border-radius: 12px;
    position: absolute;
    background-color: #fff;
    top: 0;
bottom: 0;

left: 0;
right: 0;
    font-family:'Kanit', sans-serif;letter-spacing: 1px;
    max-width: 1080px;
   }
 .c_title {font-size: 34px;font-weight: bold;color: #ff8c00;margin-bottom: 20px}
 .c_detail {font-size: 28px;font-weight: bold;color: #222;text-indent: 17%}
.c_form {width: 70%;height: auto;margin-left:10% ;font-family:'Kanit', sans-serif;letter-spacing: 1px;background: #fff;}
.c_label {font-size: 24px;font-weight: bold;color: #222;}
.c_label span {color: red}
.c_remark {margin: -5px 0 20px;padding: 0;color:red;font-size: 20px !important;font-style: italic;line-height: 20px;}
.c_main_contact {font-size:24px ;letter-spacing: 1px;font-weight: bold;color: #222;margin-top: 100px}
 textarea {
  width: 100%;
border: none;
/*border: 1px solid #ccc;*/
  border-radius: 4px;
  box-sizing: border-box;
  font: 24px 'Kanit', sans-serif;
  color: #686869;
   background-color:#ffe8cc;
   padding: 5px 10px;
    }
input[type=text], select ,input[type=email]{
  width: 100%;
  padding: 2px 20px;
  margin: 8px 0;
  display: inline-block;
  border: none;
  border-radius: 10px;
  box-sizing: border-box;
  font: 24px 'Kanit', sans-serif;
  color: #686869;
  background-color:#ffe8cc;
}
input[type=submit] {
  width: 200px;
  background-color: #515151;
  color: #fff;
  padding: 14px 20px;
  margin: 40px auto;
  border-radius: 15px;
  cursor: pointer;
  font: 24px 'Kanit', sans-serif;
  letter-spacing: 1px;
  font-weight: bold;
  display: inherit;
  border: none
  -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type=submit]:focus {outline:0;}

input[type=submit]:hover {background-color: #ff8c00;color: #fff;border: none}


@media only screen and (min-width: 641px) and (max-width: 1000px) {
  .c_box {width: 80%;margin: 250px auto;height: 230px; }
  .c_detail {text-indent: 10%}
  .c_main {width: 90%;margin: 400px auto 0px;}
  .c_form {width: 90%;margin-left: 5%;}
  .c_label {margin-top: 20px;}

}

@media only screen and (min-width: 481px) and (max-width: 640px) {
  .c_box {width: 90%;padding:20px 10px 40px;margin: 200px auto;height: 170px;}
  .c_title {font-size: 28px;margin-bottom:10px;}
   .c_detail {text-indent: 7%;font-size: 22px;}
   .c_main {width: 90%;margin:250px auto 40px;}
   .c_label {font-size: 22px;margin-top: 20px;}
   .c_form{width: 80%}
    textarea {font-size: 22px;}
    input[type=text], select ,input[type=email]{font-size: 22px;}
    input[type=submit] {font-size: 22px;padding:7px 10px }
    .c_main_contact{margin-top: 50px;padding-bottom:0px;}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .c_img_head {display: none}
  .c_box {width: 95%;margin: 20px auto;padding:20px 5px;position: relative;height: auto;}
  .c_title {font-size: 22px;margin-bottom:10px;}
   .c_detail {text-indent: 3%;font-size: 20px;}
   .c_main {width: 96%;margin:50px auto 40px;}
   .c_label {font-size: 20px;margin-top: 20px;}
   .c_form{width: 90%;margin: 0 auto}
    textarea {font-size: 20px;}
    input[type=text], select ,input[type=email]{font-size: 20px;}
    input[type=submit] {font-size: 20px;padding:7px 10px }
    .c_main_contact{margin-top: 50px;padding-bottom:0px;font-size: 20px;}
    .c_remark {font-size: 16px !important;
}