/* PADDING MARGIN //////////////// */
.pd-0 {padding:0 !important;}.pd-15 { padding-left:15px !important;padding-right:15px !important;} .pd-20 { padding:20px !important;} .pd-30 { padding:30px !important;} 
.pl-35 { padding-left:35px !important; }
.mg-0 {margin:0 !important;}.mg-15 { margin-left:15px !important;margin-right:15px !important;} .mg-30 { margin:30px !important;} 
.pt-0 { padding-top:0px !important;}.pt-3 { padding-top:3px !important;}.pt-5 { padding-top:5px !important;}.pt-10 { padding-top:10px !important;}.pt-20 { padding-top:20px !important;}.pt-30 { padding-top:30px !important;}.pt-40 { padding-top:40px !important;}.pt-50 { padding-top:50px !important;}.pt-60 { padding-top:60px !important;}.pt-110 { padding-top:110px !important;}
.pb-5 { padding-bottom:5px !important;}.pb-10 { padding-bottom:10px !important;}.pb-20 { padding-bottom:20px !important;}.pb-30 { padding-bottom:30px !important;}.pb-40 { padding-bottom:40px !important;}.pb-50 { padding-bottom:50px !important;}.pb-60 { padding-bottom:60px !important;}
.mt-0 { margin:0px !important;}.mt-5 { margin-top:5px !important;}.mt-10 { margin-top:10px !important;}.mt-15 { margin-top:15px !important;}.mt-20 { margin-top:20px !important;}.mt-30 { margin-top:30px !important;}.mt-40 { margin-top:40px !important;}.mt-50 { margin-top:50px !important;}.mt-60 { margin-top:60px !important;}
.mb-0 { margin-bottom:0px !important;}.mb-5 { margin-bottom:5px !important;}.mb-10 { margin-bottom:10px !important;}.mb-15 { margin-bottom:15px !important;}.mb-20 { margin-bottom:20px !important;}.mb-30 { margin-bottom:30px !important;}.mb-40 { margin-bottom:40px !important;}.mb-50 { margin-bottom:50px !important;}.mb-60 { margin-bottom:60px !important;}

/* PADDING MARGIN //////////////// */
/* FONT SIZE //////////////// */
.font-14 {font-size: 14px !important;}
.font-15 {font-size: 15px !important;}
.font-16 {font-size: 16px !important;}
.font-18 {font-size: 18px !important;}
.font-20 {font-size: 20px !important;}
.font-22 {font-size: 22px !important;}
.font-24 {font-size: 24px !important;}
.font-26 {font-size: 26px !important;}
.font-28 {font-size: 28px !important;}
.font-30 {font-size: 30px !important;} 
.font-50 {font-size: 50px !important;} 
/* FONT SIZE //////////////// */
.text-right {
	text-align:right;
}
 .form-control ,.form-control::-webkit-input-placeholder {
    color: #676767 !important;
}
.bg-header {
	padding: 160px 0 240px 0 !important;
}
.anp h4 {
	font-family:"anuphan";
	font-size: 22px;
}
.registration-form .choices[data-type*=select-one] {
	border-radius:8px 0 0 8px !important;
}
.alink {
	text-decoration:underline;
}
.choices__list {
	font-family:"anuphan";
}
.uil-venus {
	color:#ff80c0 !important;
}
.uil-mars {
	color:#009eea !important;
}
.navbar {
	margin-top: 0px !important;
}
.navbar .navbar-nav .nav-item .nav-link {
	color:#fff !important;
}
.alert-item {
	padding-top: 0px !important;
	padding-bottom: 10px !important;
	margin-bottom: 5px !important;
	border-bottom:solid 1px #f2f2f2 !important;
}

.modal-alert-item {
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 10px !important;
	margin-bottom: 5px !important;
	border-bottom:solid 1px #f2f2f2 !important;
}
.trM {
	background: #f1f8fb;
}
.trF {
	background: #fdeff6;
}
.modal {
    --bs-modal-width: 700px !important;
}

.registration-form .choices__input {
	font-family:"anuphan"!important;
}

	.visible-xs {
			display:none !important;
	}
@media only screen and (min-width: 992px){
}

@media only screen and (max-width: 480px){
	.col-sm-12 { 
	  width: 100%;
	}
	.col-sm-10 { 
	  width: 80%;
	}
	.col-sm-8 { 
	  width: 66.6%;
	}
	.col-sm-6 { 
	  width: 50%;
	}
	.col-sm-5 { 
	  width: 41.6%;
	}
	.col-sm-4 { 
	  width: 33%;
	}
	.col-sm-3 { 
	  width: 25%;
	}
	.col-sm-2 { 
	  width: 16.6%;
	}
	.col-sm-1 { 
	  width: 8.3%;
	}  
}

@media (max-width: 767px){ 
	.text-report {
		font-size:12px;
	}
	.col-xs-12 { 
	  width: 100%;
	}
	.col-xs-10 { 
	  width: 80%;
	}
	.col-xs-8 { 
	  width: 66.6%;
	}
	.col-xs-6 { 
	  width: 50%;
	}
	.col-xs-5 { 
	  width: 41.6%;
	}
	.col-xs-4 { 
	  width: 33%;
	}
	.col-xs-3 { 
	  width: 25%;
	}
	.col-xs-2 { 
	  width: 16.6%;
	}
	.col-xs-1 { 
	  width: 8.3%;
	}  

	.hidden-xs {
		display:none;
	}
	.visible-xs {
			display:inline !important;
	}

	.bg-header {
		padding: 100px 0 240px 0 !important;
	}
}