@charset "utf-8";
/* CSS Document */

html {
  scroll-behavior: smooth;
}

/* For Thai Font */
@font-face{
  font-family: 'EkkamaiStandard';
  src: url('fonts/handywrite_regular_v1-05.ttf');
}

/*_____________For English Font_____________*/
/*
@font-face{
  font-family: 'Playfair Display';
  src: url('fonts/PlayfairDisplay-Regular.otf');
}
*/

/*_______________________Font_______________________*/
p {
  font-family: 'EkkamaiStandard';
  color: black;
  font-size: 27px;
  text-shadow:
      1px 0 0 #fff,
      -1px 0 0 #fff,
      0 1px 0 #fff,
      0 -1px 0 #fff,
      1px 1px #fff,
      -1px -1px 0 #fff,
      1px -1px 0 #fff,
      -1px 1px 0 #fff;
      /*Text หน้าแรกใช้ .headMainPage ในการตั้งค่าสี*/
}

h1, h2, h3, h4, h5 {
  font-family: 'EkkamaiStandard';

}

li {
  font-family: 'EkkamaiStandard';

}

.headMainPage {
  font-size: 65px;
  color: #5F0075;
}

.headMainPage02 {
  font-size: 30px;
}

.headTextColor {
  color: #EFF0C5;
  text-shadow:
        -1px -1px 0px #000,
         0px -1px 0px #000,
         2px -1px 0px #000,
        -1px  0px 0px #000,
         2px  0px 0px #000,
        -1px  1px 0px #000,
         0px  1px 0px #000,
         2px  1px 0px #000;
}

.textColorActivity > a {
  color: black;
}

.textColorActivity > a:hover {
  color: black;
}

.reduceText {
  font-size: 21px;
}

.spec-text {
  font-size: 14px;
  color: #444;
  text-align: left;
  line-height: 1.6;
  margin: 5px auto;
  max-width: 420px;
  text-shadow: none;
}

.spec-text strong {
  color: #333;
}

.desc-text {
  font-size: 16px;
  color: #333;
  text-align: left;
  line-height: 1.7;
  margin: 10px auto;
  max-width: 420px;
  font-style: italic;
  text-shadow: none;
}

.product-title {
  font-size: 20px;
  font-weight: bold;
  color: #9aa83a;
  text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff;
}

.product-brand {
  font-size: 16px;
  font-weight: bold;
  color: #555;
  text-shadow: none;
}

/*_______________________End Font_______________________*/

/* พื้นหลังรูปเว็บไซต์ */

/*

*/
.changeLanguage > a {
  color: gray;
}

.changeLanguage > a:hover {
  color: black;
}

/*_______________________Nav Bar Color_______________________*/

.navbar-default {
	background-color: rgb(255, 255, 255); /* The Fallback color */
  background-color: rgba(255, 255, 255, .3); /* Make nav bar transparent to a degree */
  border-radius: 15px;
  z-index: 3;
}

.navbar-default .navbar-nav > li > a {
    color: #9aa83a;
    font-weight: bold;
    text-shadow: 1px 0 0 #fff, -2px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: black;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: black;
}

.nav-link {
	margin-right: 1em;
  font-size: 30px;
}

/*_______________________Logo Icon Head_______________________*/
.logoStyle {
  width: 5%;
}
/*_______________________End Logo Icon Head_______________________*/

/*_______________________End Nav Bar Color_______________________*/

/*_______________________Mega Menu Dropdown_______________________*/
.nav-item.dropdown-megamenu {
  position: relative;
}

.megamenu-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 15px;
  padding: 15px 20px;
  min-width: 520px;
  z-index: 1000;
  box-shadow: 0 4px 15px rgba(0,0,0,0.15);
  border: 1px solid rgba(154, 168, 58, 0.2);
}

.nav-item.dropdown-megamenu:hover .megamenu-content {
  display: flex;
  gap: 20px;
}

.megamenu-column {
  min-width: 130px;
}

.megamenu-column h5 {
  color: #9aa83a;
  font-weight: bold;
  font-size: 20px;
  border-bottom: 2px solid rgba(154, 168, 58, 0.3);
  padding-bottom: 5px;
  margin-bottom: 8px;
  font-family: 'EkkamaiStandard';
  text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff;
}

.megamenu-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.megamenu-column ul li {
  margin-bottom: 4px;
}

.megamenu-column ul li a {
  color: #555;
  font-size: 18px;
  text-decoration: none;
  font-family: 'EkkamaiStandard';
  transition: all 0.2s;
  display: block;
  padding: 2px 5px;
  border-radius: 4px;
}

.megamenu-column ul li a:hover {
  color: #9aa83a;
  background-color: rgba(154, 168, 58, 0.1);
  font-weight: bold;
}

@media only screen and (max-width: 992px) {
  .megamenu-content {
    position: static;
    transform: none;
    flex-direction: column;
    min-width: 100%;
    box-shadow: none;
    border-radius: 5px;
    margin-top: 5px;
  }
  .nav-item.dropdown-megamenu:hover .megamenu-content {
    display: flex;
  }
}
/*_______________________End Mega Menu Dropdown_______________________*/

.padding-head-two {
	padding-top: 30px;
}

.padding-head-three {
	padding-top: 30px;
}
.padding-head-four {
	padding-top: 250px;
}
/*_______________________ Color contact us _______________________*/
.colorLink {
  color: black;
}
.colorLink:hover {
  color: purple;
}
/*_______________________ End Color contact us _______________________*/


/*_______________________ Event Color Text _______________________*/
.activityText {
  color: white;
}
/*_______________________ End Event Color Text _______________________*/


/*_______________________ Iframe _______________________*/
/*__ use for Map (contact us), Video (about us) ___*/
iframe {
  width: 500px;
  height: 250px;
}
/*_______________________ End Iframe _______________________*/



/*_______________________ Video Size _______________________*/
video {
  width: 100%;
}
/*_______________________ End Video Size _______________________*/

.bottomOne, .bottomTwo, .bottomThree, .bottomFour {
  padding-top: 40px;
}



/*_______________________Footer Icon_______________________*/

.facebookPic {
  width: 8%;
  transition: transform .2s;
  margin: 0 auto;
}

.facebookPic:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5);
}

.linePic{
  width: 8%;
  transition: transform .2s;
  margin: 0 auto;
}

.linePic:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5);
}

.instagramPic{
  width: 8%;
  transition: transform .2s;
  margin: 0 auto;
}

.instagramPic:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5);
}


/*_______________________Footer_______________________*/

.Bgfooter {
	color: white;
  background-color: rgb(232, 12, 45); /* The Fallback color */
  background-color: rgba(232, 12, 45, .3); /* Make nav bar transparent to a degree */
  height: 180px;
	position: relative;
}

.footer-text {
  font-family: 'EkkamaiStandard';
}

.footerBig {
  font-size: 250%;
  text-align: center;
  position: relative;
}

/*_______________________End Footer_______________________*/


/*_______________________Start 992px _______________________*/

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


/* Icon Decoration */
.logoStyle {
    width: 40px;
  }
.icon-bar {
  color: black;
  font-size: 30px;
}
/* End Icon Decoration */

/* Adjust size text MainPage */
.headMainPage {
  font-size: 49px;
}
/* End Adjust size text MainPage */

/*__ Contact Us Map iframe __*/
  iframe {
    width: 350px;
    height: 150px;
    text-align: center;
  }

.color_contact {
    text-align: center;
  }
/*___ End Contact Us Map iframe __*/

/* Footer Background */
.Bgfooter {
	color: white;
  background-color: rgb(232, 12, 45); /* The Fallback color */
  background-color: rgba(232, 12, 45, .3); /* Make nav bar transparent to a degree */
  height: 100%;
	position: relative;
}
/* End Footer Background */

/*__Footer 992px__*/

  .facebookPic {
    width: 40px;
  }

  .linePic{
    width: 40px;
  }

  .instagramPic{
    width: 40px;
  }
  /*__ end Footer 992px__*/
}


/*_______________________End 992px _______________________*/