@charset "utf-8";
h2{margin:30px auto;}
@media only screen and (min-width:600px) {
h2{margin-top:40px;}
}
@media only screen and (min-width:768px) {
h2{margin-top:120px;}
}
@media (orientation: landscape) and (min-width:960px){
h2{margin:120px 0 30px;}
}

#contactbox #mailformpro{max-width:800px; margin:0 auto; padding:0 20px; text-align:left;}
#contactbox #mailformpro p{ text-align:center; font-weight:300;}
#contactbox dt{margin-top:30px; font-family: 'Kanit', sans-serif; font-weight:300; font-size:17px;}
#contactbox .must{display:inline-block; font-size:12px; color:#cc0000; margin:0 0 0 8px;}
#contactbox input,#contactbox textarea{font-size:15px; font-size:1.5rem;}
#contactbox input[type='text'],input[type='email']{margin:8px 0 0 0; height: 2.4em; width: 100%; padding: 0 16px; border-radius:4px; border: none; box-shadow: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
#contactbox input[type='text'],input[type='email']:focus {outline: 0;
box-shadow: 0 0 0 2px #add5e9 inset;}
#contactbox textarea {margin:8px 0 0 0; display: block; width: 100%; height: 100%; padding: 4px 16px; border-radius: 4px; border: none; box-shadow: 0 0 0 1px #ccc inset; appearance: none; -webkit-appearance: none; -moz-appearance: none; resize: vertical;}
#contactbox textarea {outline: 0; box-shadow: 0 0 0 2px #add5e9 inset;}


.btn-submit{
  display: block;
	margin:0 auto;
	width:60%;
	max-width:500px;
	margin-top:16px;
  padding: 10px 25px;
  border-radius: 7px;
  border: none;
  background-color: #add5e9;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  appearance: none;
}
.btn-submit:active {
  margin-top: 3px;
  background-color: #add5e9;
}

.thank{height:50vh;}