/* thai */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: local('Kanit Regular'), local('Kanit-Regular'), url('../fonts/kanit/nKKZ-Go6G5tXcraaGwCYdA.woff2') format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: local('Kanit Regular'), local('Kanit-Regular'), url('../fonts/kanit/nKKZ-Go6G5tXcraaGwCYdA.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: local('Kanit Regular'), local('Kanit-Regular'), url('../fonts/kanit/nKKZ-Go6G5tXcrabGwCYdA.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: local('Kanit Regular'), local('Kanit-Regular'), url('../fonts/kanit/nKKZ-Go6G5tXcraVGwA.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 500;
  src: local('Kanit Medium'), local('Kanit-Medium'), url('../fonts/kanit/nKKU-Go6G5tXcr5mOBWzVaF5NQ.woff2') format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 500;
  src: local('Kanit Medium'), local('Kanit-Medium'), url('../fonts/kanit/nKKU-Go6G5tXcr5mOBWoVaF5NQ.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 500;
  src: local('Kanit Medium'), local('Kanit-Medium'), url('../fonts/kanit/nKKU-Go6G5tXcr5mOBWpVaF5NQ.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 500;
  src: local('Kanit Medium'), local('Kanit-Medium'), url('../fonts/kanit/nKKU-Go6G5tXcr5mOBWnVaE.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 600;
  src: local('Kanit SemiBold'), local('Kanit-SemiBold'), url('../fonts/kanit/nKKU-Go6G5tXcr5KPxWzVaF5NQ.woff2') format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 600;
  src: local('Kanit SemiBold'), local('Kanit-SemiBold'), url('../fonts/kanit/nKKU-Go6G5tXcr5KPxWoVaF5NQ.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 600;
  src: local('Kanit SemiBold'), local('Kanit-SemiBold'), url('../fonts/kanit/nKKU-Go6G5tXcr5KPxWpVaF5NQ.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 600;
  src: local('Kanit SemiBold'), local('Kanit-SemiBold'), url('../fonts/kanit/nKKU-Go6G5tXcr5KPxWnVaE.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 700;
  src: local('Kanit Bold'), local('Kanit-Bold'), url('../fonts/kanit/nKKU-Go6G5tXcr4uPhWzVaF5NQ.woff2') format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 700;
  src: local('Kanit Bold'), local('Kanit-Bold'), url('../fonts/kanit/nKKU-Go6G5tXcr4uPhWoVaF5NQ.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 700;
  src: local('Kanit Bold'), local('Kanit-Bold'), url('../fonts/kanit/nKKU-Go6G5tXcr4uPhWpVaF5NQ.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 700;
  src: local('Kanit Bold'), local('Kanit-Bold'), url('../fonts/kanit/nKKU-Go6G5tXcr4uPhWnVaE.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), url('../fonts/poppins/pxiEyp8kv8JHgFVrJJbecmNE.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), url('../fonts/poppins/pxiEyp8kv8JHgFVrJJnecmNE.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), url('../fonts/poppins/pxiEyp8kv8JHgFVrJJfecg.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: local('Poppins Medium'), local('Poppins-Medium'), url('../fonts/poppins/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: local('Poppins Medium'), local('Poppins-Medium'), url('../fonts/poppins/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: local('Poppins Medium'), local('Poppins-Medium'), url('../fonts/poppins/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local('Poppins Bold'), local('Poppins-Bold'), url('../fonts/poppins/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local('Poppins Bold'), local('Poppins-Bold'), url('../fonts/poppins/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local('Poppins Bold'), local('Poppins-Bold'), url('../fonts/poppins/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: local('Poppins Italic'), local('Poppins-Italic'), url('../fonts/poppins/pxiGyp8kv8JHgFVrJJLucXtAKPY.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: local('Poppins Italic'), local('Poppins-Italic'), url('../fonts/poppins/pxiGyp8kv8JHgFVrJJLufntAKPY.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: local('Poppins Italic'), local('Poppins-Italic'), url('../fonts/poppins/pxiGyp8kv8JHgFVrJJLucHtA.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.f12{ font-size: 12px; }
.f14{ font-size: 14px; }
.f16{ font-size: 16px; }
.f18{ font-size: 18px; }
.f20{ font-size: 20px; }
.f22{ font-size: 22px; }
.f24{ font-size: 24px; }
.f30{ font-size: 30px; }

.f37{ font-size: 37px; }

.ls-1{ letter-spacing: 1px; }
.ls-2{ letter-spacing: 2px; }
.ls-3{ letter-spacing: 3px; }
.ls-4{ letter-spacing: 4px; }
.ls-5{ letter-spacing: 5px; }
.ls-6{ letter-spacing: 6px; }
.ls-7{ letter-spacing: 7px; }
.ls-8{ letter-spacing: 8px; }

.lh-37{ line-height: 37px; }

.uppercase{ text-transform: uppercase; }
.lowercase{ text-transform: lowercase; }

.td-none, a .td-none, a.td-none, .td-none a{ text-decoration: none; }
.td-none:hover, a:hover .td-none, a.td-none:hover, .td-none a:hover{ text-decoration: none; }
.td-underline{ text-decoration: underline; }

.kanit{ font-family: 'Kanit';font-weight: 400; }
.kanit-medium{ font-family: 'Kanit';font-weight: 500; }
.kanit-semibold{ font-family: 'Kanit';font-weight: 600; }
.poppins{ font-family: 'Poppins';font-weight: 400; }
.poppins-italic{ font-family: 'Poppins';font-style: italic;font-weight: 400; }
.poppins-medium{ font-family: 'Poppins';font-weight: 500; }
.poppins-bold{ font-family: 'Poppins';font-weight: 700; }

.black{ color: #3d3d3d; }
.grey{ color: #6e6e6e; }
.red, .red a, a.red{ color: #ee2426; }
.white, .white a, a.white{ color: #fff; }

a:focus, button:focus{
	outline: 0px;
	box-shadow: 0 0 0 0 rgba(0,123,255,.25);
}

#background-nav2{
	background: #f4f4f4;
}

#wrap-nav2 .navbar-nav .active>.nav-link,
#wrap-nav2 .navbar-nav .nav-link.active,
#wrap-nav2 .navbar-nav .nav-link.show,
#wrap-nav2 .navbar-nav .show>.nav-link{
	background: url('../images/line-active.jpg') no-repeat center 55px;
}

.navbar-light .navbar-nav .nav-link{
	color: #303030;
}

.nav-link{
	font-family: 'Kanit';
	font-weight: 500;
	color: #303030;
	font-size: 14px;
	padding: 34px 0px;
}

.nav-link.button-register{
	padding: 27px 0px;
}

#wrap-nav2 .navbar-nav .active>.nav-link.button-register,
#wrap-nav2 .navbar-nav .nav-link.button-register.active,
#wrap-nav2 .navbar-nav .nav-lin.button-register.show,
#wrap-nav2 .navbar-nav .show>.nav-link.button-register{
	background: none;
}

.nav-link.button-register .btn{
	background: #ee2426;
	color: #ffffff;
	border-radius: 8px;
	font-family: 'Kanit';
	font-weight: 500;
	font-size: 14px;
	padding: .375rem 1rem;
}

.nav-link.button-register .btn.focus,
.nav-link.button-register .btn:focus{
	box-shadow: 0 0 0 0 rgba(0,123,255,.25);
}

.nav-link:focus, .nav-link:hover{
	color: #303030;
}

.border-profile{
	border: 8px solid #ee2426;
}

#form-register .form-control{
	border-radius: 0px;
	color: #6f6f6f;
}

#form-register .form-control::placeholder{
	color: #dfdfdf;
}

#form-register .form-control:focus{
	border-color: #dfdfdf;
	box-shadow: 0 0 0 0 rgba(0,123,255,.25);
}

#form-register select{
	color: #6f6f6f;
	background: #f9f9f9;
	height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#form-register select:focus{
	border-color: #dfdfdf;
	box-shadow: 0 0 0 0 rgba(0,123,255,.25);
	outline: 0px;
}

#form-register .input-group-text{
	border-radius: 0px;
}

#form-register button.btn{
	border-radius: 0px;
	border: 1px solid #f9f9f9;
	background: #ee2426;
	color: #fff;
}

#form-register button.btn:disabled{
	background: #f9f9f9;
	color: #707070;
}

.button-regis-success{
	background: #f9f9f9;
	border-radius: 0px;
	border: 1px solid #dbdbdb;
}

.button-regis-success:hover, 
.button-regis-success:active
.button-regis-success:not(:disabled):not(.disabled).active,
.button-regis-success:not(:disabled):not(.disabled):active,
.show>.button-regis-success.dropdown-toggle,
.button-regis-success:focus{
	background: #f9f9f9;
	border: 1px solid #dbdbdb;
	color: #3d3d3d;
	box-shadow: 0 0 0 0 rgba(0,123,255,.5);
}

.accordion-faq .btn{
	white-space: normal;
}

.accordion-faq .btn-link:hover{
	color: #ee2426;
}

.accordion-faq .btn-link.focus,
.accordion-faq .btn-link:focus{
	text-decoration: none;
}

.accordion-faq .card-header{
	border-bottom: 0px;
}

.accordion-faq .card-header{
	background: none;
}

.accordion-faq .card-header.active .btn{
	background: #f6f6f6 url('../images/arrow-accordion.png') no-repeat right center;
}

.accordion-faq .card-body{
	font-family: 'Poppins';
	font-weight: 500;
	font-size: 16px;
	color: #3a3a3a;
}

.accordion-faq .collapse.show .card-body{
	background: #f6f6f6;
}

.accordion-faq .card:first-of-type,
.accordion .card:not(:first-of-type):not(:last-of-type){
	border-radius: 0px;
	border-bottom: 1px solid rgba(0,0,0,.125);
}

.accordion-faq .card:last-of-type{
	border-radius: 0px;
}

#wrap-batasan{
	background: #ee2426;
}

#wrap-footer{
	/*min-height: 400px;*/
	background: #ee2426 url('../images/background-footer.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-bottom: 5px;
}

.footer-link a{
	border-right: 2px solid #fff;
	padding: 0px 5px;
}

.footer-link a:last-child{
	border-right: 0px;
}

#form-subscribe .form-control{
	border-radius: 0px;
	border: 1px solid #fb4648;
	background: #fb4648;
	color: #fefefe;
}

#form-subscribe .form-control:focus{
	box-shadow: 0 0 0 0 rgba(0,123,255,.25);
}

#form-subscribe .form-control::placeholder{
	color: #ffcece;
}

#form-subscribe .btn{
	border-radius: 0px;
	border: 1px solid #be1113;
	background: #be1113;
}

#wrap-copyright{
	background: url('../images/white.jpg') repeat-x center center; 
}

#copyright{
	background: #ee2426;
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
	    padding-right: 1.5rem;
	    padding-left: 1.5rem;
	}
}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 991px) {
	.nav-link,
	.nav-link.button-register{
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 575px) {

}

@media only screen and (max-width: 475px) {
 
}


@media only screen and (max-width: 375px) {

}

@media only screen and (max-width: 320px) {

}