/*color = or =#F26622 bkack blue #043B89 ,blue #0071BA  gray #58595B  red=#BA091F*/

body {
	font-family: "Prompt", sans-serif;
	font-size:18px;
	line-height:  normal;
	font-weight: 400;
	color: #555;
 
}
a {
	color: #555;
	text-decoration: none;
	transition: 0.3s
}
a:hover {
	 
	text-decoration: none;
	transition: 0.3s
}
.clear {
	clear: both;
}
p {
    margin-top: 0;
    margin-bottom: 1.5rem;
}
.wrap-form .form-control {
	border-radius: 0 !important;
	border: 0 !important;
	box-shadow: 0 3px 5px #ccc;
	padding: 8px;
	font-size: 17px;
	font-weight:500;
}


 
.form-control:focus {
	border: 0;
	outline: none;
	box-shadow: none;

}

.form-select {
	border-radius: 0;
	 
	border: 1px solid #D2D2D2;
	font-size: 21px;
	background-image: url(../images/icon/arrow-select.svg);
}
/*.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	line-height: normal !important;
}*/
.relative {
	position: relative;
}
.w-90 {
	width: 90% !important;
}

.w-80 {
	width: 80% !important;
}
.w-60 {
	width: 60% !important;
}
.min-hight-100 {
	min-height: 100px;
}
.min-hight-200 {
	min-height: 200px;
}
.min-hight-300 {
	min-height: 300px;
}
.min-hight-400 {
	min-height: 400px;
}
.hight-400 {
	height: 400px;
}
.hight-500 {
	height: 500px;
}
.hight-600 {
	height: 600px;
}
.overflow-auto {
	overflow: auto;
	padding-right: 10px;
}
 
.btn-close {
  position: absolute;
  top: 17px;
  right: 23px;
  opacity: 1;
  background: none;
  color: #fff;
  font-size: 28px;
}
.btn-close:hover {
	opacity: 0.9;
	color: #fff;
}
.btn-primary {
	background: #0071BA !important
}
.txt-red, a.txt-red {
	color: #D0112B !important
}
.txt-green {
	color: #01900b
}
.txt-black {
	color: #000
}
.txt-blue-white {
	color: #00AEE5;
}
.txt-blue {
	color: #043B89
}
.txt-blackblue {
	color: #043B89
}
.txt-white {
	color: #fff
}
.txt-gray {
	color: #ABABAB
}
.txt-orange {
	color: #F26622;
}
a.txt-white:hover {
	color: #fff
}
/*light*/
.font-300 {
	font-weight: 300; 
}
/*regular*/
.font-400 {
	font-weight: 400;
}
/*Medium*/
.font-500 {
	font-weight: 500;
}
/*SemiBold*/
.font-600 {
	font-weight: 600;
}
/*Bold*/
.font-700 {
	font-weight: 700;
}
.size10 {
	font-size: 10px;
}
.size12 {
	font-size: 12px;
}
.size14 {
	font-size: 14px;
}
.size16 {
	font-size: 16px;
}
.size18 {
	font-size: 18px;
}
.size19 {
	font-size: 19px !important;
}
.size20 {
	font-size: 20px;
}
.size22 {
	font-size: 22px;
}
.size24 {
	font-size: 24px;
}
.size26 {
	font-size: 26px;
}
ul.un-list {
	margin: 0;padding:0;
}
ul.un-list li {
	list-style: none;
	display: inline-block;
}


/*จำนวนบรรทัด*/
.line-1 {
	 display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-2 {
	 display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-3 {
	 display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/*nav*/
 
.navi {
	font-size: 18px;
	color: #919191;
}
.navi a {
	color: #B7B7B7;
}
.navi a:hover {
	color: #F26622;
}
.navi span {
 
	color: #F26622;
	display: inline-block;
}

/*owl*/
.owl-theme .owl-dots .owl-dot span {
    
    margin: 5px 4px !important;
   
}

.owl-theme .owl-dots {
	position: absolute;
	bottom: 30px;
	width: 100%;
	text-align: center;
}

.owl-theme .owl-dots .owl-dot span {
	width: 30px !important;
	height: 6px !important;
	background: rgba(225, 225, 225, 0.4) !important;
	border-radius: 6px !important;
	transition: 0.3s;
}
 
.owl-theme .owl-dots .owl-dot.active span  {
	background: #044EA3 !important;
	border-radius: 6px !important;
	width: 60px !important;
	transition: 0.3s;
}

.fb-share-button span {
	display: none;
	
}
 
/*.owl-carousel .owl-item img {
	width: unset !important;
}*/

.slide-news .owl-dots {
	display: none;
}
.owl-theme .owl-nav {
	 position: absolute !important;
	 top: 67px !important;
	 width: 100% !important;
	 z-index: -1 !important;
}

.owl-carousel .owl-nav button.owl-prev {
	float: left;
	background: url(../images/icon/icon-left.svg) no-repeat top center !important;
	
	width: 41px;
	height: 41px;
	margin-left: -60px;

}
.owl-carousel .owl-nav button.owl-next {
	float: right;
	background: url(../images/icon/icon-right.svg) no-repeat top center !important;
	
	width: 41px;
	height: 41px;
	margin-right: -60px;
}
.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span {
	display: none;
}



/*accordion*/

.accordion-flush .accordion-item .accordion-button {
	color: #005894;
	font-size: 25px;
}
.accordion-button:not(.collapsed) {
	background: transparent !important;
}
.accordion-body {
	font-family: 'Athiti', sans-serif;
	font-size: 21px;
	line-height: 30px;
	font-weight: 500;
	color: #343434;
}
/* page*/
.page {
	margin: 50px 0 0 0;
	text-align: center;
}
.page a {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	padding:5px 0 0 0;
	text-align: center;
	color: #005894;
	font-size: 21px;
	display: inline-block;
	margin: 0 0;
}
.page a:hover {
	background: #d2d2d2;
	opacity: 0.8;
	color: #005894
}
.page a.active-page {
	background: #005894;
	opacity:1;
	color: #fff
} 
.page img {
	margin:  -1px 10px 0 0;
}
.page img:hover{
	opacity: 0.7;
	cursor: pointer;
	transition: 0.3s;
}
/*table*/
.table  {
  color: #005894;
 
}
.table th {
	font-weight: 400;
}
.table td , .table th{
	border-bottom: 1px solid #005894;
}
/*popup*/
 .modal-content {
 	border-radius: 0 !important;
 	background: #fff;
 }
.modal-header {
	display: block !important;
	padding:15px 25px !important;
	border-radius: 0 0 0 0;
	background: #005894;
}
.modal-header h3 {
	margin-bottom: 0;
}
.txt-popup {
	font-family: 'Athiti', sans-serif;
	font-size: 21px;
	line-height: 30px;
	font-weight: 500;
	color: #343434;
}
.modal-body {
	background: #fff;
}
h1.modal-title {
	font-size:25px ;
	 
	color: #fff;
	font-weight: 600;
}
/*accordion*/
.ui-accordion .ui-accordion-header {
	background: url(../images/arrow-type.svg) no-repeat  right #fff;
	 
	color: #242424;
	font-size: 20px;
	font-weight: 600;
	border-top: 1px solid #DEDEDE !important;
	padding:25px 0 !important;
	 background-color: unset;
}
.ui-icon {
	display: none !important;
}
 .ui-accordion .ui-accordion-header.none-border {
 	border-top: none!important;
 }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border:0 !important;
	background: url(../images/arrow-type-down.svg) no-repeat  right #fff !important;
	border-bottom: 1px solid #fff !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border:0 !important;
	
	
	 
}
.ui-widget-content {
border:0 !important;
background: unset !important; 

}

.img-hover {
	transform: scale(1.0);
	transition: 0.3s;
}
.img-hover {
	transform: scale(1.2);
	transition: 0.3s;
}

 /*content all 1366px*/
 @media (min-width: 1400px) {
 	 .container {
    max-width: 1466px;
    
}
}


/*@media (min-width: 1200px) { 
.container {
    max-width: 1240px;
}
 */