/*color =  gray #58595B  yellow=#FFB711*/
/*
font-family: 'Kanit', sans-serif;
font-family: 'Noto Serif JP', serif;
font-family: 'Prompt', sans-serif;
*/

body {
	font-family: 'Kanit', sans-serif;
	font-size:22px;
	line-height: normal;
	font-weight: 300;
	color: #2B292C
}
a {
	color: #2B292C;
	text-decoration: none;
	transition: 0.3s
}
a:hover {
	color: #2AA7E5;
	text-decoration: none;
	transition: 0.3s
}
.clear {
	clear: both;
}
.w-100 {
    width: 100% !important;
    height: auto;
}



.w-90 {
	width: 90% !important;
}

.w-80 {
	width: 80% !important;
	margin: 0 auto;
}
.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 i {
	color: #fff;
}
a.btn {
	color: #fff;
}
option {
	font-weight: 300 !important;
	background: #fff !important;
	color: #000!important;
}
.btn-close {
	position: absolute;
	top: 15px;
	right: 15px;
	opacity: 1;
	background: none;
	color: #fff;
}
.btn-close:hover {
	opacity: 0.9;
}
.btn-primary {
	background: #0071BA !important
}
.txt-red, a.txt-red {
	color: #f00 !important
}
.txt-green {
	color: #01900b
}
.txt-black {
	color: #000
}
.txt-blue {
	color: #2AA7E5
}
.txt-blackblue {
	color: #043B89
}
.txt-white {
	color: #fff !important
}
.txt-gray {
	color: #414042
}
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;
}
.size17 {
	font-size: 17px;
}
.size18 {
	font-size: 18px;
}
.size20 {
	font-size: 20px;
}
.size22 {
	font-size: 22px;
}
.size24 {
	font-size: 24px;
}
.size26 {
	font-size: 26px;
}
.size28 {
	font-size: 28px;
}
.size30 {
	font-size: 30px;
}
ul.un-list {
	margin: 0;padding:0;
}
ul.un-list li {
	list-style: none;
	display: inline-block;
}

/*form*/
.form-control {
	background: #fff;
	color: #000;
	border-radius: 3px;
	border:1px solid #ccc;
	padding: 5px;
	font-size: 16px;
	font-weight: 300 
}
label {
	font-size: 16px;
	font-weight: 300px !important;
 
}
.form-label {
   margin-bottom: 0 !important;
   text-align: left !important;
}
.form-select {
	 
	color: #000;
	border-radius: 3px;
	border:1px solid #ccc;
	padding: 5px;
	font-size: 16px;
	font-weight: 300;
}
.alert {
	font-size: 17px;
	font-weight: 400 !important;
	padding: 10px;
}
.idate {
	background-image: url(../images/calendar.svg);
	background-repeat: no-repeat;
	background-position: 96% 8px;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 15px  !important;
    margin: 1px 3px;
}
.ui-datepicker {
    width: 12% !important;
    padding: 0.2em 0.2em 0;
    display: none;
}
.progress-bar {
 
    background-color: #ffc107 !important;
    
}
.form-control:focus {
	background:#fff ;
	ourline:none;
}
.form-control.byellow {
	border:1px solid #FFCC00;
	background:  #fff;
}
.form-control.byellow:disabled {
    border:1px solid #FFCC00;
	background:  #fbfbfb;
}
.form-select.byellow:disabled {
	border:1px solid #FFCC00;
	background:  #fff;
}
.form-select.byellow {
	border:1px solid #FFCC00;
	background:  #fff;
}
.form-control.yellow {
	border:1px solid #ededed;
	background:  #fbfbfb;
}
.form-select.yellow {
	border:1px solid #ededed;
	background:  #fbfbfb;
}
.form-control:disabled , .form-select:disabled {
    border:1px solid #ededed;
	background:  #fbfbfb;
}
.form-control:disabled {
    border:1px solid #ededed;
	background:  #fbfbfb;
}

/*จำนวนบรรทัด*/
.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;
}
.line-4 {
	 display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-5 {
	 display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/*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-nav {
	position: absolute;
	top:63px ;
	width: 100%;
	text-align: center;
}
.owl-carousel .owl-nav button.owl-prev {
	float: left;
	margin-left: -80px;
}
.owl-carousel .owl-nav button.owl-next {
	float: right;
	margin-right: -80px;
}
.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span {
	font-weight: 200;
	font-size: 95px;
	color: #2aa7e5;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: unset !important;
 
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #2F4DAA !important;
}
.owl-theme .owl-nav {margin-top: 0 !important}


 
.owl-theme .owl-dots .owl-dot span {
	width:15px !important; 
	height: 15px !important;
	border-radius:100% !important;
}


.box-slide-news .owl-theme .owl-dots {

    bottom: -82px;
    
}




/* page*/
.page {
	margin: 30px 0 0 0;
	text-align: left;
	font-size: 18px;
}
.page a {
	padding: 0 8px;
	display: inline-block;
	margin: 0 2px;
	color:#2B292C;
	/*width: 28px;
	height: 28px;*/

}
.page a.next {
/*	background:#FFCC00;*/
	padding: 0 10px;
	border-radius:4px;
	color: #000;
	margin: 0 0;
}
.page a:hover{
	
	color: #000;
	
}
.page a.active-page{
	 
	background:#FFCC00;
	 color: #000;
	 padding: 2px 10px;
	 border-radius: 3px;
}
.page-white {
	margin: 50px 0 0 0;
	text-align: center;
	font-size: 18px;
}
.page-white a {
	border: 1px solid #fff;
	padding: 2px 8px;
	display: inline-block;
	margin: 0 2px;
	color: #fff;
}
.page-white a:hover {
	background: #6f4724;
	color: #fff;
}

::-webkit-input-placeholder { /* Edge */
  color: #012875;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #012875;
}

::placeholder {
  color: #012875;
}


/*popup*/
.modal-title {
	color:#000;
	font-style: 25px;
}
.modal-header {
	background: #FFCC00; 
	border-bottom: 0;
	color: #000;
}

.modal-footer {
	text-align: center;
	display: unset;
	border-top: 0;
	padding-bottom: 20px;
}
.btn {
	border-radius: 5px;
}
 /*content all 1366px*/
 @media (min-width: 1400px) {
 	 .container {
    max-width: 1340px;
    
}
}