@charset "UTF-8";

/* --------------------------------------------------
 Base
 -------------------------------------------------- */

@font-face {
  font-family: "Mitr";
  src: url("/public/layout/template/font/Mitr.eot");
  src: url("/public/layout/template/font/Mitr.eot?#iefix") format("embedded-opentype"),
    url("/public/layout/template/font/Mitr.woff2") format("woff2"),
    url("/public/layout/template/font/Mitr.woff") format("woff"),
    url("/public/layout/template/font/Mitr.ttf") format("truetype"),
    url("/public/layout/template/font/Mitr.otf") format("opentype"),
    url("/public/layout/template/font/Mitr.svg#Mitr") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0022-0E5B;
}

@font-face {
  font-family: "Prompt";
  src: url("/public/layout/template/font/Prompt-Regular.ttf");
  /*font-weight: 200;*/
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0022-0E5B;
}

h1,
h2,
nav,
div.btnMapgis,
div.txtBnn,
div.btnFontsize a,
div.annCon,
div.faqCon,
div.updateBlc>button,
#menutop_display>ul#nav>li,
#menudemolishmember_display>ul#nav>li,
#menudemolishentrepreneur_display>ul#nav>li,
div.followCon a,
div.postit>ul>li>a,
div.topMenu ul#nav>li>a {
  /* font-family: "Mitr", sans-serif !important; */
  font-weight: normal !important;
}

a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none !important;
  font-family: "Prompt";
  font-size: 15px !important;
  font-weight: 600;
}

th {
  text-align: center !important;
}

body {
  background: #fff;
  min-height: 1000px;
  font-size: 15px;
}

div.container {
  /*overflow-x: hidden;*/
  position: relative;
  max-width: 1250px;
  width: 1250px;
}

div.wrapper {
  background: linear-gradient(#f97627 42px,
      #ffcc95 42px,
      #ffcc95 140px,
      #fb9d39 140px,
      #fb9d39 178px,
      #fce0bd 178px,
      #fce0bd 182px,
      transparent 182px),
    linear-gradient(transparent 707px,
      #90d7d4 707px,
      #90d7d4 1053px,
      transparent 1053px);
  position: relative;
}

div.bgBnn {
  background: #c8f6f4;
  position: absolute;
  width: 100%;
  height: 240px;
  top: 1910px;
}

div.bgFollow {
  background: #90d7d4;
  position: absolute;
  width: 100%;
  height: 332px;
  top: 690px;
}

div.bgfooter {
  background: #aee2df;
  position: absolute;
  width: 100%;
  height: 330px;
  top: 2600px;
  z-index: -1;
}

/* --------------------------------------------------
 Structure
 -------------------------------------------------- */

div.mainContent {
  padding: 40px 0;
}

div.mainContent>div.left {
  padding: 0;
}

div.mainContent>div.right {
  padding: 0;
}

div.mainContent>div.center {
  box-sizing: border-box !important;
}

.bodyB {
  position: relative;
  width: 100%;
  /* padding-top: 50px; */
  padding-top: 30px;
  padding-bottom: 100px;
}

.bodyC {
  position: relative;
  width: 100%;
  /* padding-top: 50px; */
  padding-top: 30px;
  padding-bottom: 80px;
}

.text-note {
  display: none;
}

.bodyC::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
}

.bodyD {
  background: #c8f6f4;
  padding-top: 25px;
  padding-bottom: 25px;
}

.bodyF {
  background: #aee2df;
  padding-top: 15px;
  padding-bottom: 25px;
}

.bodyG {
  padding-top: 15px;
  padding-bottom: 15px;
  background: #000;
}

.bd-pageheader {
  color: #fff;
  background: transparent linear-gradient(180deg, #f89d67 0%, #f97b2c 100%) 0% 0% no-repeat padding-box;
}

.bd-pagelogo {
  color: #fff;
  min-height: 112px;
  display: flex;
  align-items: center;
  background: transparent linear-gradient(180deg, #f9e4cd 0%, #fcd9b3 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 10px #0000001c;
}

.bd-menu {
  position: relative;
  padding-bottom: 50px;
}

.bd-menu-default {
  background: linear-gradient(#ffb76b 50px, #fff 50px);
}

.bd-menu:before {
  content: "";
  background: url(/public/layout/template/images/bgact.png) no-repeat !important;
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  background-size: 100% 100% !important;
}

.blctop {
  padding-top: 8px;
  padding-bottom: 8px;
  justify-content: space-between;
  min-width: 100%;
  /* margin: 0; */
}

.bg-faded {
  background: #ffb76b;
}

.divmenutop {
  /*background: #ffb76b;*/
  z-index: 100;
  position: fixed;
  width: 100%;
  top: 0;
  width: 100px;
}

.menutop {
  z-index: 100;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

#menumobile_display {
  margin: 0 !important;
}

.skiptranslate iframe {
  display: none;
}

form#frmlogin a {
  height: unset !important;
}

/* 
 ///http://dmfx.hostd4u.com/public/list/data/datacategory/catid/178/menu/1385
 */

.group-color {
  margin: 5px 0px !important;
  position: absolute !important;
  top: 91% !important;
  z-index: 9999 !important;
}

.bd-pageheader {
  font-size: 15px;
}

#content-color {
  display: none;
}

.text-resize {
  padding-right: 0px !important;
}

.menuLeft {
  font-size: 15px;
}

/* --------------------------------------------------

 Logo
 -------------------------------------------------- */

div.logoBlc {
  padding: 0;
  margin: 10px 0 0;
  position: relative;
}

div.logoBlc>div.nameBox {
  padding-right: 0;
}

div.logo {
  text-align: right;
  padding: 0;
  z-index: 10;
}

div.logo>img {
  max-width: 100%;
}

div.nameWeb {
  margin: 15px 0 0;
  padding-right: 0;
}

div.nameWeb>div.nameTh {
  font-size: 3em;
  display: block;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  text-align: left;
}

div.nameWeb>div.nameEn {
  font-size: 1.5em;
  display: block;
  white-space: nowrap;
  margin: -19px 0 0;
  padding: 0;
  text-align: left;
}

div.topHead {
  width: 100%;
  padding: 0;
  margin: 0;
  height: 140px;
}

div.topHead>div.timeBlc,
div.topHead>div.topBlc {
  box-sizing: border-box !important;
  color: #fff;
  padding: 10px 0 0;
}

div.topMenu {
  float: left;
  display: flex;
  justify-content: end;
  align-items: center;
}

div.topMenu ul#nav {
  float: right;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  align-items: center;
}

div.topMenu ul#nav>li {
  float: left;
  padding: 0 15px;
  border-right: 1px solid #ffffff52;
}

li#menu954 {
  display: none !important;
}

div.topMenu ul#nav>li>a {
  position: relative;
  margin: 0;
  font: normal normal normal 14px Prompt;
  letter-spacing: 0px;
  color: #3b3838;
  font-weight: 600 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bd-pageheader label.notranslate {
  font: normal normal normal 14px Prompt;
  letter-spacing: 0px;
  color: #000000;
  height: 100%;
  display: flex;
  align-items: center;
}

div.topMenu ul#nav>li>a:hover {
  background: rgb(255, 155, 96);
}

div.topMenu ul#nav>li>a:hover {
  background: #ff9b60 !important;
}

div.topMenu ul#nav>li>a::before {}

div.topMenu ul#nav>li>a::before {
  content: "▶";
  /* background: url(/public/layout/template/images/iconmenutop.png); */
  /* width: 16px; */
  /* height: 19px; */
  position: relative;
  margin-right: 10px;
}

div.lang>img {
  border: 1px solid #ffd8ae;
}

div.btnTop {
  padding-left: 0;
  padding-right: 0;
  /*padding: 0;
	float: left;
	margin: 30px 0 0;*/
  max-width: 10%;
  display: flex;
  align-items: center;
}

div.btnTop>a:hover>div.btnDisable {
  background: #1a8581;
}

div.btnFontsize {
  /*float: left;*/
  text-align: right;
  padding-right: 3px;
}

div.btnFontsize {}

div.btnFontsize a {
  color: #fff;
}

div.btnDisable {
  /*padding: 0;*/
}

/* --------------------------------------------------
 Search
 -------------------------------------------------- */

div.topRight {
  padding: 0;
  float: left;
}

div.searchBlc {
  /*padding: 0;*/
  max-width: 200px;
}

.gsc-input-box {
  border: unset !important;
  background: #fff !important;
  height: 23px !important;
  border-radius: 30px 0 0 30px;
  overflow: hidden;
  padding: 0 !important;
}

table.gsc-search-box td {
  padding: 0;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
}

td#gs_tti50 {
  padding-left: 15px;
}

.gsc-input {
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  background: unset !important;
}

input#gsc-i-id1 {
  background: url(/public/layout/template/images/Search.png) no-repeat !important;
}

.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
  width: 30px !important;
  height: 30px !important;
  padding: 6px !important;
  /*min-width: 13px!important;*/
  /*margin-top: 0!important;*/
  border-radius: 0 30px 30px 0 !important;
}

td.gsc-input {
  padding: 0 !important;
}

.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: transparent !important;
  border: none !important;
}

.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 0 !important;
}

.cse form.gsc-search-box,
form.gsc-search-box {
  padding: 0px !important;
  margin-bottom: 6px !important;
  border-radius: 9px;
}

input.gsc-search-button,
input.gsc-search-button:hover,
input.gsc-search-button:focus {
  border-color: #e77d00 !important;
  background-color: transparent !important;
  background: linear-gradient(165deg, #fbebd9, #e77d00 40%) !important;
}

div.gsc-search-button {
  border-radius: 0 30px 30px;
}

/* --------------------------------------------------
 Search
 -------------------------------------------------- */

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

a.nav-link:hover {
  color: #fff !important;
}

nav.mainMenu {
  width: 100%;
  height: 42px;
  background: linear-gradient(#fb9d39 38px, #fce0bd 38px, #fce0bd 42px);
  box-sizing: border-box !important;
  position: relative;
  padding-left: 40px;
}

nav.mainMenu::before {
  position: absolute;
  content: url(/public/layout/template/images/ico_home.png);
  top: 5px;
  left: 0;
}

nav.mainMenu>li {
  list-style: none;
  float: left;
  margin: 9px 25px 0 0;
  position: relative;
}

nav.mainMenu>li:nth-last-child(1) {
  margin: 9px 0 0 0;
}

nav.mainMenu>li:nth-last-child(1)::after {
  display: none;
}

nav.mainMenu>li>a {
  font-size: 16px;
  color: #000;
}

nav.mainMenu>li>a:hover {
  color: #fff;
}

div.innerContent {
  box-sizing: border-box !important;
}

/* --------------------------------------------------
 text-resize
 -------------------------------------------------- */

.text-resize {
  padding-left: 0;
  padding-right: 0;
  background: #504a4a 0% 0% no-repeat padding-box !important;
  border-radius: 8px !important;
  height: 22px !important;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: end;
  padding-left: 4px;
  border: unset !important;
  padding-bottom: 3px;
}

.text-resize label {
  margin: 0;
}

/* --------------------------------------------------
 คนพิการ
 -------------------------------------------------- */

#changecss_display div.group-color {
  /*width: 88%;*/
  right: 0px;
}

#changecss_display div.group-color #content-color {
  padding: 5px 0;
  background: rgb(120, 211, 209);
  width: 157px;
  border-radius: 5px;
}

#changecss_display>div {
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  justify-content: center;
  margin: 0;
}

#changecss_display>div>div:nth-child(2) {
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  flex: 0 0 16.666667% !important;
  /*แก้ไขเฉพาะหน้า*/
  max-width: 16.666667% !important;
  /*แก้ไขเฉพาะหน้า*/
  display: none;
}

#changecss_display #content-color {
  text-align: center;
}

#changecss_display div.group-color .hidden {
  display: none;
}

/* --------------------------------------------------
 Menu Left
 -------------------------------------------------- */

.menuLeft {
  box-sizing: border-box !important;
  /*padding-left: 0;*/
  /*padding-right: 0;*/
}

#menutop_display>ul#nav {
  width: 100%;
  box-sizing: border-box !important;
  position: relative;
  z-index: 100;
  top: auto;
  display: flex;
  justify-content: end;
  padding: 0;
}

#menudemolishmember_display>ul#nav {
  width: 100%;
  padding: 0 1%;
  box-sizing: border-box !important;
  position: relative;
  z-index: 100;
  top: auto;
}

#menudemolishentrepreneur_display>ul#nav {
  width: 100%;
  padding: 0 1%;
  box-sizing: border-box !important;
  position: relative;
  z-index: 100;
  top: auto;
}

/*#menutop_display>ul#nav::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 40px;
	background: linear-gradient(to top, #a0a0a0 1px, #454545 1px);
	top: 9px;
	left: 0;
	z-index: -1;
	}*/

#menutop_display>ul#nav>li {
  float: left;
  position: relative;
}

#menutop_display>ul#nav>li:nth-last-child(1)>ul {
  left: -10vw;
  /* right: 0; */
}

#menutop_display>ul#nav>li:nth-last-child(1)>a {
  border: unset;
}

#menudemolishmember_display>ul#nav>li {
  float: left;
  position: relative;
}

#menudemolishentrepreneur_display>ul#nav>li {
  float: left;
  position: relative;
}

/*#menutop_display>ul#nav>li::after {
	position: absolute;
	content: "";
	width: 1px;
	height: 32px;
	background: #868686;
	right: 0;
	top: 13px;
	}*/

#menutop_display>ul#nav>li:nth-last-child(1)::after {
  display: none;
}

#menudemolishmember_display>ul#nav>li:nth-last-child(1)::after {
  display: none;
}

#menudemolishentrepreneur_display>ul#nav>li:nth-last-child(1)::after {
  display: none;
}

#menutop_display>ul#nav>li>a {
  font-size: 15px;
  border-radius: 0;
  letter-spacing: 0px;
  color: #000000;
  /* padding: 10px; */
  border-right: 2px solid #000;
  padding: 0 10px;
}

#menudemolishmember_display>ul#nav>li>a {
  color: #333030;
  font-size: 105%;
  padding: 20px 13px 15px;
  border-radius: 0;
}

#menudemolishentrepreneur_display>ul#nav>li>a {
  color: #333030;
  font-size: 105%;
  padding: 20px 13px 15px;
  border-radius: 0;
}

#menutopde,
p;

ost_display>ul#nav>li>a {
  color: #333030;
  font-size: 105%;
  padding: 20px 13px 15px;
  border-radius: 0;
}

/*#menutop_display>ul#nav>li:nth-last-child(1)>a {
	padding: 20px 0 15px 9px;
	}*/

/*#menutop_display>ul#nav>li>a a:hover {
	background: rgba(248,114,0,0.6)!important;
	border-radius: 0!important;
	}*/

#menutop_display>ul#nav>li:nth-child(2)>a>img {
  display: none;
  /*ปิดภาพไอคอนที่หลุดมา*/
}

#menudemolishmember_display>ul#nav>li:nth-child(2)>a>img {
  display: none;
  /*ปิดภาพไอคอนที่หลุดมา*/
}

#menudemolishentrepreneur_display>ul#nav>li:nth-child(2)>a>img {
  display: none;
  /*ปิดภาพไอคอนที่หลุดมา*/
}

#nav li a:hover {
  background-color: #ffc88f !important;
}

#menutop_display>ul#nav>li>a:hover {
  color: #f97b2c;
  background: unset !important;
  border-radius: 0 !important;
}

#menudemolishmember_display>ul#nav>li>a:hover {
  color: #020202;
  background: rgba(248, 114, 0, 0.6) !important;
  border-radius: 0 !important;
}

#menudemolishentrepreneur_display>ul#nav>li>a:hover {
  color: #fff;
  background: rgba(248, 114, 0, 0.6) !important;
  border-radius: 0 !important;
}

div.icoHome {
  float: left;
  padding-top: 10px;
  display: none;
}

/* --------------------------------------------------
 ContentA
 -------------------------------------------------- */

div.contentA {
  box-sizing: border-box !important;
  margin-top: 15px;
}

div.contentA>.row {
  justify-content: space-between;
  flex-direction: row;
  min-width: 100%;
  margin: 0;
}

div.updateBlc {
  min-width: 100%;
  margin-top: 30px;
  margin-bottom: 40px;
}

.updateBlc .slick-list.draggable {
  padding: 1% 1%;
}

div#testmix1_display .slick-slide {
  background: #fff7ef 0% 0% no-repeat padding-box;
  width: 245px;
  height: 160px;
  display: flex;
  align-items: center;
  padding: 20px;
  margin: 31px;
  flex-direction: column;
  box-shadow: 0px 3px 6px #f97e314f;
}

div#testmix1_display .slick-slide:before {
  content: "";
  width: 40px;
  height: 40px;
  background: url(/public/layout/template/images/iconnewstop.png) no-repeat;
  position: relative;
  display: flex;
  margin-bottom: 15px;
}

div#testmix1_display .slick-slide a {
  font: normal normal normal 14px/21px Prompt;
  letter-spacing: 0px;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  padding-left: 20px;
  position: relative;
}

div#testmix1_display .slick-slide a:before {
  display: none;
  content: "";
  background: url(/public/layout/template/images/time.png) no-repeat;
  width: 7px;
  height: 7px;
  position: absolute;
  left: 0;
  top: 6px;
}

div#testmix1_display i {
  display: none !important;
}

div.announceBlc {}

div.reportBlc {
  min-width: 27%;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: inset 0px 3px 6px #00000000, 0px 3px 20px #00000017;
  height: fit-content;
  border-radius: 20px;
  padding-top: 20px;
  padding-bottom: 23px;
  max-width: 35%;
  top: 21px;
}

div.updateBlc button {
  color: #000;
  padding-top: 50px;
  cursor: pointer;
  /* height: 80px; */
  margin: 5px;
  font-size: 0;
  width: 10px;
  max-height: 10px !important;
  display: flex;
  display: none;
}

ul.slick-dots {
  /* display: flex !important; */
  display: none !important;
  padding-left: 7px;
}

ul.slick-dots li.slick-active {
  background: #ff9556 0% 0% no-repeat padding-box;
}

ul.slick-dots li {
  background: transparent linear-gradient(180deg, #f9e4cd 0%, #fcd9b3 100%) 0% 0% no-repeat padding-box;
  width: 10px;
  border-radius: 100%;
  height: 10px;
  margin: 0 5px !important;
  cursor: pointer;
}

div.updateBlc a.link-eService,
div.updateBlc a.link-auction {
  display: inline-block;
  width: 100%;
  text-align: center;
  height: 90px;
  line-height: 125px;
  color: #000;
  border-radius: 5px;
}

div.updateBlc a.link-eService {
  background: url(/public/layout/template/images/ico_login.png) no-repeat 50% 30%,
    #f0ad4e;
}

div.updateBlc a.link-auction {
  background: url(/public/layout/template/images/bidding.png) no-repeat, #e2574b;
  /*background: url(/public/layout/template/images/bid2020.jpg) no-repeat, #e2574b;*/
  margin-top: 10px;
  background-size: 100% 100%;
}

div.updateBlc a.link-decom {
  display: inline-block;
  width: 100%;
  text-align: center;
  height: 90px;
  line-height: 125px;
  color: #000;
  border-radius: 5px;
}

div.updateBlc a.link-decom {
  /* background: url(/public/layout/template/images/logo_decom.png) no-repeat 50%
      30%,
    #f0ad4e; */
}

div.updateBlc a.corbnn {
  display: inline-block;
  width: 100%;
  text-align: center;
  height: 90px;
  line-height: 125px;
  color: #000;
  border-radius: 5px;
}

div.updateBlc a.corbnn {
  background: url(/public/layout/template/images/corbnn_new.jpg) no-repeat;
  background-size: 100% 100%;
  /*background: url(/public/layout/template/images/logo_decom.png) no-repeat;*/
}

div.updateBlc h1,
div.announceBlc h1,
div.reportBlc h1 {
  position: relative;
  font-size: 18.5px;
  color: #ee7229;
  padding-left: 40px;
}

div.updateBlc h1 {
  letter-spacing: 0px;
  color: #f97627;
  font-size: 20px;
  font-family: "Prompt" !important;
  display: flex;
  align-items: center;
  font-weight: 600 !important;
  padding-left: 20px !important;
}

div.announceBlc h1 {
  letter-spacing: 0px;
  color: #222a35;
  font-size: 21px;
  font-family: "Prompt" !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  font-weight: 600 !important;
  padding-left: 0;
  margin-bottom: 30px !IMPORTANT;
}

div.reportBlc h1 {
  letter-spacing: 0px;
  color: #222a35;
  font-size: 25px;
  font-family: "Prompt" !important;
  display: flex;
  align-items: end;
  font-weight: 600 !important;
}

div.updateBlc h1::before,
div.announceBlc h1::before,
div.reportBlc h1::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
}

div.updateBlc h1::before {
  content: "";
  width: 27px;
  height: 27px;
  background: url(/public/layout/template/images/ico_update.png) no-repeat;
  position: relative;
  display: flex;
  margin-right: 15px;
}

div.updateBlc>div:nth-child(2) {
  position: absolute;
  bottom: 0;
}

@media print {

  /* @page {
        size: 330mm 427mm;
        margin: 14mm;
    } */
  .twoBtn>a {
    display: inline-block !important;
    width: 290px !important;
    margin: 0px !important;
  }

  .twoBtn>a>img {
    vertical-align: initial;
  }

  .socialBar {
    display: none !important;
  }

  .chat-box {
    display: none !important;
  }

  div.updateBlc>div:nth-child(2) {
    position: unset !important;
    bottom: unset !important;
  }
}

div.announceBlc h1::before {
  content: "";
  background: url(/public/layout/template/images/ico_ann.jpg) no-repeat center !important;
  position: relative;
  display: flex;
  margin-right: 3%;
  width: 34px;
  height: 33px;
  background-size: contain !important;
}

div.detailbox h1::before {
  content: "";
  background: unset !important;
  position: relative;
  display: flex;
  margin-right: 3%;
  width: 34px;
  height: 33px;
  background-size: contain !important;
}

div.reportBlc h1::before {
  content: "";
  background: url(/public/layout/template/images/ico_report.jpg) no-repeat center !important;
  width: 37px;
  height: 37px;
  position: relative;
  display: flex;
  margin-right: 6%;
  background-size: contain !important;
}

div.updateBlc #testmix1_display>ul#ulilst_1,
div.announceBlc #testmix2_display>ul#ulilst_2,
div.reportBlc ul {
  padding: 20px 15px 0 0 !important;
}

div.updateBlc #testmix1_display>ul#ulilst_1 {
  display: flex;
  padding: 0 !important;
  margin: 20px 0;
  justify-content: start;
}

div.reportBlc ul {
  margin-top: 10px !important;
  padding: 0 !important;
  background: #9cefe9;
  margin-bottom: 0 !important;
  border-radius: 5px 5px 0 0;
}

div.reportBlc ul>li:nth-child(odd)>a {
  /* background: #ff9556 0% 0% no-repeat padding-box; */
  /* border-radius: 9px; */
}

div.reportBlc ul>li:nth-child(2n)>a {
  background: unset;
  /* border-radius: 10px; */
}

div.reportBlc ul>li {
  list-style: none;
}

div.reportBlc ul>li>a {
  color: #000;
  /*padding: 16px 0 16px 18px!important;*/
  padding: 13px 0 13px 18px !important;
  float: left;
  width: 100%;
  letter-spacing: 0px;
  color: #000000;
  font-size: 16px !important;
}

#groupright_display ul>li:hover {
  background: #504a4a !important;
}

#groupright_display ul>li:hover a {
  background: unset !important;
  color: #fff;
}

#groupright_display ul#nav {
  float: left;
  width: 100%;
  /* background: #FFFFFF 0% 0% no-repeat padding-box; */
  /* box-shadow: inset 0px 3px 6px #00000000, 0px 3px 20px #00000017; */
  padding: 0 20px !important;
  border-radius: 20px;
  background: unset;
}

#groupright_display ul#nav li:nth-child(odd) {
  position: relative;
  display: flex;
  /* margin-bottom: 5px; */
  margin-bottom: 7px;
  min-height: 62px;
  align-items: center;
  background: #ff9556 0% 0% no-repeat padding-box;
  border-radius: 9px;
}

#groupright_display ul#nav li:nth-child(2n) {
  position: relative;
  display: flex;
  /* margin-bottom: 5px; */
  margin-bottom: 7px;
  min-height: 62px;
  align-items: center;
  background: transparent linear-gradient(180deg, #f9e4cd 0%, #fcd9b3 100%) 0% 0% no-repeat padding-box;
  border-radius: 10px;
}

#groupbottomleft_display>div.group>div.list>a,
#groupbottomcenter_display>div.group>div.list>a,
#groupbottomright_display>div.group>div.list>a,
#groupbottomleftcon_display>div.group>div.list>a,
#groupbottomcentercon_display>div.group>div.list>a,
#groupbottomrightcon_display>div.group>div.list>a,
#groupbottomleftent_display>div.group>div.list>a,
#groupbottomcenterent_display>div.group>div.list>a,
#groupbottomrightent_display>div.group>div.list>a {
  padding-right: 10px;
}

div.epBlc {
  margin-top: 0;
  width: 100%;
  text-align: center;
  /*background: #26c5b9;*/
  /*position: absolute;*/
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: end;
  padding-right: 0;
  padding-right: 18px;
}

a.corbnn {
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 5px;
}

a.corbnn>img#img-corbnn {
  width: 320px;
  height: 90px;
  border-radius: 5px;
}

a.coalbnn>img {
  width: 256px;
}

div.updateBlc #testmix1_display>ul#ulilst_1>li,
div.announceBlc>#testmix2_display>ul#ulilst_2>li {
  position: relative;
  list-style: none !important;
  margin: 0 0 20px 0;
}

div.updateBlc #testmix1_display>ul#ulilst_1>li,
div.announceBlc>#testmix2_display>ul#ulilst_2>li {
  padding-left: 20px;
}

div.updateBlc #testmix1_display>ul#ulilst_1>li {
  background: #fff7ef 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 15px #f97e314f;
  padding: 15px !important;
  margin: 12px !important;
  max-width: 240px;
  min-height: 190px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: start;
  padding-top: 15px !important;
}

div.updateBlc #testmix1_display>ul#ulilst_1>li a:before {
  content: "";
  background: url(/public/layout/template/images/time.png) no-repeat;
  width: 7px;
  height: 7px;
  display: flex;
  position: absolute;
  left: 6px;
  top: 9px;
}

div.updateBlc #testmix1_display>ul#ulilst_1>li::before {
  content: "";
  background: url(/public/layout/template/images/iconnewstop.png);
  position: relative;
  width: 36px;
  height: 40px;
  margin-bottom: 20px;
}

div.updateBlc ul#ulilst_1 li a,
div.announceBlc ul#ulilst_2 li a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font: normal normal normal 14px Prompt;
  letter-spacing: 0px;
  color: #000000;
  padding-left: 25px !important;
  position: relative;
}

div.updateBlc ul#ulilst_1 li a:hover,
div.announceBlc ul#ulilst_2 li a:hover {
  color: #ee7229 !important;
}

div.announceBlc>#testmix2_display>ul#ulilst_2>li::before {
  content: url(/public/layout/template/images/ico_oil.png);
  position: absolute;
  top: 0;
  left: 0;
}

div.announceBlc>#testmix2_display>div#second-2 {
  margin-top: 25px;
}

div.announceBlc>#testmix2_display>div#second-2 .car__12 {
  margin-right: 5% !important;
  background: transparent linear-gradient(180deg, #f9e4cd 0%, #fcd9b3 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 20px #98572f23;
  /* min-height: 600px; */
  min-height: 376px;
  border-radius: 30px 30px 0 0;
}

div.announceBlc>#testmix2_display>div#second-2 .car__12 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

div.announceBlc>#testmix2_display a.slideconfig->div:nth-child(1) {
  min-height: 460px;
  background: #ffdab2;
  overflow: hidden;
  height: 460px;
  box-shadow: 0px 3px 20px #a18c7f23;
  border-radius: 0;
  border-radius: 10px 10px 0 0;
}

div.announceBlc>#testmix2_display div.textslide {
  padding: 4%;
  color: #000;
  /* background: transparent linear-gradient(180deg, #f9e4cd 0%, #fcd9b3 100%) 0%
    0% no-repeat padding-box; */
  /* box-shadow: 0px 3px 20px #98572f23; */
  /* min-height: 132px; */
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  padding-bottom: 0;
}

a.slideconfig- {
  font-weight: unset;
}

a.slideconfig-:before {
  content: "";
  background: transparent linear-gradient(180deg, #F9E4CD 0%, #FCD9B3 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 20px #98572F23;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

div.announceBlc>#testmix2_display div.textslide:hover {
  /*   background: #ff9c60; */
  color: #d55100;
}

.carouseller .carouseller__wrap {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.carouseller {
  margin-bottom: 0 !important;
}

.databox {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  max-width: 70%;
  margin-right: 1%;
}

div.announceBlc {
  position: relative;
  min-width: 100%;
  padding: 50px 0 33px 0;
  min-height: fit-content;
}

.detailbox {
  position: relative;
  margin: 0 2%;
  /* padding-top: 64px; */
  z-index: 1;
}

.detailBlc {
  /* min-height: 100%; */
  background: transparent linear-gradient(180deg, #f9e4cd 0%, #fcd9b3 100%) 0% 0% no-repeat padding-box;
  border-radius: 10px;
  padding: 27px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: 2.2;
  height: 89%;
}

.datailCon {
  display: flex;
  align-items: center;
  justify-content: end;
}

.datailCon a {
  color: #000;
  font-size: 16px !important;
  font-family: "Prompt";
  min-width: fit-content;
  margin-left: 6px;
  display: flex;
  align-items: center;
}

.datailCon a::before {
  content: "";
  background: url(/public/layout/template/images/ico_continue.jpg) no-repeat center !important;
  position: relative;
  display: flex;
  width: 20px;
  height: 19px;
  margin-right: 11px;
  border-radius: 107%;
  background-size: 100% 100% !important;
  filter: drop-shadow(0px 3px 6px #F97627);
}

.detailBlc nav ul li a {
  font: normal normal normal 14px Prompt;
  letter-spacing: 0px;
  color: #000000;
  margin-bottom: 25px;
  display: flex;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  padding-left: 25px;
}

.detailBlc nav ul li:before {
  content: "";
  background: #ff9556 0% 0% no-repeat padding-box;
  width: 11px;
  height: 11px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  /* top: 7px; */
}

.data_ann {
  position: relative;
  display: flex;
}

.annbox {
  max-width: 63%;
  position: relative;
}

.detailBlc nav {
  position: relative;
  display: flex;
  padding-top: 20px;
  height: 80%;
}

.detailBlc nav ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  /* padding-left: 25px; */
  padding: 0;
  margin: 0;
}

.announceBlc .carouseller .carouseller__wrap {
  padding: 0;
  border-radius: 10px;
}

.car__12 {}

.annbox #testmix2_display #second-2 {}

div#second-2 {}

.car__12 {}

#second-2 .car__12 img {
  width: 100%;
  height: 460px;
  z-index: 1;
  position: relative;
}

.car__12 {}

#second-2 .car__12 {
  /* filter: drop-shadow(2px 4px 6px black); */
}

#second-2 .car__12 .textslide {
  /* min-height: 115px; */
  font: normal normal normal 15px Prompt;
  letter-spacing: 0px;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  padding: 50px;
  padding-bottom: 0;
  padding-top: 0;
  margin: 30px 0;
  position: relative;
  z-index: 1;
  text-align: left;
}

#second-2 .car__12 .textslide:before {}

ul#ulilst_593 {
  min-height: 132px;
}

div.annCon {
  position: absolute;
  top: 0;
  right: 4%;
  display: flex;
  align-items: center;
}

.col.update {
  padding: 0;
}

div.followCon {
  right: 4%;
  text-align: right;
  position: absolute;
  display: flex;
  align-items: center;
  width: fit-content;
}


div.annCon a,
div.followCon a,
div.annCon-newsday a {
  color: #000;
  font-size: 16px !important;
  font-family: "Prompt";
  min-width: fit-content;
  margin-left: 6px;
}

div.annCon a:hover,
div.annCon-newsday a:hover {
  color: #f97628;
}

div.followCon a:hover {
  color: #fff;
}

div.annCon::before,
div.followCon::before {
  content: "";
  background: url(/public/layout/template/images/btnnews.png) no-repeat;
  width: 17px;
  height: 16px;
  position: relative;
  display: flex;
  background-size: contain;
}

div.annCon-newsday::before {
  content: "";
  background: url(/public/layout/template/images/ico_continue.jpg) no-repeat center !important;
  position: relative;
  display: flex;
  width: 23px;
  height: 23px;
  border-radius: 100%;
}

div.annCon-newsday {
  text-align: right;
  position: absolute;
  top: 14px;
  right: 0;
  display: flex;
  align-items: center;
  width: fit-content;
}

#testmix2_display>div#slideshow2 {
  width: 440px;
  height: 211px;
  padding-top: 20px;
  text-align: center;
  overflow: hidden;
}

#testmix2_display>div#slideshow2>div>img {
  width: 440px !important;
  height: auto !important;
}

ul#ulilst_593>li {
  padding-left: 6%;
  list-style: none;
  position: relative;
}

ul#ulilst_593>li::before {
  position: absolute;
  content: url(/public/layout/template/images/ico_oil.png);
  top: 3px;
  left: 4px;
}

ul#ulilst_593>li>a {
  color: #000;
}

ul#ulilst_593>li>a:hover {
  color: #ee7229 !important;
}

/* --------------------------------------------------
	ContentB
	---------------------------------------------------*/

div.contentB {
  box-sizing: border-box !important;
  /*height: 345px;*/
  /*padding: 0;*/
}

div.followBlc {
  /*padding: 0;*/
}

.carouseller .carouseller__left,
.carouseller .carouseller__right {
  z-index: 99 !important;
}

div.followBlc>h1 {
  position: relative;
  font-size: 35px;
  padding-left: 0;
  margin: 20px 0;
  letter-spacing: 0px;
  color: #504a4a;
  text-align: center;
  font-family: "Prompt" !important;
  font-weight: 600 !important;
}

div.followBlc>h1>span.whiteborder {}

div.followBlc>h1>span.darkblue {}

div.followBlc>h1::before {
  position: absolute;
  content: url(/public/layout/template/images/ico_follow.png);
  top: 0;
  left: 0;
}

div.followBlc>ul {
  padding: 0;
  margin: 0;
}

div.followBlc a.slideconfig-274>div.main {
  border: 0 !important;
  padding: 0 !important;
}

.slideconfig-274 .main {}

.slideconfig-274 .blockimg img {
  max-height: unset !important;
  max-height: none !important;
  max-width: unset !important;
  max-width: none !important;
  width: 100%;
  height: 100%;
}

.slideconfig-274:hover img {
  transform: scale(1.2, 1.2);
  transition-duration: 1s;
  transition-delay: 0.1s;
  filter: brightness(110%);
}

.slideconfig-274:not(:hover) img {
  /* transform: scale(0.9, 0.9); */
  transition-duration: 1s;
  transition-delay: 0.1s;
  filter: brightness(110%);
}

.slideconfig-274 .blockimg {
  width: 100% !important;
  height: 210px !important;
  overflow: hidden;
  border-radius: 10px;
}

div#second-274 .car__3 {
  width: 218px;
  margin: 10px !important;
  padding-bottom: 30px;
  filter: drop-shadow(0px 3px 6px #00000029);
}

.slideconfig-274 div.textslide {
  padding: 8% 12%;
  position: relative;
  top: 80%;
  left: 0;
  width: 100%;
  height: 49%;
  background: transparent linear-gradient(180deg, #f89d67 0%, #f97b2c 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 20px #f97e314f;
  min-height: 150px;
  margin-top: -30px;
  border-radius: 0 0 10px 10px;
  font: normal normal normal 15px Prompt;
  letter-spacing: 0px;
  color: #000000;
  /* font-weight: 600; */
  text-align: left;
}

.slide-detail-274 {
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-family: "Prompt";
}

/*
.slideconfig-274 div.textslide::after {
  position: absolute;
  content: "";
  font-size: 150%;
  bottom: 0;
  background: transparent linear-gradient(180deg, #f9e4cd 0%, #fcd9b3 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #f97e314f;
  width: 41px;
  height: 41px;
  border-radius: 100%;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20px;
}
*/

.slideconfig-274:hover div.textslide::after {
  background: #504a4a 0% 0% no-repeat padding-box;
}

.slideconfig-274:hover div.textslide::before {
  filter: invert(86%) sepia(100%) saturate(11%) hue-rotate(9deg) brightness(106%) contrast(100%);
}

/*
.slideconfig-274 div.textslide::before {
  content: "";
  position: absolute;
  background: url(/public/layout/template/images/next2.png) no-repeat !important;
  width: 9px !important;
  height: 18px;
  background-size: 100% 100% !important;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  bottom: -10px;
  // ไม่ใช่แแต่แรก
  filter: invert(86%) sepia(100%) saturate(11%) hue-rotate(9deg)
  brightness(106%) contrast(100%); 
  //
}
*/
.carouseller .carouseller__wrap {
  padding: 2% 2%;
}

div.anyClass {
  width: 100% !important;
  height: 260px !important;
  margin: 30px 0 0;
  /*overflow: visible!important;*/
}

div.anyClass a.activityconfig>div.imgBox {
  width: 250px !important;
  height: 187px !important;
  /*overflow: hidden;*/
}

div.anyClass a.activityconfig>div.imgBox>img.imgtopic {
  width: 250px !important;
  height: auto !important;
  border-radius: 5px !important;
}

div.anyClass a.activityconfig>div.imgBox {
  position: relative;
}

div.anyClass>ul>li {
  width: 250px !important;
  margin: 0 39px 0 0 !important;
  overflow: visible !important;
}

div.followBlc>ul>li {
  list-style: none;
  float: left;
}

div.anyClass a.activityconfig>div.imgBox>div.txtBox {
  width: 250px !important;
  height: 80px !important;
  background: linear-gradient(#e2faf8 64px, #266361 64px);
  border-radius: 5px;
  padding: 0 !important;
  color: #000 !important;
  font-weight: normal !important;
  position: absolute;
  bottom: 30px;
  left: 20px !important;
  text-align: left !important;
  padding: 10px 10px 0 20px !important;
}

div.anyClass a.activityconfig:hover>div.imgBox>div.txtBox {
  background: linear-gradient(#f9ffff 64px, #16413f 64px);
}

div.anyClass a.activityconfig>div.imgBox>div.txtBox::after {
  position: absolute;
  content: "...";
  color: #fff;
  bottom: -4px;
  right: 10px;
  font-size: 24px;
}

div#second-274 .carouseller__left,
div#second-274 .carouseller__right {
  position: absolute;
  top: unset;
  bottom: -29px !important;
  width: 25px !important;
  background: #c2c1c1 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 15px #a18c7f24;
  height: 25px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  color: unset;
  font-size: 0 !important;
}

div#second-274 .carouseller__left:before {
  content: "";
  background: url(/public/layout/template/images/nextact.png) no-repeat !important;
  width: 6px !important;
  height: 13px;
  background-size: 100% 100% !important;
  display: flex;
}

div#second-274 .carouseller__right:before {
  content: "";
  background: url(/public/layout/template/images/nextact1.png) no-repeat !important;
  width: 6px !important;
  height: 13px;
  background-size: 100% 100% !important;
  display: flex;
}

div#second-274 .carouseller__left {
  left: 13px;
}

div#second-274 .carouseller__right {
  left: 45px;
}

div#second-274 .carouseller__left:hover,
div#second-274 .carouseller__right:hover {
  background: transparent linear-gradient(180deg, #f89d67 0%, #f97b2c 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 15px #a18c7f23;
}

div#second-274 .carouseller__wrap {
  padding: 0;
  margin-top: 25px;
}

/* --------------------------------------------------
 contentC
 -------------------------------------------------- */

div.contentC {
  box-sizing: border-box !important;
  /*padding: 0;*/
}

div.annualBlc {
  padding: 0;
}

div.annualBlc>h1,
div.infogfBlc>h1,
div.mapgisBlc>h1,
div.utubeBlc>h1,
div.blogBlc>h1 {
  position: relative;
  font-size: 18.5px;
  color: #f98035;
  padding-left: 40px;
  margin: 7px 0 7px;
}

div.mapgisBlc>h1 {
  background: transparent linear-gradient(180deg, #f97627 0%, #f6af62 100%) 0% 0% no-repeat padding-box;
  border-radius: 12px 12px 0px 0px;
  margin: 0;
  height: 63px;
  display: flex;
  align-items: center;
  letter-spacing: 0px;
  color: #000000;
  font-size: 20px;
  font-family: "Prompt" !important;
  font-weight: bold !important;
  padding-left: 20px;
}

div.annualBlc>h1 {
  letter-spacing: 0px;
  font-size: 35px;
  font-family: "Prompt";
  color: #ffff;
  text-align: center;
  margin-bottom: 40px;
  padding: 0;
}

div.annualBlc>h1::before,
div.infogfBlc>h1::before,
div.mapgisBlc>h1::before,
div.utubeBlc>h1::before,
div.blogBlc>h1::before {
  position: absolute;
  top: -8px;
  left: 0;
}

div.annualBlc>h1::before {
  content: url(/public/layout/template/images/ico_annual.png);
}

div.infogfBlc>h1::before {
  content: url(/public/layout/template/images/ico_infogf.png);
}

div.mapgisBlc>h1::before {
  content: "";
  background: url(/public/layout/template/images/map.png) no-repeat;
  width: 31px;
  height: 31px;
  position: relative;
  top: -6px;
  margin-right: 10%;
}

div.utubeBlc>h1::before {
  content: url(/public/layout/template/images/ico_utube.png);
}

div.blogBlc>h1::before {
  content: url(/public/layout/template/images/ico_qa.png);
}

div.infogfBlc>div.imgInfogf {
  background: #266361;
  padding: 3% 0;
  text-align: center;
  height: 240px;
}

div.imgInfogf>img {
  max-width: 100%;
}

div.imgInfogf #photo-mslideowner1>a {
  width: 100% !important;
}

#mslideowner_display div#photo-mslideowner1 {
  top: 0 !important;
  left: 0 !important;
}

#mslideowner_display div#photo-mslideowner1>img {
  /*width: 100%!important;
	height: auto!important;*/
}

#photo-mslideowner1>img {
  width: 100% !important;
  height: auto !important;
  text-align: center;
}

div.mapgisBlc>div.imgMapgis {
  text-align: center;
  height: 468px;
}

div.imgMapgis>img {
  max-width: 100%;
}

div.mapgisBlc>a {
  color: #000;
}

div.btnMapgis,
div.btnMapgisen {
  width: 100%;
  border-radius: 5px;
  background: linear-gradient(#dedede, #fafafa 80%, #dedede);
  min-height: 70px;
  margin: 5px 0 0;
  font-size: 22px;
  padding: 11px 0 0 80px;
  position: relative;
}

div.btnMapgis:hover,
div.btnMapgisen:hover {
  background: linear-gradient(#dedede, #fafafa 20%, #dedede);
}

div.btnMapgis::before,
div.btnMapgisen::before {
  position: absolute;
  content: url(/public/layout/template/images/ico_map2.png);
  top: 4px;
  left: 10px;
}

div.btnMapgis.icon01::before {
  content: "";
  background-image: url(/public/layout/template/images/icon120_1.png);
  background-size: 79px 71px;
  display: inline-block;
  width: 79px;
  height: 71px;
  content: "";
  background-repeat: no-repeat;
}

div.btnMapgis.icon02::before {
  content: "";
  background-image: url(/public/layout/template/images/icon120_2.png);
  background-size: 79px 71px;
  display: inline-block;
  width: 79px;
  height: 71px;
  content: "";
  background-repeat: no-repeat;
}

div.btnMapgis.icon03::before {
  content: "";
  background-image: url(/public/layout/template/images/icon120_3.png);
  background-size: 79px 71px;
  display: inline-block;
  width: 79px;
  height: 71px;
  content: "";
  background-repeat: no-repeat;
}

div.btnMapgisen {
  font-size: 20px !important;
}

span.smallTxt {
  font-size: 18px;
  color: #1e8581;
}

#b76_display .btnMapgis,
#b76_display .btnMapgis .r_txtBnn .smallTxt {
  color: #000000;
}

#b76_display .btnMapgis .r_txtBnn {
  padding: 10px 0px 0px 80px;
}

#b76_display .btnMapgis .r_txtBnn {
  padding: 0px 12px 5px 40px;
  font-size: 18px;
}

#b76_display .btnMapgis .r_txtBnn .smallTxt {
  font-size: 16px;
}

div.annualBlc>div.left {
  padding-left: 0;
  /*float: left;*/
}

div.annualBlc>div.right {
  padding: 0;
  /*float: left;*/
}

div.contentCRight {
  min-width: 30%;
  max-width: 30%;
}

div.contentCLeft {
  /*padding: 0;*/
  /*float: left;*/
}

div#reportyear_display>.row>div>.row {
  justify-content: space-around;
  flex-direction: row;
}

div#reportyear_display>.row>div>.row>div {
  background: #ffffffa6 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 24px;
  padding: 15px;
  margin: 10px;
  max-width: 47%;
}

div.infogfBlc {
  padding: 0;
  height: auto;
  width: 100%;
  /*float: left;*/
}

div.mapgisBlc {
  padding: 0;
  /*float: left;*/
}

div.annualBlc table {
  background: unset;
  width: 100%;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 15px !important;
}

div#reportyear_display>.row>div>.row>div table>tbody {
  background: #ffffff 0% 0% no-repeat padding-box;
}

div#reportyear_display>.row>div>.row>div:nth-child(1) table>tbody:nth-child(even) {
  background: #eff9ff !important;

}

div#reportyear_display>.row>div>.row>div:nth-child(1) table>tbody:nth-last-child(1) {
  border-radius: 0 0 15px 15px;
}

div#reportyear_display>.row>div>.row>div:nth-child(2) table>tbody:nth-child(2n-1) {
  background: #eff9ff !important;
}

div#reportyear_display>.row>div>.row>div:nth-child(2) table>tbody:nth-last-child(1) {
  /* border-radius: 0 0 15px 15px; */
}

div.annualBlc table>thead {
  position: relative;
  display: flex;
  margin-bottom: -10px;
}

div.annualBlc table>thead>tr {
  background: #FF9556 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 11px 11px 0 0;
  margin-bottom: 15px;
}

div.annualBlc table>tbody>.body-titleR-0,
div.annualBlc table>tbody>tr.body-titleL-0 {}

div.annualBlc .right thead:before {
  /* content: ""; */
  background: #ff9556 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 11px;
  width: 100%;
  height: 55px;
  position: absolute;
  /* z-index: -1; */
}

div.annualBlc table>thead>tr {
  min-width: 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  padding: 0 2%;
}

tbody.body-L-0>tr .td-topic {
  /* display: flex; */
}

tbody.body-0,
tbody.body-1,
tbody.body-2 {
  width: 100%;
  background: #fff;
  border-radius: 12px !important;
}

tbody.body-L-3 {}

/* tbody.body-L-2 {
  margin-bottom: 0 !important;
} */

tbody.body-L-4 {
  margin-bottom: 0 !important;
}

div.annualBlc table tr>th {
  /* background: #ff9556 0% 0% no-repeat padding-box; */
  border-radius: 11px;
  z-index: 5;
  position: relative;
  /* margin-top: 50px; */
  width: 100%;
  padding-left: 0;
  letter-spacing: 0px;
  color: #000000;
  font-size: 17px;
  font-family: "Prompt";
  align-items: center;
  display: flex;
}

th#th-active-1 {
  width: 54%;
  min-width: 54%;
  padding-left: 4% !important;
  font-size: 25px;
}

th#th-1 {
  padding-left: 4% !important;
  font-size: 18px;
  color: #FF9556;
  font-family: 'Prompt';
}

td.td-topic,
td.text-value {
  font: normal normal normal 15px Prompt;
  letter-spacing: 0px;
  color: #000000;
  font-family: "Prompt";
}

td.text-value {
  /* min-width: 10%; */
  min-width: 11%;
}

div.annualBlc table tr:nth-child(1)>th {
  padding: 1.8% 1% !important;
}

tbody.body-L-0,
tbody.body-L-1,
tbody.body-L-2,
tbody.body-L-4,
tbody.body-R-0,
tbody.body-R-1,
tbody.body-R-2,
tbody.body-R-3 {
  background: #ffffff 0% 0% no-repeat padding-box;
}

/* tbody.body-R-1 {
  margin: 0;
} */
tbody.body-R-3 {
  margin: 0;
}

div.annualBlc table tr {
  /* border-radius: 50px; */
  /* padding: 50px; */
  padding-bottom: 20;
  margin-bottom: 50;
  /* padding-bottom: 50px; */
  /* width: 100%; */
  padding: 0 3%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

div.annualBlc table tr:nth-child(1) {
  padding: 0;
}

div.annualBlc table tr th:nth-last-child(1) {
  padding-right: 11% !important;
}

div.annualBlc table tr:nth-child(2) {}

div.annualBlc table th,
div.annualBlc table td {
  padding: 1% 1% 0;
  text-align: left !important;
  padding: 10px 0;
}

div.annualBlc table td:nth-child(2),
div.annualBlc table td:nth-child(3),
div.annualBlc table td:nth-child(4),
div.annualBlc table td:nth-child(5),
div.annualBlc table td:nth-child(6) {
  text-align: right !important;
}

div.annualBlc .left,
div.annualBlc .right {
  height: 100%;
  border-radius: 15px !important;
}

div.annualBlc .left thead:before {
  /* content: ""; */
  background: #ff9556 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 11px;
  width: 100%;
  height: 55px;
  position: absolute;
  /* z-index: -1; */
}

.runningbox {
  position: relative;
  width: 100%;
  /* padding: 70px 0; */
  padding-top: 70px;
  /* padding-bottom: 50px; */
  background: transparent linear-gradient(180deg, #f9e4cd 0%, #ffebd5 100%) 0% 0% no-repeat padding-box;
}

.bodyE {
  position: relative;
  width: 100%;
  /* padding: 70px 0; */
  background: transparent linear-gradient(180deg, #feead4 0%, #ffebd5 100%) 0% 0% no-repeat padding-box;
  padding: 30px 0;
}

div#reserve_display {
  background: #ff9556 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 10px #a18c7f23;
  border-radius: 12px;
  padding: 0 !important;
  height: 285px;
  overflow: hidden;
  margin-bottom: 25px;
}

div.runningNm .slider.boxroll-slider {
  height: 100% !important;
}

div.runningNm {
  /*width: 100%;
	float: left;
	height: 200px;*/
  border-radius: 5px;
  padding: 0;
  box-sizing: border-box !important;
  overflow: hidden;
  max-width: 65%;
  margin-right: 5%;
  font-family: "Prompt";
}


.listBnn.notranslate {
  background: transparent linear-gradient(180deg, #f89d67 0%, #f97b2c 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #f97e314f;
  border-radius: 12px;
  padding: 10px 30px;
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  position: relative;
}

div#b58_display {
  min-width: 100%;
}


div#b58_display:before {
  content: "";
  background: transparent linear-gradient(180deg, #f9e4cd 0%, #fed4b2 100%) 0% 0% no-repeat padding-box;
  /* box-shadow: 0px 3px 6px #f97e314f; */
  width: 15px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

div.runningNm h1 {
  color: #fff;
  margin: 0 0 2%;
  background: transparent linear-gradient(180deg, #f89d67 0%, #f97b2c 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 10px #a18c7f23;
  border-radius: 24px 24px 0px 0px;
  padding: 15px 50px;
  letter-spacing: 0px;
  font-size: 31px;
}

ul.bnnRoll.clearFix {
  margin: 0;
  padding: 0 35px;
}

.call_banner58.clearFix ul {
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 0;
}

div.runningNm ul>li {
  float: left;
  /*height: 95px;*/
  width: 32%;
  list-style: none;
}

.call_banner58.clearFix ul>li {
  float: left;
  width: 75%;
  list-style: none;
  padding-left: 3%;
  padding: 10px 0;
  margin-left: 8% !important;
}

.call_banner58.clearFix ul>li:nth-child(1),
.call_banner58.clearFix ul>li:nth-child(2) {
  border-bottom: 3px solid #ffffff7d;
  margin: 10px;
}

.call_banner58.clearFix ul>li:nth-child(2),
.call_banner58.clearFix ul>li:nth-child(4) {
  margin-left: 17% !important;
}

.call_banner58.clearFix ul>li .boxBnn {
  display: flex;
  align-items: center;
}

.call_banner58.clearFix ul>li .boxBnn .iconBnn {}

.call_banner58.clearFix ul>li .boxBnn img {
  width: 100%;
  height: 100%;
}

.call_banner58.clearFix ul>li .boxBnn .txtBnn {
  letter-spacing: 0px;
  color: #000000;
  font-size: 18px;
  font-weight: 600 !important;
  margin-left: 7%;
  max-width: 73%;
}

div.runningNm ul.bnnRoll>li {
  padding: 1%;
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 8px;
  margin: 1%;
  width: 31.3%;
  min-height: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

div.runningNm ul>li:nth-last-child(1) {}

div.runningNm ul>li>span {
  text-align: center;
  display: block;
  margin-top: 5px;
  font: normal normal normal 14px Prompt;
  letter-spacing: 0px;
  color: #000000;
  margin: 6px;
}

div.runningNm ul>li>span.numeric {
  font: normal normal 600 28px Prompt;
  letter-spacing: 0px;
  color: #000000;
}

div.runningNm ul>li>span.lastP {
  margin: 5px 0 0;
  color: #fff;
  font-size: 18px;
}

/* --------------------------------------------------
 contentD
 -------------------------------------------------- */

div.contentD {
  /*padding: 0 3%;
    box-sizing: border-box!important;
    margin: 40px 0 0;*/
}

div.contentD div.listBnn {
  /*padding: 30px 0 0;
	background: #c8f6f5;*/
}

div.contentD div.listBnn div.call_banner58>ul {
  padding: 0;
}

div.contentD div.listBnn div.call_banner58>ul>li {
  width: 23.5%;
  height: 80px;
  margin: 0 2% 2% 0;
  background: #90d7d4;
  border-radius: 5px;
  list-style: none;
  padding: 1px;
  box-sizing: border-box !important;
  float: left;
  position: relative;
  z-index: 0;
}

div.contentD div.listBnn div.call_banner58>ul>li:nth-child(4n + 4) {
  margin-right: 0;
}

div.contentD div.listBnn div.call_banner58>ul>li:nth-child(n + 5) {
  margin-bottom: 0;
}

div.contentD div.listBnn div.call_banner58>ul>li:hover {
  background: #7bfffa;
  cursor: pointer;
}

div.contentD div.listBnn div.call_banner58>ul>li>a {
  color: #000;
}

div.contentD div.listBnn div.call_banner58>ul>li div.boxBnn {
  width: 100%;
  height: 71%;
  border-radius: 4px;
  margin: 10px;
  float: left;
  z-index: 1;
}

div.contentD div.listBnn div.call_banner58>ul>li div.iconBnn {
  z-index: 2;
  /*width: 25%;*/
  border-radius: 5px;
  float: left;
  position: relative;
}

div.iconBnn>img {
  width: 100%;
}

div.contentD div.listBnn div.call_banner58>ul>li div.iconBnn::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
  border-radius: 5px;
  left: 50%;
  margin-left: -50%;
}

div.contentD div.listBnn div.call_banner58>ul>li:nth-child(3n + 1) div.iconBnn::after {
  background: #fcad59;
}

div.contentD div.listBnn div.call_banner58>ul>li:nth-child(3n + 2) div.iconBnn::after {
  background: #ff8b45;
}

div.contentD div.listBnn div.call_banner58>ul>li:nth-child(3n + 3) div.iconBnn::after {
  background: #5ca9a6;
}

div.contentD div.listBnn div.call_banner58>ul>li div.txtBnn {
  float: left;
  margin: 5px;
}

span.bigTxt {}

span.smTxt {
  display: block;
}

span.sm2Txt {
  display: block;
}

/* --------------------------------------------------
 contentE
 -------------------------------------------------- */

div.contentE {
  box-sizing: border-box !important;
  /*padding: 0;*/
  /*float: left;*/
  margin-top: 20px;
  /*margin-bottom: 20px;*/
  /*height: 430px;*/
}

div.faceBlc,
div.utubeBlc,
div.blogBlc {
  padding: 0 10px;
  margin-bottom: 20px;
}

div.blogBlc {
  overflow: hidden;
}

div.blogbody {
  text-align: center;
}

div.faceBlc {
  padding: 0;
  text-align: center;
}

.utubebody {
  margin: 20px 0 0;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.utubebody iframe,
.utubebody object,
.utubebody embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* --------------------------------------------------
 contentF
 -------------------------------------------------- */

div.contentF {
  box-sizing: border-box !important;
  /*padding: 0;
	float: left;
	margin: 35px 0 0;*/
  /*height: 360px;*/
}

div.txtLinkA,
div.txtLinkB,
div.txtLinkC {
  background: #aee2df;
}

div.txtLinkA h1,
div.txtLinkB h1,
div.txtLinkC h1 {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 5px;
}

div.list>a {
  color: #5a5454;
  display: inline-block;
}

div.list>a:hover {
  color: #fff;
}

/* --------------------------------------------------
 statBlc
 -------------------------------------------------- */

div.statBlc {
  /*float: left;
	margin: 40px 0 0;
	width: 100%;*/
}

div.statBlc>div.statst {
  text-align: right;
  display: block;
  padding: 1% 2%;
}

div.statBlc>div.statnd {
  text-align: left;
  display: block;
  padding: 1% 2%;
}

div.statBlc span.statTxt {
  background: #56706f;
  color: #fff;
  padding: 1% 2%;
}

/* --------------------------------------------------
 footBlc
 -------------------------------------------------- */

div.footBnn>ul>li {
  float: left;
  list-style: none;
  margin: 0;
  width: 25%;
  text-align: center;
  padding-right: 2%;
}

div.footBnn>ul>li:nth-last-child(1) {
  padding-right: 0;
}

div.footBnn>ul>li>img {
  max-width: 100%;
}

div.footBnn>ul {
  margin: 0 auto;
  /*width: 70%;*/
  padding-left: 20%;
  padding-right: 20%;
  box-sizing: border-box !important;
}

.footCopy.col-12 {
  padding: 0;
}

div.copyright {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 10px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: start;
}

div.copyright p,
div.copyright a {
  font: normal normal 300 16px Prompt;
  letter-spacing: 0px;
  color: #ffffff;
  margin: 0;
  display: flex;
  align-items: end;
  height: fit-content;
  padding: 0 5px;
}

/* --------------------------------------------------
 Change Language
 -------------------------------------------------- */

.chngLang {
  position: relative;
  float: left;
  padding: 0;
}

.language-box>table {
  margin: 0 0 0 10px;
}

.socialBar {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #e4faf9;
  /*height: 45px;*/
  z-index: 1000;
}

.socialBar>div.container {
  padding-left: 0;
  padding-right: 0;
}

.socialBar ul {
  padding: 0;
  margin-bottom: 0 !important;
}

.socialBar ul>li {
  width: 20%;
  float: left;
  list-style: none;
  text-align: center;
  position: relative;
  z-index: 10;
  height: 100%;
  padding-top: 0.4%;
  padding-bottom: 0.1%;
}

.socialBar ul>li img {
  max-width: 20%;
}

.socialBar ul>li:nth-child(1) {
  background: #fcad59;
}

.socialBar ul>li:nth-child(2) {
  background: #f97627;
}

.socialBar ul>li:nth-child(3) {
  background: #c8f6f4;
}

.socialBar ul>li:nth-child(4) {
  background: #549b98;
}

.socialBar ul>li:nth-child(5) {
  background: #266361;
}

.socialBar ul>li:hover:nth-child(1) {
  background: #ffbb73;
}

.socialBar ul>li:hover:nth-child(2) {
  background: #ff9a5d;
}

.socialBar ul>li:hover:nth-child(3) {
  background: #d1e8e7;
}

.socialBar ul>li:hover:nth-child(4) {
  background: #90bfbd;
}

.socialBar ul>li:hover:nth-child(5) {
  background: #6dacaa;
}

/* --------------------------------------------------
 youtube
 -------------------------------------------------- */

#youtube_display #wowslider-container1 {
  display: block !important;
}

#wowslider-container1 .ws_images,
#wowslider-container1 .ws_shadow {
  margin-bottom: 2em !important;
}

#wowslider-container1 .ws_thumbs {
  position: relative !important;
  text-align: unset !important;
  bottom: unset !important;
  left: unset !important;
  width: unset !important;
  height: unset !important;
}

#wowslider-container1 .ws_thumbs div {
  width: 530% !important;
  height: unset !important;
}

/* --------------------------------------------------
 inside page
 -------------------------------------------------- */

.namehead02_r02_2 {
  font-size: 55% !important;
  font-family: "Mitr" !important;
  color: #f97627 !important;
  font-weight: normal !important;
}

.contentDetail {
  min-height: 500px;
  padding-bottom: 5%;
}

.listdataconfig a {
  font-weight: unset !important;
}

/* --------------------------------------------------
 FAQ
 -------------------------------------------------- */

div.blogBlc {
  position: relative;
  padding-bottom: 20px;
}

#faq_display>ul>li {
  padding-left: 30px;
  text-align: left;
  list-style: none;
  position: relative;
  margin-bottom: 10px;
}

#faq_display>ul>li>a {
  color: #266361;
}

#faq_display>ul>li::before {
  position: absolute;
  content: url(/public/layout/template/images/ico_faq.png);
  left: 0;
  top: 6px;
}

#faq_display>ul>li>a:hover {
  color: #ee7229 !important;
}

div.faqCon {
  position: absolute;
  bottom: 0;
  right: 4%;
}

div.faqCon::before {
  position: absolute;
  content: url(/public/layout/template/images/ico_continue.png);
  top: 5px;
  left: -21px;
}

div.faqCon a {
  color: #000;
}

div.faqCon a:hover {
  color: #f97628;
}

/* --------------------------------------------------
 webboard Block
 -------------------------------------------------- */

div.webboardBlc {
  margin-bottom: 20px;
  float: left;
  /*background: linear-gradient(to right, #f6f7f9 33%, #aee3df 33%);*/
  width: 100%;
  padding: 10px 0 10px;
  border-radius: 10px;
}

div.webboardBlc>a {
  color: #000;
}

div.webboardBlc>a:hover {
  color: #f97628;
}

div.webboardBlc>a>h1 {
  font-size: 180%;
  padding-left: 85px;
  margin-top: 5px;
  float: left;
  position: relative;
  /*text-shadow: 2px 2px 2px #e4faf9, -2px -2px 2px #aee3df, -2px 2px 2px #aee3df, 2px -2px 2px #ffffff, 0 2px 2px #45aa91, 2px 0 2px #45aa91, 0 -2px 2px #45aa91, -2px 0 2px #45aa91;*/
  /*text-decoration: underline;*/
}

div.webboardBlc>a>h1::before {
  position: absolute;
  content: url(/public/layout/template/images/ico_webboard.png);
  top: -20px;
  left: 0;
}

/* --------------------------------------------------
 energy Blc
 -------------------------------------------------- */

div.energyBlc {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

div.energyBlc>a>h1 {
  font-size: 100%;
  padding-left: 82px;
  margin-top: 5px;
  float: left;
  position: relative;
  text-align: center;
}

div.energyBlc>a>h1 span.ndLine {
  font-size: 140%;
  margin-top: 5px;
  display: block;
  color: #105594;
}

div.energyBlc>a>h1::before {
  position: absolute;
  content: url(/public/layout/template/images/ico_blogdmf.png);
  top: -15px;
  left: 0;
}

div.energyBlc>a>h1::after,
div.webboardBlc>a>h1::after {
  position: absolute;
  content: "";
  width: 70px;
  height: 70px;
  border-radius: 50px;
  background: rgba(207, 207, 207, 0.4);
  top: -15px;
  left: 0;
}

/* --------------------------------------------------
 menu responsive
 -------------------------------------------------- */

.unav {
  width: unset !important;
  /*100%*/
  height: unset !important;
  /*40px*/
  position: unset !important;
  /*fixed*/
  top: unset !important;
  /*0*/
  left: unset !important;
  /*0*/
  padding-top: unset !important;
  /*5px*/
  float: unset !important;
  /*right*/
}

.unav-burger {
  /*ปรับสีขนาดกรอบ3ขีด*/
  width: 27px !important;
  height: 28px !important;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  background: #FFF7EF 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 3px 6px #584E4723 !important;
  border-radius: 0px 3px 3px 0px;
}

.unav-burger span {
  /*ปรับเส้น 3 ขีด ขีดกลาง*/
  background-color: #F97B2C !important;
  height: 3px !important;
  top: 12px !important;
}

.unav-burger-open span {
  background: none !important;
}

.unav-burger span::before,
.unav-burger span::after {
  height: 4px !important;
  background-color: #F97B2C !important;
}

/*.unav-sidebar-show {
    -webkit-transform: translateX(0px)!important;
    -ms-transform: translateX(0px)!important;
    transform: translateX(0px)!important;
    }*/

.unav nav {
  top: 40px !important;
  left: 0;
  right: unset !important;
  /*transform: translateX(-270px)!important;*/
  background: #ff9556 0% 0% no-repeat padding-box !important;
  border-radius: 0 15px 15px 0;
  height: fit-content !important;
}

.unav a {
  color: #000000 !important;
}

.unav-dropdown:after {
  border-left: 7px solid #ffffff !important;
  top: 13px !important;
}

.unav-item:hover {
  background-color: #ffb76b !important;
}

.unav-dropdown.is-active {
  background-color: #ffd09f !important;
}

/*.postitBar{
	position: fixed;
	bottom: 3.5%;
	z-index: 100;
	left: 5%;
	}*/

/* --------------------------------------------------
 vote Block
 -------------------------------------------------- */

.voteBlc {
  background: #f6f6f6;
  margin-top: 15px;
  padding: 20px 20px 0;
  /*min-height: 280px;*/
  border-radius: 5px;
}

.voteBlc>h1 {
  font-size: 180%;
  padding-left: 50px;
  margin-bottom: 20px;
  position: relative;
}

.voteBlc>h1::before {
  position: absolute;
  content: url(/public/layout/template/images/ico_vote.png);
  top: 0;
  left: 0;
}

div.vote_scope {
  width: unset !important;
}

div.vote_scope div.vote_description>div.row:nth-child(1)>div {
  margin-bottom: 10px;
}

div.vote_scope div.vote_description>div.row:nth-last-child(1)>div {
  margin-top: 10px;
  text-align: right;
}

/* --------------------------------------------------
 totop
 -------------------------------------------------- */

div.totop>a {
  position: fixed;
  background: url(/public/layout/template/images/up-arrow.png) no-repeat center top;
  left: 50%;
  bottom: 70px;
  z-index: 100;
  margin-left: 570px;
  width: 55px;
  height: 55px;
}

div.totop>a:hover {
  background: url(/public/layout/template/images/up-arrowh.png) no-repeat center top;
}

.postitBar {
  position: fixed;
  bottom: 5% !important;
  z-index: 100;
  left: 20px !important;
}

div.postit>ul>li>a>p {
  text-align: center;
  text-shadow: 2px 2px 1px #f9eb56, -2px -2px 1px #f9eb56, -2px 2px 1px #f9eb56,
    2px -2px 1px #f9eb56, 0 2px 1px #f9eb56, 0 -2px 1px #f9eb56,
    2px 0 1px #f9eb56, -2px 0 1px #f9eb56;
}

div.postit>ul>li>a:hover {
  color: #f5680c;
}

/* --------------------------------------------------
 language
 -------------------------------------------------- */

#switchlang_display a.tooltip {
  position: static;
  opacity: 1;
}

#switchlang_display {
  float: right;
}

/*LANGUAGE BOX*/

/*------------------------------------------------------------------------------------------*/

.langBlc {
  position: relative;
  display: flex;
  /* flex-direction: column; */
  justify-content: flex-end;
  align-items: center;
  padding: 0;
  height: 34px;
}

.langBlc>div>div:nth-last-child(1) {
  margin-right: 0;
}

.language-box table>tbody>tr:nth-child(1) {
  display: none;
}

.language-box>table td:nth-last-child(1) {
  margin-right: 0;
}

.language-box>table td {
  /*margin-right: 2px;*/
}

.language-box img.each-language {
  width: 30px;
  height: 20px;
  border-radius: 5px;
}

.current-lang {
  box-shadow: 3px 3px 6px rgb(1 6 83 / 46%);
}

#switchlang_display select {
  background: transparent;
  color: #3b3838 !important;
  border: none;
  text-align-last: right;
  padding-right: 4px;
  width: 90px;
  font: normal normal 300 12px/19px Mitr;
  letter-spacing: 0px;
}

#switchlang_display option {
  color: #000;
  background: transparent;
  display: block;
}

.col-md-2.lang {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  min-width: fit-content;
  width: fit-content;
  max-width: fit-content;
}

#switchlang_display {
  margin-left: 0px;
  position: relative;
  display: flex;
}

.switchlangindexDesktop {
  display: flex !important;
}

img#flagimg {
  filter: drop-shadow(0px 3px 6px #888686);
  display: none;
}

@media (max-width: 575px) {
  .langBlc {
    margin: 0;
    /* padding: 0 15px; */
    max-width: 36vw;
  }

  #switchlang_display select {
    font-size: 0.6rem;
    padding-right: 0;
    border: unset;
  }

  .switchBlcR {
    justify-content: flex-end;
  }

  #switchlang_display::before {
    display: none;
  }

  div#b58_display:before {
    display: none;
  }
}

/*------------------------------------------------------------------------------------------*/

/* --------------------------------------------------
 แบนเนอร์ด้านล่าง
 -------------------------------------------------- */

#b76_display>#second-76 {
  width: 60%;
  text-align: center;
  margin: 0 auto;
}

.carouseller .carouseller__left,
.carouseller .carouseller__right {
  bottom: 0px;
}

#b76_display>#second-76>a.carouseller__left {
  left: -20px !important;
  top: -40px;
}

#b76_display>#second-76>a.carouseller__right {
  right: -20px !important;
  top: -40px;
}

#second-2 .carouseller__left,
.carouseller__right {}

/* --------------------------------------------------
 inside page
 -------------------------------------------------- */

div.contentDetail>div.listdataconfig ul>li.list-group-item.li-category {
  padding: 0 !important;
  margin-top: 30px !important;
}

div.contentDetail>div.listdataconfig ul>li.list-group-item.li-category:nth-child(1) {
  margin-top: 0 !important;
}

div.contentDetail>div.listdataconfig li.list-group-item.first {
  padding-top: 5px !important;
}

div.texteditor {
  /*margin-top: 30px;*/
  margin-bottom: 50px;
}

/* --------------------------------------------------
 List การจัดสรรค่าภาคหลวง
 -------------------------------------------------- */

div.contentDetail>div.listdataconfig ul>li.list-group-item.li-category>label,
label.topic-category,
label.topic-category a {
  font-size: 130%;
  color: #f97627;
  font-family: 'Prompt';
}

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

.grovetext label.font-weight {
  display: none;
}

.grovetext div {
  padding-left: 30px;
  position: relative;
  font-family: 'Prompt';
}

.grovetext div:nth-child(1):not(.block-images)::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 80px;
  background: #ffb76b;
  top: 6px;
  left: 17px;
}

.grovetext div:nth-child(1):not(.no-hover):hover::before {
  background: #fff;
}

.data-row {
  padding-bottom: 10px !important;
}

div.listdataconfig>div>div>div>ul {
  margin-bottom: 30px;
}

.listdataconfig a.listdataconfig_link:hover {
  color: #fff !important;
}

.listdataconfig a.no-hover:hover {
  color: #000 !important;
}

/* --------------------------------------------------
 วิสัยทัศน์ พันธกิจ
 -------------------------------------------------- */

div.maingroup>p>strong {
  font-size: 130%;
  color: #ff4e04;
  font-weight: normal !important;
}

div.maingroup>ul {
  list-style: none;
}

/* --------------------------------------------------
 บคุลากร
 -------------------------------------------------- */

#personmono>div.row>div>div:not(.pagination):nth-child(odd) {
  padding: 20px 0 20px 20px;
  background: #f8f8f8;
  min-height: 252px;
}

#personmono>div.row>div>div:not(.pagination):nth-child(even) {
  padding: 20px 0 20px 20px;
  background: #f0f0f0;
  min-height: 252px;
}

#personmono>div.row>div>div.margin-top {
  margin-top: 2px !important;
}

#personmono div.person_normal>div:nth-child(1) {
  padding: 10px;
  background: #549a97;
  color: #fff;
  font-size: 130%;
}

#personmono div.no-margin div.person_normal>div:nth-child(1) {
  font-size: 100%;
}

#personmono div.person_normal>div:nth-child(2) {
  padding: 2px;
  padding-left: 10px;
  background: #ffffff;
  color: #10615c;
  font-size: 100%;
  margin-bottom: 5px;
}

#personmono div.row.margin-top.no-margin {
  padding: 0px !important;
  min-height: 50px !important;
}

#personmono div.row.margin-top.no-margin img {
  max-width: 100px;
}

.modal-body div.person_normal>div:nth-child(2) {
  color: #000000 !important;
  background: unset !important;
}

#personmono div.person_normal>div {
  padding-top: 3px;
}

#personmono div.person_normal>div:nth-child(3),
#personmono div.person_normal>div:nth-child(4) {
  /*margin-top: 20px;*/
}

#personmono div.modal-body {
  padding-bottom: 50px;
}

a.viewdatauser {
  padding: 7px 10px;
  background: #549a96;
  border-radius: 5px;
  color: #fff;
}

a:hover.viewdatauser {
  color: #c8f6f4;
}

/* --------------------------------------------------
 ค้นหาจัดซื้อจัดจ้าง
 -------------------------------------------------- */

div.searchBar {
  background: #fafafa;
  margin-bottom: 40px;
  padding: 10px !important;
}

div.searchBar div.form-group {
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}

div.searchBar div.form-group>label.label-text {
  /*padding-top: 8px;*/
  display: none;
}

div.searchBar div.form-group>div.form-control {
  padding: 2px !important;
}

div.searchBar div.form-group>select.form-control {
  margin-top: 10px;
}

/*div.searchBar div.form-group>#btnsearch {
    padding: 5px 10px!important;
    margin-top: 5px!important;
    }*/

div.searchBar div.form-group>select.form-control {
  height: 40px;
  padding: 0;
  padding-left: 10px;
}

/* --------------------------------------------------
 รวมลิงก์
 -------------------------------------------------- */

div.block-link {
  margin-bottom: 50px;
}

div.block-link>div {
  background: #f9f9f9;
  padding: 10px;
  border: 2px solid #fff;
}

div.block-link>div:nth-child(4n + 4) {
  margin-right: 0;
}

/* --------------------------------------------------
 ดูทั้งหมดข่าวและกิจกรรม
 -------------------------------------------------- */

div.allnews div.grovetext {
  /*padding-top: 25px!important;
	padding-bottom: 25px!important;*/
}

div.allnews div.grovetext>div:nth-child(2) {
  padding-top: 10px;
}

div.allnews div.grovetext div:nth-child(1)::before {
  display: none;
}

img.listdata-shadow {
  border: 1px solid #fff !important;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
}

/* --------------------------------------------------
 ข่าวประชาสัมพันธ์ Detail
 -------------------------------------------------- */

.imagestopic {
  background: #f9f9f9;
  padding: 50px 20px;
  margin-bottom: 30px !important;
}

.blockcomment {
  padding: 20px;
}

li.list-group-item.data-row:hover {
  color: #000 !important;
}

/* --------------------------------------------------
 การสำรวจปิโตรเลียม
 -------------------------------------------------- */

div.contentDetail>div.listdataconfig div.tab button {
  padding: 20px 25px !important;
  background: #f0f0f0;
  border-radius: 5px;
  margin-bottom: 2px;
}

div.contentDetail>div.listdataconfig div.tab {
  background: #fbfafb;
  padding-top: 15px;
  padding-bottom: 30px;
}

div.nav-side-menu ul>a>li {
  background: #f0f0f0;
  border: 1px solid #fff;
}

div.nav-side-menu ul>a>li:hover,
div.nav-side-menu ul>a>li.activespecial {
  background: #aee3df;
}

.nav-side-menu li:hover,
.activespecial {
  border-left: 3px solid #549a97 !important;
}

.nav-side-menu li.activespecial {
  background: #aee3df;
}

.fa-angle-double-down:before {
  top: 16px;
  right: 19px;
  position: absolute;
}

/* --------------------------------------------------
 นิยายศัพท์
 -------------------------------------------------- */

div.concept {
  margin-bottom: 20px;
}

div.concept>div>label.active {
  padding: 0 10px;
  background: #4baba8;
  color: #fff;
}

/* --------------------------------------------------
 เอกสารเผยแพร่
 -------------------------------------------------- */

div.thumbnail>a>div.caption>p {
  margin-top: 15px;
  line-height: 24px;
}

div.thumbnail>a>div.caption>p>label {
  margin-bottom: unset !important;
}

div.thumbnail {
  padding-bottom: 30px;
}

/* --------------------------------------------------
 สั่งซื้อแผนที่
 -------------------------------------------------- */

div.ordermappg div.row>div>div.row {
  margin-left: 20px;
  margin-right: 20px;
}

div.ordermappg div.row {
  background-color: rgb(84, 154, 151);
}

div.ordermappg div.row>div>div.row>div:nth-child(1) {
  border-radius: 5px 5px 0px 0px !important;
  color: rgb(0, 0, 0) !important;
  padding-top: 10px !important;
  padding-bottom: 0 !important;
  background-color: rgb(188, 236, 233);
  margin-top: 20px !important;
}

div.ordermappg div.row>div>div.row>div:nth-child(2) {
  border-radius: 0 0 5px 5px !important;
  color: rgb(0, 0, 0) !important;
  padding-top: 0 !important;
  padding-bottom: 10px !important;
  background-color: rgb(188, 236, 233);
  margin-top: unset !important;
}

div.ordermappg div.row>div:nth-child(2) {
  margin-top: 50px;
}

div.ordermappg div.row>div:nth-child(2)>p u {
  padding: 10px 30px;
  background: #fffabf;
  border-radius: 5px;
  color: #000;
  text-decoration: none;
}

div.ordermappg div.row>div:nth-child(2)>ul {
  margin-bottom: 40px;
}

div.ordermappg div.row>div:nth-child(2)>ul>li>a {
  color: #fffabf;
}

div.ordermappg div.row>div:nth-child(2)>ul>li>a:hover {
  color: #fff;
}

div.ordermappg div.row>div:nth-child(2)>p:nth-last-child(1)>span>span>u {
  padding: 0;
  background: unset;
  border-radius: unset;
  color: #fff;
}

/* --------------------------------------------------
 พรบ.ข้อมูลข่าววสาร ชธ.
 -------------------------------------------------- */

div.listdataconfig_link {}

/* --------------------------------------------------
 texteditor
 -------------------------------------------------- */

/*div.texteditor h2 {
	position: relative;
    font-size: 150%;
    color: #403130;
    margin-top: 60px;
    margin-bottom: 30px;
}
div.texteditor h2::before {
	position: relative;
	content: url(/public/layout/template/images/ico_book.png);
	top: 8px;
    left: -6px;
}

div.texteditor {
	font-size: 15px!important;
}

div.texteditor p {
	text-align: left!important;
    margin-top: 30px;
    margin-bottom: 20px!important;
}

div.texteditor img {
    padding: 20px;
    background: #daedf7;
    }*/

#sharesocial {
  width: 16.5%;
  height: 115px;
  color: #fff;
  text-align: center;
  display: none;
  overflow: hidden;
  white-space: nowrap;
  position: fixed;
  bottom: 5.5%;
  right: 7.8%;
}

.socialCircle-item {
  font-size: 25px;
  cursor: pointer;
}

.share-facebook {
  background: #266361;
}

.share-twitter {
  background: #549b98;
}

.share-google-plus {
  background: #c8f6f4;
}

.tab button.active {
  background-color: #aee3df !important;
}

.tab button:hover {
  background-color: #aee3df !important;
}

@media only screen and (max-width: 1600px) {

  div.container {
    max-width: 75%;
    width: 75%;
    padding: 0;
  }

  .call_banner58.clearFix ul>li .boxBnn .txtBnn {
    font-size: 1rem;
  }

  .call_banner58.clearFix ul>li .boxBnn .iconBnn {
    max-width: 20%;
  }

  div.topMenu ul#nav>li>a {
    font-size: 0.75rem !important;
  }

  .call_banner58.clearFix ul>li {
    width: 80%;
  }

  .runningbox>.container>.row {
    min-width: 100%;
    max-width: 100%;
    margin: 0;
  }

  div#reserve_display {
    height: 18vw;
    border-radius: 1.5vw;
  }

  .listBnn.notranslate {
    height: 16vw;
    border-radius: 1.5vw;
  }

  .item.boxroll-slider-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  div.contentCRight>.row,
  div.mapgisBlc {
    min-height: 100%;
  }

  div.mapgisBlc>div.imgMapgis {
    height: 31.8vw;
  }

  #menutop_display>ul#nav>li>a {
    font-size: 0.8rem !important;
    padding: 0 0.5vw;
  }

  div.runningNm ul>li>span.lastP {
    margin: 0;
  }

  div#testmix1_display .slick-slide {
    margin: 0.7vw;
    /* width: 13.4vw; */
    width: 16.4vw;
    height: 12vw;
    align-items: center;
    padding: 1vw;
  }

  div#testmix1_display .slick-slide a {
    font-size: 0.8rem !important;
  }

  div.runningNm ul>li>span {
    font-size: 0.8rem;
    margin: 0.2vw;
  }

  div.runningNm h1 {
    font-size: 1.6rem !important;
  }

  div.runningNm ul>li>span.numeric {
    font-size: 1.4rem;
    margin: 0;
  }

  div#second-274 .car__3 {
    width: 13.4vw;
    margin: 0.5vw 0.6vw !important;
  }

  a.slideconfig-274:link {
    min-width: 100%;
    max-width: 100%;
  }

  div.runningNm ul.bnnRoll>li {
    min-height: 7vw;
  }

  .slideconfig-274 .blockimg {
    /* height: 21vw !important; */
    height: 13vw !important;
  }

  .slideconfig-274 div.textslide {
    height: 8vw !important;
    padding: 0.5vw 1vw;
    min-height: 8vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 0.8rem;
  }

  .slide-detail-274 {
    margin-top: 0;
    -webkit-line-clamp: 2;
    display: none;
  }

  div#reportyear_display>.row>div>.row>div {
    max-width: 46%;
  }

  #second-2 .car__12 img {
    height: 25vw;
  }

  .databox {
    max-width: 70%;
  }

  div.annCon-newsday {}

  div.reportBlc {
    min-width: 29%;
    max-width: 29%;
  }

  .detailBlc {
    padding: 1vw 1.5vw;
    height: 88%;
  }

  .detailBlc nav ul li a {
    font-size: 0.75rem !important;
    margin-bottom: 1vw;
  }

  .datailCon a {
    font-size: 0.7rem !important;
  }

  .datailCon a::before {
    width: 1.1vw !important;
    height: 1vw !important;
    border-radius: 100% !important;
  }

  div.reportBlc h1 {
    padding-left: 2vw;
    font-size: 1.3rem;
  }

  #groupright_display ul#nav {
    padding: 0 1vw !important;
  }

  #groupright_display ul#nav li {
    min-height: 3.41vw !important;
  }

  div.reportBlc ul>li>a {
    font-size: 0.9rem !important;
  }

}

@media only screen and (max-width: 1360px) {
  #menutop_display>ul#nav>li>a {
    font-size: 0.65rem !important;
    padding: 0 0.5vw;
  }

  .call_banner58.clearFix ul>li .boxBnn .txtBnn {}

}

@media only screen and (max-width: 1199px) {

  /*992px-1199px*/
  div.anyClass>ul>li {
    width: 280px !important;
    margin: 0 39px 0 0 !important;
  }

  div.anyClass a.activityconfig>div.imgBox>img.imgtopic {
    width: 280px !important;
  }

  div.anyClass {
    height: 280px !important;
  }

  div.anyClass a.activityconfig>div.imgBox>div.txtBox {
    width: 280px !important;
    left: 0 !important;
  }

  div.bgBnn {
    display: none;
  }

  div.bgFollow {
    display: none;
  }

  div.bgfooter {
    display: none;
  }

  span.bigTxt {}

  span.smTxt {}

  span.sm2Txt {}

  .carouseller .car__12 {
    width: 10% !important;
  }

  #menutop_display>ul#nav>li>a {
    padding: 0 0.6vw;
    font-size: 0.65rem !important;
  }

  div.contentD div.listBnn div.call_banner58>ul>li {
    width: 49%;
    margin: 0 2% 2% 0;
  }

  div.contentD div.listBnn div.call_banner58>ul>li:nth-child(2n + 2) {
    margin-right: 0;
  }

  div.contentD div.listBnn div.call_banner58>ul>li:nth-child(n + 5) {
    margin-bottom: 2%;
  }

  div.contentD div.listBnn div.call_banner58>ul>li:nth-last-child(1),
  div.contentD div.listBnn div.call_banner58>ul>li:nth-last-child(2) {
    margin-bottom: 0;
  }

  div#testmix1_display .slick-slide {
    width: 16.4vw;
    margin: 1vw;
    height: 14vw;
  }

  div.annCon a,
  div.followCon a,
  div.annCon-newsday a {
    font-size: 0.7rem !important;
  }

  div.annCon::before,
  div.followCon::before {
    width: 1.5vw;
    height: 1.5vw;
  }

  div.updateBlc h1::before {
    width: 2vw;
    height: 2vw;
    background-size: contain;
  }

  div.updateBlc h1 {
    font-size: 1rem;
  }

  div.topMenu ul#nav>li>a,
  #switchlang_display select {
    font-size: 0.7rem !important;
    width: fit-content;
  }

  div#showdate_display {
    width: fit-content;
    max-width: fit-content;
    min-width: fit-content;
  }

  .bd-pageheader label.notranslate {
    font-size: 0.7rem !important;
  }

  .databox {
    max-width: 68%;
  }

  .detailbox {
    /* padding-top: 5vw; */
    margin-right: 0;
  }

}

@media only screen and (max-width: 991px) {

  /*768px-991px*/
  a.logo-web,
  a.logo-weben {
    width: 100% !important;
  }

  div.wrapper {
    background: linear-gradient(#f97627 42px,
        #ffcc95 42px,
        #ffcc95 140px,
        #fb9d39 140px,
        #fb9d39 178px,
        #fce0bd 178px,
        #fce0bd 182px,
        transparent 182px);
  }

  #showdate_display {
    max-width: fit-content;
  }

  .topMenu {
    display: none;
  }

  .menutop {}

  .bd-menu {}

  #menumobile_display {
    margin: 0.3rem !important;
    display: none;
  }

  justify-content: end;

  .bd-pageheader {
    height: 40px;
    /* position: fixed; */
    width: 100%;
    z-index: 100;
    display: flex;
    align-items: center;
  }

  div.topMenu ul#nav>li>a {
    font-size: 0.6rem !important;
    width: fit-content;
    font-weight: unset !important;
  }

  div.topMenu ul#nav>li {
    border: unset !important;
    padding: 0 0.5vw !important;
  }

  div.topMenu ul#nav>li>a::before {
    margin-right: 0.3vw;
    font-size: 0.6rem;
  }

  #switchlang_display select {
    font-size: 0.6rem !IMPORTANT;
  }

  .bd-pageheader label.notranslate {
    font-size: 0.6rem !important;
  }

  .offset-md-10 {
    margin-left: 0 !important;
  }

  .bd-pagelogo {}

  div.epBlc {
    width: 100% !important;
    position: unset !important;
    bottom: unset !important;
  }

  div.updateBlc>div:nth-child(2) {
    position: unset !important;
    bottom: unset !important;
  }

  /*div.contentA {
	margin-top: 65px;
	}*/
  div.footBnn>ul {
    padding-left: 5%;
    padding-right: 5%;
  }

  span.bigTxt {}

  span.smTxt {}

  span.sm2Txt {
    font-size: 100%;
  }

  div.blctop {
    padding-top: 0px;
    padding-left: 0;
    font-size: 10px;
    padding-bottom: 0;
    display: flex;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 767px) {

  /*576px-767px*/
  div.anyClass>ul>li {
    width: 510px !important;
    margin: 0 !important;
  }

  div.anyClass a.activityconfig>div.imgBox>img.imgtopic {
    width: 510px !important;
  }

  div.anyClass {
    height: 470px !important;
  }

  div.anyClass a.activityconfig>div.imgBox>div.txtBox {
    width: 510px !important;
    left: 0 !important;
  }

  div.btnTop {
    padding-top: 5px;
  }

  div.btnFontsize {
    text-align: right;
  }

  div.runningNm ul>li>span {
    margin-top: 0;
  }



  div.searchBlc {
    margin-top: 0;
  }

  div.statBlc>div.statst,
  div.statBlc>div.statnd {
    text-align: center;
  }

  .socialBar ul>li img {
    max-width: 30%;
  }

  div.runningNm ul>li>span.numeric {
    font-size: 150%;
    font-weight: bold;
  }

  div.contentD div.listBnn div.call_banner58>ul>li {
    width: 100%;
    margin: 0 0 2% 0;
  }

  div.contentD div.listBnn div.call_banner58>ul>li:nth-last-child(2) {
    margin-bottom: 2%;
  }

  /*span.bigTxt {
	font-size: 3vw;
}
span.smTxt {
	font-size: 2vw;
	}*/
  div.announceBlc>#testmix2_display a.slideconfig->div:nth-child(1) {
    min-height: 100px;
  }
}

@media only screen and (max-width: 575px) {

  /*575px down*/
  /*div.contentD div.listBnn div.call_banner58>ul>li {
    width: 100%;
    margin: 0 0 2% 0;
    }*/
  /*div.contentD div.listBnn div.call_banner58>ul>li:nth-last-child(2) {
	margin-bottom: 2%;
	}*/
  div.footBnn>ul>li {
    width: 50%;
  }

  /*span.bigTxt {
	font-size: 4vw;
}
span.smTxt {
	font-size: 2.7vw;
	}*/
}

a.link-dmf div.socialBox {
  background: url("/public/layout/template/images/sol_face.png") no-repeat center !important;
  height: 35px;
}

a.link-youtube div.socialBox {
  background: url("/public/layout/template/images/sol_utube.png") no-repeat center !important;
  height: 35px;
}

a.link-email div.socialBox {
  background: url("/public/layout/template/images/sol_env.png") no-repeat center !important;
  height: 35px;
}

a.link-print div.socialBox {
  background: url("/public/layout/template/images/sol_prn.png") no-repeat center !important;
  height: 35px;
}

a.link-allsocial div.socialBox {
  background: url("/public/layout/template/images/sol_share.png") no-repeat center !important;
  height: 35px;
}

a.link-ep-summary {
  background: url(/public/layout/template/images/e_and_p.jpg) no-repeat center !important;
  height: 77px;
  width: 249px;
  display: inline-block;
  background-size: contain !important;
  border-radius: 10px;
}

a.link-corbnn {
  background: url(/public/layout/template/images/corbnn_new.jpg) no-repeat center !important;
  height: 77px;
  width: 249px;
  display: inline-block;
  background-size: contain !important;
  border-radius: 10px;
  margin-right: 20px;
}

a.link-map {
  background: url(/public/layout/template/images/img_map.jpg) no-repeat center !important;
  height: 100%;
  width: 100%;
  display: inline-block;
  border-radius: 0px 0px 22px 22px;
  background-size: 100% 100% !important;
}

a.logo-web {
  background: url(/public/layout/template/images/logotop.png) no-repeat !important;
  width: 244px;
  height: 64px;
  display: inline-block;
  background-size: 100% 100% !important;
}

a.logo-weben {
  background: url(/public/layout/template/images/logotopen.png) no-repeat !important;
  /* width: 45%; */
  width: 100%;
  height: 73px;
  display: inline-block;
}

a.link-home {
  background: url(/public/layout/template/images/ico_home.png) no-repeat !important;
  width: 32px;
  height: 32px;
  display: inline-block;
}

code {
  padding: 0px;
  font-size: unset;
  color: unset;
  background-color: unset;
}

#photo-mslideowner1 img {
  max-width: 100%;
}

.align-right {
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 !important;
}

.faceBlc iframe {
  width: 100%;
  /* width: 400px; */
  height: 450px;
  border-radius: 12px;
}

@media all and (min-width: 991px) {
  /* .menumobile-nav {
    display: none;
  } */
}

h1.head-menu {
  cursor: pointer;
}

table.table-border {
  border-collapse: collapse;
}

table.table-border,
table.table-border th,
table.table-border td {
  border: 1px solid #ddd;
}

.table-head {
  background: #aee2df;
}

.table-odd {
  background: #e5f4f4;
}

.table-event {
  background: #ffffff;
}

#grouprighten_display {
  min-height: 200px;
}

#TB_title {
  background: #ffb76b !important;
}

#TB_ajaxWindowTitle {
  text-shadow: 0px 0px 0px !important;
}

div.listmain-1.menu-677 {
  padding: 0px;
}

div.listmain-2.menu-677 {
  padding-right: 0px;
}

.navbar-text {
  padding-top: 0px;
  padding-bottom: 0px;
}

a.uploadconfig_link {
  cursor: pointer;
}

div.contentDetail div.texteditor p {
  text-indent: 1.5em;
}

.nav-side-menu li {
  background: #f0f0f0;
}

.nav-side-menu li a {
  color: #000;
}

#menu-content .sub-menu li a {
  display: inline-block;
}

.lumos-container {
  z-index: 9999 !important;
}

table.table-border-all,
table.table td {
  border: 1px solid #eceeef;
}

#second-2 .carouseller__left,
#second-2 .carouseller__right {
  position: absolute;
  top: unset;
  bottom: -33px !important;
  width: 25px !important;
  background: #c2c1c1 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 15px #a18c7f24;
  height: 25px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  color: unset;
  font-size: 0 !important;
}

#second-2 .carouseller__left:hover,
#second-2 .carouseller__right:hover {
  background: transparent linear-gradient(180deg, #f89d67 0%, #f97b2c 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 15px #a18c7f23;
}

#second-2 .carouseller__right {
  left: 45px;
}

#second-2 .carouseller__left {
  left: 15px;
}

#second-2 .carouseller__left:before {
  content: "";
  background: url(/public/layout/template/images/nextact.png) no-repeat !important;
  width: 6px !important;
  height: 13px;
  background-size: 100% 100% !important;
  display: flex;
}

#second-2 .carouseller__right:before {
  content: "";
  background: url(/public/layout/template/images/nextact1.png) no-repeat !important;
  width: 6px !important;
  height: 13px;
  background-size: 100% 100% !important;
  display: flex;
}

::before {}

.petroleum-text-comment p,
.supply-text-comment p {
  text-indent: unset !important;
}

.list_menu1207,
.list_menu1209,
.list_menu1211 div.maingroup>p>strong {
  font-size: unset !important;
  color: unset !important;
}

#slideBox {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}

#slideBox .carousel-indicators {
  justify-content: center !important;
  bottom: 5% !important;
}

#carouselExampleIndicators-225 {
  max-height: unset !important;
  position: relative;
  overflow: hidden;
}

.carousel-control-prev-icon:hover:before,
.carousel-control-next-icon:hover:before {
  background: #222a35 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 15px #a18c7f23;
}

#slideBox img {
  position: absolute;
  z-index: -1 !important;
}

#slideBox .carousel-inner {
  height: 600px;
}

#slideBox .carousel-indicators li {
  width: 16px !important;
  height: 16px !important;
  border-radius: 100%;
  background: #bebebe 0% 0% no-repeat padding-box !important;
}

#slideBox .carousel-indicators li.active {
  background: transparent linear-gradient(180deg, #ff5e5e 0%, #ff2a2a 100%) 0% 0% no-repeat padding-box !important;
}

#slideBox .carousel-control-next {
  right: 90px;
  top: -10%;
}

#slideBox .carousel-control-prev {
  left: 90px;
  top: -10%;
}

#slideBox .carousel-control-prev-icon,
#slideBox .carousel-control-next-icon {
  width: 35px !important;
  height: 27px !important;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

#slideBox .carousel-control-prev-icon {
  background-image: url(/public/layout/template/images/chevron-left.png) !important;
}

#slideBox .carousel-control-prev-icon:before,
#slideBox .carousel-control-next-icon:before {
  content: "";
  width: 65px;
  height: 65px;
  /* UI Properties */
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 6px;
  display: flex;
  position: absolute;
  z-index: -1;
}

#slideBox .carousel-control-next-icon {
  background-image: url(/public/layout/template/images/chevron-right.png) !important;
}

@keyframes animatex {
  0% {
    background-position: -500%;
  }

  100% {
    background-position: 500%;
  }
}

.logoName2nd {
  color: #fff;
}

@media (width: 1200px) {
  header {
    height: 650px;
  }

  #slideBox img {
    width: 100%;
    margin-left: unset;
    left: 0;
  }

  div.blogBlc,
  div.utubeBlc,
  .faceBlc iframe {
    width: 300px;
  }
}

@media (max-width: 575px) {
  header {
    height: unset;
  }

  .logoBox>.row {
    display: flex;
  }

  .logoBox .left {
    display: block;
  }

  .logoBox .right {
    display: block;
  }

  .logoBox .right>.row {
    flex-direction: unset;
    /*width: 100%;*/
  }

  .logoBlc {
    align-items: center;
    position: relative;
    padding: 0 2vw;
  }

  .logoBlc img {
    width: 10vw;
  }

  .logoBlc::before {
    display: none;
  }

  .logoBlcR {
    margin: 0;
    padding: 0;
  }

  .logoName {
    padding: 0;
  }

  .logoName1st,
  .logoName1stlight {
    font-size: 1rem !important;
  }

  .logoName h6 {
    font-size: 0.4rem;
  }

  .logoBox {
    padding: 2vw 3vw;
  }

  .headBox>.row {
    flex-direction: unset;
    justify-content: center;
  }

  #slideBox {
    height: 65vw;
  }

  #slideBox .carousel-inner {
    height: 65vw;
    left: 50%;
    margin-left: -75vw;
    overflow: visible !important;
  }

  #slideBox img {
    min-height: unset;
    height: 65vw;
    width: 150vw !important;
  }

  #slideBox .carousel-control-prev-icon,
  #slideBox .carousel-control-next-icon {
    width: 3vw !important;
    background-size: contain;
  }

  #slideBox .carousel-control-prev {
    left: 0;
  }

  #slideBox .carousel-control-next {
    right: 0;
  }

  #slideBox .carousel-indicators {
    display: none;
  }

  #slideBox .carousel-control-prev,
  #slideBox .carousel-control-next {
    top: 25vw;
  }

  #slideBox .carousel-control-prev-icon:before,
  #slideBox .carousel-control-next-icon:before {
    width: 6vw;
    height: 6vw;
    border-radius: 1vw;
  }
}

@media (max-width: 1600px) {
  #slideBox .carousel-inner {
    height: 36vw;
  }

  #menuBox>.container,
  .footAdd>.container,
  .footCopy .container {
    max-width: 95% !important;
  }

  #menuBox:before {
    width: 95% !important;
  }

  #announceBox {
    padding: 11vw 0 !important;
  }

  td.td-topic,
  td.text-value {
    font-size: 0.8rem;
  }

  div.blogBlc,
  div.utubeBlc,
  .faceBlc iframe {
    width: 295px !important;
  }


}

/****************************************************************/
footer {
  position: relative;
  width: 100%;
  background: #222a35 0% 0% no-repeat padding-box;
  padding-top: 50px;
}

footer>.container>.row {
  margin: 0;
}

footer .leftside {
  position: relative;
  max-width: 44%;
  border-right: 1px solid #fff;
  margin-right: 3%;
  min-width: 44%;
}

footer .leftside h1 {
  letter-spacing: 0px;
  color: #ffffff;
  font-size: 31px;
  font-weight: 600 !important;
  font-family: 'Prompt';
}

footer .leftside span.address {
  /* font: normal normal normal 20px/29px Prompt; */
  /* letter-spacing: 0px; */
  color: #ffffff;
  /* font-size: 18px; */
  font-family: "Prompt";
  max-width: 56%;
  margin-bottom: 23px !important;
  /* width: 51px; */
  display: flex;
  margin-top: 20px;
  flex-direction: column;
  text-align: left;
  font-size: 15px;
}

footer .rightside {
  max-width: 53%;
  position: relative;
  min-width: 53%;
  /* display: flex; */
}

footer .leftside .btnCon {
  padding: 0;
}

footer .leftside .btnCon a {
  background: transparent linear-gradient(180deg, #f97627 0%, #f6af62 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 18px;
  width: 210px;
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: normal normal medium 18px/17px Prompt;
  letter-spacing: 0.18px;
  color: #ffffff;
}

.menufootttop ul {
  display: flex;
  padding: 0;
  display: grid;
  /* grid-template-columns: repeat(5, 1fr); */
  min-width: 100%;
  width: 100%;
  flex-wrap: wrap;
  display: flex;
  /* min-height: 10vw; */
  position: relative;
}

.menufootttop li {
  position: relative;
  width: fit-content;
  min-width: fit-content;
  display: flex;
  padding: 0 2%;
  border-right: 1px solid #fff;
  margin: 0.5% 0;
}

.menufootttop li a {
  position: relative;
  display: flex;
  width: 100%;
  font: normal normal 300 18px Prompt;
  letter-spacing: 0px;
  color: #ffffff;
}

.menufootttop {
  position: relative;
  display: flex;
  width: 100%;
}

.menufootttop nav {
  position: relative;
  /* width: 100%; */
  display: flex;
  /* min-width: 100%; */
  overflow: hidden;
  flex-wrap: nowrap;
}

.iconfoot ul {
  display: flex;
  padding: 0;
  list-style-type: none;
  margin: 0;
}

.iconfoot ul li {
  margin-right: 10px;
}

.iconfoot {
  display: flex;
  align-items: center;
  margin-top: 50px;
  justify-content: space-between;
  padding-left: 2%;
}

.col-sm-12.col-md-6.statst {
  font: normal normal normal 14px Prompt;
  letter-spacing: 0.28px;
  color: #ffffff;
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  padding: 0;
  text-align: left;
}

.iconbox {
  position: relative;
  max-width: 50%;
  display: flex;
}

.statTxt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 53px;
  font: normal normal normal 18px Prompt;
  letter-spacing: 0.36px;
  color: #ffffff;
}

.statTxt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 53px;
  font: normal normal normal 18px Prompt;
  letter-spacing: 0.36px;
  color: #ffffff;
}

.statTxt_visitors {
  background: transparent linear-gradient(180deg, #f97627 0%, #f6af62 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 11px;
  width: 148px;
  height: 40px;
  position: absolute;
  right: -30px;
  align-items: center;
  justify-content: center;
  display: flex;
  top: 0;
}

@media (max-width: 1900px) {
  div#gsc-iw-id1 {
    padding: 0;
  }

  .call_banner58.clearFix ul>li .boxBnn .txtBnn {
    font-size: 0.95rem;
  }
}

@media (max-width: 1600px) {
  .statTxt_visitors {
    right: -4vw;
    top: 0.3vw;
    width: 9vw;
  }

  .col-sm-12.col-md-6.statst {
    margin-right: 6vw;
    padding: 0;
  }

  footer .leftside span.address {
    max-width: 20vw;
  }

  footer .leftside {}
}

@media only screen and (max-width: 1360px) {
  a.logo-web {
    width: 20vw !important;
    height: 5vw;
  }

  .bd-pagelogo {
    min-height: 8vw;
  }

  div#testmix1_display .slick-slide:before {
    background-size: contain;
    margin-bottom: 0.5vw;
    width: 2.5vw;
    height: 3vw;
  }

  div#testmix1_display .slick-slide a {
    font-size: 0.7rem !important;
    line-height: 1.5vw;
  }

  div.reportBlc ul>li>a {
    font-size: 0.75rem !important;
  }

  div.reportBlc h1 {
    padding-left: 2vw;
    font-size: 1.1rem;
  }

  .slideconfig-274 div.textslide {
    font-size: 0.7rem;
  }

  div#second-274 .car__3 {
    /* width: 22vw; */
    width: 13.3vw;
  }

  .slide-detail-274 {
    margin-top: 0.5vw;
  }

  td.td-topic,
  td.text-value {
    font-size: 0.7rem !important;
    padding: 0.5vw 0 !important;
  }

  div#reportyear_display>.row>div>.row>div {
    padding: 2vw;
    max-width: 48%;
    margin: 0;
  }

  div.annualBlc table tr {
    padding: 0 1vw;
  }

  div.annualBlc table tr>th {
    font-size: 0.9rem !important;
  }

  .call_banner58.clearFix ul>li .boxBnn .txtBnn {
    font-size: 0.8rem;
  }

  footer .leftside h1 {
    font-size: 1.7rem;
  }

  footer .leftside span.address {
    max-width: 28vw;
  }

  div.copyright p,
  div.copyright a {
    font-size: 0.9rem;
  }

  .statTxt {
    font-size: 0.9rem;
  }

  .col-sm-12.col-md-6.statst {
    font-size: 0.75rem;
  }
}

@media only screen and (max-width: 1199px) {
  div.topMenu ul#nav>li {
    padding: 0 1vw;
  }

  .menuLeft {
    padding: 0;
  }

  .row.justify-content-end {
    margin-bottom: 0.5vw !important;
  }

  .right #th-active-1,
  th#th-active-1 {
    font-size: 1rem !important;
  }

  div.announceBlc {
    margin-right: 0vw;
    padding-bottom: 0vw;
  }

  div.reportBlc {
    min-width: 31%;
    /* padding: 3vw; */
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  div.reportBlc h1 {
    font-size: 1rem;
    padding-left: 2vw;
  }

  div.reportBlc h1::before {
    background-size: contain !important;
    width: 2vw;
    height: 2vw;
  }

  div.reportBlc ul>li>a {
    font-size: 0.7rem !important;
    padding: 1vw !important;
  }

  div.announceBlc>#testmix2_display a.slideconfig->div:nth-child(1) {
    height: 40vw;
    min-height: 40vw;
  }

  div.announceBlc>#testmix2_display>div#second-2 .car__12 {
    min-height: 52.5vw;
  }

  div.announceBlc h1 {
    font-size: 1.2rem;
  }

  div.announceBlc h1::before {
    background-size: contain !important;
    width: 2vw;
    height: 2vw;
  }

  div.annCon-newsday {
    top: 1vw;
  }

  div.announceBlc>#testmix2_display div.textslide {
    font-size: 0.8rem;
    margin-top: 1vw;
  }

  #groupright_display ul#nav {
    padding: 0 1vw !important;
  }

  #groupright_display ul#nav li:nth-child(odd),
  #groupright_display ul#nav li:nth-child(2n) {
    margin-bottom: 0.7vw;
  }

  div.epBlc {
    margin-top: 1.5vw;
  }

  div#second-274 .car__3 {
    /* width: 22vw; */
    width: 13.3vw;
  }




  /*
  .slideconfig-274 div.textslide::after {
    width: 3vw;
    height: 3vw;
    bottom: -1.5vw;
  }
  
  .slideconfig-274 div.textslide::before {
    background-size: contain !important;
    width: 1vw !important;
    height: 1vw;
    bottom: -0.5vw;
    margin-left: 0.3vw;
  }
  */
  .slideconfig-274 div.textslide {
    font-size: 0.6rem;
  }

  div.annualBlc table tr>th {
    font-size: 0.75rem !important;
  }

  td.td-topic,
  td.text-value {
    font-size: 0.7rem !important;
    padding: 0.5vw 0 !important;
  }

  div#reportyear_display>.row>div>.row>div {
    padding: 1.3vw;
    max-width: 48%;
    margin: 0;
  }

  div.annualBlc .right thead:before,
  div.annualBlc .left thead:before {
    height: 7vw;
    border-radius: 0.7vw;
  }

  div.annualBlc table tr:nth-child(1)>th {
    border-radius: 0.6vw;
    font-size: 0.7rem !important;
  }

  div.annualBlc table tr:nth-child(2) {
    margin-top: 1vw;
  }

  div.annualBlc>h1,
  div.followBlc>h1 {
    font-size: 2.3rem;
  }

  .call_banner58.clearFix ul>li .boxBnn .txtBnn {
    font-size: 0.65rem;
  }

  div.iconBnn>img {
    width: 4vw;
  }

  div.runningNm h1 {
    font-size: 1.2rem !important;
  }

  div.runningNm ul>li>span {
    font-size: 0.6rem;
    margin: 0.2vw;
  }

  div.runningNm ul>li>span.numeric {
    font-size: 1rem;
    margin: 0;
  }

  div.runningNm ul>li>span.lastP {
    font-size: 0.7rem;
  }

  div.mapgisBlc>h1 {
    height: 5vw;
    font-size: 0.9rem;
  }

  div.mapgisBlc>h1::before {
    background-size: contain;
    width: 2.5vw;
    height: 2.5vw;
    top: -0.5vw;
    margin-right: 1.5vw;
  }


  footer .leftside span.address {
    font-size: 0.75rem;
    margin-bottom: 1vw !important;
  }

  .menufootttop li a {
    font-size: 0.75rem !important;
  }

  .iconfoot li img {
    width: 4vw;
    height: 3.5vw;
  }



  footer .leftside .btnCon a {
    width: 12vw;
    height: 4vw;
    border-radius: 1vw;
    font-size: 0.8rem !important;
  }


  .col-sm-12.col-md-6.statst {
    font-size: 0.6rem;
  }

  .statTxt {
    font-size: 0.8rem;
    margin-right: 5vw;
  }

  #second-2 .car__12 img {
    height: 28vw;
  }

  #second-2 .car__12 .textslide {
    font-size: 0.8rem !important;
  }

  .detailBlc nav ul li a {
    font-size: 0.65rem !important;
    margin-bottom: 0.5vw;
    padding-left: 1.8vw;
  }

  .detailBlc nav ul li:before {
    width: 0.7vw;
    height: 0.7vw;
    top: 0.5vw;
  }

  .detailBlc {
    padding: 1.9vw;
    height: 89%;
  }

  .detailBlc nav {
    padding-top: 0;
  }

  .detailBlc nav ul li {
    margin-bottom: 1vw;
    position: relative;
  }

  .datailCon a {
    font-size: 0.7rem !important;
  }

  .datailCon a::before {
    width: 1.2vw;
    height: 1.2vw;
  }

  #second-2 .car__12 {
    min-height: unset;
  }

  a.link-corbnn {
    width: 20vw;
    background: url(/public/layout/template/images/corbnn_new.jpg) no-repeat center !important;
    /* height: 77px;
    width: 249px; */
    display: inline-block;
    background-size: contain !important;
    border-radius: 10px;
    margin-right: 20px;
  }

  a.link-ep-summary {
    width: 20vw;
    background: url(/public/layout/template/images/e_and_p.jpg) no-repeat center !important;
    /* height: 77px;
    width: 249px; */
    display: inline-block;
    background-size: contain !important;
    border-radius: 10px;
  }
}

@media only screen and (max-width: 991px) {
  div.searchBlc {
    max-width: 20vw;
    display: flex;
    align-items: end;
    padding-right: 0;
  }

  .col-md-10.topMenu {
    width: fit-content;
    padding-right: 0;
    max-width: fit-content;
  }

  .text-resize,
  div.btnTop {
    min-width: 10vw;
  }

  div#testmix1_display .slick-slide {
    width: 17vw;
    margin: 1.15vw;
    height: 14vw;
  }

  div#testmix1_display .slick-slide:before {
    margin-bottom: 0vw;
    width: 4.5vw;
    height: 6vw;
    margin-bottom: 2vw !important;
  }

  div#testmix1_display .slick-slide a {
    font-size: 0.5rem !important;
    line-height: 1.8vw;
    padding-left: 2.3vw;
    min-height: 6.8vw;
  }

  div#testmix1_display .slick-slide a:before {
    background-size: contain;
    width: 0.8vw;
    height: 0.8vw;
    top: 0.5vw;
    left: 0.5vw;
  }

  div.annCon a,
  div.followCon a,
  div.annCon-newsday a {
    font-size: 0.65rem !important;
  }

  div.annCon::before,
  div.followCon::before {
    background-size: contain;
  }


  .col-sm-12.col-md-6.statst {
    max-width: fit-content;
  }

  .align-right {
    /* display: none; */
    max-width: fit-content;
    padding: 0;
  }

  div#showdate_display {
    padding: 0;
  }

  .align-right>.row {
    justify-content: end;
    flex-direction: row;
  }

  .cse form.gsc-search-box,
  form.gsc-search-box {
    margin: 0 !important;
  }

  .cse .gsc-control-cse,
  .gsc-control-cse,
  div#changecss_display {
    display: flex;
    align-items: center;
  }

  div.announceBlc {
    margin-right: 0vw;
  }

  div.announceBlc {
    margin-right: 4vw;
    padding-top: 2vw;
  }

  a.logo-web {
    width: 20vw !important;
    height: 6vw;
  }

  div.reportBlc h1 {
    font-size: 0.8rem;
    padding-left: 2vw;
  }

  div.reportBlc ul>li>a {
    font-size: 0.6rem !important;
    border-radius: 0.1vw !important;
  }

  div.announceBlc h1 {
    font-size: 1rem;
    margin-bottom: 1vw;
  }

  div.announceBlc>#testmix2_display a.slideconfig->div:nth-child(1) {
    height: 35vw;
    min-height: 35vw;
  }

  div.announceBlc>#testmix2_display>div#second-2 .car__12 {
    min-height: 48.5vw;
  }

  a.link-ep-summary,
  a.link-corbnn {
    width: 27vw;
    height: 9vw;
  }

  #second-2 .carouseller__left,
  #second-2 .carouseller__right {
    bottom: -14vw !important;
  }

  #groupright_display ul#nav {
    margin-top: 1vw !important;
    padding: 0 0.5vw !important;
  }

  div.reportBlc {
    max-width: 31%;
    min-width: 31%;
  }

  div.annCon-newsday {
    top: 0;
  }

  div#second-274 .car__3 {
    width: 14.8vw;
  }

  .slideconfig-274 .blockimg {
    height: 17vw !important;
  }

  div.followBlc {
    padding: 0;
  }

  .slideconfig-274 div.textslide {
    height: 10vw !important;
    padding: 0.5vw 1vw;
    min-height: 10vw;
    font-size: 0.5rem;
  }

  .bodyB {
    padding-bottom: 9vw;
  }

  #menutop_display>ul#nav>li>a {
    padding: 0 0.6vw;
    font-size: 0.55rem !important;
    border-right: 0.2vw solid #000 !important;
  }

  .bd-pagelogo {}

  .menobox.col-md-12.col-lg-12 {
    margin-bottom: 0.2vw;
  }

  div.container {
    max-width: 80%;
    width: 80%;
    padding: 0;
  }

  table.gsc-search-box {
    margin: 0 !important;
  }

  div#___gcse_0 {
    min-width: 100%;
  }

  ul.slick-dots {
    display: none !important;
  }

  div.updateBlc {
    margin-top: 0;
    margin-bottom: 5vw;
  }

  #groupright_display ul#nav li:nth-child(odd),
  #groupright_display ul#nav li:nth-child(2n) {
    margin-bottom: 0.7vw;
    border-radius: 0.5vw !important;
  }

  div#reportyear_display>.row>div>.row>div {
    padding: 2vw;
    max-width: 90%;
    margin-bottom: 5vw;
  }

  div.annualBlc table>thead>tr {}

  .right #th-active-1,
  th#th-active-1 {
    font-size: 1.5rem !important;
    padding: 0 3vw !important;
  }

  div#reportyear_display>.row>div>.row>div:nth-child(2) {
    margin-bottom: 0;
  }

  .bodyC {
    padding-bottom: 8vw;
    padding-top: 2vw;
    overflow: hidden;
  }

  div.annualBlc>h1,
  div.followBlc>h1 {
    font-size: 1.3rem;
    margin-bottom: 1vw;
  }

  div.annualBlc table tr>th {
    font-size: 1.09rem !important;
  }

  div.annualBlc table tr:nth-child(1)>th {
    padding: 1vw 1vw !important;
    font-size: 1.1rem !important;
  }

  div.annualBlc table tr {
    padding: 0 3vw;
  }

  td.td-topic,
  td.text-value {
    font-size: 0.9rem !important;
  }

  div.annualBlc table>thead>tr {
    padding: 1vw 0 !important;
  }

  div.annualBlc .right thead:before,
  div.annualBlc .left thead:before {
    height: 13vw;
  }

  .listBnn.notranslate {
    padding: 1vw 2vw;
    /* border-radius: 1.5vw; */
  }

  .call_banner58.clearFix ul>li {
    width: 83%;
    margin-left: 1vw !important;
  }

  .call_banner58.clearFix ul>li .boxBnn .txtBnn {
    font-size: 0.6rem;
    margin-left: 1vw;
  }

  div.runningNm h1 {
    font-size: 1rem !important;
    padding: 1.2vw 3vw;
  }

  div.runningNm ul>li>span {
    font-size: 0.49rem;
    margin: 0.2vw;
  }

  div.runningNm ul>li>span.numeric {
    font-size: 0.8rem;
    margin: 0;
  }



  footer .leftside span.address {
    font-size: 0.7rem;
    margin-bottom: 1.9vw !important;
    max-width: 30vw;
    margin-top: 1.2vw;
  }

  footer .leftside .btnCon a {
    width: 17vw;
    border-radius: 1vw;
    font-size: 0.7rem !important;
  }

  footer {
    padding-top: 4vw;
  }



  .statTxt {
    font-size: 0.6rem;
    margin-right: 0;
    justify-content: end;
  }

  .col-sm-12.col-md-6.statst {
    font-size: 0.4rem;
    margin-right: 0;
    padding-right: 11vw;
    padding-left: 0;
  }


  div.copyright {
    margin-bottom: 1vw;
  }

  .detailBlc nav ul li {}

  div.epBlc {
    padding: 0;
  }

  .detailBlc nav ul li:before {
    width: 1vw;
    height: 1vw;
  }

  .detailBlc {
    padding: 2vw 1.8vw;
    height: 89%;
  }

  #second-2 .car__12 .textslide {
    font-size: 0.7rem;
    padding: 0 4vw;
    margin: 2.5vw 0;
  }

  #second-2 .car__12 {
    min-height: 45vw;
  }

  #second-2 .car__12 img {
    height: 33vw;
  }

  .detailbox {}

  div.annCon-newsday::before {
    width: 2vw;
    height: 2vw;
    background-size: 100% 100%;
  }
}

/*new table 20230808*/
.right #th-active-1 {
  /* width: 35%; */
  width: 55%;
  min-width: 35%;
  padding-left: 4% !important;
  font-size: 25px;
}

.left #th-year1-0,
.left #th-year1-1,
.right #th-year1-0 .text-center,
.right #th-year1-1 .text-center {
  /* display: none; */
}

/*new table 20230808*/

@media (max-width: 767px) {
  div.topMenu ul#nav>li>a::before {
    font-size: 0.6rem;
    margin-right: 0.5vw;
  }

  .detailBlc {
    padding: 2vw 1.8vw;
    height: 89%;
  }

  #second-2 .car__12 .textslide {
    font-size: 0.7rem;
    padding: 0 4vw;
    margin: 3.5vw 0;
  }

  #switchlang_display select {
    font-size: 0.59rem !important;
    width: 13vw;
  }

  div.topMenu ul#nav>li>a {
    font-size: 0.59rem !important;
    width: fit-content;
    font-weight: unset !important;
  }

  .col-md-10.topMenu {
    padding-right: 0;
  }

  .bd-pageheader label.notranslate {
    font-size: 0.5rem !important;
  }

  .bd-pageheader {
    padding: 0.5vw 0;
  }

  #menutop_display>ul#nav>li>a {
    font-size: 0.47rem !important;
  }

  div#menutop_display {
    margin: 0.8vw 0;
  }

  div.searchBlc {
    max-width: 27vw;
  }

  .gsc-search-button-v2 svg {
    width: 2vw !important;
  }

  div#testmix1_display .slick-slide {
    width: 16.9vw;
    margin: 1.2vw;
    padding: 1vw;
  }

  div.announceBlc {
    max-width: 100%;
    min-width: 100%;
  }

  div.reportBlc {
    max-width: 48%;
  }

  div.reportBlc ul>li>a {
    font-size: 1.1rem !important;
    padding: 1vw 5.8vw !important;
  }

  #groupright_display ul#nav li {
    min-height: 3.23vw !important;
  }

  div.announceBlc>#testmix2_display div.textslide {
    font-size: 0.55rem;
    margin-top: 1vw;
  }

  #groupright_display ul#nav li:nth-child(odd),
  #groupright_display ul#nav li:nth-child(2n) {
    border-radius: 2vw !important;
    min-height: 9vw !important;
  }

  div.reportBlc {
    padding: 2vw 1.5vw;
  }

  div.announceBlc h1 {
    font-size: 1.3rem;
  }

  div.announceBlc h1::before {
    background-size: contain !important;
    width: 4vw;
    height: 4vw;
  }

  div.annCon-newsday::before {
    background-size: contain !important;
    width: 2vw;
    height: 2vw;
  }

  #second-2 .carouseller__left,
  #second-2 .carouseller__right {
    width: 4vw !important;
    height: 4vw !important;
  }

  .databox {
    margin-bottom: 0vw;
    padding: 0;
    max-width: 100%;
  }

  div.reportBlc {
    max-width: 100%;
  }

  .bd-menu>.container:nth-child(2)>.row {
    min-width: 100%;
    max-width: 100%;
    margin: 0;
  }

  .col.update {
    padding: 0;
    margin-bottom: 5vw;
  }

  .align-right {
    max-width: 70%;
  }

  div.container {
    max-width: 85%;
    width: 85%;
    padding: 0;
  }

  button.gsc-search-button.gsc-search-button-v2 {
    border-radius: 1vw !important;
  }

  .gsc-input-box {
    border-radius: 1.2vw 0 0 1.2vw;
  }

  .text-resize {
    border-radius: 1vw !important;
  }

  a.logo-web {
    width: 25vw !important;
    height: 8vw;
  }

  .bd-menu {
    padding-bottom: 7vw;
    overflow: hidden;
  }

  div.reportBlc {
    padding: 3vw 4.3vw !important;
  }

  div.annCon-newsday {
    top: 3vw;
    right: 0vw;
  }

  div.announceBlc {
    padding-top: 2vw !important;
  }

  #second-2 .carouseller__left {
    left: 0;
  }

  #second-2 .carouseller__right {
    left: 6vw;
  }

  .bodyB {
    padding-top: 0vw;
    padding-bottom: 5vw;
  }

  div#second-274 .carouseller__left,
  div#second-274 .carouseller__right {
    bottom: -2vw !important;
    width: 4vw !important;
    height: 4vw !important;
  }

  div#second-274 .carouseller__left {
    left: 0;
  }

  div#second-274 .carouseller__right {
    left: 6vw !important;
  }

  div#second-274 .car__3 {
    width: 15.9vw;
  }

  .slideconfig-274 div.textslide {
    font-size: 0.4rem;
  }

  .slideconfig-274 .blockimg {
    border-radius: 1vw;
  }

  div.annualBlc>h1,
  div.followBlc>h1 {
    font-size: 1.1rem;
    margin-bottom: 1vw;
  }

  div#second-274 .carouseller__wrap {
    margin-top: 1vw;
  }

  td.td-topic,
  td.text-value {
    font-size: 0.78rem !important;
  }

  div.annualBlc table tr>th {
    font-size: 0.95rem !important;
  }

  .runningbox {
    padding: 5vw 0px;
    overflow: hidden;
    padding-bottom: 1vw;
  }

  div.runningNm {
    max-width: 67%;
    margin-right: 3%;
  }

  .call_banner58.clearFix ul>li .boxBnn .txtBnn {
    font-size: 0.5rem;
    margin-left: 1vw;
  }

  .call_banner58.clearFix ul>li {
    width: 83%;
    margin-left: 1vw !important;
    padding: 0.5vw 0;
  }

  .call_banner58.clearFix ul>li:nth-child(1),
  .call_banner58.clearFix ul>li:nth-child(2) {
    margin: 0.5vw;
    border-bottom: 2px solid #ffffff7d;
    padding-bottom: 1vw;
    width: 85%;
  }

  /*
  div#b58_display:before {
    width: 1.2vw;
  }
*/
  .listBnn.notranslate {
    padding: 1vw 2.5vw;
    margin-bottom: 3vw;
  }

  div.runningNm h1 {
    font-size: 0.9rem !important;
    padding: 1vw 3vw;
    margin-bottom: 0.7vw;
  }

  div.runningNm ul>li>span {
    font-size: 0.48rem !important;
  }

  ul.bnnRoll.clearFix {
    padding: 0 1vw;
  }

  .item.boxroll-slider-item>ul:nth-child(3) {
    padding: 0 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

  div.runningNm ul>li>span.numeric {
    font-size: 0.65rem !important;
    margin: 0;
  }

  div.runningNm ul>li>span.lastP {
    font-size: 0.55rem;
  }

  div.mapgisBlc>h1 {
    border-radius: 1.3vw 1.3vw 0px 0px;
  }

  a.link-map {
    border-radius: 0px 0px 2vw 2vw;
  }

  div.mapgisBlc>div.imgMapgis {
    height: 32.4vw;
  }

  footer .leftside h1 {
    font-size: 0.85rem;
  }

  footer .leftside span.address {
    font-size: 0.55rem;
    margin-bottom: 1.9vw !important;
    max-width: 32vw;
    margin-top: 1.2vw;
  }

  .menufootttop li a {
    font-size: 0.5rem !important;
  }

  .menufootttop li {
    padding: 0 1%;
  }

  div.copyright p,
  div.copyright a {
    font-size: 0.45rem !important;
  }

  .footCopy.col-12 {}



  .iconfoot ul li {
    margin-right: 1vw;
  }

  .statTxt {
    font-size: 0.5rem;
  }

  .col-sm-12.col-md-6.statst {
    font-size: 0.44rem;
  }

  div.copyright {
    margin-top: 1vw;
  }

  .iconfoot {
    margin-top: 6vw;
  }

  div#reportyear_display>.row>div>.row>div {
    max-width: 100%;
  }

  div.reportBlc h1 {
    font-size: 2rem;
    padding-left: 2vw;
    margin-bottom: 3vw;
  }

  .annbox {
    max-width: 60%;
  }

  #second-2 .car__12 img {
    height: 45vw;
  }

  div.reportBlc h1::before {
    background-size: contain !important;
    width: 8vw;
    height: 8vw;
  }

  .detailBlc {
    padding: 3vw 2.8vw;
    height: 88%;
  }

  .detailBlc nav ul li {
    font-size: 0.7rem;
    margin-bottom: 2vw;
    padding-left: 2.2vw;
  }

  a.link-ep-summary,
  a.link-corbnn {
    width: 49vw;
    height: 16vw;
  }

  div.epBlc {
    margin-top: 3.5vw;
    margin-bottom: 4vw;
  }
}

@media (max-width: 575px) {
  #menumobile_display {
    display: unset;
    margin-left: 1vw !important;
    position: relative;
  }

  div.container {
    max-width: 90%;
    width: 90%;
    padding: 0;
  }

  div.annualBlc>h1,
  div.followBlc>h1 {
    font-size: 2.1rem;
    margin-bottom: 5vw;
  }

  div.updateBlc h1::before {
    width: 3vw;
    height: 3vw;
    background-size: contain;
  }

  div.annCon::before,
  div.followCon::before {
    width: 3vw;
    height: 3vw;
  }

  .menobox {
    display: none;
  }

  .align-right {
    max-width: 72%;
    padding-left: 0;
    padding-right: 0;
  }

  div.topMenu ul#nav>li>a {
    font-size: 0.5rem !important;
    width: fit-content;
    font-weight: unset !important;
  }

  .col-md-10.topMenu {
    padding: 0;
  }

  .bd-pageheader label.notranslate {
    font-size: 0.45rem !important;
  }

  .switchlangindexMobile {
    display: none !important;
  }

  div.topMenu ul#nav>li>a::before {
    font-size: 0.4rem;
    margin-right: 0.5vw;
  }

  #switchlang_display select {
    font-size: 0.4rem;
    width: 12vw;
  }

  #showdate_display {
    padding: 0;
  }

  a.logo-web {
    z-index: 200;
    position: relative;
  }

  .unav-burger {
    /* width: 7vw !important; */
    /* height: 5vw !important; */
  }

  .unav-burger span::before,
  .unav-burger span::after,
  .unav-burger span {
    /* height: 0.9vw !important; */
  }

  .unav-burger span::before {
    /* top: -1.2vw !important; */
  }

  .unav-burger span {
    /* top: 1.8vw !important; */
  }

  .unav-burger span::after {
    /* bottom: -1.3vw !important; */
  }

  .divmenutop {
    top: 5vw;
    width: fit-content;
  }

  .menuright {
    max-width: 46% !important;
    min-width: 61% !important;
    padding: 0;
  }

  .logoleft {
    max-width: 39% !important;
    min-width: 29% !important;
    padding: 0;
    padding-left: 7vw;
    z-index: 2;
  }

  .bd-pagelogo>.container>.row {
    justify-content: end;
    margin: 0;
  }

  button.gsc-search-button.gsc-search-button-v2 {
    border-radius: 1vw !important;
    width: 4.5vw !important;
    height: 4.5vw !important;
    margin-top: 0;
  }

  div.searchBlc {
    max-width: 42vw;
    padding-left: 1vw;
    align-items: center;
  }

  .gsc-input-box {
    height: 4.4vw !IMPORTANT;
  }

  .gsc-input {
    font-size: 0.4rem !IMPORTANT;
    /* margin: 1vw !important; */
    min-height: 3vw !important;
    max-height: 1vw !important;
    background-size: 100% 100% !important;
  }

  input#gsc-i-id1 {
    background-size: contain !IMPORTANT;
  }

  label#decreaseFont {
    font-size: 0.7rem !important;
  }

  .text-resize {
    height: 4vw !important;
    border-radius: 2vw !important;
  }

  div.btnTop {
    padding: 0;
    margin-right: 2vw;
  }

  td#gs_tti50 {
    padding-left: 2vw;
    padding-top: 0.2vw;
  }

  div.blctop {
    margin: 0;
  }

  .bodyB>div.container {
    padding: 0;
    max-width: 90%;
    width: 90%;
  }

  .align-right>.row {
    margin: 0;
  }

  div#testmix1_display .slick-slide {
    width: 25vw;
    margin: 1vw 2vw;
    padding: 1vw;
    height: 21vw;
  }

  div#testmix1_display .slick-slide a {
    font-size: 0.5rem !important;
    line-height: 2.8vw;
    padding-left: 4.3vw;
    min-height: 11.8vw;
  }

  div#testmix1_display .slick-slide a:before {
    background-size: contain;
    width: 1.2vw;
    height: 1.2vw;
    top: 1vw;
    left: 1.5vw;
  }

  .data_ann {
    flex-direction: column;
  }

  .annbox {
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 15vw;
  }

  #second-2 .car__12 img {
    height: 73vw;
  }

  div.announceBlc,
  div.contentA>div.row>div {
    margin-right: 0 !important;
    padding: 0;

  }

  div.reportBlc {
    padding: 6vw 5vw !important;
  }

  .detailBlc {
    padding: 9vw 4.8vw;
  }

  .detailBlc nav ul li {
    padding-left: 5vw;
  }

  .detailBlc nav ul li:before {
    width: 2vw;
    height: 2vw;
    top: 1vw;
  }

  .datailCon a::before {
    width: 3.2vw;
    height: 3.2vw;
  }

  div.annCon-newsday::before {
    background-size: contain !important;
    width: 3vw;
    height: 3vw;
  }

  #second-2 .carouseller__left,
  #second-2 .carouseller__right {
    width: 7vw !important;
    height: 7vw !important;
  }

  #second-2 .carouseller__right {
    left: 10vw;
  }

  div.reportBlc h1 {
    font-size: 1.5rem;
    padding-left: 2vw;
    margin-bottom: 4vw;
  }

  #groupright_display ul#nav li:nth-child(odd),
  #groupright_display ul#nav li:nth-child(2n) {
    border-radius: 2vw !important;
    min-height: 10vw !important;
    margin-bottom: 1.5vw !important;
  }

  div.reportBlc ul>li>a {
    font-size: 0.9rem !important;
    padding: 1vw 5.8vw !important;
  }

  div#second-274 .car__3 {
    width: 56.9vw;
    margin: 1.7vw 3vw !important;
  }

  .slideconfig-274 .blockimg {
    height: 58vw !important;
    border-radius: 3vw;
  }

  .slideconfig-274 div.textslide {
    height: 18vw !important;
    min-height: 32vw;
    padding: 3vw;
    border-radius: 3vw;
    font-size: 1.2rem;
    -webkit-line-clamp: 5;
  }

  /*
  .slideconfig-274 div.textslide::after {
    width: 8vw;
    height: 8vw;
    bottom: -3.8vw;
  }
  

  .slideconfig-274 div.textslide::before {
    background-size: contain !important;
    width: 3vw !important;
    height: 3vw;
    bottom: -1.5vw;
    margin-left: 0.8vw;
  }
  */

  div.followBlc {
    padding: 0;
  }

  div.contentB {
    padding: 0;
  }

  div.contentB>.row {
    margin: 0;
  }

  div.followBlc>h1 {
    text-align: left;
    padding-left: 4vw;
    margin-bottom: 3vw;
    font-size: 1.9rem;
  }

  div#second-274 .carouseller__left,
  div#second-274 .carouseller__right {
    bottom: -2vw !important;
    width: 6vw !important;
    height: 6vw !important;
  }

  div#second-274 .carouseller__right {
    left: 10vw !important;
  }

  .bodyB {
    padding-bottom: 9vw;
    overflow: hidden;
  }

  div#second-274 .carouseller__right:before,
  div#second-274 .carouseller__left:before {
    width: 2vw !important;
    height: 3vw !important;
  }

  div#second-274 .carouseller__left {
    left: 3vw !important;
  }

  div.contentC {
    margin: 0;
  }

  td.td-topic,
  td.text-value {
    font-size: 0.55rem !important;
  }

  th#th-1 {
    font-size: 0.75rem !important;
  }

  div.annualBlc table th,
  div.annualBlc table td {
    padding: 1vw 0;
  }

  th#th-active-1,
  .right #th-active-1 {
    font-size: 1rem !important;
  }

  div.annualBlc table>thead>tr>th {
    font-size: 0.8rem !important;
  }

  div#reportyear_display>.row>div>.row>div {
    border-radius: 4vw;
  }

  div.runningNm {
    flex-direction: column;
    display: flex;
    max-width: 50%;
    overflow: unset;
  }

  .call_banner58.clearFix ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .call_banner58.clearFix ul>li:nth-child(2),
  .call_banner58.clearFix ul>li:nth-child(4) {
    margin-left: 0 !important;
  }

  div#reserve_display {
    order: 2;
    position: relative;
    height: 24vw;
    width: 87vw;
  }

  .listBnn.notranslate {
    height: 57vw;
    border-radius: 3vw;
    padding: 3vw 2.5vw;
  }

  /*
  div#b58_display:before {
    display: none;
  }
*/
  .call_banner58.clearFix ul>li:nth-child(1),
  .call_banner58.clearFix ul>li:nth-child(2),
  .call_banner58.clearFix ul>li:nth-child(3) {
    border-bottom: 2px solid #ffffff7d;
    width: 90%;
  }

  div.contentCRight {
    min-width: 40%;
    min-height: 40%;
  }

  div.mapgisBlc>div.imgMapgis {
    height: 50.4vw;
  }

  div.mapgisBlc>h1 {
    height: 7vw;
  }

  .call_banner58.clearFix ul>li .boxBnn .txtBnn {
    font-size: 0.55rem;
    margin-left: 1vw;
  }

  .call_banner58.clearFix ul>li {
    width: 90% !important;
    margin: 1.5vw 0 !important;
    padding-bottom: 2.5vw !important;
  }

  div.iconBnn>img {
    width: 6vw;
    margin-right: 3vw;
  }

  .runningbox>.container>.row {
    justify-content: space-around;
  }

  footer>.container>.row {
    margin: 0;
    flex-direction: column;
  }

  .footCopy>.container>.row {
    margin: 0;
  }

  footer .leftside {
    min-width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 5vw;
    border: unset;
  }

  footer .leftside span.address {
    min-width: 100%;
    max-width: 100%;
    font-size: 0.8rem;
    text-align: center;
    flex-direction: column;
  }

  footer .leftside .btnCon a {
    width: 24vw;
    border-radius: 2vw;
    font-size: 0.65rem !important;
    height: 7vw;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
  }

  footer .leftside h1 {
    text-align: center;
    font-size: 1.3rem !important;
    font-weight: unset !important;
  }

  footer .rightside {
    min-width: 100%;
    max-width: 100%;
  }

  .menufootttop {
    justify-content: center;
  }

  .menufootttop ul {
    justify-content: center;
    padding: 0 9vw;
  }

  .menufootttop li a {
    font-size: 0.6rem !important;
  }

  .iconfoot {
    flex-direction: column;
    margin-top: 0;
  }

  .statTxt_visitors {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    width: 15vw;
    margin-left: 6vw;
  }

  .statst {
    padding: 0 !important;
    min-width: 45vw !important;
  }

  .iconfoot li img {
    width: 7vw;
    height: 5.5vw;
  }

  .iconbox {
    margin-bottom: 3vw;
  }

  div.copyright p,
  div.copyright a {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 0.4rem !important;
  }

  div.copyright {
    border-top: 1px solid #fff;
    padding-top: 1.8vw;
  }

  footer .leftside .btnCon {
    margin-top: 3vw;
  }

  .carousel-control-prev-icon:before,
  .carousel-control-next-icon:before {
    width: 6vw !important;
    height: 6vw !important;
  }

  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    width: 3vw !important;
    height: 4vw !important;
  }

}

@media (max-width: 430px) {

  td.td-topic,
  td.text-value {
    font-size: 0.45rem !important;
  }

  div.annualBlc table>thead>tr>th {
    font-size: 0.55rem !important;
  }

  th#th-active-1,
  .right #th-active-1 {
    font-size: 0.7rem !important;
  }

  th#th-1 {
    font-size: 0.6rem !important;
  }

  div#testmix1_display .slick-slide a {
    font-size: 0.4rem !important;
  }

  div.runningNm ul>li>span {
    font-size: 0.4rem !important;
    margin: 0.2vw;
  }

  div.runningNm h1 {
    font-size: 0.7rem !important;
  }

  .call_banner58.clearFix ul>li .boxBnn .txtBnn {
    font-size: 0.45rem;
    margin-left: 1vw;
  }

  .call_banner58.clearFix ul>li {
    padding-bottom: 1vw !important;
  }

  div.mapgisBlc>h1 {
    font-size: 0.6rem;
    height: 6vw;
  }

  div.topMenu ul#nav>li>a::before {
    font-size: 0.3rem;
    margin-right: 0.5vw;
  }

  .runningbox {
    padding-bottom: 0;
  }

  footer .leftside .btnCon a {
    font-size: 0.55rem !important;
  }

  footer .leftside h1 {
    font-size: 0.9rem !important;
  }

  .menufootttop li a {
    font-size: 0.5rem !important;
  }

  footer .leftside span.address {
    font-size: 0.45rem !important;
  }

  #switchlang_display select {
    font-size: 0.35rem;
    width: 15vw;
  }

  div.topMenu ul#nav>li>a {
    font-size: 0.37rem !important;
    width: fit-content;
    font-weight: unset !important;
  }

  button.gsc-search-button.gsc-search-button-v2 {
    margin-top: -0.5vw;
  }

  .bd-pageheader label.notranslate {
    font-size: 0.35rem !important;
  }

  .text-resize {
    padding-bottom: 0;
  }

}

.list-group-item {
  background-color: #ffffff96;
}

.carousel-control-next-icon:before {}

div.utubeBlc>h1::before {
  content: url(/public/layout/template/images/ico_utube.png);
}

div.utubeBlc {
  width: 500px;
  height: 450px;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
}

div.blogBlc {
  width: 350px;
  height: 450px;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
}

li.slick-slide.slick-cloned {
  display: none !important;
}

@media (max-width: 1900px) {
  .col-sm-12.col-md-6.statst {
    margin-right: 3vw;
  }

  .statTxt_visitors {
    right: -3vw;
    top: 0.2vw;
  }
}

@media (max-width: 1600px) {

  div.blogBlc,
  div.utubeBlc,
  .faceBlc iframe {
    width: 23vw !important;
  }

  ul#ulilst_604 li a {
    font-size: 0.8rem !important;
    line-height: 0.7rem !important;
  }

  #faq_display>ul>li::before {
    width: 0vw;
  }

  ul#ulilst_604 {
    overflow: auto;
    height: 24vw;
  }

  div.blogBlc>h1 {
    margin-bottom: 1vw;
  }

  footer .leftside h1 {
    font-size: 1.4rem;
  }

  div.copyright p,
  div.copyright a {
    font-size: 0.75rem !important;
  }

  .menufootttop li a {
    font-size: 0.8rem !important;
  }

  .iconfoot ul li {
    width: 3vw;
  }

  .iconfoot ul li img {
    width: 100%;
    height: 100%;
  }

  .statTxt {
    margin: 0;
  }
}

@media (max-width: 1199px) {
  footer .leftside h1 {
    font-size: 1.1rem;
  }

  div.copyright p,
  div.copyright a {
    font-size: 0.6rem !important;
  }

  .statTxt_visitors {
    width: 9vw;
    height: 3.5vw;
    border-radius: 1vw;
    font-size: 0.8rem !important;
    top: 0vw;
  }

  div.blogBlc,
  div.utubeBlc,
  .faceBlc iframe {
    width: 24vw !important;
    height: 35vw;
  }

  div.utubeBlc>h1,
  div.blogBlc>h1 {
    font-size: 1rem;
    margin-bottom: 3vw !important;
  }

  ul#ulilst_604 {
    overflow: auto;
    height: 20vw;
  }




}

@media (max-width: 991px) {
  footer .leftside h1 {
    font-size: 0.95rem;
  }

  .menufootttop li a {
    font-size: 0.6rem !important;
  }

  div.copyright p,
  div.copyright a {
    font-size: 0.45rem !important;
  }

  .iconfoot ul li {
    width: 2.5vw;
    height: 2.5vw;
  }

  .col-sm-12.col-md-6.statst {
    max-width: 23vw;
    min-width: 23vw;
  }

  .statTxt_visitors {
    right: 0;
    font-size: 0.55rem !important;
  }

  div.blogBlc,
  div.utubeBlc,
  .faceBlc iframe {
    width: 26vw !important;
    height: 35vw;
  }

  div.utubeBlc>h1,
  div.blogBlc>h1 {
    font-size: 0.9rem;
    margin-bottom: 3vw !important;
  }

  ul#ulilst_604 li a {
    font-size: 0.7rem !important;
    line-height: 0.7rem !important;
  }

  div.faqCon a {
    font-size: 0.7rem !important;
  }

  div.utubeBlc,
  div.blogBlc {
    padding: 1vw 1.8vw;
  }

  .bodyE {
    padding-top: 1vw;
  }



}

@media (max-width: 767px) {

  div.copyright p,
  div.copyright a {
    font-size: 0.4rem !important;
  }

  .col-sm-12.col-md-6.statst {
    max-width: 28vw;
    min-width: 28vw !important;
    margin-right: 1vw;
  }

  .statTxt_visitors {
    right: 1vw;
    top: 0.5vw;
    width: 9vw;
    height: 4vw;
    font-size: 0.5rem !important;
  }

  div.utubeBlc>h1,
  div.blogBlc>h1 {
    font-size: 0.7rem;
    margin-bottom: 3vw !important;
  }

  div.utubeBlc,
  div.blogBlc {
    padding: 1vw 1.8vw;
  }

  ul#ulilst_604 li a {
    font-size: 0.5rem !important;
  }

  #faq_display>ul>li {
    line-height: 1rem;
  }

  ul#ulilst_604 {
    overflow: auto;
    height: 23vw;
  }

  div.faqCon a {
    font-size: 0.6rem !important;
  }
}

@media (max-width: 575px) {
  .statTxt_visitors {
    right: 1vw;
    top: 0;
    width: 16vw;
    height: 6vw;
    font-size: 0.5rem !important;
  }

  .col-sm-12.col-md-6.statst {
    max-width: 50vw;
    min-width: 50vw !important;
    margin-right: 1vw;
  }

  .iconfoot ul li {
    width: 9.5vw;
    height: 8.5vw;
  }

  .statTxt {
    justify-content: space-evenly;
    padding-left: 7vw;
  }

  div.blogBlc,
  div.utubeBlc,
  div.faceBlc {
    width: 90% !important;
    height: 70vw;
    padding: 3vw 7vw;
    height: unset;
    min-height: 70vw;
  }

  .bodyE {
    padding: 1vw 0;
  }

  #faq_display>ul>li {
    line-height: 1.5rem;
  }

  div.utubeBlc>h1,
  div.blogBlc>h1 {
    font-size: 1.1rem;
    margin-bottom: 5vw !important;
    padding-left: 15vw;
    text-align: left;
  }

  /* div.utubeBlc>h1::before,
  div.blogBlc>h1::before {
    display: none;
  } */

  div.faqCon a {
    font-size: 0.7rem !important;
  }

  .faceBlc iframe {
    width: 100% !important;
    height: 100% !important;
  }
}


/*new 20231016*/
.box-facebook,
.box-qa {
  margin: 0 25px;
}

.box-youtube {}

.box-qa {}

/*new 20231016*/
@media (max-width: 1199px) {

  .box-facebook,
  .box-qa {
    margin: 0;
  }

  div.contentE {
    justify-content: space-around;
  }
}

@media (max-width: 575px) {

  .box-facebook,
  .box-qa,
  .box-youtube {
    margin: 0;
    min-width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  div.contentE {
    min-width: 100%;
    margin: 0;
  }

  ul#ulilst_604 {
    overflow: auto;
    height: 46vw;
  }

  ul#ulilst_604 li a {
    font-size: 0.6rem !important;
  }

  div.faceBlc {
    padding: 0;
    height: 70vw;
  }

}

.maingroup img {
  width: 100% !important;
}