.itopplus-background {
background-image:none; 
background-color:none; 

}
.navbar-default .navbar-nav > li > a {
  font-size: 18px;
}

span.section-title {
    display: grid;
    place-items: center;
    background: #00551e;
    color: #fff;
    width: 100%;
    padding: 15px;
}

.dropdown-menu > li > a {
  font-size: 16px;
}

.itopplus-bgmain {
  color: white;
}

.itopplus-bgmain a {
  color: #206604 !important;
}

.itopplus-main {
  background-size: cover;
  color: white;
}

a {
  color: #333333;
}

a:hover {
  color: #206604;
}

.itopplus-sidebar-main a:link {
  color: #333 !important;
}

.itopplus-sidebar-menu-parent li {
  color: #333;
}

.navbar-default .nav > li > a:hover,
.nav > li > a:focus {
  border-bottom: solid 0px #000;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form,
.navbar-default .navbar-toggle {
  border-color: transparent;
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
  color: #fff;
  background-color: #ffffff;
}

.navbar-default {
  background: transparent;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background: #ffffff;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #fff !important;
  background: #83af02 !important;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #fff !important;
  background: #83af02;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background: #83af02 !important;
  color: #fff !important;
}

.navbar-default .navbar-nav .open .dropdown-menu > .divider {
  background: #83af02;
}

.navbar-default .navbar-nav .open .dropdown-menu .menu-item a:hover {
  background: #83af02 !important;
}

.navbar-default .navbar-nav .open .dropdown-menu .menu-item a:focus {
  background: #83af02;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  background-color: #83af02 !important;
  background-image: none;
  color: #fff !important;
}

@media (max-width: 768px) {
  .navbar-default {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 36%, #fff 36%, #efefef 88%, #e0e0e0 100%);
    background: -webkit-linear-gradient(top, #fff 36%, #fff 36%, #efefef 88%, #e0e0e0 100%);
    background: linear-gradient(to bottom, #fff 36%, #fff 36%, #efefef 88%, #e0e0e0 100%);
  }

  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > li > a:hover {
    color: #fff !important;
    background-color: #83af02;
  }
}

/*เมนูกึ่งกลาง*/
/* Medium Devices, Desktops */
@media only screen and (min-width: 1024px) {
  h1,
  .h1 {
    font-size: 2.25em;
  }

  h2,
  .h2 {
    font-size: 1.875em;
  }

  h3,
  .h3 {
    font-size: 1.5em;
  }

  h4,
  .h4 {
    font-size: 1.125em;
  }

  h5,
  .h5 {
    font-size: 0.875em;
  }

  h6,
  .h6 {
    font-size: 0.75em;
  }

  p {
    margin: 0 0 10px;
  }

  .navbar .nav,
  .navbar .nav > li {
    float: none;
    display: inline-block;
    vertical-align: top;
  }

  #main-navbar-collapse {
    text-align: right;
  }

  .navbar-default .navbar-nav > li > a {
    padding-left: 9px;
    padding-right: 9px;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1366px) {
  h1,
  .h1 {
    font-size: 2.25em;
  }

  h2,
  .h2 {
    font-size: 1.875em;
  }

  h3,
  .h3 {
    font-size: 1.5em;
  }

  h4,
  .h4 {
    font-size: 1.125em;
  }

  h5,
  .h5 {
    font-size: 0.875em;
  }

  h6,
  .h6 {
    font-size: 0.75em;
  }

  p {
    margin: 0 0 10px;
  }

  .navbar .nav,
  .navbar .nav > li {
    float: none;
    display: inline-block;
    vertical-align: top;
  }

  .navbar-default .navbar-nav > li > a {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  #Component5dd38b6aed672e00125af617 .col-md-12.col-sm-12.col-xs-12 {
    padding: 0px 15px !important;
  }

  #mainmenu5df7258bd0a5d20012571313,
  #mainmenu5df72944c2aaf2001353b0dd {
    padding: 10px 5% 10px 5% !important;
  }

  #imagesControl5df72594c2aaf2001353b034,
  #imagesControl5df72951d0a5d20012571364 {
    padding: 10px 12% 10px 11% !important;
  }

  .Contentmanager .site .col-section .item.-micro:nth-child(odd) {
    border-right: none;
    border-bottom: none;
    box-shadow: 0px 0px 3px #b7b7b7;
    margin: 14px !important;
  }

  .Contentmanager .site .col-section .item.-micro:nth-child(even) {
    border-bottom: none;
    box-shadow: 0px 0px 3px #b7b7b7;
    margin: 14px !important;
  }

  .itopplus-search-image-flex-item {
    width: 219px !important;
    min-height: 227px !important;
    max-height: 300px !important;
    background-color: #f9f9f9 !important;
  }
}

.itopplus-main2 {
    background-image: 0%;
    background-repeat: no-repeat;
    background-size: 0% auto;
}

@media only screen and (max-width: 992px) {
  .itopplus-menu {
    margin: 0 !important;
  }

  #controlBanner {
    margin-top: 20px !important;
  }
}

/*แถบเมนูเล็ก*/
/* Medium Devices, Desktops */
@media only screen and (max-width: 768px) {
  #mobileonly {
    visibility: hidden;
    height: 0px;
    width: 0px;
  }

  p#logowebsite {
    font-size: 10px;
  }

  #scrollTop {
    position: fixed;
    left: 10px;
    bottom: 5px;
    opacity: 0.5;
  }

  #scrollTop:hover {
    opacity: 1.5;
  }

}

@media (min-width: 769px) {
  .navbar-nav > li > a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .navbar {
    min-height: 0px !important;
  }
}

@media (max-width: 500px) {
  #mobileonly {
    visibility: visible;
    width: inherit;
    height: inherit;
  }

  #popular {
    display: none;
  }
}

.hvr-grow {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.butmenu {
  background: #206604;
  padding: 10px 5px;
  font-size: 16px;
  color: white;
  border-bottom: 1px solid #9c9c9c;
}

figure.effect-jazz {
  background: transparent;
}

figure.effect-jazz figcaption::after {
  border-top: 0px solid #fff;
  border-bottom: 0px solid #fff;
}

/*เมนูข้าง*/
.menuVertical .nav-stacked > li + li {
  border-radius: 0;
  background-color: #fff;
  border-bottom: solid 1px #9c9c9c;
}

.menuVertical .nav-pills > li > a {
  color: #333333;
  font-size: 16px;
  padding: 10px 5px;
  border-radius: 0px;
  border-bottom: 1px solid #9c9c9c;
}

.menuVertical .nav > li > a:hover,
.nav > li > a:focus {
  color: #fff;
  background-color: #206604;
  border-bottom: solid 1px #9c9c9c;
}

.menuVertical .nav-stacked > li {
  float: none;
  border-bottom: solid 1px #9c9c9c;
}

.menuVertical .nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  border-color: #206604;
  background-color: #206604;
  color: #fff !important;
}

.menuVertical .dropdown-menu {
  position: relative;
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 160px;
  width: 100%;
  padding: 10px 0px 10px 0px;
  margin: 2px 0 0;
  color: #fff;
  font-weight: normal;
  text-align: left;
  list-style: none;
  background-color: transparent;
  background-clip: padding-box;
  border: none;
  box-shadow: none;
}

.no-js .menuVertical .dropdown-menu > li > a {
  background-image: none;
  color: #ffffff;
  background-color: #206604;
  margin-top: -12px;
  margin-bottom: 0px;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  padding: 15px 10px 20px;
  font-size: 15px;
}

/*เมนูข้าง*/

.btp1 {
  border: 0px solid #fff;
  text-align: center;
  font-size: 16px;
  padding: 10px 2px;
  color: #fff;
  background-color: #206604;
  transition: 0.32s;
}

.btp1:hover {
  color: #fff;
  background-color: #83af02;
  transition: 0.32s;
}

.text1 {
  font-size: 32px;
  font-weight: bold;
  color: white;
  text-shadow: rgb(119, 119, 119) 2px 3px 2px;
}

.text2 {
  font-size: 30px;
  font-weight: 500;
  color: white;
  text-shadow: rgb(119, 119, 119) 2px 3px 2px;
}

/*Contentmanager*/
h3.managerHeader {
  text-align: center;
  font-weight: 600;
  font-size: 34px;
  color: #206604;
}

#Contentmanager .post-time {
  display: none;
}

.landingpagemanager {
  display: none;
}

.page-header {
  padding-bottom: 20px;
  margin: 50px 20px 20px;
  border-bottom: 0px solid #9c9c9c;
}

.Contentmanager .site .col-section .item.-micro a .caption .title {
  text-align: center;
  font-size: 18px;
  color: #216705;
  padding: 5% 5% 1% 5%;
  font-weight: 500;
  background: white;
  height: 100px;
}

.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
  color: #97b243;
}

.Contentmanager .site .col-section .item.-micro a .caption .time {
  font-size: 15px;
  color: #333;
  text-align: center;
}

article.col-md-6.item.-micro {
  width: 31%;
}

.Contentmanager .site .col-section .item.-micro {
  padding: 20px 10px 0px 10px;
}

.Contentmanager .site .col-section .item.-micro a .image {
  width: 100%;
  margin-bottom: 0px;
}

.Contentmanager .site .col-section .item.-micro a .caption {
  width: 100%;
  background: transparent;
  padding-left: 0;
}

.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
  border-right: none;
  border-bottom: none;
  box-shadow: 0px 0px 3px #b7b7b7;
  margin: 10px;
}

.Contentmanager .site .col-section .item.-micro:nth-child(even) {
  border-bottom: none;
  box-shadow: 0px 0px 3px #b7b7b7;
  margin: 10px;
}

.Contentmanager .site .col-section .item.-micro a .post {
  display: none;
}

.Contentmanager .site .col-section .item.-micro a .caption .time:after {
  content: "Detail" !important;
  background-color: #97b243;
  border: none;
  color: #fff;
  padding: 10px 5px;
  text-align: center;
  font-size: 16px;
  margin: 5% auto;
  transition: 0.3s;
  font-weight: 400;
  width: 100%;
  display: block;
  border-radius: 0;
}

.Contentmanager .site .col-section .item.-micro a .caption .time:hover:after {
  content: "Detail" !important;
  background-color: #216705;
  border: none;
  color: #fff;
  padding: 10px 5px;
  text-align: center;
  font-size: 16px;
  margin: 5% auto;
  transition: 0.3s;
  font-weight: 400;
  width: 100%;
  display: block;
  border-radius: 0;
}

.img-thumbnail {
  border: 0px solid #ddd;
}

.Contentmanager .thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.075);
}

.Contenemanager-gallery .col-xs-6.col-md-3 {
  padding-left: 5px;
  padding-right: 5px;
}

/*เนื้อหาระบบ*/
.nav-template li {
  border: 0px solid #dcdee000;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding: 0px;
  transition: 0.3s;
  text-align: center;
  margin-bottom: 20px !important;
}

.nav-template li:hover {
  padding-top: 0px;
  text-decoration: none !important;
  transform: translateY(-10px);
}

.nav-template li:hover a {
  color: #f7f7f7;
  text-decoration: none !important;
}

.nav-template .col-md-6.col-sm-6.col-xs-12 {
  width: 31%;
  text-align: center;
  padding-bottom: 20px;
  margin: 10px !important;
  border: none;
  background-color: #fff;
}

.nav-template .col-md-4.col-sm-4.col-xs-12.padding-col {
  width: 100%;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.nav-template .col-md-8.col-sm-8.col-xs-12.padding-col {
  width: 100%;
  text-align: center;
  padding-top: 15px;
  margin-bottom: 10px;
  height: 100px !important;
}

.nav-template .col-md-8.col-sm-8.col-xs-12.padding-col strong {
  font-weight: 600;
  font-size: 18px;
  color: #216705;
  text-align: center;
  padding: 10px 10px;
}

.nav-template .col-md-8.col-sm-8.col-xs-12.padding-col strong:hover {
  font-weight: 600;
  font-size: 18px;
  color: #216705;
  text-align: center;
  padding: 10px 10px;
}

.img-container {
  width: 100%;
  height: 0;
  padding-bottom: 90%;
  position: relative;
}

.nav-template .col-md-8.col-sm-8.col-xs-12.padding-col p {
  font-size: 16px;
  font-weight: 300;
  color: #0e0e0e;
  display: none;
}

.nav-template .col-md-6.col-sm-6.col-xs-12 a:after {
  content: "Detail" !important;
  background-color: #97b243 !important;
  color: #fff;
  padding: 5px 40% 10px;
  font-size: 18px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #206604;
  border-color: #206604;
}

.pagination > li > a,
.pagination > li > span {
  color: #206604;
}

.box3 {
  background: white;
  border: 1px solid #ececec;
  border-radius: 5px;
  padding: 20px 5px;
  font-size: 16px;
  height: 165px;
  transition: 0.3s;
  color: #333333;
  margin-bottom: 15px;
}

.box3:hover {
  background: #e8f1d0;
  border: 1px solid #e8f1d0;
  color: #206604;
}

/*search*/
.itopplus-search-image-flex-item {
  width: 213px !important;
  min-height: 217px !important;
  max-height: 300px !important;
  background-color: #f9f9f9 !important;
}

.itopplus-search-image-flex-item img {
  width: 100% !important;
}

.search_titleText {
  padding: 5px 0px;
  font-size: 16px;
}

.search_text {
  padding: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

@media only screen and (max-width: 768px) {
  #imagesControl5dd34ff69d2408001209a9fd,
  #imagesControl5dd3601fc200df00121b21c7 {
    padding: 0px !important;
  }

  .itopplus-main {
    background-size: cover;
  }

  .itopplus-main2 {
    background-size: 160% auto;
  }

  .text1 {
    font-size: 30px;
    font-weight: bold;
    color: white;
    text-shadow: rgb(119, 119, 119) 2px 3px 2px;
  }

  .text2 {
    font-size: 23px;
    font-weight: 500;
    color: white;
    text-shadow: rgb(119, 119, 119) 2px 3px 2px;
  }

  article.col-md-6.item.-micro {
    width: 30.5%;
  }

  .Contentmanager .site .col-section .item.-micro a .caption .title {
    text-align: center;
    font-size: 18px;
    color: #216705;
    padding: 5% 5% 1% 5%;
    font-weight: 500;
    background: white;
    height: 120px;
  }

  .nav-template .col-md-6.col-sm-6.col-xs-12 {
    width: 30.5%;
    text-align: center;
    padding-bottom: 20px;
    margin: 10px !important;
    border: none;
    background-color: #fff;
  }

  .nav-template .col-md-6.col-sm-6.col-xs-12 a:after {
    content: "Detail" !important;
    background-color: #97b243 !important;
    color: #fff;
    padding: 5px 35% 10px;
    font-size: 18px;
  }

  .btn-primary {
    background-image: linear-gradient(to bottom, #97b243 0, #97b243 100%);
    border-color: #97b243;
  }

  .btn-primary:hover,
  .btn-primary:focus {
    background-color: #97b243;
  }

  .btn-primary:hover,
  .btn-primary:focus,
  .btn-primary:active,
  .btn-primary.active,
  .open > .dropdown-toggle.btn-primary {
    border-color: #97b243;
  }

  .btn-primary:active,
  .btn-primary.active {
    background-color: #97b243;
    border-color: #97b243;
  }

  .itopplus-search-image-flex-item {
    width: 227px !important;
    min-height: 227px !important;
    max-height: 300px !important;
  }

  .search_titleText {
    padding: 5px 0px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
  }
}

@media only screen and (max-width: 414px) {
  #imagesControl5dd38b6aed672e00125af617 {
    padding: 0px !important;
  }

  .itopplus-main {
    background-size: cover;
  }

  .itopplus-main2 {
    background-size: 260% auto;
  }

  .text1 {
    font-size: 24px;
    font-weight: bold;
    color: white;
    text-shadow: rgb(119, 119, 119) 2px 3px 2px;
  }

  .text2 {
    font-size: 20px;
    font-weight: 500;
    color: white;
    text-shadow: rgb(119, 119, 119) 2px 3px 2px;
  }

  .nav-template .col-md-6.col-sm-6.col-xs-12 {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
    margin: 10px 0px !important;
    border: none;
    background-color: #fff;
  }

  article.col-md-6.item.-micro {
    width: 100%;
  }

  .Contentmanager .site .col-section .item.-micro a .caption .title {
    text-align: center;
    font-size: 18px;
    color: #216705;
    padding: 5% 5% 1% 5%;
    font-weight: 500;
    background: white;
    height: 100px;
  }

  .img-thumbnail {
    padding: 0px;
    border: 0px solid #ddd;
  }

  .itopplus-search-image-flex-item {
    width: 100% !important;
    min-height: 210px !important;
    max-height: 400px !important;
  }

  .itopplus-search-image-flex-item img {
    width: 100% !important;
  }

  .search_titleText {
    padding: 5px 0px;
    font-size: 14px;
  }

  .search_text {
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
  }
}

.Contentmanager .site .col-section .item.-micro a .caption .title {
  text-align: center;
  font-size: 18px;
  color: #ed2402;
  padding: 5% 5% 1% 5%;
  font-weight: 500;
  background: white;
  height: 100px;
}

.unknown_prf .btn-main {
  border-radius: 50%;
  margin-bottom: 150%;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  text-align: center;
  animation: pulsingAutodigi 1.5s infinite;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.unknown_prf .btn-main:hover {
  margin-bottom: 150%;
}

.CASS-stmove1-middle-mid {
  position: relative;
  padding: 15px;
  color: #fff;
  background-color: #00551e;
}

@media screen and (min-width: 1024px) and (max-width: 1899px) {
  .itopplus-banner .container {
    width: 1366px;
  }

  .itopplus-banner .row::before,
  .itopplus-banner .row::after {
    display: none;
  }

  .itopplus-banner .row {
    display: flex;
  }
}

@media screen and (min-width: 1900px) {
  #itopplus-nav-bar {
    display: flex;
    justify-content: space-evenly;
  }
}

#Contentmanager .effect-oscar,
#Contentmanager .effect-oscar figcaption {
  background-color: unset;
  background: none;
}

#Contentmanager figure.effect-oscar figcaption::before {
  display: none !important;
}

#Contentmanager .effect-oscar img,
#Contentmanager .effect-oscar:hover img {
  opacity: 1;
}

.itopplus-main {
  background-image: url(http://itp1.itopfile.com/ImageServer/4126d2c0cf8328a2/0/0/529509048362991810erh71487111210899z-z466293885305.webp);
  background-repeat: no-repeat;
}

.itopplus-bgmain {
  background-image: url(http://itp1.itopfile.com/ImageServer/4126d2c0cf8328a2/0/0/529509048362991810erh71487111210899z-z466293885305.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}


.component-menu .dropdown-menu :is(a, a:focus, a:hover, a:active) {
  color: #000 !important;
  background: #fff !important;
  background-color: #fff !important;
}

blockquote {
    margin: 0;
    padding: 0;
} 

#imagesControl681b10a4a63eb4001ab3c5a4 {
    padding: 0 !important;
}

.itopplus-main .CustomImageGalleryType_2 h2 :is(strong) {
  font-size: clamp(22px, 2vw, 26px) !important;
}

.itopplus-main .CustomImageGalleryType_2 h2 {
    min-height: clamp(120px, 10vw, 150px);
}

.itopplus-main .CustomImageGalleryType_2 h2 p {
  margin: 0 !important;
}