@charset "utf-8";
/* CSS Document */
ul, ol, li, h1, h2, h3, h4, h5, h6, input {
	margin:0;
	padding:0;
}
img {
	border-bottom: 0px;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
}
/*
[canvas=container],
[off-canvas] {
    padding: 10px 20px;
}

[class*=js-] {
    cursor: pointer;
}*/
/*//////////////////////////////*/
/*////////// ENGLISH ///////////*/
/*//////////////////////////////*/
#fontStyleM {
	width:auto;
	height:auto;
	font-family: opensans-regular;
	line-height:24px;
	font-size:16px;
	color:#414d5a;
}
/*//////////////////////////////*/
/*/////////// THAI /////////////*/
/*//////////////////////////////*/
#fontStyleMThai {
	width:auto;
	height:auto;
	font-family: SFProTH-Light;
	line-height:24px;
	font-size:16px;
	color:#414d5a;
}
/*//////////////////////////////*/
/*////////// Important /////////*/
/*//////////////////////////////*/
html, body {
	background-color:#ffffff!important; /* Full background color*/
}
[canvas=container] {
 background-color: #ffffff!important; /* Container background color*/
}
[off-canvas] {
 background-color: #2e3945!important; /* Background navigartor left top right bottom */
}
.navTop {
	background-color:#414d5a!important; /* Manu background color*/
}
.navTopLeft {
	background-color:#f04941!important;
}
/*/////////////////////////////*/
/*////// Left Navigator ///////*/
/*/////////////////////////////*/ 
.navHighlight {
	color:#ff0000!important; /* สีตัวอักษร เมนู ซ้าย-ขวา */
}
#navi {
	border-bottom: 1px solid #475563!important;
}
#navi li a:hover:not(.active) {
	color: #ff0000!important;
}
.accordion-item {
	border-top: 1px solid #475563!important;
}
.accordion-thumb::before { /* สี ลูกศรชี้ ลูกศรหมุน */
	border-right: 2px solid #ff0000!important;
	border-bottom: 2px solid #ff0000!important;
}
.accordion-panel li a {
	border-top: 1px dotted #475563!important;
}
.accordion-panel li a:hover:not(.active) {
	color: #ff0000!important;
}
/*/////////////////////////////*/
/*////// Right Navigator //////*/
/*/////////////////////////////*/
#naviRight ul { /* เส้นขั้นระหว่า่งเมนู */
	border-top: 1px solid #475563!important;
}
#naviRight li a {
	border-bottom: 1px solid #475563!important;
}
#naviRight li a:hover:not(.active) {
	color: #ff0000!important;
}
#naviRightWWW li a {
	border: 1px solid #475563!important;
}
#naviRightWWW li a:hover:not(.active) {
	color: #ff0000!important;
}
/*/////////////////////////////*/
/*////// Right Navigator //////*/
/*/////////////////////////////*/
.bgTopBottom {
	background-color:#2e3945!important;
}
/*//////////////////////////////////////*/
/*//////////////////////////////////////*/
/*//////////////////////////////////////*/
.textImg {
	padding:10px 20px 15px 20px;
	position:absolute;
	bottom:0px;
	left:0;
	max-width: 100%;
	background-color:black;
	color:white;
	opacity:0.7; /* transparency */
	filter:alpha(opacity=70);
}
/*/////////////////////////////*/
/*////////// Footer ///////////*/
/*/////////////////////////////*/
#fontColorFooter a:link {
	color: #4eb8f0;/* unvisited link */
	text-decoration: none;
}
#fontColorFooter a:visited {
	color: #4eb8f0;/* visited link */
}
#fontColorFooter a:hover {
	color: #eb4724;/* mouse over link */
	text-decoration: underline;
}
#fontColorFooter a:active {
	color: #4eb8f0;/* selected link */
}
/*////////// Cookie Link //////////*/
.cookie-load a:link {
  color: #00bff3; /* unvisited link */
  text-decoration: none;
}
.cookie-load a:visited {
  color: #00bff3; /* visited link */
}
.cookie-load a:hover {
  color: #ff0000; /* mouse over link */
  text-decoration: underline;
}
.cookie-load a:active {
  color: #00bff3; /* selected link */
}
/*/////////////////////////////*/
.dry-cool-text {
	color:#f04941!important;
}
.dry-cool-bg {
	background-color:#f04941!important;
}