.font--Gotham {
	font-family: "Gotham";
}
.font--PSLxKittithada {
	/*font-family: "PSLxKittithada";*/
	font-family: "db_helvethaica_x";
}
.font--DBHelvethaicaX {
	font-family: "db_helvethaica_x";
}
.font--MyriadPro {
	font-family: "MyriadPro";
}
.multipleFontth {
	font-family: "db_helvethaica_x";
}
.multipleFonten {
	font-family: "Gotham";
}

.font--color-primary {
	color: #ffffff;
}
.font--color-secondary {
	color: #000000;
}
.font--color-special {
	color: #ff6c0e;
}
.bg--color-primary {
	background-color: #ffffff;
}
.bg--color-secondary {
	background-color: #2474bb;
}
.bg--color-third {
	background-color: #55c0e7;
}
.bg--color-special {
	background-color: #ff6c0e;
}
.gb--color-grey {
	background-color: #dcdcdc;
}
.ul--nodist {
	list-style: none;
}
.d--inline {
	display: inline-block;
}

.cLang-th:root {
	font-size: 100%;
}
.cLang-en:root {
	font-size: 75%;
}
.cLang-cam:root {
	font-size: 70%;
}

body {
	font-size: 1.525rem;
	/*letter-spacing: 0.035rem;*/
	color: #000;
}
a:hover {
	text-decoration: none;
}

/* HEADER */
.header {
	background-color: #ffffff;
	z-index: 8;
	margin-bottom: 120px;
}
.header--contact-detail {
	height: 100px;
	padding: 10px 0;
	margin: 0 8px 0 0;
	/*overflow: hidden;*/
}
.header--contact-detail li {
	vertical-align: middle;
	font-weight: bold;
}
.slanguage-show-desktop.th {
	font-size: 0.85rem;
	font-family: "Gotham";
}
.slanguage-show-desktop.en {
	font-size: 1.25rem;
	font-family: "Gotham";
}
.slanguage-show-desktop.cam {
	font-size: 1.25rem;
	font-family: "Gotham";
}

.header--contact-detail-lang label {
	font-size: 0.8rem;
	padding: 25px 2px;
}
.header--contact-detail-lang label a {
	color: #000000;
	font-size: 1.25rem;
}
.header--contact-detail-lang label a.active {
	color: #ff6c0e;
}
.header--contact-detail-tel {
	padding-top: 10px;
}
.header--contact-detail-tel-num {
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0.1rem;
}
.header--contact-detail-txt {
	font-size: 1.125rem;
}
.line--height100 {
	height: 60px;
	margin: 5px;
	width: 2px;
	background-color: #c8c8c8;
}
.sLangOnMobile {
	font-size: 1rem;
	margin: 0 8px;
}
.sLangOnMobile a {
	color: #fff;
}
.sLangOnMobile a.active {
	color: #ff6c0e;
}

.slanguage.dropdown-menu {
	padding-left: 12px;
	min-width: 9rem;
}
.slanguage li {
	margin: 8px 0;
}
.slanguage-show-mobile.th {
	color: #fff;
	font-family: "Gotham";
	font-size: 0.85rem;
}
.slanguage-show-mobile.en {
	color: #fff;
	font-family: "Gotham";
	font-size: 1.125rem;
}
.slanguage-show-mobile.cam {
	color: #fff;
	font-family: "Gotham";
	font-size: 1.125rem;
}

/* NAVBAR */
.ico_logo {
	width: 285px;
	height: 80px;
}
.navbar-nav {
	font-size: 1.325rem;
	font-weight: bold;
}
.nav-item.active,
.nav-item:hover {
	background-color: #ff6c0e;
	color: #fff;
}
/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
	padding-top: 102px;
}

/* MENU */
.navbar-toggle .icon-bar {
	transition: all 0.2s;
}
.navbar-toggle .top-bar {
	transform: rotate(-135deg);
	margin: 6px 0 -12px 0;
}
.navbar-toggle .middle-bar {
	opacity: 0;
	width: 0;
}
.navbar-toggle .bottom-bar {
	transform: rotate(135deg);
	margin-bottom: 6px;
}
.navbar-toggle.collapsed .top-bar {
	transform: rotate(0);
	margin: 0;
}
.navbar-toggle.collapsed .middle-bar {
	opacity: 1;
	width: 100%;
}
.navbar-toggle.collapsed .bottom-bar {
	transform: rotate(0);
	margin-bottom: 0;
}

.dropdown-submenu {
	position: relative;
}
.dropdown-submenu a::after {
	transform: rotate(-90deg);
	position: absolute;
	right: 6px;
	top: 0.8em;
}
.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-left: 0.1rem;
	margin-right: 0.1rem;
}
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .active > .nav-link {
	color: #ffffff;
}
#navbarTogglerMainMenu {
	font-size: 1rem;
}
.boxSearch {
	width: 18rem !important;
	font-size: 1rem;
}
.txt-phonnumber-mobile {
	color: #ffffff;
	font-size: 1rem;
}

/* BANNER */
.slider-banner {
	margin-bottom: 50px;
}

/* BREADCRUMB */
.breadcrumb {
	background-color: inherit;
	font-size: 1.25rem;
	padding: 0.75rem 0 0 0;
	margin-bottom: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: ">";
}
.breadcrumb-item a {
	color: #818181;
}
.breadcrumb-item.active {
	color: #ff6c0e;
}

/* All */
.txt-header {
	font-size: 2.5rem;
	font-weight: bold;
}
.txt-header.en {
	font-size: 1.85rem;
	font-weight: bold;
}
.txt-header2 {
	font-size: 1.5rem;
	font-weight: bold;
}
.txt-detail {
	font-size: 1.625rem;
}
.txt-detail.en {
	font-size: 1.525rem;
}
.txt-detail-lineheight05 {
	font-size: 1.625rem;
	line-height: 1.2;
}
.line-head {
	width: 100%;
	height: 1px;
	margin-top: 0.5rem;
	border-color: #ccc;
}
.sectionBanner {
	margin-top: 145px;
}
.btn-line-at {
	bottom: 17px;
	right: 180px;
	position: fixed;
	z-index: 222;
	width: 25px;
	opacity: 0.88;
}
.linebuttons {
	border-radius: 50px;
	display: block;
	width: 50px;
	height: 50px;
	margin: 8px 0 8px 0;
	position: relative;
	-webkit-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	margin-left: -25px;
}
.linebuttons:nth-last-child(1) {
	-webkit-transition-delay: 25ms;
	transition-delay: 25ms;
	background-image: url("../images/Line-at.png") !important;
	background-size: contain;
	width: 60px;
	height: 60px;
}
.phonebuttons {
	border-radius: 50px;
	display: block;
	width: 50px;
	height: 50px;
	margin: 8px 0 8px 0;
	position: relative;
	-webkit-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	margin-left: 45px;
}
.phonebuttons:nth-last-child(1) {
	-webkit-transition-delay: 25ms;
	transition-delay: 25ms;
	background-image: url("../images/tel_phone.png") !important;
	background-size: contain;
	width: 60px;
	height: 60px;
}
.fb_messenger_buttons {
	border-radius: 50px;
	display: block;
	width: 50px;
	height: 50px;
	margin: 8px 0 8px 0;
	position: relative;
	-webkit-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	margin-left: 115px;
}
.fb_messenger_buttons:nth-last-child(1) {
	-webkit-transition-delay: 25ms;
	transition-delay: 25ms;
	background-image: url("../images/FB_messenger.png") !important;
	background-size: contain;
	width: 60px;
	height: 60px;
}

/*CSS By Boonthome*/ 

.float{
	position:fixed;
	width:222px;
	height:150px;
	bottom:15px;
	right:15px;
    background: rgba(255, 255, 255, 0.94);
	/*color:#FFF;*/
	border-radius:25px;
	box-shadow: 2px 2px 3px #1f2227;
	text-align:center;
	font-size: 1.7rem;
	font-family: "db_helvethaica_x";
	/*font-weight: 600;*/
	color: #070330;
	opacity: 0.88;
}
.float_box{
	position:fixed;
	bottom:110px;
	right:140px;
}

/*Ending Boonthome */
/* Float Button*/
.btn-float {
	bottom: -3px;
	right: 125px;
	position: fixed;
	z-index: 222;
	width: 25px;
	/*opacity: 0.88;
	margin: 1em;
	background-color: #2f45a9;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;*/
	
}

.fbuttons {
	border-radius: 50%;
	display: block;
	width: 50px;
	height: 50px;
	margin: 8px 0 8px 0;
	position: relative;
	-webkit-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	margin-left: -25px;
}
/* Unessential styling for sliding up buttons at differnt speeds */

.fbuttons:nth-last-child(1) {
	-webkit-transition-delay: 25ms;
	transition-delay: 25ms;
	background-image: url("../images/icon_float_tel.svg") !important;
	background-size: contain;
	width: 100px;
	height: 100px;
} 
/* Show tooltip content on hover */
[tooltip]:before {
	bottom: 25%;
	font-family: "db_helvethaica_x";
	font-weight: 600;
	border-radius: 2px;
	background: #585858;
	color: #fff;
	content: attr(tooltip);
	font-size: 12px;
	visibility: hidden;
	opacity: 0;
	padding: 5px 7px;
	margin-right: 12px;
	position: absolute;
	right: 100%;
	white-space: nowrap;
}

[tooltip]:hover:before,
[tooltip]:hover:after {
	visibility: visible;
	opacity: 1;
}

/* GOTOTOP */
#btn_goto_top {
	display: inline-block;
	/*background-color: #ff6c0e;*/
	width: 50px;
	height: 55px;
	text-align: center;
	border-radius: 4px;
	position: fixed;
	bottom: 8px;
	left: 25px;
	transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
}
/*#btn_goto_top::after {
		content: "\f077";
		font-family: FontAwesome;
		font-weight: normal;
		font-style: normal;
		font-size: 2em;
		line-height: 50px;
		color: #fff;
	}*/
#btn_goto_top:hover {
	cursor: pointer;
	/*background-color: #333;*/
}
/*#btn_goto_top:active {
		background-color: #555;
	}*/
#btn_goto_top.show {
	opacity: 1;
	visibility: visible;
}

/* FOOTER */
.footer-line-before {
	height: 8px;
	background-image: url(../images/line-bottom.jpg);
	background-position: center;
	background-size: contain;
}
.bg--footer-line {
	height: 5px;
}
.footer--link {
	padding: 50px 0px 0px 0px;
	text-align: center;
	font-size: 1.3rem;
}
.footer--addr {
	padding-top: 25px;
	padding-bottom: 50px;
}
.footer--addr-social a {
	padding: 0 15px;
}
.footer--copyright {
	padding: 15px 0;
	font-size: 0.725rem;
	letter-spacing: 0.325em;
}
.footer--copyright-namecompany {
	font-weight: bold;
	font-family: "MyriadPro";
}

/* Extra small devices (portrait phones, less than 576px)
   No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.footer--link {
		text-align: left;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.header--contact-detail-lang label {
		font-size: 1.5rem;
		padding: 25px 5px;
	}
	.header--contact-detail-tel {
		font-size: 1.825rem;
	}
	.header--contact-detail-txt {
		font-size: 0.85rem;
	}
	.header--contact-detail-tel-num {
		font-size: 2.5rem;
	}
	.header--contact-detail-txt {
		font-size: 1.085rem;
		font-weight: bold;
	}
	.line--height100 {
		margin: 10px;
	}
	/*.slanguage.dropdown-menu { padding-left: 8px; }*/
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

@media (max-width: 992px) {
	.sectionBanner {
		margin-top: 120px;
	}
}

/* Override */
#myHeader .row {
	margin: 0 !important;
}
.navbar {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: 1px solid #ccc;
}
.navbar-light .navbar-toggler {
	border-color: #fff;
}
.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.85)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .active > .nav-link {
	padding-left: 12px;
	padding-right: 12px;
}
.carousel-control-prev-icon {
	background-image: url("../images/ico_slide_back.png");
}
.carousel-control-next-icon {
	background-image: url("../images/ico_slide_next.png");
}
div.mobile_bottom {
	/*position: absolute;
	top: 50px;
	right: 0;
	bottom: 0;
	width: 700px;
	height: 100px;
	/*padding: 20px;*/
	/*background-color: #cae8ca;*/
	/*border: 3px solid #73AD21;*/
	position:fixed;
	bottom:172px;
	right:15px;
}
.img_bottom {
	border-radius: 8px;
	opacity: 0.85;
	box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}