.regis{
	
	}
.regis .r-title{
	font: 27px/27px 'Kanit', Arial, sans-serif;
	font-weight:bold;
	color: #04AA6D;
	margin-top:20px;
	margin-bottom:20px;
	padding: 20px 0;
	}	


.regis .r-box{
	
	

}

.regis .r-box .r-type{
	
font: 17px/30px 'Kanit', Arial, sans-serif;	
color: #000;
}
	
.regis .r-form{

}
::placeholder{
	color:#000;
	}

.regis .r-form input[type=text], select, textarea {
  width: 100%;
  padding: 9px 4px;
  padding-left:20px;
  margin: 3px 0;
  margin-bottom: 25px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 9px;
  box-sizing: border-box;
  font-size:16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font: 17px/22px 'Kanit', Arial, sans-serif;
}


select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
}
	.regis .r-form-2{
	
	}
	.regis .r-form-2 input[type=text], select{
	  width: 100%;
	  padding: 6px 4px;
	  padding-left:9px;
	  margin: 3px 0;
	  margin-bottom: 15px;
	  display: inline-block;
	  border: 1px solid #ccc;
	  border-radius: 4px;
	  box-sizing: border-box;
	  font-size:16px;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  font: 17px/22px 'Kanit', Arial, sans-serif;
	}
.regis .r-form-2 .topic{
	position:absolute;
	top: -7px;
	left: 22px;
	font: 15px/20px 'Kanit', Arial, sans-serif;
	background:#fff;
	padding: 0px 8px;
	color: #929292;
}	
.regis .r-form-2 .topic2{
	position:absolute;
	top: -7px;
	left: 53px;
	font: 15px/20px 'Kanit', Arial, sans-serif;
	background:#fff;
	padding: 0px 8px;
	color: #929292;
}	
	
	
.regis .r-form .topic{
	position:absolute;
	top: -7px;
	left: 22px;
	font: 16px/20px 'lineseed', Arial, sans-serif;
	background:#fff;
	padding: 0px 8px;
	color: #737373;
}	
.regis .r-form .topic2{
	position:absolute;
	top: -7px;
	left: 53px;
	font: 15px/20px 'Kanit', Arial, sans-serif;
	background:#fff;
	padding: 0px 8px;
	color: #929292;
}

.text-only{
	margin-top:3px;
	font: 15px/20px 'Kanit', Arial, sans-serif;
}
.regis .r-map{
  width: 100%;
  padding: 20px 6px 10px 6px;
  margin: 3px 0;
  margin-bottom:20px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size:16px;
}
	
.regis .allow{
	font: 15px/20px 'Kanit', Arial, sans-serif;
	color: #333;
}
.regis .allow a{
	color:#333;
	
}
@media (max-width: 374px) { 
	.i12{
	width:134% !important;
	}
	.regis .r-form .topic {
    font: 13px/20px 'Kanit', Arial, sans-serif;
}
.regis .r-form .topic2 {
    font: 13px/20px 'Kanit', Arial, sans-serif;
}
	}
@media (min-width: 375px) and (max-width: 413px) {
	.i12{
	width:141% !important;
	}
	.regis .r-form .topic {
    /* font: 13px/20px 'Kanit', Arial, sans-serif; */
}
.regis .r-form .topic2 {
    font: 13px/20px 'Kanit', Arial, sans-serif;
}
	}
 @media (min-width: 414px) and (max-width: 575px) {
	.i12{
	width:157% !important;
	}
	}	
@media (min-width: 768px) and (max-width: 991px) {
	.regis{
		max-width:470px;
		margin:0 auto;
	}
	}