html,
 :host {
 	line-height: 1.5;
 	/* -webkit-text-size-adjust: 100%; */
 	tab-size: 4;
 	font-family: "Kanit", sans-serif;
 	/* font-feature-settings: var(--default-font-feature-settings, normal);
 	font-variation-settings: var(--default-font-variation-settings, normal); */
 	/* -webkit-tap-highlight-color: transparent; */
 }


 code,
 kbd,
 samp,
 pre {
 	font-family: "Kanit", sans-serif;
 	font-feature-settings: var(--default-mono-font-feature-settings, normal);
 	font-variation-settings: var(--default-mono-font-variation-settings, normal);
 	font-size: 1em;
 }


 .font-Jakarta {
 	font-family: "Kanit", sans-serif;
 }


 body {
 	font-family: "Kanit", sans-serif;
 	/* --tw-leading: 1.6666; */
 	line-height: 1.6666;
 	/* --tw-font-weight: var(--font-weight-normal);
 	font-weight: var(--font-weight-normal); */
 	color: #6c757d;
 }

 .wsmenu>.wsmenu-list>li>a {
 	margin: 0 7px;
 	display: block;
 	padding: 10px 15px;
 	font-family: "Kanit", sans-serif;
 	font-size: 1rem;
 	/* --tw-leading: 50px; */
 	line-height: 50px;
 	/* --tw-font-weight: var(--font-weight-semibold); */
 	/* font-weight: var(--font-weight-semibold); */
 	/* --tw-tracking: 0; */
 	letter-spacing: 0;
 	text-decoration-line: none;

 	/* @media (width >=414px) {
 		@media (width < 480px) {
 			margin: calc(var(--spacing) * 0);
 		}
 	} */

 	@media (width >=414px) {
 		@media (width < 480px) {
 			padding-top: 5px;
 		}
 	}
/* 
 	@media (width >=414px) {
 		@media (width < 480px) {
 			padding-right: 32px;
 		}
 	}

 	@media (width >=414px) {
 		@media (width < 480px) {
 			padding-bottom: calc(var(--spacing) * 1);
 		}
 	}

 	@media (width >=414px) {
 		@media (width < 480px) {
 			padding-left: 20px;
 		}
 	}

 	@media (width >=480px) {
 		@media (width < 768px) {
 			margin: calc(var(--spacing) * 0);
 		}
 	}

 	@media (width >=480px) {
 		@media (width < 768px) {
 			padding-top: 5px;
 		}
 	}

 	@media (width >=480px) {
 		@media (width < 768px) {
 			padding-right: 32px;
 		}
 	}

 	@media (width >=480px) {
 		@media (width < 768px) {
 			padding-bottom: calc(var(--spacing) * 1);
 		}
 	}

 	@media (width >=480px) {
 		@media (width < 768px) {
 			padding-left: 20px;
 		}
 	}

 	@media (width >=768px) {
 		@media (width < 992px) {
 			margin: calc(var(--spacing) * 0);
 		}
 	}

 	@media (width >=768px) {
 		@media (width < 992px) {
 			padding-top: 5px;
 		}
 	}

 	@media (width >=768px) {
 		@media (width < 992px) {
 			padding-right: 32px;
 		}
 	}

 	@media (width >=768px) {
 		@media (width < 992px) {
 			padding-bottom: calc(var(--spacing) * 1);
 		}
 	}

 	@media (width >=768px) {
 		@media (width < 992px) {
 			padding-left: 20px;
 		}
 	}

 	@media (width >=768px) {
 		@media (width < 992px) {
 			font-size: 1.25rem;
 		}
 	}

 	@media (width >=768px) {
 		@media (width < 992px) {
 			--tw-leading: 46px;
 			line-height: 46px;
 		}
 	}

 	@media (width >=992px) {
 		@media (width < 1200px) {
 			margin-inline: 5px;
 		}
 	}

 	@media (width >=992px) {
 		@media (width < 1200px) {
 			margin-block: calc(var(--spacing) * 0);
 		}
 	}

 	@media (width >=992px) {
 		@media (width < 1200px) {
 			padding-inline: 15px;
 		}
 	}

 	@media (width >=992px) {
 		@media (width < 1200px) {
 			padding-block: 10px;
 		}
 	}

 	@media (width >=1200px) {
 		font-size: 0.9375rem;
 	} */
 }

 .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
 	background-color: rgba(244, 244, 249, 0);
 	padding: 11px 14px;
 	font-family: "Kanit", sans-serif;
 	font-size: 1rem;
 	/* --tw-leading: 22px; */
 	line-height: 22px;
 	/* --tw-font-weight: var(--font-weight-semibold); */
 	/* font-weight: var(--font-weight-semibold); */
 	color: #353f4f;
 	transition: all 0.3s ease-in-out;

 	/* @media (width >=414px) {
 		@media (width < 480px) {
 			padding-inline: 10px;
 		}
 	}

 	@media (width >=414px) {
 		@media (width < 480px) {
 			padding-block: 12px;
 		}
 	}

 	@media (width >=480px) {
 		@media (width < 768px) {
 			padding-inline: 10px;
 		}
 	}

 	@media (width >=480px) {
 		@media (width < 768px) {
 			padding-block: 12px;
 		}
 	}

 	@media (width >=768px) {
 		@media (width < 992px) {
 			padding-inline: 14px;
 		}
 	}

 	@media (width >=768px) {
 		@media (width < 992px) {
 			padding-block: 15px;
 		}
 	}

 	@media (width >=768px) {
 		@media (width < 992px) {
 			font-size: 1.1765rem;
 		}
 	}

 	@media (width >=768px) {
 		@media (width < 992px) {
 			color: #666;
 		}
 	}

 	@media (width >=992px) {
 		@media (width < 1200px) {
 			font-size: 0.9375rem;
 		}
 	}

 	@media (width >=1200px) {
 		font-size: 0.9rem;
 	} */
 }


 .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
 .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a {
 	background-color: rgba(244, 244, 249, 0);
 	padding-inline: 14px;
 	padding-block: 11px;
 	font-family: "Kanit", sans-serif;
 	font-size: 1rem;
 	/* --tw-font-weight: var(--font-weight-semibold); */
 	/* font-weight: var(--font-weight-semibold); */
 	color: #353f4f;
 	transition-property: all;
 	/* transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); */
 	/* transition-duration: var(--tw-duration, var(--default-transition-duration)); */
 	/* --tw-duration: 0.3s; */
 	transition-duration: 0.3s;
 	/* --tw-ease: ease-in-out; */
 	transition-timing-function: ease-in-out;
 }


 .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
 .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a {
 	background-color: rgba(244, 244, 249, 0);
 	padding: 11px 14px;
 	font-family: "Kanit", sans-serif;
 	font-size: 1rem;
 	/* --tw-font-weight: var(--font-weight-semibold); */
 	/* font-weight: var(--font-weight-semibold); */
 	color: #353f4f;
 	transition: all 0.3s ease-in-out;
 }


 .txt-block .accordion-1 .accordion-item .accordion-thumb:before,
 .txt-block .accordion-2 .accordion-item .accordion-thumb:after {
 	position: absolute;
 	font-family: "Kanit", sans-serif;
 	/* --tw-font-weight: var(--font-weight-normal); */
 	/* font-weight: var(--font-weight-normal); */
 	color: #353f4f;
 }

 .font--inter h1,
 .font--inter h2,
 .font--inter h3,
 .font--inter h4,
 .font--inter h5,
 .font--inter h6 {
 	font-family: "Kanit", sans-serif;
 	/* --tw-tracking: -0.5px; */
 	letter-spacing: -0.5px;
 }


 .btn--theme {
    color: #fff !important;
    border-color: #00077b !important;
    background-color: #00077b !important;
}

.color--black, .color--black h1, .color--black h2, .color--black h3, .color--black h4, .color--black h5, .color--black h6, .color--black p, .color--black a, .color--black li, .color--black i, .color--black span, .color--white .color--black {
	color: #000000 !important; 
}

.text-number {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* แสดง 3 บรรทัด */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


.text-number-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4; /* แสดง 4 บรรทัด */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.w-1 { width: 1% !important; }
.w-2 { width: 2% !important; }
.w-3 { width: 3% !important; }
.w-4 { width: 4% !important; }
.w-5 { width: 5% !important; }
.w-6 { width: 6% !important; }
.w-7 { width: 7% !important; }
.w-8 { width: 8% !important; }
.w-9 { width: 9% !important; }
.w-10 { width: 10% !important; }
.w-11 { width: 11% !important; }
.w-12 { width: 12% !important; }
.w-13 { width: 13% !important; }
.w-14 { width: 14% !important; }
.w-15 { width: 15% !important; }
.w-16 { width: 16% !important; }
.w-17 { width: 17% !important; }
.w-18 { width: 18% !important; }
.w-19 { width: 19% !important; }
.w-20 { width: 20% !important; }
.w-21 { width: 21% !important; }
.w-22 { width: 22% !important; }
.w-23 { width: 23% !important; }
.w-24 { width: 24% !important; }
.w-25 { width: 25% !important; }
.w-26 { width: 26% !important; }
.w-27 { width: 27% !important; }
.w-28 { width: 28% !important; }
.w-29 { width: 29% !important; }
.w-30 { width: 30% !important; }
.w-31 { width: 31% !important; }
.w-32 { width: 32% !important; }
.w-33 { width: 33% !important; }
.w-34 { width: 34% !important; }
.w-35 { width: 35% !important; }
.w-36 { width: 36% !important; }
.w-37 { width: 37% !important; }
.w-38 { width: 38% !important; }
.w-39 { width: 39% !important; }
.w-40 { width: 40% !important; }
.w-41 { width: 41% !important; }
.w-42 { width: 42% !important; }
.w-43 { width: 43% !important; }
.w-44 { width: 44% !important; }
.w-45 { width: 45% !important; }
.w-46 { width: 46% !important; }
.w-47 { width: 47% !important; }
.w-48 { width: 48% !important; }
.w-49 { width: 49% !important; }
.w-50 { width: 50% !important; }
.w-51 { width: 51% !important; }
.w-52 { width: 52% !important; }
.w-53 { width: 53% !important; }
.w-54 { width: 54% !important; }
.w-55 { width: 55% !important; }
.w-56 { width: 56% !important; }
.w-57 { width: 57% !important; }
.w-58 { width: 58% !important; }
.w-59 { width: 59% !important; }
.w-60 { width: 60% !important; }
.w-61 { width: 61% !important; }
.w-62 { width: 62% !important; }
.w-63 { width: 63% !important; }
.w-64 { width: 64% !important; }
.w-65 { width: 65% !important; }
.w-66 { width: 66% !important; }
.w-67 { width: 67% !important; }
.w-68 { width: 68% !important; }
.w-69 { width: 69% !important; }
.w-70 { width: 70% !important; }
.w-71 { width: 71% !important; }
.w-72 { width: 72% !important; }
.w-73 { width: 73% !important; }
.w-74 { width: 74% !important; }
.w-75 { width: 75% !important; }
.w-76 { width: 76% !important; }
.w-77 { width: 77% !important; }
.w-78 { width: 78% !important; }
.w-79 { width: 79% !important; }
.w-80 { width: 80% !important; }
.w-81 { width: 81% !important; }
.w-82 { width: 82% !important; }
.w-83 { width: 83% !important; }
.w-84 { width: 84% !important; }
.w-85 { width: 85% !important; }
.w-86 { width: 86% !important; }
.w-87 { width: 87% !important; }
.w-88 { width: 88% !important; }
.w-89 { width: 89% !important; }
.w-90 { width: 90% !important; }
.w-91 { width: 91% !important; }
.w-92 { width: 92% !important; }
.w-93 { width: 93% !important; }
.w-94 { width: 94% !important; }
.w-95 { width: 95% !important; }
.w-96 { width: 96% !important; }
.w-97 { width: 97% !important; }
.w-98 { width: 98% !important; }
.w-99 { width: 99% !important; }
.w-100 { width: 100% !important; }



.h-1 { height: 1% !important; }
.h-2 { height: 2% !important; }
.h-3 { height: 3% !important; }
.h-4 { height: 4% !important; }
.h-5 { height: 5% !important; }
.h-6 { height: 6% !important; }
.h-7 { height: 7% !important; }
.h-8 { height: 8% !important; }
.h-9 { height: 9% !important; }
.h-10 { height: 10% !important; }
.h-11 { height: 11% !important; }
.h-12 { height: 12% !important; }
.h-13 { height: 13% !important; }
.h-14 { height: 14% !important; }
.h-15 { height: 15% !important; }
.h-16 { height: 16% !important; }
.h-17 { height: 17% !important; }
.h-18 { height: 18% !important; }
.h-19 { height: 19% !important; }
.h-20 { height: 20% !important; }
.h-21 { height: 21% !important; }
.h-22 { height: 22% !important; }
.h-23 { height: 23% !important; }
.h-24 { height: 24% !important; }
.h-25 { height: 25% !important; }
.h-26 { height: 26% !important; }
.h-27 { height: 27% !important; }
.h-28 { height: 28% !important; }
.h-29 { height: 29% !important; }
.h-30 { height: 30% !important; }
.h-31 { height: 31% !important; }
.h-32 { height: 32% !important; }
.h-33 { height: 33% !important; }
.h-34 { height: 34% !important; }
.h-35 { height: 35% !important; }
.h-36 { height: 36% !important; }
.h-37 { height: 37% !important; }
.h-38 { height: 38% !important; }
.h-39 { height: 39% !important; }
.h-40 { height: 40% !important; }
.h-41 { height: 41% !important; }
.h-42 { height: 42% !important; }
.h-43 { height: 43% !important; }
.h-44 { height: 44% !important; }
.h-45 { height: 45% !important; }
.h-46 { height: 46% !important; }
.h-47 { height: 47% !important; }
.h-48 { height: 48% !important; }
.h-49 { height: 49% !important; }
.h-50 { height: 50% !important; }
.h-51 { height: 51% !important; }
.h-52 { height: 52% !important; }
.h-53 { height: 53% !important; }
.h-54 { height: 54% !important; }
.h-55 { height: 55% !important; }
.h-56 { height: 56% !important; }
.h-57 { height: 57% !important; }
.h-58 { height: 58% !important; }
.h-59 { height: 59% !important; }
.h-60 { height: 60% !important; }
.h-61 { height: 61% !important; }
.h-62 { height: 62% !important; }
.h-63 { height: 63% !important; }
.h-64 { height: 64% !important; }
.h-65 { height: 65% !important; }
.h-66 { height: 66% !important; }
.h-67 { height: 67% !important; }
.h-68 { height: 68% !important; }
.h-69 { height: 69% !important; }
.h-70 { height: 70% !important; }
.h-71 { height: 71% !important; }
.h-72 { height: 72% !important; }
.h-73 { height: 73% !important; }
.h-74 { height: 74% !important; }
.h-75 { height: 75% !important; }
.h-76 { height: 76% !important; }
.h-77 { height: 77% !important; }
.h-78 { height: 78% !important; }
.h-79 { height: 79% !important; }
.h-80 { height: 80% !important; }
.h-81 { height: 81% !important; }
.h-82 { height: 82% !important; }
.h-83 { height: 83% !important; }
.h-84 { height: 84% !important; }
.h-85 { height: 85% !important; }
.h-86 { height: 86% !important; }
.h-87 { height: 87% !important; }
.h-88 { height: 88% !important; }
.h-89 { height: 89% !important; }
.h-90 { height: 90% !important; }
.h-91 { height: 91% !important; }
.h-92 { height: 92% !important; }
.h-93 { height: 93% !important; }
.h-94 { height: 94% !important; }
.h-95 { height: 95% !important; }
.h-96 { height: 96% !important; }
.h-97 { height: 97% !important; }
.h-98 { height: 98% !important; }
.h-99 { height: 99% !important; }
.h-100 { height: 100% !important; }