.new-form{
	background:#f7f9fb;	
	}
.regis{
	padding-bottom:25px;
	
	}
.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-weight: 400;
	
font-weight: 600;
	
color: #000;
	
margin-bottom: 10px;
	
padding: 0 5px;
}
.regis .r-box .r-type1{font-size: 1.5rem;font-weight: 600;margin-bottom: 1.5rem;padding: 0 5px;}	
.regis .r-form{

padding: 0 5px;
}
::placeholder{
	color:#adadad;
	font-size:16px;
	}

.regis .r-form input[type=text], select ,textarea{
  width: 217px;
  padding: 11px 11px;
  margin: 0 0;
  margin-bottom:15px;
  display: inline-block;
  border: 1px solid #bfbfbf;
  border-radius: 8px;
  box-sizing: border-box;
  font-size:16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #1a1a1a;
  font-size: 16px;
  transition-duration: 0.3s;
  outline: none;
  font-family:'lineseed';
}

.regis .r-form input[type=text]:focus {
  outline: 2px solid #d59c2e;
  transition-duration: 0.1s;
}

.regis .r-form .none-click{
	pointer-events: none; 
	}


.regis .r-form 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-color:#fff;
	background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
	font-family:'lineseed';
}

.regis .r-form select:hover {
	border: 1px solid #d59c2e;
}
.regis .r-form input:hover {
	border: 1px solid #d59c2e;
}

.regis .r-form textarea:hover {
	border: 1px solid #d59c2e;
}

.regis .last-in{
	position:absolute;
	top: 41px;
	right: 7px;
	margin-top: -10px;
	display: block;
	background: #f5f5f5;
	padding: 10px 12px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	}
/*******************************************/
.checker {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checker input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: #bfbfbf 1px solid;
  border-radius: 7px;
}

/* On mouse-over, add a grey background color */
.checker:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.checker input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checker input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checker .checkmark:after {
  left: 6px;
  top: 2px;
  width: 6px;
  height: 12px;
  border:solid #00804a;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  
  
}
/********************************************/
.regis .f-btn{
	margin:0 3px;
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    
    font-size: 1rem;
	font-weight:600;
    line-height: 1.5;
    border-radius: 8px;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.regis .ok-btn{
	color: #fff;
    background: #d59c2e;

}

.regis .ok-btn a{
	display:inline-block;
	color: #fff;
	padding: .6rem 1.5rem;
}
.regis .cancle-btn{

	}
.regis .cancle-btn a{
	display:inline-block;
	padding: .6rem 1.5rem;
	}	
/********************************************/
	
.regis .r-form .topic{
	position: relative;
	font-family:'lineseed';
	font-size: 14px;
	padding: 0 0 8px;
	color: #1a1a1a;
}	
.regis .r-form .topic2{
	position:absolute;
	top: -7px;
	left: 53px;
	font: 15px/20px 'Kanit', Arial, sans-serif;
	background:#fff;
	padding: 0px 8px;
	color: #929292;
}

.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;
	
}
.i12{
	width:162% !important;
	}
.file-bb{
	width:max-content;
	font-size:12px;
	border:1px solid #8C8C8C;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	}
/***********************************/	
@media (max-width: 374px) { 
.regis .r-form input[type=text], select, textarea {
            width: 121px;
}
.regis {
    padding-bottom: 10px;
}
	}
@media (min-width: 375px) and (max-width: 413px) {
.regis .r-form input[type=text], select, textarea {
            /* width: 148px !important; */
}
.regis {
    padding-bottom: 10px;
}
	}
@media (min-width: 414px) and (max-width: 575px) {
.regis .r-form input[type=text], select, textarea {
            width: 168px;
}
.regis {
    padding-bottom: 10px;
}
	}
@media (min-width: 420px) and (max-width: 575px) { 
.regis .r-form input[type=text], select, textarea {
    width: 180px;
}
.regis {
    padding-bottom: 10px;
}
	}
	
@media (min-width: 576px) and (max-width: 991px) {
    .regis {
        max-width: 100%;
        margin: 0 auto;
    }
	.regis .r-form input[type=text], select, textarea {
    width: 143px;
}
.regis {
    padding-bottom: 0px;
}
	}
@media (min-width: 992px) and (max-width: 1199px) {
    .regis {
        max-width: 100%;
        margin: 0 auto;
    }
	.regis .r-form input[type=text], select, textarea {
    width: 198px;
}
.regis {
    padding-bottom: 0px;
}
	}	
@media (min-width: 1200px) and (max-width: 1280px) {
	.regis .r-form input[type=text], select, textarea {
    width: 178px;
}
	}
@media (min-width: 1281px) and (max-width: 1360px) {
	.regis .r-form input[type=text], select, textarea {
    width: 193px;
}
	}
@media (min-width: 1361px) and (max-width: 1440px) {
	.regis .r-form input[type=text], select, textarea {
    width: 195px;
}
	}