@font-face {
	font-family: myFont;
	src: url(../fonts/LINESeedSansTH_Rg.ttf);
}

body{
	background-color: #f0f0f0 !important;
	font-family: myFont !important;
}

div{
	font-family: myFont !important;
}

h1, h2, h3, h4, h5, h6, ul, li, a, p, b, font, th, td, pre, span, button{
	font-family: myFont !important;
}

label{
	font-family: myFont !important;
	color: #000000 !important;
}

pre{
    white-space: pre-wrap;
	word-break: normal;
	width: 100%;
	font-size: unset !important;
	display: -webkit-inline-box !important;
}

.clinic-thumb-img {
	height: 150px !important;
	width: 100% !important;
	max-width: 250px !important;
	object-fit: cover !important;     /* สำคัญสุด: ตัดขอบ + scale ให้เต็มกรอบ */
	object-position: center center !important; /* ครอปตรงกลาง */
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
	background: #eee !important;
	border-radius: 10px !important;
}

.swal2-img-maxheight {
	max-height: 90vh !important;
	width: auto !important;
	height: auto !important;
	border-radius: 18px !important;
	display: block !important;
	margin: 0 auto !important;
}

.owl-carousel .owl-item img {
    display: unset !important;
}

.owl-nav{
    display: none !important;
}

.my-pagination-bar {}
.my-pagination-btn {
    display: inline-block !important;
    background: #900 !important;
    color: #fff !important;
    margin: 0 6px 0 0 !important;
    padding: 4px 15px !important;
    border-radius: 8px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    transition: background 0.2s !important;
}
.my-pagination-btn.active,
.my-pagination-btn:hover {
    background: #fff !important;
    color: #900 !important;
    border: 1.5px solid #900 !important;
}

/*.owl-dots{
    display: none;
}*/

.my-status-success{
	padding: 1px 8px !important;
	color: #155724 !important;
	background-color: #d4edda !important;
    border-color: #c3e6cb !important;
	border-radius: 5px !important;
}

.my-status-danger{
	padding: 1px 8px !important;
	color: #721c24 !important;
	background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
	border-radius: 5px !important;
}

.my-status-info{
	padding: 1px 8px !important;
	color: #0c5460 !important;
    background-color: #d1ecf1 !important;
    border-color: #bee5eb !important;
	border-radius: 5px !important;
}

.my-status-primary{
	padding: 1px 8px !important;
	color: #004085 !important;
    background-color: #cce5ff !important;
    border-color: #b8daff !important;
	border-radius: 5px !important;
}

.my-status-warning{
	padding: 1px 8px !important;
	color: #856404 !important;
    background-color: #fff3cd !important;
    border-color: #ffeeba !important;
	border-radius: 5px !important;
}

.my-status-defult{
	padding: 1px 8px !important;
	color: #383d41 !important;
    background-color: #e2e3e5 !important;
    border-color: #d6d8db !important;
	border-radius: 5px !important;
}

.my-status-maroon{
	padding: 1px 10px !important;
	margin: 0px 5px !important;
	color: #ffffff !important;
    background-color: #990000 !important;
    border-color: #990000 !important;
	border-radius: 5px !important;
}

.my-status-maroon-active{
	padding: 1px 10px !important;
	margin: 0px 5px !important;
	color: #990000 !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
	border-radius: 5px !important;
}

.my-vertical-top{
	vertical-align: top !important;
}

.my-img-circle-staff{
	width: 100px !important;
	height: 100px !important;
	object-fit: cover !important;
	border-radius: 50% !important;
}

.my-img-circle{
	width: 170px !important;
	height: 170px !important;
	object-fit: cover !important;
	border-radius: 50% !important;
	border: 5px solid #ffffff !important;
	box-shadow: 2px 6px 15px 0 rgb(17 78 96 / 25%) !important;
}

.my-img-square{
	width: 170px !important;
	height: 170px !important;
	object-fit: cover !important;
	border-radius: 10px !important;
	border: 5px solid #ffffff !important;
	box-shadow: 2px 6px 15px 0 rgb(17 78 96 / 25%) !important;
}

.my-img-square2{
	/*width: 170px !important;*/
	height: 200px !important;
	object-fit: cover !important;
}

.my-img-square3{
	/*width: 170px !important;*/
	height: 150px !important;
	object-fit: cover !important;
}

.my-img-cover_board{
	/*width: 170px !important;*/
	height: 180px !important;
	object-fit: cover !important;
}

.my-select{
    border: none !important;
    border-radius: 0px !important;
    height: 40px !important;
    background: #f9f9ff !important;
    padding-left: 20px !important;
    padding-right: 40px !important;
	width: 100% !important;
	font-size: 16px !important;
}
.my-select:hover{
    border-color: #dbdbdb !important;
}

.default-select .nice-select{
    width: 100% !important;
	font-size: 16px !important;
}

.default-select .nice-select .list .option{
	font-size: 16px !important;
}

.default-select .nice-select .list {
    border: 1px solid #f9f9ff !important;
}

a.my-a-new{
	color: #000000 !important;
}

a.my-a-new:hover{
	color: #ff2020 !important;
}

a.my-a-hover{
	color: #000B49 !important;
}

a.my-a-hover:hover{
	color: #990000 !important;
}

.my-mnh-700{
	min-height: 700px !important;
}

.my-mnh-600{
	min-height: 600px !important;
}

.my-mnh-500{
	min-height: 500px !important;
}

.footer-area .footer-tittle ul li a {
    color: #000B49 !important;
}

.footer-area .footer-tittle ul li a:hover {
    color: #ff2020 !important;
}

.my-font-spacial{
	background: -webkit-linear-gradient(#990000, #000B49);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.slide-bg {
    background: #f0f0f0;
}

.slider-height {
    min-height: unset;
}

.my-div-border{
	border: 1px solid #f0f0f0;
}

.blog_details {
    padding: 20px 30px 30px 30px;
}

.popular-items .single-popular-items .popular-img .img-cap span {
    padding: 10px 0;
}

.blog_details{
	border-radius: 0 0 5px 5px;
}

.thumb-content-box .thumb-content {
    padding: 25px;
	width: 100%;
}

.video-area {
    /*background-image: url(../../images/menu-tab1.jpg);*/
    height: 250px;
}

.fa, .fab, .fal, .far, .fas {
    line-height: 0;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #850E35;
    border-color: #dee2e6 #dee2e6 #850E35;
	color: #fff;
}

a.nav-link {
    color: #000;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
}

.card{
	margin-bottom: 30px;
	border-radius: 5px;
    -webkit-box-shadow: 2px 6px 15px 0 rgb(69 65 78 / 10%);
    -moz-box-shadow: 2px 6px 15px 0 rgba(69,65,78,.1);
    box-shadow: 2px 6px 15px 0 rgb(69 65 78 / 10%);
    border: 0;
}

.header-area .main-header .menu-wrapper .main-menu ul li a{
    font-size: 16px;
}

.header-area .main-header .menu-wrapper .main-menu ul ul.submenu>li>a{
    font-size: 16px;
}

.my-img-logo{
	height: 90px;
}

.my-subemnu2{
	margin-top: -20px;
	margin-left: 160px;
}

.header-area{
	background-color: #ffffff !important;
}

.text-1-lines{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1; /* number of lines to show */
	-webkit-box-orient: vertical;
}

.text-2-lines{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* number of lines to show */
	-webkit-box-orient: vertical;
}

.text-4-lines{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4; /* number of lines to show */
	-webkit-box-orient: vertical;
}

.separator-dashed {
    /*border-top: 1px dashed #ebecec;*/
    border-top: 1px dashed rgba(0,0,0,.1);
    margin: 10px 0;
}

.footer-copy-right {
    padding-top: 20px;
    padding-bottom: 20px;
}

.footer-padding {
    padding-top: 50px;
    padding-bottom: 30px;
}

.footer-menu-padding {
    padding-top: 20px;
    padding-bottom: 20px;
}

.my-none-pd{
	padding: 0px !important;
}

.my-none-mg{
	margin: 0px !important;
}

.my-mg-tb-5{
	margin: 5px 10px !important;
}

.my-mg-tb-10{
	margin: 10px 15px !important;
}

.my-pd-tb-010{
	padding: 0px 10px !important;
}

.my-pd-tb-5{
	padding: 5px 10px !important;
}

.my-pd-tb-10{
	padding: 10px 15px !important;
}

.my-pd-tb-15{
	padding: 15px 20px !important;
}

.my-pd-5{
	padding: 5px !important;
}

.my-pd-10{
	padding: 10px !important;
}

.my-pd-15{
	padding: 15px !important;
}

.my-pd-20{
	padding: 20px !important;
}

.my-mg-5{
	margin: 5px !important;
}

.bg-body{
	background-color: #f0f0f0 !important;
}

.bg-white{
	background-color: #fff !important;
}

.bg-maroon{
	background-color: #990000 !important;
}

.bg-navy{
	background-color: #000B49 !important;
}

.bg-side-menu{
	background: #fbf9ff !important;
}

.text-white{
	color: #fff !important;
}

.text-black{
	color: #000 !important;
}

.text-maroon{
	color: #990000 !important;
}

.text-navy{
	color: #000B49 !important;
}

.text-primary-2{
	color: #1572e8 !important;
}

.text-secondary-2{
	color: #6861ce !important;
}

.text-info-2{
	color: #48abf7 !important;
}

.text-success-2{
	color: #31ce36 !important;
}

.text-warning-2{
	color: #ffad46 !important;
}

.text-danger-2{
	color: #f25961 !important;
}

.text-muted{
    color: #6c757d !important;
}

.my-img-10{
	width: 10% !important;
}

.my-img-20{
	width: 20% !important;
}

.my-img-30{
	width: 30% !important;
}

.my-img-40{
	width: 40% !important;
}

.my-img-50{
	width: 50% !important;
}

.my-img-60{
	width: 60% !important;
}

.my-img-70{
	width: 70% !important;
}

.my-img-80{
	width: 80% !important;
}

.my-img-90{
	width: 90% !important;
}

.my-img-100{
	width: 100% !important;
}

.my-mt-5{
	margin-top: 5px !important;
}

.my-mt-10{
	margin-top: 10px !important;
}

.my-mt-15{
	margin-top: 15px !important;
}

.my-mt-20{
	margin-top: 20px !important;
}

.my-mt-25{
	margin-top: 25px !important;
}

.my-mt-30{
	margin-top: 30px !important;
}

.my-mb-5{
	margin-bottom: 5px !important;
}

.my-mb-10{
	margin-bottom: 10px !important;
}

.my-mb-15{
	margin-bottom: 15px !important;
}

.my-mb-20{
	margin-bottom: 20px !important;
}

.my-mb-25{
	margin-bottom: 25px !important;
}

.my-mb-30{
	margin-bottom: 30px !important;
}

.my-mb-50{
	margin-bottom: 50px !important;
}

.my-pt-5{
	padding-top: 5px !important;
}

.my-pt-10{
	padding-top: 10px !important;
}

.my-pt-15{
	padding-top: 15px !important;
}

.my-pt-20{
	padding-top: 20px !important;
}

.my-pt-25{
	padding-top: 25px !important;
}

.my-pt-30{
	padding-top: 30px !important;
}

.my-pb-5{
	padding-bottom: 5px !important;
}

.my-pb-10{
	padding-bottom: 10px !important;
}

.my-pb-15{
	padding-bottom: 15px !important;
}

.my-pb-20{
	padding-bottom: 20px !important;
}

.my-pb-25{
	padding-bottom: 25px !important;
}

.my-pb-30{
	padding-bottom: 30px !important;
}

.my-pb-50{
	padding-bottom: 50px !important;
}

.my-ht-5{
	width: 100%;
	height: 5px;
}

.my-ht-10{
	width: 100%;
	height: 10px;
}

.my-ht-15{
	width: 100%;
	height: 15px;
}

.my-ht-20{
	width: 100%;
	height: 20px;
}

.my-ht-25{
	width: 100%;
	height: 25px;
}

.my-font-10{
	font-size: 10px;
}

.my-font-12{
	font-size: 12px;
}

.my-font-14{
	font-size: 14px;
}

.my-font-16{
	font-size: 16px;
}

.my-font-18{
	font-size: 18px;
}

.my-font-20{
	font-size: 20px;
}

.my-font-22{
	font-size: 22px;
}

.my-font-24{
	font-size: 24px;
}

.my-font-26{
	font-size: 26px;
}

.my-font-28{
	font-size: 28px;
}

.my-font-30{
	font-size: 30px;
}

/*-------------------------------------*/
#myImg{
	border-radius: 5px;
	cursor: pointer;
	transition: 0.3s;
	display: block;
	margin-left: auto;
	margin-right: auto
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 99; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
	margin: auto;
	display: block;
	width: 75%;
	//max-width: 75%;
}

/* Caption of Modal Image */
#caption {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

@-webkit-keyframes zoom {
	from {-webkit-transform:scale(1)}
	to {-webkit-transform:scale(2)}
}
 
@keyframes zoom {
	from {transform:scale(0.4)}
	to {transform:scale(1)}
}

@-webkit-keyframes zoom-out {
	from {transform:scale(1)}
	to {transform:scale(0)}
}
@keyframes zoom-out {
	from {transform:scale(1)}
	to {transform:scale(0)}
}

/* Add Animation */
.modal-content, #caption {
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

.out {
  animation-name: zoom-out;
  animation-duration: 0.6s;
}

@media only screen and (min-width: 1250px) and (max-width: 1315px){
	
	.my-img-logo{
		height: 50px;
	}

}

@media only screen and (min-width: 992px) and (max-width: 1249px){
	
	.my-img-logo{
		height: 30px;
	}

}

@media only screen and (min-width: 768px) and (max-width: 991px){
	
	.my-img-logo{
		height: 27px;
	}

}

@media only screen and (min-width: 576px) and (max-width: 767px){
	
	.my-img-logo{
		height: 27px;
	}
	
	.my-col-xs-6{
		width: 50%;
	}

}

@media (max-width: 575px){
	
	.my-img-logo{
		height: 27px;
	}
	
	.header-area .main-header .menu-wrapper .header-right {
		margin-top: -140px;
		margin-right: 60px;
	}
	
	.my-col-xs-6{
		width: 50%;
	}
	
}