/**
 * Created by OBDEV-03 on 15/5/2561.
 */
/**
 * Created on 2/5/2562.
 */
/*breakpoints RF.bootstrap*/
/*14px;*/
/* Background footer */
/**
 * Created by OBDEV-03 on 2/2/2561.
 */
/******************
BREAKPOINTS
******************/
/* line 1, ../../assets/sass/supersite/stylesheets/_maparea.scss */
.area-list-section {
  clear: both;
  text-align: left;
}
/* line 4, ../../assets/sass/supersite/stylesheets/_maparea.scss */
.area-list-section.area-list-tab {
  clear: both;
  text-align: left;
  margin-top: 15px;
}
/* line 9, ../../assets/sass/supersite/stylesheets/_maparea.scss */
.area-list-section .area-list-row {
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 5px;
}
/* line 13, ../../assets/sass/supersite/stylesheets/_maparea.scss */
.area-list-section .area-list-row strong {
  margin-bottom: 10px;
}
/* line 16, ../../assets/sass/supersite/stylesheets/_maparea.scss */
.area-list-section .area-list-row p {
  font-size: 14px;
  line-height: 1.2;
}
/* line 19, ../../assets/sass/supersite/stylesheets/_maparea.scss */
.area-list-section .area-list-row p.subject-label {
  font-size: 16px;
}
/* line 24, ../../assets/sass/supersite/stylesheets/_maparea.scss */
.area-list-section .span-circle {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  float: left;
  margin-right: 10px;
}

/**
 * Created by OBDEV-03 on 15/5/2561.
 */
/* line 4, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
.header {
  position: relative;
}
/* line 8, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
.header .container .wg-logo {
  position: relative;
}

/* line 14, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
.container {
  max-width: 960px;
  width: 100%;
}

/* line 20, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
.wg-logo ah1 {
  margin: 0;
  display: block;
}

/* line 27, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
.header-slide {
  width: 100%;
  max-width: 960px;
  display: block;
  margin: 0 auto;
}

/* line 34, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
.slick-initialized .slick-slide {
  height: 400px;
}

/*grid promotion*/
/* line 46, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
.content-promotion-grid ul.grid {
  display: inline-block;
}
/* line 50, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
.content-promotion-grid ul li.grid {
  display: inline-block;
}
/* line 52, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
.content-promotion-grid ul li.grid:first-child:nth-last-child(1), .content-promotion-grid ul li.grid:first-child:nth-last-child(1) ~ li {
  width: 100%;
}
/* line 56, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
.content-promotion-grid ul li.grid:first-child:nth-last-child(2), .content-promotion-grid ul li.grid:first-child:nth-last-child(2) ~ li {
  width: 50%;
}

/* line 65, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
.content-promotion-list {
  display: none;
}

/* line 70, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
.navbar-xs .navbar-header-menu {
  display: table;
  margin: 0 auto;
}
/* line 73, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
.navbar-xs .navbar-header-menu .navbar-nav {
  display: flex;
}

@media (max-width: 768px) {
  /* line 81, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  .text-align-left, .text-align-right, .text-align-center {
    word-break: break-word;
  }
  /* line 83, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  .text-align-left iframe, .text-align-right iframe, .text-align-center iframe {
    width: 100%;
  }
}
@media (max-width: 574px) {
  /* line 91, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  .main-logo {
    width: 150px;
    margin-top: 5%;
    margin-left: -31%;
  }

  /* line 98, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  .navbar-xs .navbar-header-menu {
    display: none;
  }

  /* line 103, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  ul.slick-dots {
    bottom: -25px;
  }

  /* line 107, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  .order-text,
  .quotation-text {
    display: none;
  }

  /* line 112, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  .header {
    margin-bottom: 0;
  }

  /* line 116, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  .wg-logo img {
    margin: auto;
  }

  /* line 120, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  .table-info,
  ul.social-network-link {
    text-align: center;
  }

  /* line 125, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  .table-info {
    margin-top: 10px;
  }

  /*slide banner*/
  /* line 131, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  .typ-icon-arrow-previous.slider-banner, .typ-icon-arrow-next.slider-banner {
    top: 40%;
    font-size: 12px;
    width: 30px;
    height: 30px;
  }

  /* line 138, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  .typ-icon-arrow-previous.slider-banner {
    left: 20px;
  }

  /* line 141, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  .typ-icon-arrow-next.slider-banner {
    right: 20px;
  }

  /* line 145, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  .text-align-left, .text-align-right, .text-align-center {
    word-break: break-word;
  }
  /* line 147, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  .text-align-left iframe, .text-align-right iframe, .text-align-center iframe {
    width: 100%;
  }
}
@media (max-width: 574px) {
  /* line 155, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  .content-promotion-grid {
    display: none;
  }

  /* line 158, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  .content-promotion-list {
    display: block;
  }

  /* line 162, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  .wg-rec-promotion .content-promotion-grid {
    display: block;
  }
  /* line 165, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  .wg-rec-promotion .content-promotion-list {
    display: none;
  }

  /* line 170, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  .text-align-left, .text-align-right, .text-align-center {
    word-break: break-word;
  }
  /* line 172, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
  .text-align-left iframe, .text-align-right iframe, .text-align-center iframe {
    width: 100%;
  }
}
/* Footer */
/* line 181, ../../assets/sass/supersite/stylesheets/_supersite-xs.scss */
.supersite-footer .container {
  max-width: 1170px;
}

/* line 2, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a {
  text-decoration: none;
  cursor: pointer;
  padding: 5px;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 100%;
  display: inline-block;
}
/* line 10, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media {
  color: #FFFFFF;
}
/* line 12, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media i {
  border-right: none;
  position: relative;
  width: 24px;
}
/* line 16, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media i:before {
  font-size: 20px;
  top: 2px;
  position: inherit;
}
/* line 22, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-facebook {
  border-color: #1877f2;
  background-color: #1877f2;
}
/* line 25, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-facebook:hover {
  color: #1877f2;
  background-color: transparent;
}
/* line 30, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-messenger {
  border-color: #0088FF;
  background-color: #0088FF;
}
/* line 33, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-messenger:hover {
  background-color: transparent;
  border-color: #BA43FF;
}
/* line 36, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-messenger:hover i {
  background: linear-gradient(84.06deg, #0088FF -15.62%, #A033FF 36.39%, #FF5C87 98.74%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* line 43, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-instagram {
  border-color: #E4405F;
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
/* line 46, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-instagram:hover {
  background: transparent;
  color: #E4405F;
}
/* line 49, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-instagram:hover i {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  -webkit-background-clip: text;
}
/* line 55, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-line {
  border-color: #00c300;
  background-color: #00c300;
}
/* line 58, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-line:hover {
  color: #00c300;
  background-color: transparent;
}
/* line 63, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-twitter {
  border-color: #1da1f2;
  background-color: #1da1f2;
}
/* line 66, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-twitter:hover {
  color: #1da1f2;
  background-color: transparent;
}
/* line 71, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-x-twitter {
  border-color: #000000;
  background-color: #000000;
}
/* line 74, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-x-twitter:hover {
  color: #000000;
  background-color: transparent;
}
/* line 79, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-youtube {
  border-color: #FF0000;
  background-color: #FF0000;
}
/* line 82, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-youtube:hover {
  color: #FF0000;
  background-color: transparent;
}
/* line 87, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-tiktok {
  border-color: #010101;
  background-color: #010101;
}
/* line 90, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-tiktok:hover {
  color: #010101;
  background-color: transparent;
}
/* line 95, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-pinterest {
  border-color: #e60023;
  background-color: #e60023;
}
/* line 98, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-pinterest:hover {
  color: #e60023;
  background-color: transparent;
}
/* line 103, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-whatsapp {
  border-color: #25d366;
  background-color: #25d366;
}
/* line 106, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-whatsapp:hover {
  color: #25d366;
  background-color: transparent;
}
/* line 111, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-wechat {
  border-color: #7bb32e;
  background-color: #7bb32e;
}
/* line 114, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-wechat:hover {
  color: #7bb32e;
  background-color: transparent;
}
/* line 119, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-linkedin {
  border-color: #0E76A8;
  background-color: #0E76A8;
}
/* line 122, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-linkedin:hover {
  color: #0E76A8;
  background-color: transparent;
}
/* line 127, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-linkwebsite {
  border-color: #2a3d93;
  background-color: #2a3d93;
}
/* line 130, ../../assets/sass/supersite/stylesheets/_social.scss */
.address-social-media a.btn-social-media.social-linkwebsite:hover {
  color: #2a3d93;
  background-color: transparent;
}