.text-center{
	/* color:rgb(129, 129, 129);	 */
	text-transform:uppercase;
    font-size: 23px;
    margin: -50px 0 80px 0;
    display: block;
    text-align: center;
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
}
/* .box{
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
    background-color: rgba(0, 0, 0, 0.89);
	border-radius:3px;
	padding:70px 100px;
} */
.input-container{
	position:relative;
    float: left;
    margin: 20px;
	/* margin-bottom:25px;
    margin-right: 20px; */
}
.input-container label{
	position:absolute;
	top:0px;
	left:0px;
	font-size:16px;
	color:rgb(80, 80, 80);	
    pointer-event:none;
	transition: all 0.5s ease-in-out;
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
}
.input-container input{ 
  border:0;
  border-bottom:1px solid rgb(189, 189, 189);  
  background:transparent;
  width:100%;
  padding:8px 0 5px 0;
  font-size:16px;
  color:#E36386;
  font-family: 'Kanit', sans-serif;
   font-size: 18px;
}
.input-container input:focus{ 
 border:none;	
 outline:none;
 border-bottom:1px solid rgb(189, 189, 189);  ;	
}
.btn{
	font-family: 'Kanit', sans-serif;
	font-weight: 500;
    font-size: 18px;
	color:#fff;
	background-color:#E36386;
	outline: none;
    border: 0;
	padding:10px 20px;
	margin-top:15px;
	margin-right:40px;
	border-radius:10px;
	cursor:pointer;
	position:relative;
	text-transform:uppercase;
	width: 150px;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
/* .btn:after{
	content:"";
	position:absolute;
	background:rgba(0,0,0,0.50);
	top:0;
	right:0;
	width:100%;
	height:100%;
} */
.input-container input:focus ~ label,
.input-container input:valid ~ label{
	top:-12px;
	font-size:12px;
	
}