@import url(animate.css);
@import url(form.css);
@import url(fonts.css);
@import url(iconfont.css);
@import url(bootstrap.css);
@import url(table.css);
@import url(popup.css);
@import url(header-footer.css?v=1.2);
@import url(style_2019.css);
@import url(menu.css);
/* Theme Advice */
@font-face {
  font-family: "DBHeaventRounded";
  font-style: normal;
  font-weight: normal;
  src: url("https://img.advice.co.th//images_nas/advice/oneweb/assets/fonts/DBHeaventRoundedBd/DBHeaventRoundedv3.2.ttf")
    format("truetype");
}

@font-face {
  font-family: "DBHeaventRounded";
  font-style: normal;
  font-weight: 500;
  src: url("https://img.advice.co.th//images_nas/advice/oneweb/assets/fonts/DBHeaventRoundedBd/DBHeaventRoundedBdv3.2.ttf")
    format("truetype");
}

@font-face {
  font-family: "DBHeaventRounded";
  font-style: normal;
  font-weight: 600;
  src: url("https://img.advice.co.th//images_nas/advice/oneweb/assets/fonts/DBHeaventRoundedBd/DBHeaventRoundedBdv3.2.ttf")
    format("truetype");
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  background-color: #fff;
  color: #5a5a5a;
  font-style: normal;
  font-family: "montserratregular", "DroidSansThaiRegular";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 1.2;
}
h3 {
  font-family: "montserratmedium", "DroidSansThaiBold";
  font-size: 18px;
  line-height: 1.2;
}
p {
  margin: 0;
  padding: 0;
  line-height: 1.5;
}
img {
  border: 0;
  max-width: 100%;
  vertical-align: middle;
}
a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color ease-in-out 0.2s;
  -o-transition: color ease-in-out 0.2s;
  transition: color ease-in-out 0.2s;
}
a:hover,
a:focus {
  text-decoration: none;
}
a:focus {
  outline: 0;
  outline-offset: 0;
}
p {
  margin: 0;
  padding: 0;
}
a[href^="tel"],
a[href^="mail"] {
  outline: none;
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
}
ul,
ol,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
table {
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

strong,
b {
  font-weight: normal;
  /*font-family: 'montserratmedium','DroidSansThaiBold';*/
}

.ic-upload {
  color: #cdcdcd;
  font-size: 20px;
}
.ic-upload:hover {
  color: #007dde;
}

.a-left {
  text-align: left !important;
}
.a-center {
  text-align: center;
}
.a-right {
  text-align: right;
}

.vertical-center {
  display: table;
  width: 100%;
  height: 100%;
}
.content-vertical-top {
  display: table-cell;
  vertical-align: top;
}
.content-vertical-center {
  display: table-cell;
  vertical-align: middle;
}
.content-vertical-bottom {
  display: table-cell;
  vertical-align: bottom;
}

/* Button CSS */

button,
a.btn,
.btn {
  height: 46px;
  line-height: 42px;
  padding: 0 30px;
  font-family: "montserratmedium", "promptregular";
  font-size: 18px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  text-decoration: none;
  color: #007dde;
  border: 2px solid #007dde;
  background-color: transparent;
  touch-action: manipulation;
  -ms-touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a.btn-md,
.btn-md,
.button-md {
  font-size: 16px;
  height: 40px;
  line-height: 36px;
  padding: 0 25px;
}

a.btn-sm,
.btn-sm,
.button-sm {
  font-size: 13px;
  height: 34px;
  line-height: 30px;
  padding: 0 20px;
}

button:hover,
a.btn:hover,
.btn:hover {
  color: #1387e0;
  border-color: #1387e0;
}

a.btn-white {
  background-color: #fff;
}

button:focus {
  outline: 0;
}
button:disabled,
.btn-disabled {
  cursor: inherit;
  color: #c4c4c4 !important;
  border-color: #c4c4c4 !important;
}
.btn-gray,
.button-gray {
  color: #c4c4c4 !important;
  border-color: #c4c4c4 !important;
}

a.btn-print,
.btn-print {
  font-size: 15px;
  font-family: "montserratmedium", "DroidSansThaiBold";
  padding: 6px 20px;
  color: #333;
  background-color: #f3f3f3;
  border-radius: 30px;
  border: 1px solid #e1e1e1;
  transition: all 0.3s ease 0s;
}
a.btn-print:hover,
.btn-print:hover {
  background-color: #eee;
}
.btn-print .ic {
  margin-right: 8px;
}

a.link,
.link {
  color: #007dde;
  font-size: 16px;
  line-height: 1;
  font-family: "promptmedium";
}

a.text-link,
.text-link {
  color: #007dde;
  font-size: 16px;
  line-height: 1;
}
a.text-link-lg,
.text-link-lg {
  font-size: 22px;
}
a.text-link-lg:after,
.text-link-lg:after {
  font-size: 14px !important;
}

a.link-more,
.link-more {
  color: #007dde;
  font-size: 16px;
  line-height: 1;
}
a.link-more:hover,
.link-more:hover {
  color: #1387e0;
}
a.link-more-lg,
.link-more-lg {
  font-size: 20px;
}
a.link-more-lg:after,
.link-more-lg:after {
  font-size: 14px !important;
}

a.link-more:after,
.link-more:after {
  font-family: "iconfont";
  content: "\e909";
  margin-left: 3px;
  font-size: 12px;
  vertical-align: middle;
}

a.linkback,
.linkback {
  color: #007dde;
}

a.linkback:before,
.linkback:before {
  font-family: "iconfont";
  content: "\e908";
  padding-right: 3px;
  font-size: 12px;
  vertical-align: middle;
}
a.linkback:hover,
.linkback:hover {
  color: #0064b1;
}

a.link-logout:before {
  font-family: "iconfont";
  content: "\e919";
  padding-right: 5px;
  font-size: 16px;
  color: #999;
  vertical-align: middle;
}
a.link-logout:hover:before,
a.link-logout:hover {
  color: #007dde;
}

/* Container */

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  position: relative;
  padding-right: 20px;
  padding-left: 20px;
}

/* Main */

.main-2col {
  padding-bottom: 0;
}
.main-nopadding-bottom {
  padding-bottom: 0;
}

.global-bggray {
  background-color: #fafafa;
}
.global-bxrol {
  padding: 80px 0;
}
.global-bxrol-md {
  padding: 40px 0;
}
.global-header {
  position: relative;
  margin-bottom: 50px;
}
.global-header.nomargin-bottom {
  margin-bottom: 0;
}
.global-header p {
  margin-top: 20px;
}
.global-header-md {
  margin-bottom: 30px;
  text-align: left;
}
.global-header .text-link {
  font-family: "promptregular";
}
.global-header .a-action {
  margin-top: 15px;
}
.global-header .linkback-absolute {
  position: absolute;
  top: 12px;
  left: 0px;
}
.global-header a.link-more {
  font-size: 20px;
  font-family: "montserratregular", "promptregular";
  line-height: 1.2;
}
.global-header a.link-more:after {
  font-size: 14px;
}
.global-form {
  margin-bottom: 50px;
}
.global-form h3 {
  margin-bottom: 30px;
}

.headline-visible-w980 {
  display: none;
}

h1,
.h1,
.headline-lg {
  font-family: "montserratbold", "promptbold";
  font-size: 55px;
  color: #1c1c1c;
  line-height: 1.2;
}
h2,
.h2,
.headline-md {
  font-family: "montserratmedium", "promptmedium";
  font-size: 40px;
  color: #1c1c1c;
  line-height: 1.2;
}
.headline-sm {
  font-family: "montserratmedium", "promptmedium";
  font-size: 30px;
  color: #1c1c1c;
  line-height: 1.2;
}
.headline-xs {
  font-family: "montserratmedium", "promptmedium";
  font-size: 22px;
  color: #1c1c1c;
}
.headline {
  font-family: "montserratmedium", "promptmedium";
  font-size: 16px;
  color: #1c1c1c;
}

.a-action {
  margin-top: 30px;
}

.ic-compare {
  color: #bbb;
}
.ic-compare:hover {
  color: #007dde;
}

/* Banner Heading */

.banner-heading {
  position: relative;
  text-align: center;
  color: #fff;
}
.banner-heading .container {
  height: 100%;
}
.banner-heading .area-inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: transparent;
  background-image: none;
}
.banner-heading .content-area {
  padding: 40px 0;
}
.banner-heading .content-area h1,
.banner-heading .content-area h2 {
  color: #fff;
}
.banner-heading .content-area .desc {
  margin-top: 15px;
}
.banner-heading .content-area .a-action {
  margin-top: 15px;
}

/* Shareall */

.shareall .share-title {
  font-family: "promptbold";
  text-transform: uppercase;
  font-size: 12px;
}
.shareall .share-title {
  color: #bbb;
}
.shareall a {
  color: #bbb;
  margin-right: 8px;
}
.shareall a:hover {
  color: #007dde;
}
.shareall-visible-w767 {
  display: none;
}

/* Article Content */

.art-content {
  min-height: 450px;
  padding-bottom: 80px;
}
.art-content .shareall {
  color: #999;
}
.art-content .shareall .share-title {
  font-family: "promptbold";
  text-transform: uppercase;
  font-size: 12px;
}
.art-content .entry-image {
  text-align: center;
  margin-bottom: 50px;
}
.art-content .entry-image img {
  display: block;
  margin: 0 auto;
}
.art-content .entry-header {
  margin-bottom: 30px;
}
.art-content .entry-header h1 {
  margin-bottom: 6px;
  font-family: "montserratmedium", "promptmedium";
  line-height: 1.2;
  font-size: 30px;
}
.art-content .entry-date {
  font-style: italic;
  font-size: 15px;
  color: #aaa;
  margin-bottom: 15px;
}
.art-content .entry-content {
  color: #5a5a5a;
  font-size: 16px;
  line-height: 1.6;
}
.art-content .entry-content h2,
.art-content .entry-content h3,
.art-content .entry-content h4 {
  color: #333;
}
.art-content .entry-content h2 strong,
.art-content .entry-content h3 strong {
  font-weight: normal;
  font-family: "montserratmedium", "promptmedium";
}
.art-content .entry-content h2 {
  margin-top: 25px;
}
.art-content .entry-content h3 {
  font-family: "montserratmedium", "promptmedium";
  font-size: 18px;
  margin-top: 25px;
}
.art-content .entry-content img {
  max-width: 100%;
}
.art-content .entry-content ol {
  display: block;
  margin: 10px 0 20px 20px;
}
.art-content .entry-content ol li {
  list-style: decimal;
  margin-bottom: 8px;
  line-height: 1.6;
}
.art-content .entry-content ul {
  display: block;
  margin: 10px 0 20px 20px;
}
.art-content .entry-content ul li {
  list-style: disc;
  margin-bottom: 8px;
  line-height: 1.6;
}
.art-content .entry-content a {
  text-decoration: underline;
  word-break: break-all;
  color: #007dde;
}
.art-content .entry-content p {
  margin-top: 20px;
  line-height: 1.6;
}
.art-content .entry-tag-o {
  margin-top: 80px;
}

.text-red {
  color: #eb0000;
}

.entry-date {
  font-size: 13px;
  color: #aaa;
  font-family: "georgia", "DroidSansThaiRegular";
}
.entry-tag a {
  font-size: 12px;
  font-style: italic;
  font-family: "georgia", "DroidSansThaiRegular";
  color: #949494;
}

.entry-tag span {
  font-size: 12px !important;
  /* font-style: italic; */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  /* color: #949494; */
  color: #f9d006;
  font-weight: bold;
}
.entry-tag a:hover {
  color: #555;
}
.entry-tag-o a {
  height: 30px;
  line-height: 30px;
  color: #007dde;
  font-size: 12px;
  display: inline-block;
  padding: 0 18px;
  border-radius: 30px;
  margin-right: 5px;
  border: 1px solid #007dde;
}
.entry-tag-o a:hover {
  color: #555;
}

.entry-point {
  font-size: 15px;
  color: #007dde;
}
.entry-point span {
  font-family: "montserratmedium", "promptmedium";
  font-size: 18px;
}

.entry-allpoint {
  text-align: right;
  padding-top: 8px;
  color: #777;
  font-size: 15px;
}
.entry-allpoint span {
  color: #007dde;
  font-size: 20px;
  font-family: "montserratmedium", "promptmedium";
}

.items-icon {
  text-align: center;
}
.items-icon .headline-xs {
  margin-bottom: 6px;
}
.items-icon p {
  margin-top: 10px;
}
.items-icon .ico {
  width: 120px;
  margin: 0 auto 25px;
}

/* List Branch */
.list-branch {
  height: 150px;
  display: block;
  text-align: center;
  color: #1c1c1c;
  margin-bottom: 30px;
  padding: 20px;
  font-family: "montserratregular", "promptregular";
  font-size: 18px;
  line-height: 1.3;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 1px #e1e1e1, 0 0 1px transparent;
}
.list-branch:hover {
  color: #007dde;
  box-shadow: inset 0 0 0 2px #007dde, 0 0 1px transparent;
}

/* Section Hero Slider */

.hero-slider .hero-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
}
.hero-slider .hero-content .container {
  height: 100%;
}
.hero-slider .hero-content .content-area {
  max-width: 40%;
  color: #333;
}
.hero-slider .hero-content .content-area.area-center {
  margin: 0 auto;
  text-align: center;
}
.hero-slider .hero-content .content-area.area-right {
  margin: 0 0 0 auto;
}
.hero-slider .hero-content .content-area .heading-h1 {
  font-size: 50px;
  font-family: "montserratbold", "promptbold";
  margin-bottom: 15px;
  line-height: 1.1;
}
.hero-slider .hero-content .content-area p {
  margin-bottom: 25px;
}
.hero-slider .hero-content .content-area.c-white,
.hero-slider .hero-content .content-area.c-white p,
.hero-slider .hero-content .content-area.c-white h1,
.hero-slider .hero-content .content-area.c-white h2,
.hero-slider .hero-content .content-area.c-white .heading-h1,
.hero-slider .hero-content .content-area.c-white .headline-lg {
  color: #fff;
}
.hero-slider .hero-content .btn {
  background-color: #007dde;
  color: #fff;
}
.hero-slider .hero-content .content-area.c-black {
  color: #333;
}
.hero-slider img {
  width: 100%;
}
.hero-slider .a-action {
  margin-top: 25px;
}

/* OWL */

.owl-theme .owl-nav {
  display: none;
  width: 100%;
  position: absolute;
  top: 50%;
}
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  width: 21px;
  height: 39px;
  margin-top: -20px;
  position: absolute;
  z-index: 5000;
  background-color: transparent;
  background-size: 21px;
  text-indent: -99999px;
}
.owl-carousel .owl-nav .owl-prev {
  left: 60px;
  background-image: url(../img/nav-left.png);
}
.owl-carousel .owl-nav .owl-prev:hover {
  background-image: url(../img/nav-left.png);
}
.owl-carousel .owl-nav .owl-next {
  right: 60px;
  background-image: url(../img/nav-right.png);
}
.owl-carousel .owl-nav .owl-next:hover {
  background-image: url(../img/nav-right.png);
}
.owl-carousel .owl-nav .owl-next {
  right: 30px;
}
.owl-carousel .owl-nav .owl-prev {
  left: 30px;
}
.owl-theme .owl-nav [class*="owl-"] {
  background-color: transparent;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background-size: 21px;
  background-color: transparent;
  opacity: 0.8;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0;
  position: absolute;
  width: 100%;
  bottom: 10px;
}
.owl-theme .owl-dots .owl-dot span {
  background-color: #b2b2b2;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #007dde;
}

.col-feed-home {
  position: relative;
  display: table-cell;
  border: 1px solid #fff;
}
.col-feed-home .caption {
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 35px 20px 35px 20px;
  background-color: rgba(0, 0, 0, 0.5);
  background-color: transparent;
  transition: 0.4s;
}
.col-feed-home .caption.active,
.col-feed-home .caption:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.col-feed-home .ic {
  display: block;
}
.col-feed-home .ic img {
  display: block;
  margin: 0 auto 10px;
}
.col-feed-home h3 {
  text-align: center;
  color: #fff;
  font-family: "montserratregular", "promptregular";
  font-size: 30px;
  line-height: 1;
  margin-bottom: 15px;
  transition: all 0.4s ease;
  transform: translateY(-5px);
}
.col-feed-home h3 span {
  display: block;
  font-size: 22px;
}
.col-feed-home:hover .caption.active h3 {
  bottom: 30px;
}
.col-feed-home:hover h3 {
  transform: translateY(0px);
}
.col-feed-home .link-more {
  transition: all 0.4s ease;
  display: block;
  transform: translateY(5px);
  font-family: "montserratregular", "promptregular";
  font-size: 20px;
}
.col-feed-home:hover .link-more {
  transform: translateY(0px);
}

a.link-btn-m {
  position: relative;
  z-index: 100;
  display: none;
  text-align: center;
  color: #fff;
  font-family: "montserratregular", "promptregular";
  font-size: 18px;
  background-color: #007dde;
  padding: 10px 0;
}
a.link-btn-m:after {
  font-family: "iconfont";
  content: "\e909";
  margin-left: 3px;
  font-size: 12px;
  vertical-align: middle;
}

/* Section */

.section {
  position: relative;
}
.section .container {
  height: 100%;
}
.section .area-inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: transparent;
  background-image: none;
}
.section .content-area {
  max-width: 42%;
  margin: 0 auto 0 0;
  font-size: 16px;
  padding: 40px 0;
  color: #707070;
}
.section .content-area h1,
.section .content-area h2 {
  color: #333;
}
.section .content-area p {
  margin-top: 15px;
}
.section .content-area-white {
  color: #fff;
}
.section .content-area-white h1,
.section .content-area-white h2,
.section .content-area-white .heading-h1,
.section .content-area-white .headline-lg {
  color: #fff;
}

.section .content-area .a-action {
  margin-top: 20px;
}
.section-vertical-center .content-area {
  max-width: 80%;
  margin: 0 auto;
}
.section-vertical-right .content-area {
  margin: 0 0 0 auto;
}
.section-vertical-top .content-area {
  padding: 80px 0;
}
.section-vertical-center {
  text-align: center;
}
.section-vertical-top .content-vertical-center {
  vertical-align: top;
}

/* Section Background Color */

.section-bggray {
  background-color: #fafafa;
}

/* Section Headline */

.section-headline {
  font-family: "promptbold";
  font-size: 55px;
  line-height: 1;
}
.section-headline-md,
.section-headline-sm {
  font-family: "promptbold";
  line-height: 1.2;
}
.section-headline-md {
  font-size: 40px;
}
.section-headline-sm {
  font-size: 30px;
}

/* Section Panel Fullscreen */

.section-panel-fullscreen {
  width: 100%;
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/*.section-panel-fullscreen .bgcover { height:100vh;}*/

.bgcover {
  height: 100%;
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.row-tbcell {
  position: relative;
  display: table;
}
.tbcell {
  position: relative;
  display: table-cell;
}
.tbcell-image {
  margin: 4px 2px;
}
.tbcell-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 20;
  padding: 40px 35px;
  text-align: center;
  overflow: hidden;
  background: none;
}
.tbcell-content h3 {
  font-family: "promptmedium";
  font-size: 22px;
  line-height: 1;
}
.tbcell-content p {
  margin-top: 10px;
}
.tbcell-content .a-action {
  margin-top: 15px;
}
.tbcell-content-white {
  color: #fff;
}

/* Search Area */
.search-area {
  max-width: 500px;
  margin: 20px auto 0;
}
.search-area .form-control {
  height: 50px;
  line-height: 50px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.search-area .input-group {
  position: relative;
}
.search-area .ic-search {
  width: 50px;
  height: 45px;
  line-height: 45px;
  font-size: 22px;
  color: #999;
  background-color: #fff;
  position: absolute;
  top: 2px;
  right: 2px;
}

.brand-logo img {
  /*  -webkit-filter: grayscale(100%); */
  /* filter: grayscale(100%); */
}
.brand-logo img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}

.entry-label {
  width: 35px;
  height: 35px;
  font-family: "montserratbold";
  line-height: 35px;
  font-size: 8px;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  background-color: transparent;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* Box item */
.column {
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}
.list-items {
  position: relative;
  -webkit-transition: ease-in-out 0.2s;
  -moz-transition: ease-in-out 0.2s;
  -o-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
  /* margin-bottom: 60px; */
}
.list-items {
  position: relative;
  overflow: hidden;
}
.entry-img {
  position: relative;
  overflow: hidden;
}
.list-items .entry-img img {
  display: block;
  -webkit-transform: translateZ(0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.list-items:hover .entry-img img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
}
.list-items.no-action:hover .entry-img img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}
.list-items .entry-caption {
  color: #5a5a5a;
  font-size: 16px;
  padding: 0px 0px 25px 0px;
}
.list-items .entry-caption h3 {
  min-height: 55px;
  overflow: hidden;
  font-family: "montserratmedium", "promptmedium";
  font-size: 20px;
  line-height: 1.4;
  color: #1c1c1c;
  margin-bottom: 20px;
  white-space: normal;
}
.list-items .entry-caption h3:hover {
  color: #007dde;
}
.list-items:hover .brand-logo img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}
.list-items .brand-logo {
  width: 60px;
  position: absolute;
  top: 0px;
  right: 10px;
  padding-top: 14px;
  margin-right: -10px;
}
.list-items .entry-label {
  position: absolute;
  top: 12px;
  left: 12px;
}

.list-items .entry-price {
  font-family: "montserratmedium", "DroidSansThaiRegular";
  font-size: 15px;
  padding: 20px 0 20px;
  color: #007dde;
}
.list-items .entry-price span {
  font-size: 16px;
}
.list-items .entry-price .sale-price {
  color: #c3001c;
}
.list-items .entry-price .inline-price {
  display: inline-block;
}
.list-items .a-action {
  margin-top: 20px;
}

.list-items .entry-date {
  font-family: "georgia", "DroidSansThaiRegular";
  margin-bottom: 10px;
  font-style: italic;
  color: #999;
}
.list-items .entry-caption .desc {
  font-family: "montserratregular", "DroidSansThaiRegular";
  font-size: 15px;
  margin-bottom: 30px;
}

/* Accordion */
.accordion-group {
  position: relative;
  border-bottom: 1px solid #ededed;
}
.accordion-group .entry-head {
  width: 100%;
  display: block;
  padding: 25px 60px 25px 10px;
  margin-bottom: 0;
  cursor: pointer;
  color: #333;
  font-family: "montserratmedium", "DroidSansThaiBold";
  position: relative;
  font-style: normal;
  line-height: 1.3;
  font-size: 18px;
  font-weight: normal;
  -webkit-transition: color ease-in-out 0.6s;
  -o-transition: color ease-in-out 0.6s;
  transition: color ease-in-out 0.6s;
}
.accordion-group .entry-head:focus {
  outline: 0;
}
.accordion-group .entry-head .icon {
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}
.accordion-group .entry-head .icon:after {
  content: "\e915";
  font-family: "iconfont";
  color: #007dde;
}
.accordion-group .entry-head .itop,
.accordion-group .entry-head .icenter {
  display: none;
  width: 22px;
  height: 2px;
  background-color: #007dde;
}
.accordion-group .entry-head .icenter {
  margin-top: -2px;
  -webkit-transform: rotate(90deg) scale(1);
  transform: rotate(90deg) scale(1);
}
.accordion-group .ui-state-active.entry-head .icon {
  -webkit-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
}
.accordion-content {
  padding: 0 60px 20px 20px;
}
.accordion-content ul {
  margin: 10px 0 15px 22px;
}
.accordion-content ul > li {
  list-style-type: disc;
  margin-bottom: 5px;
  line-height: 1.35;
}
.accordion-content ol {
  margin: 0 0 15px 25px;
}
.accordion-content ol > li {
  list-style-type: decimal;
  margin-bottom: 8px;
}
.accordion-content p {
  margin-bottom: 15px;
}
.accordion-content b,
.accordion-content strong {
  color: #000;
}
.accordion-content a {
  text-decoration: underline;
  color: #007dde;
}

/* Pagelist */

.pagelist {
  margin: 40px 0 50px;
  text-align: center;
}
.pagelist a {
  font-family: "montserratmedium";
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  color: #ccc;
}
.pagelist a.prev,
.pagelist a.next {
  display: inline-block;
  font-size: 17px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  border: 1px solid #ccc;
}
.pagelist a.prev:before {
  font-family: "iconfont";
  content: "\e908";
}
.pagelist a.next:after {
  font-family: "iconfont";
  content: "\e909";
}
.pagelist a.active,
.pagelist a:hover {
  color: #0066cc;
  border-color: #0066cc;
}
.pagelist i {
  display: inline-block;
  vertical-align: middle;
}

.img-w767 {
  display: none;
}

.section-visible-w767 {
  display: none;
}
.visible-w767 {
  display: none;
}

.lineend {
  height: 1px;
  background-color: #eee;
  width: 100%;
  display: block;
}
.lineend-w767 {
  display: none;
}

/* Filter Search */

.filter-search {
  margin: 0 auto;
}
.filter-search .form-control {
  height: 35px;
  line-height: 35px;
  padding-left: 35px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-size: 15px;
  background-color: #f3f3f3;
}
.filter-search .input-group {
  position: relative;
}
.filter-search .ic-search {
  width: 50px;
  height: 20px;
  line-height: 45px;
  font-size: 16px;
  color: #999;
  position: absolute;
  top: -4px;
  left: 12px;
}

/* Sidemenu */

.sidemenu .filter-search {
  margin: 20px 0;
}
.sidemenu .heading-sidemenu {
  color: #1c1c1c;
  font-family: "montserratmedium", "DroidSansThaiBold";
  margin-bottom: 20px;
}
.sidemenu-list-item {
  padding: 10px 0;
  display: block;
  color: #777;
  line-height: 1.4;
}
.sidemenu-list-item a {
  display: block;
}
.sidemenu-list-item.current a {
  font-family: "montserratmedium", "DroidSansThaiBold";
  color: #007dde;
}
.sidemenu-list-item:hover {
  color: #007dde;
}

.nowrap {
  white-space: nowrap;
}

.footnote {
  color: #999;
  font-size: 13px;
}

.entry-label.new {
  background-color: #007dde;
}
.entry-label.sale {
  background-color: #c3001c;
}
.entry-label.promotion {
  background-color: #80c342;
}

/* Login Form */

.login-form {
  max-width: 380px;
  margin: 2% 0 2% auto;
  text-align: center;
  padding: 35px;
  background-color: #fff;
}
.login-form .form-group {
  margin-bottom: 20px;
}
.login-form h2 {
  margin-bottom: 20px;
}
.login-form a {
  font-size: 14px;
  color: #007dde;
}
.login-form button {
  margin-bottom: 15px;
}
.login-form .form-control {
  display: block;
  width: 100%;
  height: 45px;
  padding: 0px 15px;
  font-size: 16px;
  line-height: 45px;
  color: #333;
  font-family: "montserratregular", "DroidSansThaiRegular";
  background-color: #fff;
  background-image: none;
  border: 0;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.login-form .login-connect {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #eee;
}

/* Select Sidemenu */

.select-sidemenu {
  position: relative;
}
.select-sidemenu .container {
  width: 100%;
  padding: 0;
}
.select-sidemenu select {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  border: 0;
  outline: 0;
  border-radius: 0;
  font-size: 20px;
  color: #fff;
  font-family: "promptmedium", "montserratmedium";
  background-color: #007dde;
}
.select-sidemenu .styled-select:after {
  content: "\e90d";
  font-family: "iconfont" !important;
  position: absolute;
  right: 0px !important;
  top: -3px !important;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  display: inline-block;
  width: 40px;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background-color: #007dde;
}
.sidemenu-visible-w767 {
  display: none;
}
.sidemenu-visible-w980 {
  display: none;
}

/* Section 2 Col */
.section-2col .post-content {
  overflow: hidden;
  padding-bottom: 40px;
  border-left: 1px solid #eee;
  padding-left: 30px;
  padding-top: 50px;
  min-height: 875px;
}
.section-2col .post-content.noborder {
  border-left: 0;
}
.row-2col {
  overflow: hidden;
}
.row-2col:before {
  display: block;
  height: 0;
  overflow: hidden;
}
.row-2col:after {
  clear: both;
  content: "";
  display: table;
}
.row-2col .col-sidebar {
  float: left;
  width: 24%;
  padding-right: 20px;
  padding-top: 50px;
}
.row-2col .col-area-content {
  float: right;
  width: 76%;
}
.row-2col .col-sidebar.nopadding-right {
  padding-right: 0;
}
.col-area-content .area-header {
  margin-bottom: 40px;
}

/* Site Navigation */

.site-navigation {
  width: 100%;
  height: 55px;
  position: relative;
  top: 0;
  left: 0;
  z-index: 10;
  color: #fff;
  background-color: #007dde;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.site-navigation .container {
  position: relative;
  height: 100%;
}
.site-navigation.fixed {
  width: 100%;
  opacity: 1;
  margin-top: 0 !important;
  position: fixed;
  top: 0;
  z-index: 101;
  border: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  text-shadow: none;
}
.site-navigation .navigation-right {
  text-align: right;
}
.site-navigation .menu-items li {
  font-size: 18px;
  line-height: 55px;
  font-family: "promptmedium";
  display: inline-block;
  margin-right: 25px;
}
.site-navigation .shareall,
.site-navigation .nav-action {
  display: inline-block;
  vertical-align: middle;
}
.site-navigation .shareall {
  margin-right: 20px;
}
.site-navigation .shareall a {
  font-size: 16px;
  line-height: 55px;
  margin: 0 3px;
  color: #fff;
}
.site-navigation .shareall .share-title {
  font-family: "promptbold";
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
}

/* Page Fixed */

.page-fixed {
  height: 100vh;
}
.page-fixed .gb-header {
  width: 100%;
  position: absolute;
  z-index: 105;
  background-color: #fff;
}
.page-fixed .main {
  height: 100%;
}

/* Button Login Social */

a.bt-connect {
  position: relative;
  height: 45px;
  line-height: 45px;
  padding: 0 20px 0 70px;
  border-radius: 30px;
  display: block;
  font-family: "montserratmedium", "promptmedium";
  font-size: 16px;
  text-align: left;
  color: #fff;
  background-color: transparent;
  margin-bottom: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a.bt-connect:hover {
  opacity: 0.92;
}
a.bt-connect:before {
  width: 52px;
  height: 45px;
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-family: "iconfont";
  content: "\e900";
  margin-left: 3px;
  font-size: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}
a.fb-login {
  background-color: #3b5999;
}
a.fb-login:before {
  content: "\e900";
}
a.googleplus-login {
  background-color: #dd4b39;
}
a.googleplus-login:before {
  content: "\e917";
}
.col-m-2clear:nth-child(3n + 1) {
  /*clear: both;*/
}

.container-fluid {
  max-width: 1366px !important;
  padding-right: 0px !important;
}

.txt-price-boder-top {
  padding-top: 5px;
}
.txt-price-boder {
  color: var(--gray-700-title-field, #374151);
  font-family: "DBHeaventRounded";
  font-size: 10px;
  font-weight: 500;
  background: var(--BG, #f8f8f8);
  padding: 8px 4px 8px 8px;
  align-items: flex-start;
  gap: 10px;
  border-radius: 16px;
}

.txt-saleprice-boder {
  color: var(--gray-900-title-heading, #111827);
  font-family: "DBHeaventRounded";
  font-size: 3rem;
  font-weight: bold;
}

.txt-discount {
  padding: 4px 8px 4px 8px;
  font-family: "DBHeaventRounded";
  border-radius: 20px;
  background: #cd1201;
  color: var(--white, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin-left: 0.7em;
}
.txt-discount-show {
  padding: 24px 8px 8px 8px;
  font-family: "DBHeaventRounded";
  border-radius: 20px;
  background: #fff;
  color: var(--white, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin-left: 0.7em;
}

.txt-promotion {
  color: var(--gray-500-base-body-icon, #6b7280);
  font-family: "DBHeaventRounded";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 0px;
}

.installments-border {
  width: 2.5vw;
  height: auto;
  position: absolute;
}

.view_eye {
  width: 18px !important;
  display: initial !important;
  font-family: "DBHeaventRounded";
  padding-bottom: 20px;
  color: var(--gray-400-description, #9ca3af);
}

.ready-point {
  color: var(--foundation-avi-green-avi-green-500, #47a836);
  font-weight: 500;
  font-family: "DBHeaventRounded";
  font-size: 10px;
}

.badge-border {
  display: flex;
  padding: 3px 6px 4px 4px;
  align-items: center;
  gap: 10px;
  border: 0.5px dashed #dba10d;
  background: #fff9db;
}
.badge-border-text {
  color: #dba10d;
  font-family: "DBHeaventRounded";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.badge-border-fonts {
  color: var(--gray-900-title-heading, #111827) !important;
  font-family: "DBHeaventRounded";
  font-size: 22px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 100% */
  height: 7rem;
}
.badge-spec-fonts {
  font-family: "DBHeaventRounded";
  font-size: 18px !important;
  height: 7rem;
  padding-bottom: 5px;
}
.badge-model-fonts {
  color: var(--foundation-avi-blue-avi-blue-700, #096a9b);
  /* text-sm/leading-5/font-regular */
  font-family: "DBHeaventRounded";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.badge-border-svg {
  width: 3rem; /* กำหนดขนาดของรูปภาพ SVG */
  height: 20px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 16 17" fill="none"><path d="M13.3333 5.16667H12.1747C12.5516 4.8344 12.8508 4.42325 13.051 3.9624C13.2513 3.50154 13.3477 3.00227 13.3333 2.5C13.3333 2.32319 13.2631 2.15362 13.1381 2.0286C13.013 1.90357 12.8435 1.83333 12.6667 1.83333C12.4899 1.83333 12.3203 1.90357 12.1953 2.0286C12.0702 2.15362 12 2.32319 12 2.5C12 4.248 10.4193 4.85333 9.21733 5.06067C9.66099 4.27404 9.92806 3.40025 10 2.5C10 1.96957 9.78929 1.46086 9.41421 1.08579C9.03914 0.710714 8.53043 0.5 8 0.5C7.46957 0.5 6.96086 0.710714 6.58579 1.08579C6.21071 1.46086 6 1.96957 6 2.5C6.07194 3.40025 6.33901 4.27404 6.78267 5.06067C5.58067 4.85333 4 4.248 4 2.5C4 2.32319 3.92976 2.15362 3.80474 2.0286C3.67971 1.90357 3.51014 1.83333 3.33333 1.83333C3.15652 1.83333 2.98695 1.90357 2.86193 2.0286C2.7369 2.15362 2.66667 2.32319 2.66667 2.5C2.65234 3.00227 2.74872 3.50154 2.94896 3.9624C3.1492 4.42325 3.4484 4.8344 3.82533 5.16667H2.66667C1.95942 5.16667 1.28115 5.44762 0.781049 5.94772C0.280952 6.44781 0 7.12609 0 7.83333L0 8.5C0 8.85362 0.140476 9.19276 0.390524 9.44281C0.640573 9.69286 0.979711 9.83333 1.33333 9.83333V13.1667C1.33439 14.0504 1.68592 14.8976 2.31081 15.5225C2.93571 16.1474 3.78294 16.4989 4.66667 16.5H11.3333C12.2171 16.4989 13.0643 16.1474 13.6892 15.5225C14.3141 14.8976 14.6656 14.0504 14.6667 13.1667V9.83333C15.0203 9.83333 15.3594 9.69286 15.6095 9.44281C15.8595 9.19276 16 8.85362 16 8.5V7.83333C16 7.12609 15.719 6.44781 15.219 5.94772C14.7189 5.44762 14.0406 5.16667 13.3333 5.16667ZM8 1.83333C8.17681 1.83333 8.34638 1.90357 8.47141 2.0286C8.59643 2.15362 8.66667 2.32319 8.66667 2.5C8.58619 3.20855 8.35915 3.89261 8 4.50867C7.64085 3.20855 7.41381 3.20855 7.33333 2.5C7.33333 2.32319 7.40357 2.15362 7.5286 2.0286C7.65362 1.90357 7.82319 1.83333 8 1.83333ZM1.33333 7.83333C1.33333 7.47971 1.47381 7.14057 1.72386 6.89052C1.97391 6.64048 2.31304 6.5 2.66667 6.5H7.33333V8.5H1.33333V7.83333ZM2.66667 13.1667V9.83333H7.33333V15.1667H4.66667C4.13623 15.1667 3.62753 14.956 3.25245 14.5809C2.87738 14.2058 2.66667 13.6971 2.66667 13.1667ZM13.3333 13.1667C13.3333 13.6971 13.1226 14.2058 12.7475 14.5809C12.3725 14.956 11.8638 15.1667 11.3333 15.1667H8.66667V9.83333H13.3333V13.1667ZM8.66667 8.5V6.5H13.3333C13.687 6.5 14.0261 6.64048 14.2761 6.89052C14.5262 7.14057 14.6667 7.47971 14.6667 7.83333V8.5H8.66667Z" fill="%23DBA10D"/></svg>');
  background-repeat: no-repeat;
}
.badge-re-entry-svg {
  width: 15px; /* กำหนดขนาดของรูปภาพ SVG */
  height: 16px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 12 13" fill="none"><path d="M10.982 6.9375C10.8856 8.07741 10.4024 9.1501 9.61246 9.9776C8.82257 10.8051 7.7735 11.3377 6.6393 11.487C5.5051 11.6363 4.35395 11.3933 3.37683 10.7984C2.39971 10.2034 1.65535 9.29232 1.26726 8.21618C0.879166 7.14004 0.87066 5.96356 1.24315 4.88192C1.61564 3.80028 2.34674 2.8785 3.31516 2.26951C4.28357 1.66051 5.43109 1.40092 6.56733 1.53379C7.70357 1.66666 8.76023 2.18401 9.56201 3H8.00101C7.8684 3 7.74123 3.05268 7.64746 3.14645C7.55369 3.24022 7.50101 3.36739 7.50101 3.5C7.50101 3.63261 7.55369 3.75979 7.64746 3.85355C7.74123 3.94732 7.8684 4 8.00101 4H10.0725C10.3187 3.99987 10.5548 3.902 10.7289 3.7279C10.903 3.5538 11.0009 3.31771 11.001 3.0715V1C11.001 0.867392 10.9483 0.740215 10.8546 0.646447C10.7608 0.552678 10.6336 0.5 10.501 0.5V0.5C10.3684 0.5 10.2412 0.552678 10.1475 0.646447C10.0537 0.740215 10.001 0.867392 10.001 1V2.039C8.99535 1.14036 7.71596 0.607242 6.36975 0.525856C5.02354 0.444469 3.68924 0.819579 2.58264 1.59052C1.47604 2.36145 0.661858 3.48314 0.271768 4.77416C-0.118322 6.06518 -0.0615078 7.45004 0.433022 8.70477C0.927551 9.9595 1.83088 11.0107 2.99691 11.6884C4.16293 12.3661 5.52348 12.6307 6.8585 12.4393C8.19352 12.2479 9.42494 11.6118 10.3536 10.6338C11.2823 9.6558 11.8539 8.39313 11.976 7.05C11.9825 6.98037 11.9744 6.91016 11.9522 6.84384C11.93 6.77752 11.8943 6.71655 11.8472 6.66481C11.8002 6.61307 11.7429 6.57169 11.679 6.54331C11.6151 6.51494 11.5459 6.50019 11.476 6.5C11.354 6.49853 11.2359 6.54252 11.1446 6.62339C11.0532 6.70427 10.9953 6.81624 10.982 6.9375Z" fill="white"/></svg>');
  background-repeat: no-repeat;
}
.badge-re-entry {
  display: flex;
  padding: 4px 12px 3px 8px;
  align-items: center;
  gap: 10px;
  border-radius: 0px 16px 16px 0px;
  background: #8e44ad;
  position: absolute;
  z-index: 1;
  color: var(--white, #fff);
  margin-left: 0px;
  margin-top: 15px;
}

.view-eye-svg {
  background-image: url('data:image/svg+xml;utf8,<svg width="1" height="12" xmlns="http://www.w3.org/2000/svg"><line x1="0.25" y1="0" x2="0.249999" y2="12" stroke="%23D1D5DB" stroke-width="0.5" /></svg>');
  background-repeat: no-repeat;
}
.line-svg {
  background-image: url('data:image/svg+xml;utf8,<svg width="1" height="12" xmlns="http://www.w3.org/2000/svg"><line x1="0.25" y1="0" x2="0.249999" y2="12" stroke="%23D1D5DB" stroke-width="0.5" /></svg>');
  background-repeat: no-repeat;
}

.list-items-boder {
  border: 0.5px solid var(--gray-200-divider, #e5e7eb) !important;
  border-radius: 8px;
  padding: 0px 6px 0px 6px;
}
.badge-border-height{
  height: 29px;
}
.banner-block .category-banner {
  padding-left: 0;
  list-style: none;
  display: flex;
  overflow: auto;
  border-top: 1px solid transparent;
}

.banner-block .category-banner li {
  flex: 0 0 20%;
  max-width: 20%;
  border-right: 1px solid #e7e7e7;
  max-height: 170px;
  overflow: hidden;
}

.banner-block .category-banner a:hover>img {
  transform: scale(1.15);
  transition: transform .5s;
}
@media (min-width: 1200px) {
  .col-sm-3 {
    width: 23.5% !important;
  }

  .product-home-index {
    padding: 0px;
    margin: 0px -10px 0px 19px;
    border: 0.5px solid var(--gray-200-divider, #e5e7eb) !important;
    border-radius: 8px;
  }
  .list-items-boder {
    border: 0.5px solid var(--gray-200-divider, #e5e7eb) !important;
    border-radius: 8px;
    margin: 0% 1% 7% 0%;
  }
  .sale-price-boder {
    color: var(--gray-500-base-body-icon, #6b7280);
    font-family: "DBHeaventRounded";
    font-size: 22px;
    font-weight: 500;
    text-decoration: line-through !important;
  }
}
@media (min-width: 992px) {
  .product-home-index {
    padding: 0px;
    margin: 0px -10px 0px 19px;
    border: 0.5px solid var(--gray-200-divider, #e5e7eb) !important;
    border-radius: 8px;
  }
  .list-items-boder {
    border: 0.5px solid var(--gray-200-divider, #e5e7eb) !important;
    border-radius: 8px;
    margin: 0% 1% 1% 0%;
  }
  .sale-price-boder {
    color: var(--gray-500-base-body-icon, #6b7280);
    font-family: "DBHeaventRounded";
    font-size: 20px;
    font-weight: 500;
    text-decoration: line-through !important;
  }
}

@media (min-width: 768px) {
  .product-home-index {
    padding: 0px;
    margin: 0px -10px 0px 19px;
    border: 0.5px solid var(--gray-200-divider, #e5e7eb) !important;
    border-radius: 8px;
  }
  .list-items-boder {
    border: 0.5px solid var(--gray-200-divider, #e5e7eb) !important;
    border-radius: 8px;
    margin: 0% 1% 1% 0%;
  }
  .sale-price-boder {
    color: var(--gray-500-base-body-icon, #6b7280);
    font-family: "DBHeaventRounded";
    font-size: 19px;
    font-weight: 500;
    text-decoration: line-through !important;
  }

  .txt-price-boder-top {
    padding-top: 10px;
  }

  .txt-price-boder {
    color: var(--gray-700-title-field, #374151);
    font-family: "DBHeaventRounded";
    font-size: 1.3rem;
    font-weight: 500;
    background: var(--BG, #f8f8f8);
    padding: 8px 4px 8px 8px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 16px;
  }

  .txt-saleprice-boder {
    color: var(--gray-900-title-heading, #111827);
    font-family: "DBHeaventRounded";
    font-size: 3rem;
    font-weight: bold;
  }

  .txt-discount {
    padding: 4px 8px 4px 8px;
    font-family: "DBHeaventRounded";
    border-radius: 20px;
    background: #cd1201;
    color: var(--white, #fff);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-left: 0.7em;
  }

  .txt-promotion {
    color: var(--gray-500-base-body-icon, #6b7280);
    font-family: "DBHeaventRounded";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 1px;
  }

  .tex-promotion-left {
    margin-left: 15px;
    /* position: absolute; */
  }

  .view_eye {
    width: 18px !important;
    display: initial !important;
    font-family: "DBHeaventRounded";
    padding-bottom: 20px;
  }

  .ready-point {
    color: var(--foundation-avi-green-avi-green-500, #47a836);
    font-weight: 500;
    font-family: "DBHeaventRounded";
    font-size: 16px;
  }

  .badge-border {
    display: flex;
    padding: 3px 6px 4px 4px;
    align-items: center;
    gap: 10px;
    border: 0.5px dashed #dba10d;
    background: #fff9db;
  }
  .badge-border-text {
    color: #dba10d;
    font-family: "DBHeaventRounded";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .badge-border-fonts {
    color: var(--gray-900-title-heading, #111827) !important;
    font-family: "DBHeaventRounded";
    font-size: 22px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 100% */
    height: 4rem;
  }
  .badge-spec-fonts {
    font-family: "DBHeaventRounded";
    font-size: 18px !important;
  }
  .badge-model-fonts {
    color: var(--foundation-avi-blue-avi-blue-700, #096a9b);
    /* text-sm/leading-5/font-regular */
    font-family: "DBHeaventRounded";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }

  .badge-border-svg {
    width: 19px; /* กำหนดขนาดของรูปภาพ SVG */
    height: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 16 17" fill="none"><path d="M13.3333 5.16667H12.1747C12.5516 4.8344 12.8508 4.42325 13.051 3.9624C13.2513 3.50154 13.3477 3.00227 13.3333 2.5C13.3333 2.32319 13.2631 2.15362 13.1381 2.0286C13.013 1.90357 12.8435 1.83333 12.6667 1.83333C12.4899 1.83333 12.3203 1.90357 12.1953 2.0286C12.0702 2.15362 12 2.32319 12 2.5C12 4.248 10.4193 4.85333 9.21733 5.06067C9.66099 4.27404 9.92806 3.40025 10 2.5C10 1.96957 9.78929 1.46086 9.41421 1.08579C9.03914 0.710714 8.53043 0.5 8 0.5C7.46957 0.5 6.96086 0.710714 6.58579 1.08579C6.21071 1.46086 6 1.96957 6 2.5C6.07194 3.40025 6.33901 4.27404 6.78267 5.06067C5.58067 4.85333 4 4.248 4 2.5C4 2.32319 3.92976 2.15362 3.80474 2.0286C3.67971 1.90357 3.51014 1.83333 3.33333 1.83333C3.15652 1.83333 2.98695 1.90357 2.86193 2.0286C2.7369 2.15362 2.66667 2.32319 2.66667 2.5C2.65234 3.00227 2.74872 3.50154 2.94896 3.9624C3.1492 4.42325 3.4484 4.8344 3.82533 5.16667H2.66667C1.95942 5.16667 1.28115 5.44762 0.781049 5.94772C0.280952 6.44781 0 7.12609 0 7.83333L0 8.5C0 8.85362 0.140476 9.19276 0.390524 9.44281C0.640573 9.69286 0.979711 9.83333 1.33333 9.83333V13.1667C1.33439 14.0504 1.68592 14.8976 2.31081 15.5225C2.93571 16.1474 3.78294 16.4989 4.66667 16.5H11.3333C12.2171 16.4989 13.0643 16.1474 13.6892 15.5225C14.3141 14.8976 14.6656 14.0504 14.6667 13.1667V9.83333C15.0203 9.83333 15.3594 9.69286 15.6095 9.44281C15.8595 9.19276 16 8.85362 16 8.5V7.83333C16 7.12609 15.719 6.44781 15.219 5.94772C14.7189 5.44762 14.0406 5.16667 13.3333 5.16667ZM8 1.83333C8.17681 1.83333 8.34638 1.90357 8.47141 2.0286C8.59643 2.15362 8.66667 2.32319 8.66667 2.5C8.58619 3.20855 8.35915 3.89261 8 4.50867C7.64085 3.20855 7.41381 3.20855 7.33333 2.5C7.33333 2.32319 7.40357 2.15362 7.5286 2.0286C7.65362 1.90357 7.82319 1.83333 8 1.83333ZM1.33333 7.83333C1.33333 7.47971 1.47381 7.14057 1.72386 6.89052C1.97391 6.64048 2.31304 6.5 2.66667 6.5H7.33333V8.5H1.33333V7.83333ZM2.66667 13.1667V9.83333H7.33333V15.1667H4.66667C4.13623 15.1667 3.62753 14.956 3.25245 14.5809C2.87738 14.2058 2.66667 13.6971 2.66667 13.1667ZM13.3333 13.1667C13.3333 13.6971 13.1226 14.2058 12.7475 14.5809C12.3725 14.956 11.8638 15.1667 11.3333 15.1667H8.66667V9.83333H13.3333V13.1667ZM8.66667 8.5V6.5H13.3333C13.687 6.5 14.0261 6.64048 14.2761 6.89052C14.5262 7.14057 14.6667 7.47971 14.6667 7.83333V8.5H8.66667Z" fill="%23DBA10D"/></svg>');
    background-repeat: no-repeat;
  }
  .badge-re-entry-svg {
    width: 15px; /* กำหนดขนาดของรูปภาพ SVG */
    height: 16px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 12 13" fill="none"><path d="M10.982 6.9375C10.8856 8.07741 10.4024 9.1501 9.61246 9.9776C8.82257 10.8051 7.7735 11.3377 6.6393 11.487C5.5051 11.6363 4.35395 11.3933 3.37683 10.7984C2.39971 10.2034 1.65535 9.29232 1.26726 8.21618C0.879166 7.14004 0.87066 5.96356 1.24315 4.88192C1.61564 3.80028 2.34674 2.8785 3.31516 2.26951C4.28357 1.66051 5.43109 1.40092 6.56733 1.53379C7.70357 1.66666 8.76023 2.18401 9.56201 3H8.00101C7.8684 3 7.74123 3.05268 7.64746 3.14645C7.55369 3.24022 7.50101 3.36739 7.50101 3.5C7.50101 3.63261 7.55369 3.75979 7.64746 3.85355C7.74123 3.94732 7.8684 4 8.00101 4H10.0725C10.3187 3.99987 10.5548 3.902 10.7289 3.7279C10.903 3.5538 11.0009 3.31771 11.001 3.0715V1C11.001 0.867392 10.9483 0.740215 10.8546 0.646447C10.7608 0.552678 10.6336 0.5 10.501 0.5V0.5C10.3684 0.5 10.2412 0.552678 10.1475 0.646447C10.0537 0.740215 10.001 0.867392 10.001 1V2.039C8.99535 1.14036 7.71596 0.607242 6.36975 0.525856C5.02354 0.444469 3.68924 0.819579 2.58264 1.59052C1.47604 2.36145 0.661858 3.48314 0.271768 4.77416C-0.118322 6.06518 -0.0615078 7.45004 0.433022 8.70477C0.927551 9.9595 1.83088 11.0107 2.99691 11.6884C4.16293 12.3661 5.52348 12.6307 6.8585 12.4393C8.19352 12.2479 9.42494 11.6118 10.3536 10.6338C11.2823 9.6558 11.8539 8.39313 11.976 7.05C11.9825 6.98037 11.9744 6.91016 11.9522 6.84384C11.93 6.77752 11.8943 6.71655 11.8472 6.66481C11.8002 6.61307 11.7429 6.57169 11.679 6.54331C11.6151 6.51494 11.5459 6.50019 11.476 6.5C11.354 6.49853 11.2359 6.54252 11.1446 6.62339C11.0532 6.70427 10.9953 6.81624 10.982 6.9375Z" fill="white"/></svg>');
    background-repeat: no-repeat;
  }
  .badge-re-entry {
    display: flex;
    padding: 4px 12px 3px 8px;
    align-items: center;
    gap: 10px;
    border-radius: 0px 16px 16px 0px;
    background: #8e44ad;
    position: absolute;
    z-index: 1;
    color: var(--white, #fff);
    margin-left: -6px;
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .badge-re-entry {
    display: flex;
    padding: 4px 12px 3px 8px;
    align-items: center;
    gap: 10px;
    border-radius: 0px 16px 16px 0px;
    background: #8e44ad;
    position: absolute;
    z-index: 1;
    color: var(--white, #fff);
    margin-left: -6px;
    margin-top: 15px;
  }
  .sale-price-boder {
    color: var(--gray-500-base-body-icon, #6b7280);
    font-family: "DBHeaventRounded";
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through !important;
  }

  .price-diff {
    margin-left: 5px !important;
  }

  .installments-border {
    width: 15vw;
    height: 5vh;
    position: absolute;
  }

  .tex-promotion-left {
    margin-left: 10px;
    padding-top: 10px;
    /* position: absolute; */
  }
  
}
@media (max-width: 767px) {
  .badge-border-height{
    height: 55px;
  }
  
}
.txt-fonts-herder{
  font-family: "DBHeaventRounded";
  font-weight: 500;
}