/*  03:46:32 02/01/2025 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: 0;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.no-js .owl-carousel {
  display: block;
}
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("../../lib/owlCarousel/assets/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*="owl-"] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background: #869791;
  color: #fff;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-bottom: 10px;
  background: #fff;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*="owl-"] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background: #869791;
  color: #fff;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}
.owl-customDots.owl-theme .owl-nav.disabled + .owl-dots {
  position: absolute;
  bottom: 3px;
  left: 0;
  right: 0;
}
.owl-customDots.owl-theme .owl-dots .owl-dot span {
  height: 2px;
  border-radius: 0;
  opacity: 0.5;
  background: #fff;
  margin: 0 2px;
}
.owl-customDots.owl-theme .owl-dots .owl-dot.active span,
.owl-customDots.owl-theme .owl-dots .owl-dot:hover span {
  opacity: 1;
}
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
#cboxOverlay {
  background: #000;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
#colorbox {
  outline: 0;
}
#cboxContent {
  overflow: visible;
  background: #fff;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  background: #fff;
}
#cboxLoadingGraphic {
  background: url(../images/colorbox/loading.gif) no-repeat center center;
}
#cboxLoadingOverlay {
  background: #fff;
}
#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #000;
}
#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px;
}
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -20px;
  background: url(../images/colorbox/controls.png) no-repeat 0 0;
}
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
#cboxPrevious {
  background-position: 0 0;
  right: 44px;
}
#cboxPrevious:hover {
  background-position: 0 -25px;
}
#cboxNext {
  background-position: -25px 0;
  right: 22px;
}
#cboxNext:hover {
  background-position: -25px -25px;
}
#cboxClose {
  background-position: -50px 0;
  right: 0;
}
#cboxClose:hover {
  background-position: -50px -25px;
}
.cboxSlideshow_on #cboxPrevious,
.cboxSlideshow_off #cboxPrevious {
  right: 66px;
}
.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -25px;
}
.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0;
  right: 44px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -25px;
}
.cls {
  position: absolute;
  right: 10px;
  top: 11px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 999;
}
.cls:before {
  content: "×";
  font-size: 32px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  width: 100%;
  height: 100%;
  font-family: Tahoma;
  display: block;
}
#popupbox {
  width: 800px;
  position: relative;
  background-color: #fff;
}
#popupbox * {
  box-sizing: inherit;
}
#popupbox > b {
  text-align: center;
  font-size: 20px;
  padding: 15px 0 12px 0;
  display: block;
  background-color: #333;
  margin-bottom: 15px;
  color: #fff;
}
#popupbox > label {
  padding: 15px 0;
  display: block;
  text-align: center;
}
#popupbox.login {
  width: 500px;
}
#popupbox.login > div {
  padding: 0 15px;
  text-align: center;
}
#popupbox.login > div > * {
  display: block;
}
#popupbox.login > div > span {
  margin-bottom: 10px;
  line-height: 1.4;
}
#popupbox.login > div > button {
  display: inline-block;
  vertical-align: top;
}
#popupbox.verify {
  width: 500px;
  text-align: center;
}
#popupbox.verify > p {
  padding: 0 10px;
  text-align: center;
  line-height: 1.4;
}
#popupbox.verify > div.info {
  padding: 10px 15px;
  background-color: #f1f1f1;
  text-align: center;
  margin: 10px 0;
}
#popupbox.verify > div.info > * {
  display: inline-block;
  vertical-align: middle;
}
#popupbox.verify > div.info > img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 7px;
}
#popupbox.verify > div.info > span {
  text-align: left;
  line-height: 1.4;
}
#popupbox.verify > form {
  padding: 0 10px;
  text-align: center;
}
#popupbox.verify > form > * {
  display: block;
}
#popupbox.verify > form > b {
  text-align: center;
  font-weight: normal;
  font-size: 16px;
}
#popupbox.verify > form > input {
  height: 30px;
  line-height: 30px;
  border: 1px solid #ccc;
  width: 68%;
  padding: 0 2%;
  border-radius: 4px;
  margin: 5px auto;
}
#popupbox.verify > form > button {
  display: inline-block;
}
#popupbox.verify > form > a {
  padding-top: 10px;
  color: #0521ff;
}
#popupbox.verify > form > p {
  padding: 0 10px;
  line-height: 1.5;
}
#popupbox.user-list > form {
  text-align: center;
}
#popupbox.user-list > form > * {
  display: inline-block;
  vertical-align: middle;
}
#popupbox.user-list > form > span {
  text-align: right;
  width: 180px;
}
#popupbox.user-list > form > span > b {
  display: block;
  font-size: 16px;
}
#popupbox.user-list > form > div > * {
  display: inline-block;
  vertical-align: middle;
}
#popupbox.user-list > form > div.ul-key {
  margin: 0 10px;
  position: relative;
}
#popupbox.user-list > form > div.ul-key > input {
  width: 200px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0 30px 0 10px;
  display: block;
}
#popupbox.user-list > form > div.ul-key > button {
  position: absolute;
  width: 16px;
  height: 16px;
  background: transparent url(/ContentMwg/images/campaigns/icon/btn-search.png)
    no-repeat center top;
  right: 9px;
  top: 8px;
  border: 0;
  cursor: pointer;
}
#popupbox.user-list > div {
  padding: 0 10px;
  position: relative;
  max-height: 295px;
  overflow: hidden;
  margin: 15px 0;
  overflow-y: auto;
}
#popupbox.user-list > div > table {
  width: 100%;
}
#popupbox.user-list > div > table th {
  padding: 7px 10px;
  background-color: #f1f1f1;
  font-size: 13px;
  text-align: left;
}
#popupbox.user-list > div > table th.tc {
  text-align: center;
}
#popupbox.user-list > div > table td {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
#popupbox.user-list > div > table td > a {
  color: #0091fb;
}
#popupbox.user-list > div > table td > a > b {
  font-weight: normal;
}
#popupbox.user-list > div > table td.check > b {
  color: #63bb02;
  background: transparent url(../images/general/iconcheckout@2x.png) no-repeat
    left center;
  background-size: 260px 50px;
  background-position: -165px -25px;
  display: inline-block;
  padding-left: 20px;
  height: 16px;
  line-height: 16px;
  font-weight: normal;
  font-size: 13px;
}
#popupbox.user-list > div > table td.tc {
  text-align: center;
}
#popupbox.user-list > a.showmore {
  width: 150px;
  display: block;
  margin: 0 auto 15px auto;
  background-color: #333;
  color: #fff;
  text-align: center;
  height: 30px;
  line-height: 32px;
  font-size: 13px;
}
#popupbox.user-list > div > p {
  padding: 15px 0 35px 0;
  font-size: 17px;
  text-align: center;
}
#popupbox.history {
  width: 500px;
}
#popupbox.history .his-profile {
  margin: -5px 0 10px 0;
}
#popupbox.history .his-profile > * {
  display: inline-block;
  vertical-align: middle;
}
#popupbox.history .his-profile > img {
  width: 50px;
  height: 50px;
  border: 1px solid #ccc;
  margin-right: 5px;
  border-radius: 50%;
}
#popupbox.history .his-profile > span > * {
  display: block;
}
#popupbox.history .his-profile > span > a {
  color: #09f;
  font-size: 16px;
}
#popupbox.history .his-profile > span > a > i {
  font-size: 13px;
  font-style: normal;
}
#popupbox.history .his-profile > span > span {
  padding-top: 3px;
}
#popupbox .content {
  position: relative;
  overflow: hidden;
  padding: 5px 15px;
  max-height: 350px;
}
#popupbox .content.scrollbar {
  overflow-y: auto;
}
#popupbox .content > * {
  font-size: 15px;
  line-height: 1.5 !important;
  margin-bottom: 10px;
}
#popupbox .content a {
  color: #09f;
}
.scroll {
  overflow: hidden;
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-chaining: chained;
}
@media screen and (max-width: 640px) {
  #popupbox {
    width: 460px !important;
  }
  #popupbox.user-list > form > * {
    display: block;
    margin-bottom: 5px;
  }
  #popupbox.user-list > form > span {
    text-align: center;
    width: auto;
  }
  #popupbox.user-list > form > span > b {
    display: inline-block;
    margin-right: 5px;
  }
  #popupbox.user-list > form > div.ul-key {
    width: 262px;
    margin: 0 auto 5px auto;
  }
  #popupbox.user-list > form > div.ul-key > input {
    width: 220px;
  }
  #popupbox.user-list > div > table th:first-child,
  #popupbox.user-list > div > table td:first-child {
    text-align: left;
  }
  #popupbox.user-list > div > table th:last-child {
    width: 110px;
  }
  #popupbox.user-list > div {
    padding: 0 5px;
  }
}
@media screen and (max-width: 480px) {
  #popupbox > b {
    font-size: 16px;
    font-weight: normal;
  }
}
@media screen and (max-width: 414px) {
  #popupbox {
    width: 394px !important;
  }
}
@media screen and (max-width: 384px) {
  #popupbox {
    width: 364px !important;
  }
}
@media screen and (max-width: 375px) {
  #popupbox {
    width: 355px !important;
  }
}
@media screen and (max-width: 360px) {
  #popupbox {
    width: 340px !important;
  }
}
@media screen and (max-width: 320px) {
  #popupbox {
    width: 300px !important;
  }
}
.stKCp {
  max-width: 1200px;
}
.promote {
  background-color: #c60004;
  margin-bottom: 30px;
  padding: 10px;
}
.promote-top {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-left: 30px;
}
.promote__title {
  align-items: center;
  display: flex;
  justify-content: center;
}
.promote__title p {
  color: #fff;
  font-size: 12px;
  margin-left: 10px;
}
.promote__title p span {
  color: #fbe77e;
  font-size: 15px;
  font-weight: bold;
}
.promote__title p em {
  font-style: normal;
}
.promote-main {
  display: flex;
  margin-top: 15px;
}
.promote__form {
  background-color: #fefcec;
  border-radius: 8px;
  padding: 15px 10px;
  width: 190px;
}
.promote__banner {
  column-gap: 8px;
  display: grid;
  grid-auto-rows: minmax(min-content, max-content);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding-left: 10px;
  width: calc(100% - 190px);
}
.promote__banner img {
  border-radius: 8px;
  display: block;
  max-width: 100%;
  width: 100%;
}
.promote .form-noti {
  color: #c60004;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}
.couponform .item-input {
  margin-top: 10px;
}
.couponform .item-input input {
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  height: 38px;
  padding: 10px;
  width: 100%;
}
.couponform .item-input input:focus {
  border-color: #c60004;
}
.couponform button {
  background-color: #bdbdbd;
  border-radius: 8px;
  border: unset;
  color: #fff;
  margin-top: 10px;
  padding: 10px;
  width: 100%;
  position: relative;
}
.couponform button.hasvalue {
  background-color: #c60004;
}
.form-note {
  color: #555;
  font-size: 11px;
  line-height: 17px;
  margin-top: 15px;
}
.promote .required {
  color: #f00;
  font-size: 11px;
  margin: 10px 0 0;
}
.promote__more {
  color: #fff;
  font-size: 12px;
  line-height: 15px;
}
.promote__more span {
  border: 2px solid #fff;
  border-radius: 50%;
  height: 24px;
  display: inline-block;
  position: relative;
  width: 24px;
}
.promote__more span::before,
.promote__more span::after {
  content: "";
  position: absolute;
}
.promote__more span::before {
  background-color: #fff;
  height: 2px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
}
.promote__more span::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 2px;
  height: 6px;
  right: 5px;
  top: calc(50% - 3.5px);
  transform: rotate(45deg);
  width: 6px;
}
.promote__more p {
  display: inline-block;
  margin-right: 5px;
}
.promote-animation {
  height: 10px;
  left: 8px;
  position: absolute;
  top: 10px;
  width: 10px;
}
.promote-animation::before {
  content: "";
  position: relative;
  display: block;
  width: 300%;
  height: 300%;
  box-sizing: border-box;
  margin-left: -100%;
  margin-top: -100%;
  border-radius: 45px;
  background-color: #fbeda3;
  -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1)
    infinite;
  animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.promote-animation::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fbe77e;
  border-radius: 15px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s
    infinite;
  animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}
.promote-done {
  margin-top: 10px;
  text-align: center;
}
.promote-done img {
  max-width: 44px;
}
.promote-done b {
  color: #c60004;
  display: block;
  font-weight: bold;
  margin-top: 10px;
}
.promote-done p {
  color: #333;
  margin-top: 10px;
  position: relative;
  padding-left: 15px;
  text-align: left;
  font-size: 13px;
}
.promote-done p::before {
  background-color: #333;
  border-radius: 50%;
  content: "";
  height: 4px;
  left: 2px;
  position: absolute;
  top: 6px;
  width: 4px;
}
.stage-twoKids {
  background-color: #da8403;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 4px;
  display: none;
}
.load {
  display: block;
  width: 20px;
  height: 20px;
  border: 5px solid #fff;
  border-top: 5px solid transparent;
  -webkit-animation: load-animate infinite linear 1s;
  animation: load-animate infinite linear 1s;
  border-radius: 100%;
}
.showLding {
  display: flex;
}
.formcode {
  margin-top: 10px;
}
.formcode .input-item {
  margin-bottom: 10px;
}
.formcode input {
  border-radius: 8px;
  border: 1px solid #d6d6d6;
  height: 38px;
  padding: 10px;
  width: 100%;
}
.formcode input:focus {
  border: 1px solid #c60004;
}
.formcode button {
  background-color: #bdbdbd;
  border-radius: 9px;
  border: unset;
  color: #fff;
  cursor: pointer;
  padding: 10px;
  pointer-events: none;
  width: 100%;
  position: relative;
}
.formcode button.hasvalue {
  background-color: #da8403;
  pointer-events: unset;
}
.bg-code {
  background-color: rgba(0, 0, 0, 0.9);
  bottom: 0;
  display: none;
  left: 0;
  margin: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99;
}
.code-form {
  background-color: #fffbe5;
  border-radius: 12px;
  display: none;
  max-width: 340px;
  left: 50%;
  padding: 25px 20px;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 100;
}
.code-form::before {
  border: 2px solid #da8403;
  border-radius: 12px;
  content: "";
  height: calc(100% - 9px);
  left: 3px;
  position: absolute;
  top: 3px;
  width: calc(100% - 9px);
  z-index: -1;
}
.code-form::after {
  border: 1px solid #da8403;
  border-radius: 10px;
  content: "";
  height: calc(100% - 14px);
  left: 6px;
  position: absolute;
  top: 6px;
  width: calc(100% - 14px);
  z-index: -1;
}
.code-title {
  font-weight: bold;
  text-align: center;
}
.code-title span {
  color: #c60004;
}
.code-note {
  margin-top: 25px;
}
.code-note p {
  font-size: 11px;
}
.code-note p.required {
  color: #f00;
}
.code-btnclose {
  border: 1px solid #dbdbdb;
  background-color: #fff;
  border-radius: 8px;
  cursor: pointer;
  position: absolute;
  padding: 7px 30px 7px 15px;
  right: 0;
  top: -40px;
}
.code-btnclose::before,
.code-btnclose::after {
  background-color: #626262;
  content: "";
  height: 16px;
  position: absolute;
  right: 15px;
  top: 8px;
  width: 1px;
}
.code-btnclose::before {
  transform: rotate(45deg);
}
.code-btnclose::after {
  transform: rotate(-45deg);
}
.code-form-img {
  text-align: center;
}
.code-form-img span {
  color: #333;
  display: block;
  font-weight: bold;
  margin-top: 10px;
}
.code-form-img b {
  color: #da8403;
}
.code-form-list .sfcpPhone {
  font-weight: bold;
}
.code-form-list li {
  color: #333;
  margin-top: 10px;
  padding-left: 20px;
  position: relative;
}
.code-form-list li::before {
  background-color: #333;
  border-radius: 50%;
  content: "";
  height: 4px;
  left: 7px;
  position: absolute;
  top: 6px;
  width: 4px;
}
.bannerFirstCp {
  max-width: 1200px;
  margin: 0 auto 20px;
  cursor: pointer;
}
.bannerFirstCp img {
  width: 100%;
}
.lnkFS {
  text-align: center;
  width: 144px;
  display: block;
  margin: 20px auto 5px;
  border-radius: 30px;
  border: solid 1px #bc7103;
  padding: 10px;
  font-weight: bold;
  color: #bc000c;
  background-color: #f9cb70;
}
.popupPMHDmx .code-form {
  background-color: #f3f8fe;
}
.popupPMHDmx .code-form::before,
.popupPMHDmx .code-form::after {
  border-color: #1b65c5;
}
.popupPMHDmx .lnkFS {
  border: solid 1px #4b83c6;
  background-color: #0358bc;
  color: #fff;
}
.popupPMHDmx .code-form-img b {
  color: #1b65c5;
}
.popupPMHDmx .formcode button.hasvalue,
.popupPMHDmx .stage-twoKids {
  background-color: #2377e8;
}
@keyframes pulse-ring {
  0% {
    transform: scale(0.33);
  }
  80%,
  100% {
    opacity: 0;
  }
}
@keyframes pulse-dot {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
.hide {
  display: none;
}
* {
  box-sizing: border-box;
}
body.not-found {
  background-color: #fff;
}
.owl-carousel.listproduct .item {
  width: auto;
}
.owl-carousel.listproduct .item:first-child {
  border: 0;
}
.owl-carousel.listproduct .owl-wrapper {
  display: flex !important;
}
.owl-carousel.listproduct .owl-item {
  display: flex;
}
.owl-carousel.listproduct .item {
  width: 100%;
}
.owl-carousel.listproduct .owl-item:first-child {
  border-left: 1px solid #f1f1f1;
}
.owl-carousel.listproduct .owl-item {
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
.owl-carousel .owl-buttons div {
  background: rgba(255, 255, 255, 0.9) !important;
  height: 60px;
  width: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.owl-carousel .owl-buttons div::before {
  border-top: 3px solid #666;
  border-right: 3px solid #666;
  content: "";
  height: 22px;
  position: absolute;
  top: 18px;
  width: 22px;
}
.owl-carousel .owl-prev {
  box-shadow: 6px 0 4px rgba(0, 0, 0, 0.05), 4px 0 4px rgba(0, 0, 0, 0.09);
  border-radius: 0 4px 4px 0;
  left: 0;
}
.owl-carousel .owl-next {
  box-shadow: -6px 0 4px rgba(0, 0, 0, 0.05), -4px 0 4px rgba(0, 0, 0, 0.09);
  border-radius: 4px 0 0 4px;
  right: 0;
}
.owl-carousel .owl-prev::before {
  left: 10px;
  transform: rotate(-135deg);
}
.owl-carousel .owl-next::before {
  transform: rotate(45deg);
  right: 8px;
}
* {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
a {
  text-decoration: none;
  transition: 0.2s;
  color: #288ad6;
}
ul,
ol {
  list-style: none;
}
.clr {
  clear: both;
}
.clearfix {
  display: block;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
body,
input,
button,
option,
textarea,
label,
select,
legend,
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font: 14px/18px Arial, Helvetica, sans-serif;
  color: #333;
  outline: 0;
}
body {
  min-width: 1024px;
}
p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  text-rendering: geometricPrecision;
}
input[type="text"],
input[type="tel"],
textarea {
  -webkit-appearance: none;
}
[class^="iconfeed-"],
[class*="iconfeed-"] {
  background-image: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/icon_global.webp);
  background-repeat: no-repeat;
  display: inline-block;
  width: 75px;
  height: 108px;
  vertical-align: middle;
  background-size: 100px 145px;
}
.iconfeed-dmx {
  background-position: -2px -57px;
  width: 53px;
  height: 53px;
}
.iconfeed-tgdd {
  background-position: 0 -2px;
  width: 53px;
  height: 53px;
}
.iconfeed-radio {
  background-position: -57px -32px;
  width: 19px;
  height: 19px;
}
.iconfeed-radio.active {
  background-position: -57px -57px;
  width: 19px;
  height: 19px;
}
[class^="iconratingnew-"],
[class*="iconratingnew-"] {
  background-image: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/icon-comment.webp);
  background-repeat: no-repeat;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  vertical-align: middle;
  background-size: 152px 58px;
}
.iconratingnew-redstar {
  background-position: -72px 0;
  width: 20px;
  height: 19px;
}
.iconratingnew-redstar--big {
  background-position: -124px -30px;
  width: 28px;
  height: 27px;
}
.iconratingnew-circlestar {
  background-position: -100px 0;
  width: 16px;
  height: 16px;
}
.iconratingnew-circlestar--big {
  background-position: -5px -32px;
  width: 18px;
  height: 18px;
}
.iconratingnew-star--big {
  background-position: -125px -1px;
  width: 27px;
  height: 27px;
}
.iconratingnew-star--big.active {
  background-position: -1px -1px;
  width: 27px;
  height: 27px;
}
.iconratingnew-star--medium {
  background-position: -38px 0;
  width: 23px;
  height: 23px;
}
.iconratingnew-star--medium.active {
  background-position: -38px -27px;
  width: 23px;
  height: 23px;
}
.iconratingnew-star--small {
  background-position: -72px -32px;
  width: 16px;
  height: 16px;
}
.iconratingnew-star--small.active {
  background-position: -93px -32px;
  width: 16px;
  height: 16px;
}
[class^="iconlogo-"],
[class*="iconlogo-"] {
  background-repeat: no-repeat;
  display: inline-block;
  height: 24px;
  width: 80px;
  line-height: 30px;
  vertical-align: middle;
  background-size: 250px 200px;
}
[class^="iconlogo-"].visible,
[class*="iconlogo-"].visible {
  background-image: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/DMX/Global/Desktop/Logo-webmoi-min.png);
}
.iconlogo-fashion {
  background-position: -85px -29px;
}
.iconlogo-ji {
  background-position: -170px -58px;
}
.iconlogo-bachhoaxanh {
  background-position: -170px 0;
}
.iconlogo-cycle {
  background-position: -85px -58px;
}
.iconlogo-thegioididong {
  background-position: 0 0;
}
.iconlogo-dienmayxanh {
  background-position: -85px 0;
}
.iconlogo-kids {
  background-position: -85px -120px;
}
.iconlogo-topzone {
  background-position: 0 -58px;
}
.iconlogo-sport {
  background-position: 0 -29px;
}
.iconlogo-tantam {
  background-position: -170px -90px;
}
.iconlogo-ankhang {
  background-position: -85px -90px;
}
.iconlogo-4kfarm {
  background-position: 0 -90px;
}
.iconlogo-vieclam {
  background-position: 0 -120px;
}
.iconlogo-erablue {
  background-position: -170px -120px;
}
section {
  width: 100%;
  max-width: 1200px;
  margin: auto;
}
#gb-top-page {
  bottom: 15px;
  position: fixed;
  right: 15px;
  display: none;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 18px;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 29px;
  text-align: center;
  cursor: pointer;
  z-index: 99;
}
.over-flow {
  overflow: hidden !important;
}
.relative {
  position: relative !important;
}
.hide {
  display: none !important;
}
.disabled {
  pointer-events: none !important;
}
.preloader.preall {
  position: fixed;
}
#dldingtext {
  background: rgba(0, 0, 0, 0.9);
  border-radius: 5px 5px 0 0;
  bottom: 0;
  color: #fff;
  display: none;
  padding: 10px 15px;
  position: fixed;
  right: 0;
  z-index: 99999;
}
.locationbox__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 12;
  background: rgba(0, 0, 0, 0.75);
  display: none;
  margin: auto;
}
.locationbox {
  background: #fff;
  position: fixed;
  z-index: 13;
  max-width: 476px;
  align-items: center;
  margin: auto;
  display: none;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  border-radius: 8px;
}
.locationbox__item {
  display: inline-block;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 45px);
}
.locationbox__item span {
  text-transform: capitalize;
}
.locationbox__item.locationbox__item--right {
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
  padding: 17px 10px;
  position: relative;
  text-align: center;
  color: #333;
}
.locationbox__item.locationbox__item--right p {
  text-align: center;
  font-weight: bold;
}
.locationbox__item.locationbox__item--right > a:not(.cls-location) {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  color: #333;
  cursor: pointer;
  line-height: 21px;
  padding: 7px;
  text-align: right;
  width: 67px;
}
.locationbox__item.locationbox__item--right > a:not(.cls-location):before,
.locationbox__item.locationbox__item--right > a:not(.cls-location):after {
  background-color: #333;
  content: "";
  left: 13px;
  height: 14px;
  position: absolute;
  top: 10px;
  width: 1px;
}
.locationbox__item.locationbox__item--right > a:not(.cls-location):before {
  transform: rotate(45deg);
}
.locationbox__item.locationbox__item--right > a:not(.cls-location):after {
  transform: rotate(-45deg);
}
.locationbox__popup.new-popup {
  position: relative;
  top: 0;
  width: 100%;
}
.locationbox__popup .locationbox__popup--cnt {
  position: relative;
  overflow: visible;
  background-color: #fff;
  padding: 15px 45px;
  line-height: 25px;
  border-radius: 4px;
}
.locationbox__popup .locationbox__popup--cnt.locationbox__popup--suggestion {
  padding: 10px 5px;
  max-width: 330px;
  margin: 0 auto;
  position: absolute;
  left: -150%;
  right: 0;
  top: -30px;
}
.locationbox__popup
  .locationbox__popup--cnt.locationbox__popup--suggestion:before,
.locationbox__popup
  .locationbox__popup--cnt.locationbox__popup--suggestion:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 9px 8px;
  position: absolute;
  top: -8px;
  border-color: transparent transparent #4a90e2 transparent;
  left: 46%;
}
.locationbox__popup
  .locationbox__popup--cnt.locationbox__popup--suggestion
  > div
  p {
  padding-left: 0;
}
.locationbox__popup
  .locationbox__popup--cnt.locationbox__popup--suggestion
  .btn-block {
  display: block;
  overflow: hidden;
  line-height: normal;
  margin: 6px auto 2px;
  text-align: center;
}
.locationbox__popup
  .locationbox__popup--cnt.locationbox__popup--suggestion
  .btn-block
  .btn-location {
  background: #f97e0f;
  border-radius: 4px;
  padding: 10px;
  color: #fff;
  display: inline-block;
  width: 112px;
  text-align: center;
}
.locationbox__popup
  .locationbox__popup--cnt.locationbox__popup--suggestion
  .btn-block
  .btn-location.gray {
  background: #999;
}
.locationbox__popup .accept {
  position: relative;
  display: block;
  padding: 12px 0 7px;
  text-align: center;
}
.locationbox__popup .accept .btnConfirm {
  display: inline-block;
  overflow: hidden;
  padding: 13px 10px;
  border-radius: 4px;
  font-size: 14px;
  width: 90%;
  line-height: normal;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  background: #fd6e1d;
  background: -webkit-gradient(
    linear,
    0% 0,
    0% 100%,
    from(#fd6e1d),
    to(#f59000)
  );
  background: -webkit-linear-gradient(top, #f59000, #fd6e1d);
  background: -moz-linear-gradient(top, #f59000, #fd6e1d);
  background: -ms-linear-gradient(top, #f59000, #fd6e1d);
  background: -o-linear-gradient(top, #f59000, #fd6e1d);
}
.locationbox__popup .accept .btnConfirm.disabled {
  background: #ddd;
  color: #333;
}
.locationbox__showfull {
  display: block;
  color: #000;
  padding-bottom: 10px;
}
.locationbox__btnchangeLC {
  color: #4b90e0;
  margin: 5px 0;
  padding: 5px 0;
  display: block;
}
#lc_detail-dis strong,
#lc_detail-ward strong {
  text-transform: capitalize;
}
.locationbox__popup_notify {
  top: -40px;
  z-index: 9;
  max-width: 500px;
  margin: auto;
  position: relative;
  display: none;
}
.locationbox__popup_notify
  .locationbox__popup--cnt.locationbox__popup--suggestion {
  top: -1px;
  background-color: #f1f1f1;
  padding-right: 25px;
  padding-left: 10px;
  box-shadow: inset 0 0 1px #333;
}
.locationbox__popup_notify
  .locationbox__popup--cnt.locationbox__popup--suggestion:before,
.locationbox__popup_notify
  .locationbox__popup--cnt.locationbox__popup--suggestion:after {
  border-color: transparent transparent #f1f1f1 transparent !important;
}
.locationbox__popup_notify .close-notify {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  z-index: 2;
  background: #666;
  border-radius: 50%;
  opacity: 0.7;
  line-height: 18px;
}
.locationbox__popup_notify .close-notify:before {
  content: "×";
  font-size: 15px;
  color: #fff;
  text-align: center;
  width: 18px;
  display: block;
}
.form-group h3 {
  color: #000;
  font-weight: 600;
  padding: 0 0 5px;
  font-size: 14px;
}
.form-group .boxprov {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.form-group .boxprov > input {
  display: block;
  padding: 7px 0;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  text-indent: 10px;
  width: calc(100% - 2px);
  height: 45px;
}
.form-group .boxprov__listTT {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: block;
  position: relative;
  margin: 0;
  flex: 1;
}
.form-group .boxprov__listTT span {
  color: #000;
  display: block;
  padding: 10px;
  cursor: pointer;
}
.form-group .boxprov__listTT span:after {
  content: "";
  width: 0;
  right: 0;
  border-top: 6px solid #999;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: inline-block;
  vertical-align: middle;
  margin: 8px 5px 0 0;
  float: right;
}
.form-group .boxprov__listTT span.disabled {
  pointer-events: none;
  color: #999;
}
.form-group .boxprov__listTT > div {
  display: none;
  position: absolute;
  background: #fff;
  padding: 0 0 5px;
  left: 0;
  right: 0;
  top: 45px;
  border-radius: 4px;
  border: 1px solid #ccc;
  z-index: 9;
  margin: 0 -1px;
}
.form-group .boxprov__listTT > div:before,
.form-group .boxprov__listTT > div:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 8px;
  border-color: transparent transparent #6b6b6b transparent;
  position: absolute;
  top: -7px;
  left: 5vh;
}
.form-group .boxprov__listTT > div:after {
  border-color: transparent transparent #fff transparent;
}
.form-group .boxprov__listTT > div .scroll-box {
  overflow-x: hidden;
  max-height: 220px;
}
.form-group .boxprov__listTT .province-box {
  position: absolute;
  background: #fff;
  padding: 0 0 5px;
  left: 0;
  right: 0;
  top: 45px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 220px;
  border-radius: 4px;
  border: 1px solid #ccc;
  z-index: 9;
}
.form-group .boxprov__listTT .boxprov__listTT--bordertop {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background-color: #fff;
}
.form-group .boxprov__listTT .scroll-box .search-container {
  position: sticky;
  top: 5px;
  left: 0;
  right: 0;
}
.form-group .boxprov__listTT .scroll-box input {
  display: block;
  padding: 7px 20px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  text-indent: 10px;
  width: calc(100% - 15px);
  margin: 0 10px;
}
.form-group .boxprov__listTT .scroll-box .btn-search-location {
  top: 0;
}
.form-group .boxprov__listTT .scroll-box > ul {
  column-count: 2;
  column-fill: balance;
  overflow: hidden;
  display: block;
  column-gap: 0;
}
.form-group .boxprov__listTT .scroll-box > ul li {
  display: inline-block;
  width: 100%;
  flex: 1 0 50%;
}
.form-group .boxprov__listTT .scroll-box > ul li a {
  text-overflow: ellipsis;
  padding: 10px 10px 0;
  font-size: 14px;
  color: #288ad6;
  overflow: hidden;
  line-height: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.form-group .boxprov__listTT .scroll-box > ul li a.active {
  font-weight: bold;
}
.boxprov__listTT--scroll .warning-text {
  display: none;
  padding: 10px;
  background: rgba(45, 156, 219, 0.1);
  border-radius: 4px;
  font-size: 10px;
  border-left: 2.35px solid #2d9cdb;
  margin: 10px;
  line-height: 15px;
}
#search-result {
  position: absolute;
  top: 33px;
  z-index: 11;
  width: 400px;
  left: 0;
  display: none;
}
#search-result .suggest_search {
  background: #fff;
  border: 1px solid #eee;
  top: -24px;
  z-index: 100000;
  left: 2px;
  right: 2px;
  border-radius: 6px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
}
#search-result .suggest_search li {
  display: block;
  overflow: hidden;
  padding: 10px;
  border-bottom: 1px solid #eee;
}
#search-result .suggest_search li.keyword-history {
  color: #333;
  transition: 0.3s;
  line-height: 20px;
  padding: 4px 8px;
  background-color: #f1f3f9;
  border-radius: 14px;
  margin-left: 8px;
  margin-top: 6px;
  display: inline-block;
}
#search-result .suggest_search li.keyword-history a {
  color: #333;
}
#search-result .suggest_search li.keyword-history a:hover {
  color: #288ad6;
}
#search-result .suggest_search li.ttitle {
  position: relative;
}
#search-result .suggest_search li.ttitle .btnClosePop {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #c2c2c2;
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  z-index: 10;
  color: #c2c2c2;
  line-height: 19px;
  text-align: center;
  font-size: 18px;
  margin: auto;
  float: unset;
  padding: unset;
}
#search-result .suggest_search li a {
  color: #3b7adb;
  font-size: 12px;
  margin: 0 5px 0;
  display: block;
}
#search-result .suggest_search li .viewed {
  background: #f5f5f5;
  font-size: 13px;
  color: #666;
  font-weight: 400;
  padding: 10px;
  margin: -15px -10px;
}
#search-result .suggest_search li.product_suggest a .item-img {
  float: left;
  width: 60px;
  height: auto;
  margin: 0 6px 0 0;
}
#search-result .suggest_search li.product_suggest a .item-img img {
  width: 100%;
}
#search-result .suggest_search li.product_suggest a .item-info {
  float: left;
  width: calc(100% - 66px);
}
#search-result
  .suggest_search
  li.product_suggest
  a
  .item-info
  .item-txt-online {
  line-height: 1.4;
}
#search-result .suggest_search li.product_suggest a h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #333;
  font-size: 14px;
  overflow: hidden;
}
#search-result .suggest_search li.product_suggest a .price {
  font-size: 14px;
  color: #e83a45;
  float: none;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}
#search-result .suggest_search li.product_suggest a .price.twoprice {
  display: block;
  font-weight: normal;
  font-size: 13px;
  padding-top: 3px;
  color: #222;
}
#search-result .suggest_search li.product_suggest .b_flex {
  display: flex;
  gap: 10px;
}
#search-result .suggest_search li.product_suggest .b_flex strong.multiprice {
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  color: #10984b;
}
#search-result .suggest_search li.product_suggest .b_flex p.per_twoprice {
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  color: #10984b;
  background-color: #f2fcf5;
  padding: 2px 5px;
}
#search-result .suggest_search li.product_suggest a .price.twoprice:before {
  content: "";
  width: 15px;
  height: 15px;
  background: transparent
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAADIWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQwRDA1QTlFQzc2NTExRUI5RUFEQUQ5QzM0RTRFREY5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQwRDA1QTlGQzc2NTExRUI5RUFEQUQ5QzM0RTRFREY5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDBEMDVBOUNDNzY1MTFFQjlFQURBRDlDMzRFNEVERjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDBEMDVBOURDNzY1MTFFQjlFQURBRDlDMzRFNEVERjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6rTY90AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFRQTFRFR3BM0QAczwIc0AId0AEc0AEc0AEczwEc0AEc0AEb0AEbzwAgzwAQ0AEc0QIczwEa0QEc0QIe0AId1gAh0QEb0QIdzwAg0AIbzwAbzwUb0gAd0AIcLM/rQgAAABt0Uk5TAH+A31+/QCDv388QEK9/UG9vnx+PjzCfMDBPXpRnnQAAASVJREFUKM+Nk8uWgzAMQ0VJiAOkPPqcuf//n7OABGhZTFb4WPKRZSHtXxdCp/PXTSkCWHLhu3kxwOKCeHwAmhr8eJOkp/NQD/vuBXyzlaGFy6FbHadVu/4A7lOLg3VcqDduXW/8upck3WkLCcqn5ypJwchrPA3qLLHBekkOnwUbbcRCoY+SUtF15SW9lpmSJpIk473WM05y3PMw4kHNRBuk3z7XRi8Ri+8RbN7sjtz2bYWXkdctbSvsQQot42ZCv2IkSY9F2pxdwCSlAr8yS3NZzJEkTXtb6nZvi5PUGcXHCPYuay/Aa6EfTtKu/nRxO32MW0RiyLc5jcNwFp2zeFXQ7rLb+I/wDRG8+5GkMHmIzXFaeBhAjAZY1X/9J8GlBZHGXv98fzV0E9m7ufBbAAAAAElFTkSuQmCC)
    no-repeat left center;
  background-size: 15px 15px;
  margin: 1px 5px 0 0;
  display: inline-block;
  vertical-align: top;
}
#search-result .suggest_search li.product_suggest a .price.fightprice:before,
#search-result
  .suggest_search
  li.product_suggest
  a
  .price.fightpricesetup:before {
  background: transparent
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANESURBVHgBzVfNUhNBEO7ZRF3Ew/gEhiqVo7wB6w0JKG9AOAEnwtET4cYtcAqcCE8gh4TSk+PNm3Cj1CryBq5VUG6EZOz5WTY7O9mQjSJf1Sa76e3+enr6ZwLwn0EgI+i+R+H3mAdd7uNjy19934IMcCAD6O7cGgTjZ8Cdd0ByH/E6o3uzG5ABORgSmmgLY+fiN8OrhVcBg+m5888gaHz7BEMgdQtkmAN3Sj44hOLHNHAoy2dONv3VRkU5VSzj71WtVgfeOegxk7o9pC9x+yEaJKU+Wuv+cnM7plObLQEh+2BHHR5crPtLzDcFeevr7XGxmhKuykey40jAT3DfD/2VBjNV/NWjOq3NMCAORoi86BF50lZ7XNwvQWItBtBIQSSV4utMZM3umD3IfUEmilF4bEbBVgUF/c1GJReQNsIoBo+mTHmmMvybuF0HeIfCQAdIblG/fWKKsNyqdLfIZcabMtxrlJ2JC5LMypaDZZzmgG4yJaXT3U7Y6WoZIdMmueyIUf4Y/M6hviubHdOJkXNSUQqiyVgSkBNRRqLRbPYhb6HspamGDYuJ3qFtVOjeq3Iok2VIqwsUxi5/ROSqww2CjTytcmhtrgKEbyCrD/cvJkRJqgi4QVge7F+RC2jbDBschV84SSHcAp6nMASykCdAcn7kQDvPZNvFtjlorI5Crm176ulK6shxHHw4DdzXz9t4O6PG6tOfQeP752HIhcydn6yiLkHdUyt5LMmPDqMIIOR0Q4F6waliwniJJaSuXBovocl9q+Mx8ijPYn1ACciOstddADv6hJ0wRcAPEhpyQkrUzSRPjuMuZqkDa8ZIVQ6uNCegD8Q4FgR2qbbFScI5Syu+8uEWcQenYeCq2U1gSh0mRoO24aknVXq9sJ8Ja8U6SvRUlCffCJhker9tZB44uTfYU6KDh7gXpyGRgCvNxJHMfiYM7pXBvQTthBeTESKa1RN/+WgzRr5XXEQyHFSGLSKdOAD3Yt1GlX4sl+HLF3p+8uQwkZq8EjpxTS7Bd6DrMDlwBNzzY9tp+EYO2J3SE02BXTsmuW8+SUMM/c8oaH5lbnGSoOseqK5YkHPEgbe4x1swJLL/OQ23R4zWsXOWFuY7jT+8rHcsxxjMYAAAAABJRU5ErkJggg==")
    no-repeat left center;
  background-size: 16px 16px;
}
#search-result .suggest_search li.product_suggest a .box-p {
  display: inline-block;
  vertical-align: middle;
}
#search-result .suggest_search li.product_suggest a .box-p .price-old {
  display: inline-block;
  text-decoration: line-through;
  color: #333;
}
#search-result .suggest_search li.product_suggest a .box-p .percent {
  color: #333;
}
#search-result .suggest_search li.product_suggest a .item-gift {
  color: #333;
}
#search-result .suggest_search:before,
#search-result .suggest_search:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  left: 30%;
  border-bottom: 10px solid #eee;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
#search-result .suggest_search:after {
  border-width: 8px;
  border-bottom-color: #f5f5f5;
  margin-left: 2px;
}
.title-layout {
  font-size: 18px;
  line-height: 16px;
  margin-bottom: 20px;
}
.layout-col3 {
  display: flex;
  margin: 0 -5px;
}
.layout-col3 li {
  padding: 0 5px;
  width: 33.333%;
}
.layout-col3 li img {
  width: 100%;
  border-radius: 4px;
}
.trademark,
.product-news {
  margin: 40px 0 30px;
}
.trademark-slider,
.product-news-slider {
  margin: 0 -5px;
  width: calc(100% + 10px);
}
.trademark-slider a,
.product-news-slider a {
  display: block;
}
.trademark-slider a img,
.product-news-slider a img {
  width: 100%;
  border-radius: 4px;
}
.application {
  display: flex;
  margin-top: 40px;
}
.application a {
  color: #333;
}
.application img {
  border-radius: 4px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.application .col1 {
  padding-right: 15px;
  width: 67%;
}
.application .col1__ct {
  display: flex;
}
.application .col1-big {
  width: 61%;
}
.application .col1-big-img {
  position: relative;
  height: 270px;
}
.application .col1-simple {
  margin-left: 10px;
  width: calc(39% - 10px);
}
.application .col1-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 27px;
  margin-top: 10px;
}
.application .col1-hour {
  color: #999;
  line-height: 21px;
  margin-top: 5px;
}
.application .spl-item {
  align-items: center;
  display: flex;
  margin-bottom: 10px;
}
.application .spl-item__img {
  position: relative;
  width: 120px;
  height: 70px;
}
.application .spl-item-title {
  font-size: 12px;
  line-height: 17px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.application .spl-item-hour {
  color: #999;
  font-size: 10px;
  line-height: 15px;
}
.application .spl-item__content {
  padding-left: 10px;
  width: calc(100% - 120px);
}
.application .ytbclick {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.application .ttl-main {
  margin-bottom: 10px;
}
.application .title-layout,
.application .readmore-txt {
  display: inline-block;
  vertical-align: middle;
}
.application .title-layout {
  font-weight: bold;
  margin-right: 20px;
  margin-bottom: 0;
}
.application .col2 {
  width: 33%;
}
.game__item img {
  width: 100%;
}
.game-box-wrap {
  display: flex;
  margin-top: 10px;
}
.game-box-main {
  padding-left: 10px;
  width: calc(100% - 60px);
}
.game-box-img {
  width: 60px;
}
.game-title {
  font-weight: bold;
  line-height: 21px;
}
.game-label span,
.game-label p {
  display: inline-block;
  vertical-align: middle;
}
.game-label span {
  background-color: #07a358;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  padding: 0 4px;
}
.game-label p {
  font-size: 13px;
  line-height: 16px;
}
.game-box-list a {
  color: #2f80ed;
  display: block;
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
  padding-left: 15px;
  position: relative;
}
.game-box-list a::before {
  background-color: #2f80ed;
  border-radius: 50%;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 5px;
}
.game-slider .owl-nav button {
  top: 32%;
}
.col2__ct .cook-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 5px 0;
  overflow: hidden;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.col2__ct .cook-time {
  color: #666;
  font-size: 13px;
}
.col2__ct a:first-child .cook-img {
  width: 294px;
  height: 260px;
}
.col2__ct a:last-child .cook-img {
  width: 80px;
  height: 80px;
}
.col2__ct a:last-child .cook-main {
  padding-left: 10px;
  width: calc(100% - 110px);
}
.item-txt-online {
  color: #333;
  font-size: 12px;
  line-height: 16px;
  margin-top: 5px;
}
.item-txt-online > i {
  width: 15px;
  height: 15px;
  background: transparent
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAADIWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQwRDA1QTlFQzc2NTExRUI5RUFEQUQ5QzM0RTRFREY5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQwRDA1QTlGQzc2NTExRUI5RUFEQUQ5QzM0RTRFREY5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDBEMDVBOUNDNzY1MTFFQjlFQURBRDlDMzRFNEVERjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDBEMDVBOURDNzY1MTFFQjlFQURBRDlDMzRFNEVERjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6rTY90AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFRQTFRFR3BM0QAczwIc0AId0AEc0AEc0AEczwEc0AEc0AEb0AEbzwAgzwAQ0AEc0QIczwEa0QEc0QIe0AId1gAh0QEb0QIdzwAg0AIbzwAbzwUb0gAd0AIcLM/rQgAAABt0Uk5TAH+A31+/QCDv388QEK9/UG9vnx+PjzCfMDBPXpRnnQAAASVJREFUKM+Nk8uWgzAMQ0VJiAOkPPqcuf//n7OABGhZTFb4WPKRZSHtXxdCp/PXTSkCWHLhu3kxwOKCeHwAmhr8eJOkp/NQD/vuBXyzlaGFy6FbHadVu/4A7lOLg3VcqDduXW/8upck3WkLCcqn5ypJwchrPA3qLLHBekkOnwUbbcRCoY+SUtF15SW9lpmSJpIk473WM05y3PMw4kHNRBuk3z7XRi8Ri+8RbN7sjtz2bYWXkdctbSvsQQot42ZCv2IkSY9F2pxdwCSlAr8yS3NZzJEkTXtb6nZvi5PUGcXHCPYuay/Aa6EfTtKu/nRxO32MW0RiyLc5jcNwFp2zeFXQ7rLb+I/wDRG8+5GkMHmIzXFaeBhAjAZY1X/9J8GlBZHGXv98fzV0E9m7ufBbAAAAAElFTkSuQmCC)
    no-repeat left center;
  background-size: 15px 15px;
  margin: -2px 5px 0 0;
  display: inline-block;
  vertical-align: middle;
}
.zone-bhx {
  margin: auto;
  max-width: 1200px;
  position: relative;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  clear: both;
}
.zone-bhx span.note {
  font-style: italic;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
.zone-new-bhx {
  margin: auto;
  max-width: 1200px;
  position: relative;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  clear: both;
}
.zone-new-bhx span.note {
  font-style: italic;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
.productbox-bhx {
  background-color: #f1f1f1;
  border: 6px solid #008847;
  border-top: 0;
}
.productbox-bhx div.title {
  display: block;
  color: #fff;
  position: relative;
  font-size: 16px;
  background: #008847;
  padding: 10px 0;
}
.productbox-bhx div.title a {
  margin-left: 2px;
  padding-left: 30px;
}
.productbox-bhx div.title img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.productbox-bhx div.title span:first-child {
  color: #fff200;
}
.productbox-bhx div.title span.close {
  position: absolute;
  margin: auto;
  right: 5px;
  cursor: pointer;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(0, -50%);
  font-size: 12px;
  color: #fff;
  font-weight: normal;
}
.productbox-bhx div._product {
  display: flex;
}
.productbox-bhx div._product .productbox-bhx-item {
  padding-bottom: 45px;
  position: relative;
  background-color: #fff;
  width: calc(100% / 10);
  text-align: center;
}
.productbox-bhx div._product .productbox-bhx-item a:first-child {
  padding: 5px;
  position: relative;
  display: block;
}
.productbox-bhx div._product .productbox-bhx-item:not(:last-child) {
  border-right: 1px solid #eee;
}
.productbox-bhx div > a > span {
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 36px;
  margin: 0;
  width: 100%;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #333;
  line-height: 18px;
}
.productbox-bhx div > a .productbox-bhx-item-img {
  height: auto;
  width: 100px;
  margin: auto;
}
.productbox-bhx div > a .productbox-bhx-item-img img {
  width: 100%;
  height: auto;
  margin: 10px auto;
}
.productbox-bhx div > a .zone-price {
  font-size: 14px;
}
.productbox-bhx div > a .zone-price .after-price {
  color: #d12c1f;
  display: block;
  font-size: 16px;
}
.productbox-bhx div > a .zone-price .before-price {
  color: #666;
  display: inline-block;
  text-decoration: line-through;
  font-weight: normal;
}
.productbox-bhx div > a .zone-price .percent-price {
  color: #dd1c1a;
  display: inline-block;
}
.productbox-bhx div .zone-buy {
  position: absolute;
  color: #007e3c;
  padding: 4px 19px;
  border: 1px solid #008847;
  border-radius: 4px;
  margin: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
  text-align: center;
}
.owl-carousel .owl-item img.lbliconimg,
.lbliconimg {
  width: auto !important;
  height: 40px;
  position: absolute;
  top: unset;
  left: 0;
  bottom: 0;
}
.owl-carousel .owl-item img.lbliconimg.lbliconimg_44,
.lbliconimg.lbliconimg_44 {
  left: unset;
  bottom: unset;
  right: 0;
  top: 0;
}
.owl-carousel .owl-item img.lbliconimg.tgdd,
.lbliconimg.tgdd {
  height: 45px !important;
}
.feedback_global > * {
  display: block;
  position: fixed;
  bottom: 50px;
  z-index: 2;
}
.feedback_global #global_form {
  display: none;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 465px;
  top: 50%;
  z-index: 13;
  padding: 20px 30px;
  background: #fff;
  border-radius: 8px;
  transform: translateY(-50%);
  bottom: initial;
}
.feedback_global #global_form.form_success {
  max-width: 280px;
  padding: 75px 55px 45px;
}
.feedback_global #global_form.form_success a {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  color: #333;
  cursor: pointer;
  float: right;
  line-height: 21px;
  padding: 7px;
  text-align: right;
  width: 67px;
}
.feedback_global #global_form.form_success a:before,
.feedback_global #global_form.form_success a:after {
  background-color: #333;
  content: "";
  left: 13px;
  height: 14px;
  position: absolute;
  top: 10px;
  width: 1px;
}
.feedback_global #global_form.form_success a:before {
  transform: rotate(45deg);
}
.feedback_global #global_form.form_success a:after {
  transform: rotate(-45deg);
}
.feedback_global #global_form > * {
  display: block;
}
.feedback_global #global_form h3 {
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}
.feedback_global #global_form > span {
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  display: block;
  color: #666;
}
.feedback_global #global_form > span.form_more {
  color: #333;
  text-align: left;
  padding-bottom: 20px;
  cursor: pointer;
  position: relative;
  width: max-content;
  cursor: pointer;
}
.feedback_global #global_form > span.form_more:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
  content: "";
  position: absolute;
  top: 8px;
  right: -15px;
}
.feedback_global #global_form textarea,
.feedback_global #global_form input {
  resize: none;
  width: 410px;
  background: #fff;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 15px 10px;
  line-height: 15px;
  height: 48px;
}
.feedback_global #global_form #Description {
  margin-top: 20px;
  height: 74px;
  margin-bottom: 20px;
}
.feedback_global #global_form .check-option {
  margin-bottom: 10px;
}
.feedback_global #global_form .check-option > div {
  display: inline-block;
  margin-right: 20px;
}
.feedback_global #global_form .check-option > div i {
  cursor: pointer;
}
.feedback_global #global_form .zone-button {
  text-align: center;
}
.feedback_global #global_form .zone-button .close-feed {
  padding: 12px 40px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #2f80ed;
  border: 0;
  margin-right: 2%;
  border: 1px solid #2f80ed;
}
.feedback_global #global_form .zone-button > * {
  display: inline-block;
  max-width: 46%;
  width: 46%;
}
.feedback_global #global_form button {
  padding: 13px 40px;
  background: #2f80ed;
  border-radius: 4px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  border: 0;
  width: 100%;
  cursor: pointer;
}
.feedback_global > div img {
  display: block;
  transform: scale(0.5);
  cursor: pointer;
}
#notifychatmsg .notifyChat2 {
  width: 93px !important;
  height: 37px !important;
}
.banner-texttop._offtemp {
  background-color: #ffd103;
}
.banner-texttop._offtemp ._left {
  width: 100%;
  text-align: center;
}
.banner-texttop._offtemp ._right,
.banner-texttop._offtemp ._left:after {
  display: none;
}
.banner-texttop._offtemp:before,
.banner-texttop._offtemp:after {
  background-color: #2d67c4;
}
.banner-texttop {
  overflow-y: hidden;
  width: 1200px;
  max-height: 44px;
  margin: auto;
  background-color: #2d67c4;
}
.banner-texttop * {
  box-sizing: border-box;
}
.banner-texttop:before,
.banner-texttop:after {
  content: "";
  position: absolute;
  width: 360px;
  height: 44px;
}
.banner-texttop:before {
  left: calc((100% - 1200px) / 2 - 359px);
  background-color: #2d67c4;
}
.banner-texttop:after {
  right: 0;
  width: calc((100% - 1200px) / 2 + 10px);
  background-color: #ffd103;
}
.banner-texttop > div {
  display: inline-block;
  padding: 10px 0;
  position: relative;
}
.banner-texttop ._left {
  width: 63%;
  text-align: right;
  background-color: #2d67c4;
  color: #fff;
}
.banner-texttop ._left:after {
  content: "";
  position: absolute;
  top: -27px;
  right: -20px;
  border-top: 77px solid #2d67c4;
  border-right: 54px solid #ffd103;
  width: 9px;
}
.banner-texttop ._left a {
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  font-style: italic;
  font-weight: bold;
  color: #fff;
  z-index: 1;
  position: relative;
  padding-right: 90px;
}
.banner-texttop ._left a:after {
  content: "";
  padding: 6px;
  box-shadow: 3px -3px 0 0 #fff inset;
  transform: rotate(225deg);
  right: 70px;
  display: inline-block;
  top: 2px;
  position: absolute;
}
.banner-texttop ._left a:not(:first-child) {
  display: none;
}
.banner-texttop ._left a span b {
  color: #ffd400;
  font-size: 26px;
  line-height: 20px;
}
.banner-texttop ._right {
  width: calc(37% - 4px);
  text-align: left;
  background-color: #ffd103;
}
.banner-texttop ._right span {
  font-size: 16px;
  line-height: 19px;
  color: #222;
}
.banner-texttop ._right span a {
  color: #222;
}
.banner-texttop ._right span a b {
  font-size: 20px;
  line-height: 24px;
}
@media screen and (max-width: 1300px) {
  .feedback_global > * {
    bottom: 110px;
    z-index: 10;
  }
}
.sticky-sidebar a {
  position: fixed;
  top: 195px;
  width: 89px;
  z-index: 999;
}
.sticky-sidebar a img {
  display: block;
  max-width: 100%;
  height: auto;
}
.sticky-sidebar .banner-left {
  left: calc(((100vw - 1200px) / 2) - 105px);
}
.sticky-sidebar .banner-right {
  right: calc(((100vw - 1200px) / 2) - 105px);
}
@media screen and (max-width: 1366px) {
  .sticky-sidebar a {
    width: 69px;
  }
  .sticky-sidebar .banner-left {
    left: calc(((100vw - 1200px) / 2) - 80px);
  }
  .sticky-sidebar .banner-right {
    right: calc(((100vw - 1200px) / 2) - 80px);
  }
}
.banner-media img {
  display: block;
  margin: auto;
  max-width: 100%;
}
.banner-media img.lazyload {
  height: 0;
}
.banner-media .owl-carousel .owl-item .owl-lazy {
  opacity: 1;
}
.media-slider {
  width: 1200px !important;
  margin: 0 auto;
  max-width: 100%;
}
.media-slider .owl-nav button {
  height: 44px;
  background: none !important;
}
.media-slider .owl-nav button span::before {
  top: 13px;
  height: 16px;
  width: 16px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}
.media-slider .owl-next,
.media-slider .owl-prev {
  box-shadow: none;
}
.media-slider {
  height: 44px;
  position: relative;
}
.media-slider {
  display: block;
}
.media-slider .item {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.media-slider .item.visible {
  display: block;
}
.media-slider .nav .prev,
.media-slider .nav .next {
  position: absolute;
  z-index: 2;
  top: 0;
  width: 40px;
  height: 100%;
  cursor: pointer;
}
.media-slider .nav .prev {
  left: 0;
}
.media-slider .nav .next {
  right: 0;
}
.media-slider .nav .prev .arrow-left,
.media-slider .nav .next .arrow-right {
  height: 20px;
  width: 20px;
  border-top: 3px solid #666;
  border-right: 3px solid #666;
  position: absolute;
  top: 50%;
  left: 50%;
}
.media-slider .nav .prev:hover .arrow-left,
.media-slider .nav .next:hover .arrow-right {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}
.media-slider .nav .prev .arrow-left,
.media-slider .nav .next .arrow-right {
  height: 20px;
  width: 20px;
  border-top: 3px solid #666;
  border-right: 3px solid #666;
  position: absolute;
  top: 50%;
  left: 50%;
}
.media-slider .nav .prev .arrow-left {
  -webkit-transform: translate(-20%, -50%) rotate(225deg);
  -ms-transform: translate(-20%, -50%) rotate(225deg);
  -o-transform: translate(-20%, -50%) rotate(225deg);
  transform: translate(-20%, -50%) rotate(225deg);
}
.media-slider .nav .next .arrow-right {
  -webkit-transform: translate(-70%, -50%) rotate(45deg);
  -ms-transform: translate(-70%, -50%) rotate(45deg);
  -o-transform: translate(-70%, -50%) rotate(45deg);
  transform: translate(-70%, -50%) rotate(45deg);
}
section.prmotebannerbhx {
  display: contents;
}
.prmotebanner-bhx {
  max-width: 1200px;
  display: block;
  margin: 5px auto;
}
.popup {
  display: none;
}
.popup__background,
.popup__container {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.popup__background {
  background: rgba(0, 0, 0, 0.45);
}
.popup__container img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  height: auto;
}
.popup__close {
  border-radius: 50%;
  padding: 0.5em;
  border: 2px solid #fff;
  color: #fff;
  position: absolute;
  right: calc(50% - 242px);
  top: calc(50% - 214px);
  transform: translate(-50%, -50%);
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.popup__close::before {
  content: " ";
  position: absolute;
  display: block;
  background-color: #fff;
  width: 2px;
  left: 12px;
  top: 5px;
  bottom: 5px;
  transform: rotate(45deg);
}
.popup__close::after {
  content: " ";
  position: absolute;
  display: block;
  background-color: #fff;
  height: 2px;
  top: 12px;
  left: 5px;
  right: 5px;
  transform: rotate(45deg);
}
.fastdeli i.thunder-icon {
  width: 10px;
  height: auto;
}
.fastdeli i.thunder-icon img {
  width: 10px;
  display: inline-block;
  height: auto;
  vertical-align: text-top;
}
.locationbox-v2 {
  background: #fff;
  position: fixed;
  z-index: 13;
  max-width: 476px;
  max-height: 80vh;
  align-items: center;
  margin: auto;
  display: none;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  border-radius: 8px;
  overflow: hidden;
}
.locationbox-v2 p {
  font-weight: normal !important;
  max-width: 380px;
  color: #fff;
}
.locationbox-v2 .locationbox__item {
  background: #2f80ed;
  white-space: normal;
  padding: 10px;
  box-sizing: border-box;
  border: 0;
}
.locationbox-v2 .top-location p {
  font-size: 13px;
  text-align: left;
}
.location-search {
  position: relative;
  margin-top: 10px;
}
.location-search > i {
  position: absolute;
  left: 7px;
  top: 9px;
}
.location-search input {
  width: 100%;
  padding: 8px 28px 8px 28px;
  border: 1px solid #fff;
  box-sizing: border-box;
  border-radius: 8px;
}
.clear-searchbox {
  right: 8px;
  top: 27%;
  background: #000;
  position: absolute;
  border-radius: 50%;
  background: #d9d9d9;
  padding: 8px;
  cursor: pointer;
  display: none;
}
.clear-searchbox span.box-relative {
  position: relative;
}
.clear-searchbox .close-symbol {
  top: -5px;
  left: 0;
}
.listing-location {
  padding: 10px;
  max-height: 40vh;
  margin-bottom: 10px;
  overflow: hidden;
}
.listing-locale ul {
  display: grid;
  grid-auto-rows: minmax(min-content, max-content);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-height: 39vh;
  overflow: auto;
}
.listing-locale ul li a {
  padding: 10px;
  display: block;
  color: #333;
  width: 80%;
  border-bottom: 1px solid #f1f1f1;
}
.listing-locale ul li a.active,
.listing-locale ul li a:hover {
  background: #e9f4fb;
  border-bottom: 1px solid #e9f4fb;
}
.locationbox-v2 .locationbox__item.locationbox__item--right a.cls-location {
  background-color: #2f80ed;
  border: 1px solid #e9f4fb;
  color: #fff;
  position: relative;
  top: 0;
  left: 0;
}
.locationbox-v2 .locationbox__item span {
  text-transform: none;
}
.top-location {
  background: #2f80ed;
  padding: 0 0 10px;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
}
.locationbox-v2 a.cls-location {
  color: #fff;
  padding: 7px 10px 7px 20px;
  border: 1px solid #fff;
  border-radius: 4px;
  position: relative;
  line-height: 1.3;
}
.close-symbol {
  background-color: #fff;
  left: 10px;
  height: 10px;
  position: absolute;
  top: 11px;
  width: 1px;
  transform: rotate(-45deg);
}
.close-symbol::before {
  content: "";
  background-color: #fff;
  left: 0;
  height: 10px;
  position: absolute;
  top: 0;
  width: 1px;
  transform: rotate(90deg);
}
.locationbox__item.locationbox__item--right p.default-title {
  max-width: 380px;
  text-align: left;
}
.locationbox__item.locationbox__item--right p.location-title {
  text-align: center;
  max-width: 65%;
  margin: 6px auto 15px;
  line-height: 1.5;
}
a.back-ic {
  cursor: pointer;
  height: 10px;
  width: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: relative;
  top: 6px;
  left: 6px;
  -webkit-transform: translate(-20%, -50%) rotate(225deg);
  -ms-transform: translate(-20%, -50%) rotate(225deg);
  -o-transform: translate(-20%, -50%) rotate(225deg);
  transform: translate(-20%, -50%) rotate(225deg);
}
div#suggest-location {
  height: 39vh;
  overflow: hidden;
  display: none;
}
ul.suggest-location {
  display: flex;
  flex-flow: column;
  overflow: hidden;
  overflow-y: auto;
  max-height: 100%;
}
ul.suggest-location li {
  position: relative;
  padding-right: 30px;
}
ul.suggest-location li::before {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  content: "";
  height: 6px;
  position: absolute;
  top: calc(50% - 3px);
  transform: rotate(45deg);
  right: 15px;
  width: 6px;
}
ul.suggest-location li a {
  display: block;
  padding: 15px 0;
  overflow: hidden;
  color: #000;
}
ul.suggest-location li a::after {
  content: "";
  border-bottom: 1px solid #e0e0e0;
  position: absolute;
  bottom: 0;
  width: calc(100% + 20px);
  left: -10px;
}
ul.suggest-location li a span {
  margin-right: 10px;
}
strong.choose-province {
  display: block;
  margin: 5px auto;
  color: #000;
  text-align: center;
  font-size: 14px;
}
.location-title {
  color: #fff;
  padding: 0 0 10px;
  margin: 0 auto;
  line-height: 1.5;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
}
.location-title-text {
  max-width: 50%;
  margin: 0 auto;
  text-align: center;
}
.footer__logo {
  background-color: #fff;
}
.footer__logo-hd {
  color: #222;
  font-size: 14px;
  line-height: 21px;
}
.footer__logo-list {
  font-size: 0;
  margin-top: 15px;
}
.footer__logo-list li {
  float: left;
  width: 80px;
  margin: 0 8px 8px 0;
}
.footer__logo-list li:nth-child(4n + 4) {
  margin-right: 0;
}
.footer__logo-list li a {
  display: block;
}
.imgzalo img {
  max-width: 18px;
  margin-top: -5px;
  vertical-align: middle;
}
.view-cart {
  position: fixed;
  width: 182px;
  padding: 0 8px 8px 8px;
  background-color: #fff;
  border-radius: 8px;
  right: -192px;
  bottom: 96px;
  z-index: 99999;
  text-align: center;
  border: 1px solid #d0d5dd;
}
.view-cart:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  height: 0;
  position: absolute;
  top: -6px;
  right: 17px;
  width: 0;
}
.view-cart span {
  font-size: 14px;
  color: #333;
  white-space: nowrap;
}
.view-cart span:before {
  content: "";
  width: 26px;
  height: 26px;
  background: transparent
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAFTUExURUdwTOz98u398+/69Or67+r69Oz98+v78+z+8+398u//7+3+9O399Oz+8u399O3+8u3+8+z88+f37+//9+/39+f/7+z98u398+z89O//8+399O///+z989//7+398uz88uz89O/98+v98+398+v98uz98ur89O/89Oz99Or88uz989H63wOYVRykZh2kZrfuzrftzdL64Nj75OT87eP87dT64d/86d776d376NP64NP74EO2gIPVq4TVq8T01tf65NX74uj88On98dn75eX87uv98hCeXcT018Tz1jawd3fPojexeCmqb+L87OH86uD869n65eD76tz76N/76tf749b74+H769X649r75er98ur88h2lZrjuzjaweKrnxUO3gGrJmWnImWrJmtX74eP77db64tT64tb646roxTexd6roxrftzoTWq0O3gZ7ivZ3hvZ3hvKF0uEcAAAAqdFJOUwDfbzAwMO9Av48Q39/fj9/PvyAgICDv718/nxCQEN9gn2/Pz4+fYF+fYLEo/qIAAALYSURBVEjHlZbXQyIxEIcDKoK9nHq2s1/5kqWrKKiAvetZzt6u9/v/n+5hdyFZqr83Jvsxk8lMMkKUqmnibVcnQGewY6JJ1KHmjgEMtQ3V4pqDlFHXm2cjAG0vKiDDI84XV4nU0WxMytjXlVTiyjF2tJRjelvt1bWVmNR1lKjsrMHe/6dZWaLZcwACJQl5DUBuRZbV5xwALz1+ADiJyQpaOAbA8NU7ADAvq2geIKDta7i1JuNQbcUcjtTBOFRHITiAE1lTxwDNDtQK5GK1oYUcELSZMYAPsg7Fi666gHNzdWsnbSm1cbsUNe0J11UDgFEHW48bylF42awN19UQkNRXopZSu79upPyWud+VUkatcGFtDQg5aVg1mfAfz29jVwE7ukvdkaX2Nj1MpJjAdaBR+D3RPapwZcZOhV+EgPfaR0pFqjAyBYyLIKA1REb9rsbIC2BSdJonu62WqjHyC+ATADE9DT+klNIKR4vMdlorJQABoP2TUg4bjhb8ODZbVaCIpcKF2MpDRng3LuUyd9rhOuF1mpWXdhMRsdwcZNRucf0U8Ikus4p21K23IdJ6QuNAtxgyD3d5Q/01GfO4U0CopIwePO2wZamnkjJqAC61TCxbak+jtvb0NEhpF6wIAHHNHLFUuNCw/zw1cQH4hBAhYE2alEov3Un5M7OtPHWUAGaEEM0AWWPvD263q40nvU9kFjs6IYLefpcykvl+rdT1/c6mad8HJu33D8+uKupUezqCQL6Oy3Ix76Sh4OqwNnQA0ONe5iGAuVrMHM79ZaulvQ5qDsA3Wnyg+gI1qTmA/h5jsgHgsGI2Fg8oHFFRYwDkzyo8F/lyD7UQTQEA9rOlSNaeJPobSweJvnZ7yEiumoHF12y7r6fcyNISciaa9WQqfrYo5eLH1VRy3TGGRitMR66zUnUPVpnD3k09GxFCiMYZj7v+6cF6hstG/3T3K4BXU+P+MikT/wHeIHSkkfRw5wAAAABJRU5ErkJggg==)
    no-repeat center top;
  background-size: 100% auto;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
}
.view-cart b {
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 8px;
  color: #2871d5;
  background-color: #e3f1fe;
  font-size: 14px;
  display: block;
  font-weight: 600;
}
.v2024.locationbox-v2 {
  max-width: 600px;
  width: 90%;
  background-color: #fff;
  top: 55%;
}
.v2024.locationbox-v2 .close-symbol {
  background-color: #98a2b3;
  top: 0;
  height: 16px;
}
.v2024.locationbox-v2 .close-symbol:before {
  background-color: #98a2b3;
  height: 16px;
}
.v2024.locationbox-v2 .clear-searchbox {
  padding: 0;
  width: 16px;
  height: 16px;
  background-color: #fff;
}
.v2024.locationbox-v2 .location-title {
  color: #98a2b3;
}
.v2024.locationbox-v2 .locationbox__item {
  background-color: #fff;
  padding: 10px 15px 0 15px;
}
.v2024.locationbox-v2
  .locationbox__item.locationbox__item--right
  a.cls-location {
  position: absolute;
  left: initial;
  right: 0;
  background-color: #fff;
  border: 0;
  color: #98a2b3;
  padding: 0;
  width: 20px;
  height: 20px;
}
.v2024.locationbox-v2 .top-location {
  display: block;
  text-align: left;
  background-color: #fff;
  position: relative;
}
.v2024.locationbox-v2 .top-location > b {
  display: block;
  font-size: 18px;
  margin: 10px 0;
  border-bottom: 1px solid #d0d5dd;
  padding-bottom: 10px;
}
.v2024.locationbox-v2 .top-location > p {
  color: #98a2b3;
  max-width: 100%;
  font-size: 14px;
}
.v2024.locationbox-v2 .top-location > p > a {
  text-decoration: underline;
}
.v2024.locationbox-v2 .top-location > p > span.fulladdress-v2 {
  color: #344054;
}
.v2024.locationbox-v2 .location-search {
  margin-top: 0;
}
.v2024.locationbox-v2 .location-search input {
  border: 1px solid #d0d5dd;
}
.v2024.locationbox-v2 .location-search > i {
  filter: grayscale(1);
}
.v2024.locationbox-v2 .choose-province {
  height: 1px;
  background-color: #eaecf0;
  margin: 20px 15px;
  position: relative;
}
.v2024.locationbox-v2 .choose-province > span {
  color: #667085;
  width: 100px;
  height: 25px;
  line-height: 25px;
  background-color: #fff;
  margin: auto;
  left: 0;
  right: 0;
  top: -10px;
  position: absolute;
  font-weight: normal;
}
.v2024.locationbox-v2 .listing-location {
  padding-top: 0;
}
.v2024.locationbox-v2 .listing-location .lst-tab {
  display: flex;
  border-bottom: 1px solid #eaecf0;
  margin-bottom: 15px;
}
.v2024.locationbox-v2 .listing-location .lst-tab > a {
  width: calc(100% / 3);
  text-align: center;
  padding: 10px 0;
  margin-bottom: -1px;
  color: #344054;
  border-bottom: 3px solid transparent;
}
.v2024.locationbox-v2 .listing-location .lst-tab > a.active {
  border-color: #2377e8;
  background-color: #f1f8fe;
  color: #2377e8;
  font-weight: bold;
}
.v2024.locationbox-v2 .listing-location .lst-tab > a.disable {
  color: #d0d5dd;
  pointer-events: none;
}
.v2024.locationbox-v2 .listing-locale ul {
  height: 34vh;
}
.v2024.locationbox-v2 .listing-locale ul li a {
  width: 100%;
}
.v2024.locationbox-v2 .listing-locale ul li:nth-child(2n + 1) a {
  width: calc(100% - 10px);
}
.v2024.locationbox-v2 #lst-address {
  height: 40vh;
}
.v2024.locationbox-v2 #lst-address > input {
  height: 40px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  width: 100%;
  margin-bottom: 10px;
  padding: 0 10px;
}
.v2024.locationbox-v2 #lst-address > span {
  color: #98a2b3;
  display: block;
}
.v2024.locationbox-v2 #lst-address > label {
  color: #dd2f2c;
  display: none;
}
.v2024.locationbox-v2 #lst-address.error > input {
  border-color: #dd2f2c;
}
.v2024.locationbox-v2 #lst-address.error > span {
  display: none;
}
.v2024.locationbox-v2 #lst-address.error > label {
  display: block;
}
.v2024.locationbox-v2 .location-none {
  margin: 0 15px 15px 15px;
  padding-left: 25px;
  position: relative;
  cursor: pointer;
}
.v2024.locationbox-v2 .location-none > i {
  width: 16px;
  height: 16px;
  margin-right: 2px;
  border-radius: 4px;
  border: 1px solid #d0d5dd;
  position: absolute;
  left: 0;
  top: 1px;
}
.v2024.locationbox-v2 .location-none > i.active {
  border-color: #2a83e9;
}
.v2024.locationbox-v2 .location-none > i.active:after {
  content: "";
  display: block;
  width: 3px;
  height: 7px;
  border: solid #2a83e9;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  margin: 1px 0 0 5px;
}
.v2024.locationbox-v2 .location-confirm {
  padding: 10px 0;
  margin: 0 15px;
  border-top: 1px solid #d0d5dd;
}
.v2024.locationbox-v2 .location-confirm > a {
  display: block;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background-color: #2a83e9;
  border-radius: 8px;
  text-align: center;
}
.v2024.locationbox-v2 div#suggest-location {
  height: 40vh;
}
.v2024.locationbox-v2 .top-location .cls-back {
  display: none;
}
.v2024.locationbox-v2 .top-location.edit > b {
  text-align: center;
}
.v2024.locationbox-v2 .top-location.edit .cls-back {
  display: block;
  position: absolute;
  width: 16px;
  height: 12px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYBAMAAABpfeIHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAAVUExURRAYKEdwTBAYKBAYKBAYKBAYKBAYKGNB7h4AAAAGdFJOU38AgF9g3236w9EAAABlSURBVBjTZdExDoAgEETRsaHmEy9gQ88lPIeRuPc/gpUJO0758wgJCIB98E0A9JlDCws9thRaXKSwAmQAGUAGkAHU4tGyoTPS5j9UP0KJI99S487BiDAijAgjwogAqj8hxcPyDS/smSzF8VmrzgAAAABJRU5ErkJggg==");
  background-size: 100% auto;
  left: 0;
  top: 18%;
}
.locationbox__address {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  padding: 20px;
  display: none;
  box-sizing: border-box;
}
.locationbox__address > a:first-child {
  position: absolute;
  right: 30px;
  top: 10px;
}
.locationbox__address > b {
  font-size: 16px;
  text-align: center;
  margin-bottom: 15px;
  display: block;
  border-bottom: 1px solid #d0d5dd;
  padding-bottom: 15px;
}
.locationbox__address > ul.scroll {
  max-height: 370px;
  margin-bottom: 10px;
}
.locationbox__address > ul > li {
  margin-bottom: 15px;
  line-height: 1.6;
  color: #1d2939;
  padding-left: 25px;
  position: relative;
  cursor: pointer;
}
.locationbox__address > ul > li:before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  left: 0;
  top: 3px;
  border: 1px solid #d0d5dd;
  border-radius: 50%;
}
.locationbox__address > ul > li > a {
  color: #475467;
  font-size: 10px;
  font-weight: 500;
  opacity: 0.7;
  margin-right: 10px;
  pointer-events: none;
  background-color: transparent !important;
  border: 0 !important;
}
.locationbox__address > ul > li > a.btn-edit:before {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAAEtQTFRFAAAARlNmSFBoSFRmR1RnR1NnR1VnUFBwR1RnR1RnRlRmRVVlSFRoR1RmSFNpR1RmRlRnRlRmR1VnSlVlRVVlR1NnRlRmSFhoRlRmwwZQFgAAABl0Uk5TAFAgoP/f3xDPv+8wQK9f74+gnzBgn68gf3CDAT8AAACXSURBVHicjdFxC4IwEIfh/VhahASWUN//45WEEWKQDu/mFO52Qftn8j5zgw1ODjiE9CGGJ5hCDh5AWASqTwXGYlBA+5Toqw++Emj9YSh3RJ0A3ifUb+dOT3F47O7ySn2D1Mc+9RWyniDvCxg9gtUZzM636a1O0HT1I+8Rzu3R6x6BZ90J9vxkle76Bf+Bq0133FoTmp9/zB5XSjVwVYUTAAAAAElFTkSuQmCC");
  margin-right: 3px;
  background-size: 100% auto;
  vertical-align: middle;
}
.locationbox__address > ul > li > a.btn-delete:before {
  content: "";
  width: 10px;
  height: 11px;
  display: inline-block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAMAAAD3n0w0AAAAAXNSR0IB2cksfwAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAAE5QTFRFAAAASFhoR1RnR1VnSFBoR1RnUFBwRldnQlJrRVVlQFBwSFRoSFVlR1NnR1NnR1NnRlNmSlJrRlRmRlRmR1VnRlNmRVVlR1RmRlRmRVVlPwOGLQAAABp0Uk5TACC/3yD/EC8fMBBAYJDfn1Aff69vX2CPzz+OwE3GAAAAmklEQVR4nM2RUQrCMBBEZ5NWSGJBYtH7n65CoWgLabGt0azGpJ7A/ZnMIyzsDCEMEbF6sbBlIyTesz6+cOchwoMWlI6hIdCk+AdGoVcUV6ICv7Mn2AE6Iw5V91pVYg5OI6xjl6A0/RaSdWOSD7RD1SX5C1jfDm2SeJEac2HIIZ58m50ppO3nGJKajpcAzX2TZt1wHbE2ru7cAE+JoWUool6YegAAAABJRU5ErkJggg==");
  margin-right: 3px;
  background-size: 100% auto;
  vertical-align: middle;
}
.locationbox__address > ul > li > i {
  font-style: normal;
  color: #fc7600;
}
.locationbox__address > span.check {
  background-color: #222;
  border-radius: 4px;
  color: #fff;
  height: 48px;
  line-height: 48px;
  padding: 0 10px;
  position: absolute;
  left: 20px;
  bottom: 80px;
  width: calc(100% - 40px);
  display: none;
  box-sizing: border-box;
}
.locationbox__address > span.check > i {
  background-color: #14b659;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  position: relative;
  margin-right: 5px;
}
.locationbox__address > span.check > i:before {
  height: 6px;
  transform: rotate(-40deg);
  bottom: 4px;
  left: 5px;
  background-color: #222;
  content: "";
  position: absolute;
  width: 2px;
}
.locationbox__address > span.check > i:after {
  height: 9px;
  transform: rotate(40deg);
  bottom: 5px;
  left: 10px;
  background-color: #222;
  content: "";
  position: absolute;
  width: 2px;
}
.locationbox__address > ul > li.active:before {
  border: 1px solid #2a83e9;
  background: #e3f1fe;
}
.locationbox__address > ul > li.active:after {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #2a83e9;
  border-radius: 50%;
  left: 5px;
  top: 8px;
  position: absolute;
  z-index: 1;
}
.locationbox__address > ul > li.active > a {
  opacity: 1;
  pointer-events: auto;
}
.locationbox__address > a.btn-add {
  border: 1px dashed #2a83e9;
  background: #f1f8fe;
  height: 40px;
  border-radius: 8px;
  display: block;
  line-height: 40px;
  font-size: 12px;
  padding: 0 20px 0 35px;
  position: relative;
}
.locationbox__address > a.btn-add:before {
  content: "";
  width: 8px;
  height: 2px;
  background-color: #2a83e9;
  position: absolute;
  left: 17px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.locationbox__address > a.btn-add:after {
  content: "";
  width: 2px;
  height: 8px;
  background-color: #2a83e9;
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.locationbox__address > a.btn-confirm {
  display: block;
  height: 40px;
  border-radius: 8px;
  background: #2a83e9;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: calc(100% - 40px);
}
.locationbox__address > div.la-delete {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  display: none;
}
.locationbox__address > div.la-delete > div {
  width: 320px;
  position: absolute;
  height: max-content;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
  border-radius: 12px;
  right: 0;
  padding: 15px;
  text-align: center;
}
.locationbox__address > div.la-delete > div > * {
  display: block;
  margin-bottom: 10px;
}
.locationbox__address > div.la-delete > div > img {
  width: 56px;
  margin: 0 auto 10px auto;
}
.locationbox__address > div.la-delete > div > b {
  font-size: 18px;
}
.locationbox__address > div.la-delete > div > a {
  display: inline-block;
  vertical-align: middle;
  width: 48%;
  float: left;
  border: 1px solid #d0d5dd;
  color: #344054;
  height: 42px;
  line-height: 42px;
  border-radius: 8px;
  font-weight: bold;
}
.locationbox__address > div.la-delete > div > a:last-child {
  float: right;
  border-color: #d92d20;
  background: #d92d20;
  color: #fff;
}
* {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
img.lazyload-after {
  opacity: 0;
}
a {
  text-decoration: none;
  transition: 0.2s;
  color: #288ad6;
}
ul,
ol {
  list-style: none;
}
.clr {
  clear: both;
}
.clearfix {
  display: block;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
body,
input,
button,
option,
textarea,
label,
select,
legend,
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font: 14px/18px Arial, Helvetica, sans-serif;
  color: #333;
  outline: 0;
}
body {
  min-width: 1024px;
}
p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  text-rendering: geometricPrecision;
}
input[type="text"],
input[type="tel"],
textarea {
  -webkit-appearance: none;
}
.main-menu .navmwg {
  display: none;
  position: absolute;
  background: #fff;
  top: 43px;
  width: max-content;
  border-radius: 4px;
  padding: 10px;
  z-index: 10;
  border: 1px solid #eee;
  left: 0;
  grid-auto-rows: minmax(min-content, max-content);
  grid-template-columns: repeat(4, auto);
}
.main-menu .navmwg .item-child:first-child {
  grid-row: 1/4;
}
.main-menu li.has-list:hover .navmwg {
  display: grid;
}
.main-menu .navmwg.limit-width {
  width: 160px;
}
.main-menu .has-list.show-left .navmwg:not(.limit-width) {
  left: unset;
  right: 0;
}
.main-menu li.has-list:hover .navmwg.limit-width {
  display: block;
}
.main-menu .navmwg::before,
.navmwg::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  left: 40px;
  border-bottom: 10px solid #d9d9d9;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom-color: #fff;
}
.main-menu .has-list.show-left .navmwg:not(.limit-width)::before,
.main-menu .has-list.show-left .navmwg:not(.limit-width)::after {
  left: unset;
  right: 40px;
}
.main-menu a span.has-child:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid #333;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.main-menu .navmwg div {
  width: 100%;
  margin-bottom: 10px;
  margin-right: 10px;
}
.main-menu .navmwg .no-child-final {
  margin: 0;
  width: auto;
  float: none;
}
.main-menu .navmwg .no-child-final a {
  display: block;
}
.main-menu .navmwg strong {
  text-transform: uppercase;
  border-bottom: 1px solid #eee;
  font-size: 13px;
  padding-bottom: 5px;
  color: #333;
}
.main-menu .navmwg div a:hover h3 {
  font-weight: bold;
}
.main-menu .navmwg a {
  display: block;
  padding: 10px 5px 0 0;
  color: #000;
  font-size: 11px;
  position: relative;
}
.main-menu .navmwg div a {
  display: block;
  padding: 10px 5px 0 0;
  color: #000;
  font-size: 11px;
  position: relative;
}
.main-menu .navmwg strong a {
  display: initial;
  text-transform: initial;
  color: #4a90e2;
}
.main-menu .navmwg strong a::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid #4a90e2;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  display: inline-block;
  margin-left: 5px;
}
.hc-samsungsis img {
  width: 100%;
  height: auto;
}
.sticky-sidebar {
  display: none;
}
.sticky-sidebar.active {
  display: block;
}
.livestream-header-container {
  background-color: #ffebaf;
  height: 44px;
}
.livestream-header {
  width: 100%;
  height: 100%;
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.livestream-header .status {
  background-color: #ef233c;
  border-radius: 40px;
  padding: 1px 8px;
  font-weight: bold;
  font-size: 14px;
  line-height: 21px;
  color: #f4f4f5;
}
.livestream-header .status::after {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  margin: 0 0 1px 4px;
  background-color: #fff;
  border-radius: 50%;
}
.livestream-header .title {
  color: #ef233c;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  margin-left: 15px;
}
.livestream-header .see-now {
  color: #2f80ed;
  font-size: 14px;
  line-height: 17px;
  margin-left: 15px;
  position: relative;
  padding-right: 10px;
}
.livestream-header .see-now::after {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #2f80ed;
  border-top: 5px solid transparent;
  position: absolute;
  top: 4px;
  right: 0;
}
.imgzalo img {
  max-width: 18px;
  margin-top: -5px;
  vertical-align: middle;
}
.header-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  z-index: 12;
  width: 100%;
  height: 100%;
  display: none;
}
.header-overlay > div {
  position: absolute;
  width: 1200px;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.header-overlay > div > a {
  width: 36px;
  height: 36px;
  background-color: #98a2b3;
  border-radius: 50%;
  top: 58px;
  right: 100px;
  position: absolute;
  color: #333;
  text-align: center;
  line-height: 36px;
  display: none;
}
.header-login-cdp {
  width: 90%;
  max-width: 400px;
  height: max-content;
  padding: 30px 20px;
  background-color: #fff;
  border-radius: 12px;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 13;
  display: none;
}
.header-login-cdp > div.hlc-step2 {
  display: none;
}
.header-login-cdp > div > * {
  display: block;
  margin-bottom: 10px;
}
.header-login-cdp > div > b {
  font-size: 18px;
}
.header-login-cdp > div > span {
  color: #475467;
  line-height: 1.4;
}
.header-login-cdp > div > span > a {
  color: #475467;
  text-decoration: underline;
}
.header-login-cdp > div > label {
  margin: 20px 0 5px 0;
}
.header-login-cdp > div > input {
  height: 42px;
  line-height: 42px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  padding: 0 10px;
  width: 100%;
}
.header-login-cdp > div > div > input {
  display: inline-block;
  vertical-align: middle;
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  font-size: 55px;
}
.header-login-cdp > div > div > input::placeholder {
  color: #d0d5dd;
}
.header-login-cdp > div > a.white {
  background-color: #fff;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-weight: bold;
  display: block;
  border-radius: 8px;
  font-size: 15px;
  margin-top: 30px;
  border: 1px solid #333;
  color: #333;
  white-space: nowrap;
}
.header-login-cdp > div > a.blue {
  color: #fff;
  background-color: #2a83e9;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-weight: bold;
  display: block;
  border-radius: 8px;
  font-size: 16px;
  margin-top: 30px;
}
.header-login-cdp > div.hlc-step2 > a.white {
  width: 49%;
  float: left;
}
.header-login-cdp > div.hlc-step2 > a.blue {
  width: 49%;
  float: right;
  font-size: 15px;
}
.header-login-cdp > a {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #6e6e6e;
  position: absolute;
  right: 10px;
  top: 10px;
}
.header-login-cdp > a::before,
.header-login-cdp > a::after {
  top: 5px;
  left: 9px;
  background-color: #fff;
  height: 8px;
  content: "";
  position: absolute;
  width: 1px;
}
.header-login-cdp > a::before {
  transform: rotate(45deg);
}
.header-login-cdp > a::after {
  transform: rotate(-45deg);
}
[class^="icon-"],
[class*="icon-"] {
  background-image: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/homev2/desk/icon_common@2x.png?v=2);
  background-repeat: no-repeat;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  vertical-align: middle;
  background-size: 300px 200px;
}
.icon-logo {
  background-position: 0 0;
  height: 24px;
  width: 141px;
}
.icon-search {
  background-position: -150px 0;
  height: 17px;
  width: 17px;
}
.icon-cart {
  background-position: -175px 0;
  height: 18px;
  width: 20px;
}
.icon-facebook {
  background-position: -225px 0;
  height: 18px;
  width: 18px;
}
.icon-youtube {
  background-position: -200px 0;
  height: 18px;
  width: 18px;
}
.icon-dmx {
  background-position: 0 -30px;
  height: 18px;
  width: 103px;
}
.icon-bhx {
  background-position: -110px -30px;
  height: 18px;
  width: 81px;
}
.icon-maiam {
  background-position: 0 -60px;
  height: 18px;
  width: 71px;
}
.icon-congthuong {
  background-position: -200px -30px;
  height: 24px;
  width: 79px;
}
.icon-khieunai {
  background-position: -250px 0;
  height: 25px;
  width: 25px;
}
.icon-protected {
  background-position: -80px -60px;
  height: 24px;
  width: 122px;
}
.icon-star {
  background-position: -205px -60px;
  height: 12px;
  width: 13px;
}
.icon-star-dark {
  background-position: -225px -60px;
  height: 12px;
  width: 13px;
}
.icon-star-half {
  background-position: -215px -130px;
  height: 13px;
  width: 14px;
}
.icon-ytb-big {
  background-position: 0 -90px;
  height: 31px;
  width: 43px;
}
.icon-ytb-simple {
  background-position: -45px -90px;
  height: 22px;
  width: 30px;
}
.icon-dienthoai {
  background-position: -85px -90px;
  height: 20px;
  width: 13px;
}
.icon-laptop {
  background-position: -105px -90px;
  height: 20px;
  width: 25px;
}
.icon-tablet {
  background-position: -140px -90px;
  height: 20px;
  width: 16px;
}
.icon-phukien {
  background-position: -165px -90px;
  height: 18px;
  width: 22px;
}
.icon-dhthongminh {
  background-position: -195px -90px;
  height: 22px;
  width: 17px;
}
.icon-dhthoitrang {
  background-position: -220px -90px;
  height: 23px;
  width: 15px;
}
.icon-pcmayin {
  background-position: -240px -90px;
  height: 16px;
  width: 23px;
}
.icon-filter {
  background-position: -285px 0;
  height: 14px;
  width: 11px;
}
.icon-check {
  background-position: -245px -60px;
  height: 7px;
  width: 10px;
}
.icon-info {
  background-position: -265px -60px;
  height: 16px;
  width: 16px;
}
.icon-sticky-search {
  background-position: 0 -125px;
  height: 15px;
  width: 15px;
}
.icon-sticky-chat {
  background-position: -25px -125px;
  height: 20px;
  width: 24px;
}
.icon-sticky-cart {
  background-position: -55px -125px;
  height: 21px;
  width: 23px;
}
.icon-sticky-ss {
  background-position: -85px -125px;
  height: 20px;
  width: 22px;
}
.icon-deletess {
  background-position: -165px -125px;
  height: 16px;
  width: 16px;
}
.icon-tickbox {
  background-position: -115px -125px;
  height: 18px;
  width: 18px;
}
.icon-findcp {
  background-position: -190px -125px;
  height: 19px;
  width: 19px;
}
.icon-position {
  background-position: -267px -89px;
  width: 17px;
  height: 21px;
}
[class^="iconnewglobal-"],
[class*="iconnewglobal-"] {
  background-image: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/homev2/desk/iconnew-min.png?v=4);
  background-repeat: no-repeat;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  vertical-align: middle;
  background-size: 310px 257px;
}
.iconnewglobal-logo {
  background-position: 0 -176px;
  width: 228px;
  height: 40px;
}
.iconnewglobal-location {
  background-position: -35px 0;
  width: 8px;
  height: 10px;
}
.iconnewglobal-cart {
  background-position: -48px 0;
  width: 25px;
  height: 24px;
}
.iconnewglobal-menu {
  background-position: -77px 0;
  width: 26px;
  height: 26px;
}
.iconnewglobal-search {
  background-position: -107px 0;
  width: 18px;
  height: 18px;
}
.iconnewglobal-vote {
  background-position: -129px 0;
  width: 12px;
  height: 12px;
}
.iconnewglobal-service {
  background-position: -273px -133px;
  width: 38px;
  height: 38px;
}
.iconnewglobal-game {
  background-position: -272px -175px;
  width: 38px;
  height: 38px;
}
.iconnewglobal-ticket {
  background-position: -273px -219px;
  width: 38px;
  height: 38px;
}
.iconnewglobal-card {
  background-position: -273px -89px;
  width: 38px;
  height: 38px;
}
.iconnewglobal-logodmx {
  background-position: 0 -35px;
  width: 74px;
  height: 22px;
}
.iconnewglobal-logotopzone {
  background-position: -78px -35px;
  width: 74px;
  height: 22px;
}
.iconnewglobal-logobhx {
  background-position: -158px -35px;
  width: 74px;
  height: 22px;
}
.iconnewglobal-avakids {
  background-position: 0 -62px;
  width: 74px;
  height: 22px;
}
.iconnewglobal-avasport {
  background-position: -78px -62px;
  width: 74px;
  height: 22px;
}
.iconnewglobal-avafashion {
  background-position: -158px -62px;
  width: 74px;
  height: 22px;
}
.iconnewglobal-avaji {
  background-position: -236px -62px;
  width: 74px;
  height: 22px;
}
.iconnewglobal-boxarrow {
  background-position: -206px 0;
  width: 18px;
  height: 18px;
}
.iconnewglobal-menusubdmx {
  background-position: -252px 0;
  width: 18px;
  height: 18px;
}
.iconnewglobal-whitecart {
  background-position: -275px 0;
  width: 24px;
  height: 24px;
}
.iconnewglobal-whitemenu {
  background-position: -236px -33px;
  width: 24px;
  height: 24px;
}
.iconnewglobal-logodmx {
  background-position: -41px -89px;
  width: 91px;
  height: 30px;
}
.taC {
  text-align: center;
}
@-webkit-keyframes sonar {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(4);
    transform: scale(4);
    opacity: 0;
  }
}
@keyframes sonar {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(4);
    transform: scale(4);
    opacity: 0;
  }
}
.bordercol {
  background-color: #ffe56c;
  height: 32px;
  width: 1px;
}
.btn-readmore {
  border: 1px solid #e0e0e0;
  background-color: #fff;
  border-radius: 4px;
  color: #333;
  display: block;
  font-size: 14px;
  line-height: 18px;
  max-width: 340px;
  margin: 0 auto;
  padding: 8px 5px;
  text-align: center;
  width: 100%;
}
.btn-readmore.blue {
  border: 1px solid #288ad6;
  color: #288ad6;
}
.btn-readmore span {
  position: relative;
  padding-right: 15px;
}
.btn-readmore span::before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
  content: "";
  position: absolute;
  right: -3px;
  top: 5px;
}
.btn-readmore.blue span::before {
  border-top: 5px solid #288ad6;
}
.header__top > div,
.header__main > div {
  width: 100%;
  max-width: 1220px;
  margin: auto;
  padding: 0 10px;
}
.header__top {
  background-color: #ffd400;
  padding: 10px 0 0;
}
.header__top > div {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.header__main {
  background-color: #ffd400;
  padding: 0 0 10px;
}
.header__logo {
  padding-right: 15px;
}
.header__address {
  color: #333;
  font-size: 11px;
  line-height: 15px;
  margin-right: 21px;
  width: 15%;
  padding-left: 15px;
  background: rgba(255, 172, 10, 0.6);
  padding: 4px 6px 4px 10px;
  border-radius: 4px;
  position: relative;
}
.header__address span {
  color: #333;
  font-weight: bold;
  width: max-content;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  max-width: 117px;
  text-transform: capitalize;
  padding-right: 15px;
}
.header__address span::before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  content: "";
  position: absolute;
  top: 43%;
  right: 7px;
}
.header__search {
  position: relative;
  width: 34%;
  border-radius: 4px;
  background-color: #fff;
}
.header__search input {
  background-color: #fff;
  border: 0;
  border-radius: 4px;
  font-size: 12px;
  line-height: 14px;
  height: 40px;
  padding: 8px 8px 8px 13px;
  width: calc(100% - 35px);
}
.header__search button {
  background-color: transparent;
  border: 0;
  position: absolute;
  top: 10px;
  right: 10px;
}
.header__search .dropdownsearch {
  float: left;
  overflow: hidden;
  width: 90px;
}
.header__search .dropdownsearch a#type {
  display: block;
  overflow: hidden;
  padding: 6px 4px 6px 6px;
  box-sizing: border-box;
  background: #fed700;
  margin: 5px;
  border-radius: 4px;
  color: #333;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.header__search .dropdownsearch a#type:after {
  content: "";
  border-top: 5px solid #333;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 3px;
}
.header__search .dropdownsearch ul {
  display: none;
  background: #fff;
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 90px;
  top: 36px;
  -webkit-box-shadow: 3px 6px 23px -6px rgba(0, 0, 0, 0.87);
  box-shadow: 3px 6px 23px -6px rgba(0, 0, 0, 0.87);
  z-index: 99999;
}
.header__search .dropdownsearch ul li {
  display: block;
  overflow: hidden;
  padding: 5px 7px;
  font-size: 12px;
  cursor: pointer;
}
.header__search .dropdownsearch ul li.active {
  font-weight: bold;
}
header.header.manusearch .header__search input {
  width: calc(100% - 90px - 35px);
  padding: 8px 8px 8px 3px;
}
.header__cart {
  border-radius: 4px;
  color: #333;
  font-size: 12px;
  line-height: 14px;
  padding: 8px 10px;
  width: 12%;
  background: rgba(255, 172, 10, 0.6);
}
.header__cart .box-cart {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.header__cart i,
.header__cart span {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
}
.header__cart i {
  margin-right: 8px;
}
.header__history {
  color: #333;
  font-size: 12px;
  line-height: 14px;
  margin: 0 12px 0 18px;
  text-align: center;
  width: 55px;
}
.header__hot {
  color: #333;
  font-size: 12px;
  line-height: 14px;
  padding: 3px 4px 3px 30px;
  position: relative;
  width: 16%;
}
.header__hot .dot {
  background-color: #ffe66b;
  border-radius: 100%;
  display: block;
  left: 10px;
  height: 8px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  width: 8px;
}
.header__listtop {
  align-items: center;
  display: flex;
  width: 28%;
}
.header__listtop .divitem {
  padding: 0 12px;
  text-align: center;
}
.header__listtop .divitem:last-child {
  padding-right: 0;
}
.header__listtop .divitem a {
  color: #333;
  font-size: 14px;
  line-height: 16px;
}
.name-order {
  color: #333;
  font-size: 12px;
  line-height: 14px;
  padding: 6px 14px;
  width: 10%;
  border-radius: 4px;
  text-align: center;
  float: left;
  margin: 0 21px;
  background: rgba(255, 172, 10, 0.6);
}
.cart-number {
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  line-height: 12px;
  left: 8px;
  height: 12px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 12px;
}
.cart-number.has-cart {
  background-color: #dd1c1a;
  line-height: inherit;
}
.main-menu {
  display: flex;
  justify-content: space-between;
  margin: 0 -10px 0;
  padding-top: 10px;
}
.main-menu a {
  color: #000;
  font-size: 0;
  line-height: 16px;
}
.main-menu li {
  cursor: pointer;
  padding: 10px;
  position: relative;
}
.main-menu li.current {
  background-color: #fff;
}
.main-menu li:last-child {
  margin-right: 0;
}
.main-menu li i,
.main-menu li span {
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
}
.main-menu li i {
  margin-right: 5px;
}
.main-menu li i img {
  height: 20px;
  width: auto;
  object-fit: cover;
  vertical-align: middle;
}
#search-result .suggest_search .hc-samsungsis {
  padding: 5px;
}
.hc-samsungsis a img {
  display: block;
  width: 275px;
  height: 30px;
}
.footer {
  clear: both;
  border-top: 1px solid #e2e2e2;
  margin-top: 35px;
  background: #fff;
  position: relative;
}
.footer__top {
  padding: 15px 0 5px;
}
.footer__col {
  float: left;
  width: 24%;
}
.footer__col:nth-child(2) {
  width: 19%;
}
.footer__col:nth-child(3) {
  width: 28%;
}
.footer__col:nth-child(4) {
  width: 29%;
}
.f-listmenu li {
  margin-bottom: 10px;
}
.f-listmenu li.hidden {
  display: none;
}
.f-listmenu li a {
  color: #333;
  line-height: 21px;
}
.f-listmenu li a:hover {
  color: #2f80ed;
}
.f-listmenu .arrow {
  position: relative;
}
.f-listmenu .arrow::before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
  content: "";
  position: absolute;
  top: 7px;
  right: -15px;
}
.f-listtel__content {
  line-height: 21px;
  margin-top: 10px;
}
.f-listtel__content a {
  color: #2f80ed;
  font-weight: bold;
}
.f-listtel__content > span {
  width: 65px;
  display: inline-block;
}
.f-social {
  margin-bottom: 20px;
}
.f-social a {
  color: #2f80ed;
  margin-right: 10px;
}
.f-social a i {
  margin-right: 5px;
}
.f-certify {
  margin-bottom: 20px;
}
.f-certify a {
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
}
.f-certify a:last-child {
  margin-right: 0;
}
.f-certify a._ncsc img {
  width: 85px;
  display: block;
}
.f-website-title {
  margin-bottom: 10px;
}
.f-website a {
  margin-right: 10px;
}
.copyright {
  background-color: #f1f1f1;
  padding: 15px 0;
}
.copyright p {
  color: #666;
  font-size: 12px;
}
.top-banner {
  background-color: #fff;
  display: flex;
  margin-top: 10px;
}
.top-banner section {
  display: flex;
}
.slider-bannertop {
  position: relative;
  width: 66.67%;
}
.slider-bannertop.fullwidth {
  width: 100%;
}
.slider-bannertop .item {
  display: none;
}
.slider-bannertop .item img {
  width: 100%;
}
.slider-bannertop .item:first-child {
  display: block;
}
.slider-bannertop.owl-theme .owl-page span {
  height: 6px;
  width: 6px;
}
.slider-bannertop.owl-theme .owl-page.active span {
  background-color: #fe7705;
}
.slider-bannertop .owl-pagination {
  bottom: 5px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.promote-banner {
  padding-left: 10px;
  width: 33.33%;
  display: grid;
  align-content: space-between;
  align-self: stretch;
  padding-top: 5px;
}
.promote-item {
  display: block;
  margin-bottom: 5px;
}
.promote-item:last-child {
  margin-bottom: 0;
}
.promote-item img {
  width: 100%;
}
.c-checkitem {
  cursor: pointer;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}
.c-checkitem:last-child {
  margin-right: 0;
}
.c-checkitem .tick-checkbox {
  border: 1px solid #a6a6a6;
  border-radius: 3px;
  margin-right: 2px;
  height: 16px;
  width: 16px;
}
.c-checkitem .tick-checkbox,
.c-checkitem p {
  display: inline-block;
  vertical-align: middle;
}
.c-checkitem.act-check {
  position: relative;
}
.c-checkitem.act-check::before,
.c-checkitem.act-check::after {
  background-color: #fff;
  bottom: 3px;
  border-radius: 20px;
  content: "";
  position: absolute;
  width: 2px;
}
.c-checkitem.act-check::before {
  height: 8px;
  left: 4px;
  transform: rotate(-35deg);
}
.c-checkitem.act-check::after {
  height: 12px;
  left: 9px;
  transform: rotate(35deg);
}
.c-checkitem.act-check .tick-checkbox {
  background-color: #4a90e2;
  border: 0;
}
.nav-list {
  display: flex;
  flex-wrap: wrap;
}
.nav-list a {
  align-items: center;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  color: #333;
  display: flex;
  justify-content: center;
  font-size: 12px;
  line-height: 16px;
  min-height: 40px;
  margin: 0 0 6px 6px;
  padding: 5px 0;
  text-align: center;
  width: calc(20% - 5px);
}
.nav-list a:nth-child(5n + 1) {
  margin-left: 0;
}
.show-menu {
  background-color: #fff;
  height: 100%;
  overflow: scroll;
  max-width: 640px;
  padding: 60px 10px 100px;
  position: fixed;
  top: 0;
  transition: 0.3s;
  right: -100%;
  width: 100%;
  z-index: 99;
}
.show-menu.active {
  left: 0;
  margin: auto;
  right: 0;
}
.box-fixed {
  background-color: #fff;
  display: none;
  left: 0;
  max-width: 640px;
  margin: auto;
  position: fixed;
  padding: 10px 10px;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 1;
}
.box-fixed.active {
  display: block;
}
.btn-closemenu {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  color: #333;
  float: right;
  line-height: 21px;
  padding: 7px 5px 7px 0;
  position: relative;
  text-align: right;
  width: 65px;
}
.btn-closemenu::before,
.btn-closemenu::after {
  background-color: #333;
  content: "";
  left: 15px;
  height: 10px;
  position: absolute;
  top: 12px;
  width: 1px;
}
.btn-closemenu::before {
  transform: rotate(45deg);
}
.btn-closemenu::after {
  transform: rotate(-45deg);
}
.show-menu__link {
  margin: 10px 0 5px;
}
.show-menu__link .link-item {
  float: left;
  width: calc(50% - 5px);
}
.show-menu__link .link-item:first-child {
  margin-right: 10px;
}
.show-menu__link ul li:last-child {
  border-bottom: 0;
}
.show-menu__link .link-item p {
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 5px;
}
.show-menu__link .link-item li {
  border-bottom: 1px solid #e0e0e0;
  padding: 6px 0;
}
.show-menu__link .link-item a {
  color: #333;
  font-size: 12px;
  line-height: 16px;
}
.show-menu .nav-list a {
  box-shadow: none;
}
.txt-history {
  color: #2f80ed;
  display: inline-block;
  margin: 15px 0;
}
.txt-tel {
  margin-bottom: 15px;
}
.txt-tel a {
  color: #2f80ed;
}
.btn-readmore {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  color: #333;
  display: block;
  line-height: 18px;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  width: calc(100% - 20px);
}
.btn-readmore span {
  padding-right: 15px;
  position: relative;
}
.btn-readmore span::before {
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  width: 0;
}
.btn-readmore.arrowUp span::before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
  top: 6px;
}
.btn-readmore.arrowRight span::before {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #333;
  top: 4px;
}
.txt-readmore {
  color: #2f80ed;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  padding-right: 8px;
}
.txt-readmore.alright {
  position: absolute;
  top: 0;
  right: 0;
}
.txt-readmore::before {
  border-top: 1px solid #2f80ed;
  border-right: 1px solid #2f80ed;
  content: "";
  height: 4px;
  position: absolute;
  transform: rotate(45deg);
  top: 6px;
  right: 0;
  width: 4px;
}
.breadcrumb {
  background-color: #fff;
  overflow-x: scroll;
}
.breadcrumb li {
  display: inline-block;
  font-size: 12px;
  line-height: 17px;
  padding-right: 10px;
  position: relative;
}
.breadcrumb li::before {
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  content: "";
  height: 4px;
  position: absolute;
  right: 1px;
  transform: rotate(45deg);
  top: 6px;
  width: 4px;
}
.breadcrumb li:last-child::before {
  display: none;
}
.breadcrumb li a {
  color: #4a90e2;
}
.box-scroll {
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: none;
  -ms-scroll-snap-type: mandatory;
  -webkit-overflow-scrolling: touch;
}
.c-btnclose {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  line-height: 21px;
  padding: 4px 7px;
  position: absolute;
  text-align: right;
  width: 66px;
}
.c-btnclose::before,
.c-btnclose::after {
  background-color: #333;
  content: "";
  left: 14px;
  height: 10px;
  position: absolute;
  top: 9px;
  width: 1px;
}
.c-btnclose::before {
  transform: rotate(45deg);
}
.c-btnclose::after {
  transform: rotate(-45deg);
}
.c-checkitem {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}
.c-checkitem:last-child {
  margin-right: 0;
}
.c-checkitem .tick-checkbox {
  border: 1px solid #a6a6a6;
  border-radius: 3px;
  margin-right: 2px;
  height: 16px;
  width: 16px;
}
.c-checkitem .tick-checkbox,
.c-checkitem p {
  display: inline-block;
  vertical-align: middle;
}
.c-checkitem.act-check {
  position: relative;
}
.c-checkitem.act-check::before,
.c-checkitem.act-check::after {
  background-color: #fff;
  bottom: 3px;
  border-radius: 20px;
  content: "";
  position: absolute;
  width: 2px;
}
.c-checkitem.act-check::before {
  height: 8px;
  left: 4px;
  transform: rotate(-35deg);
}
.c-checkitem.act-check::after {
  height: 12px;
  left: 9px;
  transform: rotate(35deg);
}
.c-checkitem.act-check .tick-checkbox {
  background-color: #4a90e2;
  border: 0;
}
.scrolling_inner {
  position: relative;
}
.scrolling_inner.scroll-left::before {
  background: linear-gradient(
    to left,
    rgba(255 255 255/0),
    rgba(255 255 255/1)
  );
  content: "";
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 40px;
  z-index: 1;
}
.scrolling_inner.scroll-right::after {
  background: linear-gradient(
    to right,
    rgba(255 255 255/0),
    rgba(255 255 255/1)
  );
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
}
@media only screen and (max-width: 412px) {
  .nav-home {
    max-width: 95%;
  }
}
@media only screen and (max-width: 390px) {
  .nav-home {
    max-width: 100%;
  }
}
.zone-new-bhx .productbox-bhxapi {
  background-color: #f1f1f1;
  border: 6px solid #008847;
  border-top: 0;
  background: #008847;
}
.zone-new-bhx .productbox-bhxapi * {
  box-sizing: border-box;
}
.zone-new-bhx .productbox-bhxapi .hidden {
  display: none !important;
}
.zone-new-bhx .productbox-bhxapi div.title {
  display: block;
  color: #fff;
  position: relative;
  font-size: 16px;
  background: #008847;
  padding: 10px 170px 10px 35px;
}
.zone-new-bhx .productbox-bhxapi div.title span.text {
  color: #fff200;
}
.zone-new-bhx .productbox-bhxapi div.title span.text span::before {
  content: "•";
  margin: 0 5px;
}
.zone-new-bhx .productbox-bhxapi div.title span.note {
  display: inline-block;
}
.zone-new-bhx .productbox-bhxapi .dotnew {
  background-color: #ffe66b;
  border-radius: 100%;
  display: block;
  left: 10px;
  height: 8px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  width: 8px;
}
.zone-new-bhx .productbox-bhxapi .dotnew .animation {
  border: 1px solid #ffe66b;
  background-color: rgba(255, 230, 107, 0.2);
  border-radius: 100%;
  display: block;
  height: 8px;
  opacity: 1;
  -moz-animation: sonar 1.25s linear infinite;
  -o-animation: sonar 1.25s linear infinite;
  -webkit-animation: sonar 1.25s linear infinite;
  animation: sonar 1.25s linear infinite;
  width: 8px;
}
.zone-new-bhx .productbox-bhxapi div.title a {
  margin-left: 2px;
}
.zone-new-bhx .productbox-bhxapi div.title img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.zone-new-bhx .productbox-bhxapi div.title span.close {
  position: absolute;
  margin: auto;
  right: 5px;
  cursor: pointer;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(0, -50%);
  font-size: 12px;
  color: #fff;
  font-weight: normal;
}
.zone-new-bhx .productbox-bhxapi div.title span.close a {
  color: #fff;
  display: flex;
  align-items: center;
}
.zone-new-bhx .productbox-bhxapi div.title span.close a .showtext {
  margin-right: 5px;
  text-align: center;
}
.zone-new-bhx .productbox-bhxapi div.title img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.zone-new-bhx .productbox-bhxapi .zone-bhx span.note {
  font-style: italic;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
.zone-new-bhx .productbox-bhxapi .zone-new-bhx span.note {
  font-style: italic;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
.zone-new-bhx .productbox-bhxapi div.voucherproduct-bhx {
  display: flex;
  background-color: #008847;
}
.zone-new-bhx .productbox-bhxapi div._voucher {
  background: #fefcea;
  padding: 5px 5px 38px 10px;
  max-width: 190px;
  position: relative;
  margin: 5px 0 5px 5px;
  border-radius: 3px;
}
.zone-new-bhx .productbox-bhxapi div._voucher .voucher-title {
  color: #3b864d;
  font-weight: 600;
  width: 170px;
}
.zone-new-bhx .productbox-bhxapi div._voucher .voucher-content {
  margin-bottom: 5px;
}
.zone-new-bhx .productbox-bhxapi div._voucher .voucher-error {
  color: #f00;
  font-size: 13px;
}
.zone-new-bhx .productbox-bhxapi div._voucher .voucher-note {
  color: #afafaf;
  font-size: 12px;
  line-height: 14px;
  text-align: justify;
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 5px;
}
.zone-new-bhx .productbox-bhxapi div._voucher input {
  padding: 7px 20px;
  border-radius: 4px;
  border: 1px solid #008848;
  width: 100%;
  margin-top: 9px;
  clear: both;
  box-sizing: border-box;
  height: 34px;
  text-indent: initial;
  padding-left: 15px;
}
.zone-new-bhx .productbox-bhxapi div._voucher input.input-warning {
  border: 1px solid #f00;
}
.zone-new-bhx .productbox-bhxapi div._voucher button {
  width: 100%;
  height: 34px;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  background: #bdbdbd;
  color: #fff;
  margin-top: 9px;
  cursor: pointer;
}
.zone-new-bhx .productbox-bhxapi div._voucher button:not([disabled]) {
  background: #008848;
  border: #008848;
}
.zone-new-bhx .productbox-bhxapi div.voucher-success {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
}
.zone-new-bhx .productbox-bhxapi div.voucher-success .s-img {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 10px;
}
.zone-new-bhx .productbox-bhxapi div.voucher-success .s-img img {
  display: inline-block;
}
.zone-new-bhx .productbox-bhxapi div.voucher-success .s-title {
  text-align: center;
  margin-bottom: 10px;
}
.zone-new-bhx .productbox-bhxapi div.voucher-success .s-pm {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
  word-wrap: break-word;
}
.zone-new-bhx .productbox-bhxapi div.voucher-success .s-pm:before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  left: 10px;
  top: 7px;
  background: #000;
}
.zone-new-bhx .productbox-bhxapi div._product {
  display: flex;
  width: calc(100% - 195px);
  padding: 0 5px;
}
.zone-new-bhx .productbox-bhxapi div._product .productbox-bhxapi-item {
  position: relative;
  text-align: center;
  width: 195px;
  height: 316px;
}
.zone-new-bhx
  .productbox-bhxapi
  div._product
  .productbox-bhxapi-item
  a:first-child {
  padding: 5px;
  position: relative;
  display: block;
  height: 100%;
}
.zone-new-bhx .productbox-bhxapi div._product,
.zone-new-bhx .productbox-bhxapi-item a img {
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
.zone-new-bhx .productbox-bhxapi div > a > span {
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 36px;
  margin: 0;
  width: 100%;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #333;
  line-height: 18px;
}
.zone-new-bhx
  .productbox-bhxapi
  div._product
  .productbox-bhxapi-item.viewmore-bhx
  a
  > span {
  font-size: 13px;
}
.zone-new-bhx .productbox-bhxapi div > a .productbox-bhxapi-item-img {
  height: auto;
  width: 100px;
  margin: auto;
}
.zone-new-bhx .productbox-bhxapi div > a .productbox-bhxapi-item-img img {
  width: 100%;
  height: auto;
  margin: 10px auto;
}
.zone-new-bhx .productbox-bhxapi div > a .zone-price {
  font-size: 14px;
  margin-top: 5px;
}
.zone-new-bhx .productbox-bhxapi div > a .zone-price .after-price {
  color: #d12c1f;
  display: block;
  font-size: 16px;
}
.zone-new-bhx .productbox-bhxapi div > a .zone-price .before-price {
  color: #666;
  display: inline-block;
  text-decoration: line-through;
  font-weight: normal;
}
.zone-new-bhx .productbox-bhxapi div > a .zone-price .percent-price {
  color: #dd1c1a;
  display: inline-block;
}
.zone-new-bhx .productbox-bhxapi div .zone-buy {
  position: absolute;
  color: #007e3c;
  padding: 4px 19px;
  border: 1px solid #008847;
  border-radius: 4px;
  margin: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
  text-align: center;
}
.owl-carousel .owl-item .owl-lazy.lazyloaded {
  opacity: 1;
}
.imgzalo img {
  max-width: 18px;
  margin-top: -5px;
  vertical-align: middle;
}
a.imgzalo {
  margin-right: 0;
}
#status-icon:before,
.lhc-icon-online:before {
  background-image: url(https://cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/homev2/desk/chat.webp);
  background-size: 38px 38px;
  background-repeat: no-repeat;
  content: "";
  height: 48px;
  position: absolute;
  width: 48px;
}
.survey-wrap {
  max-width: 480px;
  margin: 40px auto 0;
}
.survey-wrap .question-name {
  white-space: normal;
}
.survey-wrap .surver-text-hasIcon.svelte-13ainzo.svelte-13ainzo {
  white-space: normal;
}
.survey-wrap
  .survey-system-question-form-AVAKids
  .crmsurvey-btnanswer-icon
  span {
  font-weight: normal;
}
.zalo-chat-widget {
  bottom: 36px !important;
  right: 16px !important;
  z-index: 1 !important;
}
.header-top-bar {
  position: relative;
  z-index: 15;
}
.header-mask {
  height: 98px;
  width: 100%;
  display: none;
}
.header.v2024 {
  background-color: #ffd500;
}
.header.v2024 .header__top {
  display: flex;
  width: 1200px;
  margin: auto;
}
.header.v2024 .header__top > div {
  display: inline-flex;
  width: auto;
  max-width: none;
  padding-left: 0;
}
.header.v2024 .header__top > div > .header__logo {
  padding-right: 0;
}
.header.v2024 .header__top > div > .header__search {
  width: 415px;
  border-radius: 32px;
  margin: 0 10px;
}
.header.v2024 .header__top > div > .header__search.large {
  width: 700px;
}
.header.v2024 .header__top > div > .header__search > input {
  border-radius: 32px;
  padding: 8px;
  margin-left: 30px;
}
.header.v2024 .header__top > div > .header__search > button {
  right: inherit;
  left: 0;
  width: 30px;
  height: 40px;
  top: 0;
}
.header.v2024 .header__top > div > .header__search > button .icon-search {
  background-image: url("//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/homev2/desk/iconnew-min.png?v=4") !important;
  background-repeat: no-repeat;
  background-size: 310px 257px !important;
  background-position: -151px -18px;
  margin-left: 12px;
}
.header.v2024 .header__top > div > .header__search .dropdownsearch {
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
}
.header.v2024 .header__top > div > .header__search .dropdownsearch > ul {
  overflow: visible;
  top: 36px;
  border-radius: 4px;
  left: 3px;
  width: 85px;
}
.header.v2024 .header__top > div > .header__search .dropdownsearch > ul:before,
.header.v2024 .header__top > div > .header__search .dropdownsearch > ul:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: -5px;
  left: 46%;
  border-bottom: 5px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  z-index: 9;
}
.header.v2024.manusearch .header__top > div > .header__search > button {
  margin-left: 80px;
}
.header.v2024.manusearch .header__top > div > .header__search > input {
  margin-left: 110px;
  width: calc(100% - 120px);
}
.header.v2024 .header__top > div > .header__search .dropdownsearch a#type {
  border-radius: 32px;
}
.header.v2024 .header__top div.profile {
  position: relative;
  z-index: 11;
  width: auto;
}
.header.v2024 .header__top div.profile.active:hover > div {
  display: block;
}
.header.v2024 .header__top div.profile > a.name-order {
  width: 110px;
  padding: 0;
  border: 0;
  margin: 0 10px 0 0;
  padding: 0 5px 0 0;
  border-radius: 32px;
  height: 42px;
  line-height: 42px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: transparent;
  font-size: 14px;
}
.header.v2024 .header__top div.profile > a.name-order:hover {
  background-color: #fe9;
}
.header.v2024 .header__top div.profile > a.name-order > i {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: url("//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/homev2/desk/iconnew-min.png?v=4")
    no-repeat left top;
  background-size: 310px 257px;
  background-position: -29px -219px;
}
.header.v2024 .header__top div.profile > div {
  position: absolute;
  left: 0;
  top: 41px;
  border-radius: 8px;
  background-color: #fff;
  width: 130%;
  display: none;
}
.header.v2024 .header__top div.profile > div:hover {
  display: block;
}
.header.v2024 .header__top div.profile > div:before,
.header.v2024 .header__top div.profile > div:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  left: 20%;
  border-bottom: 5px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.header.v2024 .header__top div.profile > div > a {
  display: block;
  color: #333;
  font-size: 12px;
  padding: 10px 15px;
  border-bottom: 1px solid #f2f4f7;
  border-radius: 8px;
}
.header.v2024 .header__top div.profile > div > a:hover {
  background-color: #fe9;
}
.header.v2024 .header__top div.profile > div > a:last-child {
  border-bottom: 0;
}
.header.v2024 .header__top > div > a.header__cart {
  width: 110px;
  padding: 0;
  border: 0;
  border-radius: 32px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  margin-right: 10px;
  background-color: transparent;
  position: relative;
}
.header.v2024 .header__top > div > a.header__cart:hover {
  background-color: #fe9;
}
.header.v2024 .header__top > div > a.header__cart i {
  margin-right: 0;
  background-position: -54px -218px;
}
.header.v2024 .header__top > div > a.header__cart span {
  font-weight: normal;
  font-size: 14px;
}
.header.v2024 .header__top > div > a.header__cart > div > span {
  line-height: 12px;
}
.header.v2024 .header__top > div > a.header__cart > div .cart-number {
  top: 11px;
  left: 7px;
  font-size: 10px;
}
.header.v2024 .header__top > div > a.header__cart .view-cart:before {
  right: 72px;
}
.header.v2024 .header__top > div > a.header__address {
  width: 300px;
  margin-right: 0;
  float: right;
  background-color: #ffe14c;
  border-radius: 32px;
  padding: 5px 8px 5px 33px;
  position: relative;
  height: 42px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  font-size: 14px;
}
.header.v2024 .header__top > div > a.header__address:hover {
  background-color: #fe9;
}
.header.v2024 .header__top > div > a.header__address span:before {
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  height: 5px;
  width: 5px;
  border-right: 0;
  transform: rotate(135deg);
  right: 10px;
}
.header.v2024 .header__top > div > a.header__address > i {
  position: absolute;
  left: 11px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 17px;
  height: 23px;
  background-size: 310px 257px !important;
  background-position: -8px -219px;
  background-image: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/homev2/desk/iconnew-min.png?v=4) !important;
}
.header.v2024 .header__top > div > a.header__address > span {
  padding-right: 8px;
  font-weight: normal;
  word-break: break-word;
  line-height: 1.3;
  -webkit-line-clamp: 1;
  width: auto;
  max-width: 100%;
}
.header.v2024 .header__top > div.category {
  position: relative;
  height: 100%;
  margin-right: 10px;
  white-space: nowrap;
  padding-left: 10px;
  z-index: 13;
}
.header.v2024 .header__top > div.category > a {
  color: #fff;
  display: inline-block;
  padding-left: 5px;
  position: relative;
  z-index: 2;
}
.header.v2024 .header__top > div.category > i {
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.header.v2024 .header__top > div.category.active:before {
  content: "";
  background-color: #fff;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 10px;
  left: 0;
}
.header.v2024 .header__top > div.category.active > a {
  color: #333;
}
.header.v2024 .header__top > div.category.active > i.iconnewglobal-whitemenu {
  background-position: -78px 0;
}
.header.v2024 .header__top > div.category .bar-top-left {
  left: 0;
  top: 58px;
  border: 0;
  width: 230px;
}
.header.v2024 #search-result {
  top: 47px;
}
.header.v2024 #search-result .suggest_search:before,
.header.v2024 #search-result .suggest_search:after {
  left: 3%;
}
.header.v2024 .header__main {
  padding-bottom: 0;
}
.header.v2024 .main-menu {
  padding-top: 5px;
}
.header.v2024 .main-menu li {
  padding-top: 5px;
}
.header.v2024 .main-menu li:hover {
  background-color: #fe9;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.header.v2024 .main-menu li:nth-child(n + 7) div.navmwg {
  right: 0;
  left: inherit;
}
.header.v2024 .main-menu li a span.has-child:after {
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  height: 5px;
  width: 5px;
  border-right: 0;
  transform: rotate(225deg);
  margin: -4px 0 0 5px;
}
.header.v2024 .main-menu li:hover a span.has-child:after {
  transform: rotate(45deg);
  margin-top: 2px;
}
.header.v2024 .main-menu li.has-list:hover::before,
.header.v2024 .main-menu li.has-list:hover::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: -1px;
  left: 20%;
  border-bottom: 10px solid #d9d9d9;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom-color: #fff;
  z-index: 12;
}
.header.v2024 .main-menu .navmwg {
  border-radius: 8px;
  top: 39px;
}
.header.v2024 .main-menu .navmwg:not(.limit-width) {
  grid-template-columns: repeat(2, auto);
  max-width: 1064px;
  width: max-content;
  left: -164px;
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.header.v2024 .main-menu .navmwg:not(.limit-width)::-webkit-scrollbar {
  width: 8px;
}
.header.v2024 .main-menu .navmwg:not(.limit-width)::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d9d9d9;
}
.header.v2024 .main-menu .navmwg.limit-width {
  grid-template-columns: repeat(6, auto);
  max-width: 650px;
  width: auto;
}
.header.v2024 .main-menu .navmwg.limit-width div {
  text-align: center;
}
.header.v2024 .main-menu li.has-list:hover .navmwg.limit-width {
  display: grid;
}
.header.v2024 .main-menu .navmwg::before,
.header.v2024 .navmwg::after {
  display: none;
}
.header.v2024 .main-menu .navmwg strong {
  text-transform: none;
  display: block;
  border-bottom: 0;
}
.header.v2024 .main-menu .navmwg div {
  margin-bottom: 20px;
}
.header.v2024 .main-menu .navmwg div:first-child {
  grid-row: 1/3;
  padding-right: 16px;
}
.header.v2024 .main-menu .navmwg div a {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  text-align: center;
  position: relative;
  border-radius: 12px;
  padding: 10px 5px;
}
.header.v2024 .main-menu .navmwg div a img {
  display: block;
  max-width: 48px;
  margin: 0 auto 5px auto;
  width: auto;
}
.header.v2024 .main-menu .navmwg div a h3 {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  font-size: 12px;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.header.v2024 .main-menu .navmwg div a .label-new.menuitem_label {
  border-radius: 4px;
  position: absolute;
  right: 11px;
  top: 0;
  width: auto;
  padding: 0 2px;
  background-color: #fbdddd;
  color: #eb5757;
  font-size: 11px;
}
.header.v2024 .main-menu .navmwg div a:hover {
  background-color: #f9fafb;
}
.header.v2024 .main-menu .navmwg div a:hover h3 {
  font-weight: normal;
}
.header.v2024.sticky1 {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 98;
}
.header.v2024.fixed1 .header__main {
  display: none;
}
.header.v2024.fixed1.showmenu .header__main {
  display: block;
}
.header.v2024.fixed1 .header__top {
  padding-bottom: 10px;
}
.header.v2024.sticky1.fixed1 {
  position: fixed !important;
}
.footer.v2024 .footer__logo {
  overflow: hidden;
  margin-bottom: 15px;
}
.footer.v2024 .footer__logo .footer__logo-list {
  margin-top: 10px;
}
.footer.v2024 .footer__logo .footer__logo-list li {
  border-radius: 5px;
  overflow: hidden;
}
.footer.v2024 .f-listmenu {
  margin-top: 10px;
}
.footer.v2024 .f-listmenu .arrow::before {
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  height: 5px;
  width: 5px;
  transform: rotate(-135deg);
  border-right: 0;
  top: 3px;
}
.footer.v2024 .f-listmenu .arrow.hidetaga::before {
  transform: rotate(45deg);
  top: 8px;
}
.back-to-old {
  padding: 10px 18px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background-color: #fff;
  position: fixed;
  left: 10px;
  bottom: 65px;
  font-size: 16px;
  color: #344054;
  font-weight: 600;
  z-index: 5;
  cursor: pointer;
}
.theme-national .iconnewglobal-logo {
  background-image: url("//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/holiday29/TGDD/logo-holiday-dt.png");
  background-repeat: no-repeat;
  background-size: 228px 40px;
  background-position: 0 0;
  height: 40px;
  width: 228px;
}
.theme-xmas .iconnewglobal-logo {
  background-image: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/noel/2024/tgdd/logo-dt.png);
  height: 53px;
  width: 240px;
  background-repeat: no-repeat;
  display: inline-block;
  line-height: 30px;
  vertical-align: middle;
  background-size: 240px 53px;
  background-position: unset;
}
.theme-xmas .header-left,
.theme-xmas .header-right {
  height: 96px;
  position: absolute;
  top: 0;
  width: 360px;
}
.theme-xmas.hasbanner.fixed1 .header-left,
.theme-xmas.hasbanner.fixed1 .header-right {
  top: 0;
}
.theme-xmas .header-left {
  background: url("//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/noel/2024/tgdd/header-left.png")
    no-repeat;
  background-size: 100%;
  background-position: left top;
  left: calc((100vw - 1200px) / 2 - 360px);
}
.theme-xmas .header-right {
  background: url("//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/noel/2024/tgdd/header-right.png")
    no-repeat;
  background-size: 100%;
  background-position: right top;
  right: calc((100vw - 1200px) / 2 - 380px);
}
@media only screen and (max-width: 1960px) {
  .theme-xmas .header-left,
  .theme-xmas .header-right {
    height: 96px;
    width: calc((100vw - 1210px) / 2);
  }
  .theme-xmas .header-left {
    left: 0;
  }
  .theme-xmas .header-right {
    right: 0;
    width: calc((100vw - 1250px) / 2);
  }
}
@media only screen and (max-width: 1440px) {
  .theme-xmas .header-left,
  .theme-xmas .header-right {
    display: none;
  }
}
.theme-newyear .iconnewglobal-logo {
  background-image: url(/images/logo.png);
  height: 48px;
  width: 265px;
  background-repeat: no-repeat;
  display: inline-block;
  line-height: 30px;
  vertical-align: middle;
  background-size: 265px 48px;
  background-position: unset;
}
.theme-newyear.header.v2024 .header__top > div > .header__search {
  width: 395px;
}
.theme-newyear.header.v2024 .header__top > div > a.header__address {
  width: 283px;
}
.theme-lunaryear .iconnewglobal-logo {
  background-image: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/tet/tgdd/2025/am/logo_desktop.png);
  height: 48px;
  width: 265px;
  background-repeat: no-repeat;
  display: inline-block;
  line-height: 30px;
  vertical-align: middle;
  background-size: 265px 48px;
  background-position: unset;
}
.theme-lunaryear.header.v2024 .header__top > div > .header__search {
  width: 395px;
}
.theme-lunaryear.header.v2024 .header__top > div > a.header__address {
  width: 283px;
}
.suggestSearchUsed {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
  position: relative;
  overflow: hidden;
}
.suggestSearchUsed::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  left: 30%;
  border-bottom: 10px solid #eee;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.suggestSearchUsed .title {
  background: #f5f5f5;
  font-size: 13px;
  color: #666;
  font-weight: 400;
  padding: 10px;
}
.suggestSearchUsed li {
  padding: 10px;
  border-bottom: 1px solid #eee;
}
.suggestSearchUsed li a {
  display: flex;
  color: #333;
}
.suggestSearchUsed li .thumb {
  margin: 0 20px 0 0;
}
.suggestSearchUsed li .thumb img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}
.suggestSearchUsed li .info .name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #333;
  font-size: 14px;
  overflow: hidden;
}
.suggestSearchUsed li .info .price-percent,
.suggestSearchUsed li .info .new-price {
  margin-top: 4px;
}
.suggestSearchUsed li .info .price-percent .price strong {
  color: #e83a45;
}
.suggestSearchUsed li .info .price-percent .discount-percent {
  margin-left: 18px;
  padding: 2px 6px;
  background: #fff0e9;
  font-size: 12px;
  color: #eb5757;
  display: inline-block;
  position: relative;
}
.suggestSearchUsed li .info .price-percent .discount-percent:before {
  border-color: transparent transparent #fff0e9;
  border-style: solid;
  border-width: 0 10px 9px 11px;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  transform: rotate(270deg);
  top: 6px;
  left: -15px;
}
.dot-stretching {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #288ad6;
  color: #288ad6;
  transform: scale(1.25, 1.25);
  animation: dotStretching 2s infinite ease-in;
  text-align: left;
}
.dot-stretching::before {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #288ad6;
  color: #288ad6;
  animation: dotStretchingBefore 2s infinite ease-in;
}
.dot-stretching::after {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #288ad6;
  color: #288ad6;
  animation: dotStretchingAfter 2s infinite ease-in;
}
.dot-stretching::before,
.dot-stretching::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
#preloader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1;
  background: rgba(255, 255, 255, 0.75);
}
.preloader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 999;
  background: rgba(255, 255, 255, 0.75);
}
.load {
  display: block;
  width: 20px;
  height: 20px;
  border: 5px solid #fff;
  border-top: 5px solid transparent;
  -webkit-animation: load-animate infinite linear 1s;
  animation: load-animate infinite linear 1s;
  border-radius: 100%;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 99;
  background: rgba(255, 255, 255, 0.75);
}
#loader {
  display: block;
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 80px;
  height: 80px;
}
#loader:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  background: url(https://cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/logo.png)
    no-repeat center;
  background-size: 45%;
  border-radius: 50%;
  margin: 0;
  background-color: #f8c5468c;
}
#loader:before {
  content: "";
  display: block;
  position: absolute;
  left: -3px;
  top: -3px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f8c546;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  z-index: 1;
}
body.dmx-site #loader:after {
  background-color: #288ad68f;
}
body.dmx-site #loader:before {
  border-top-color: #288ad6;
}
.desktop #loader {
  top: 15%;
}
.loaderweb {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 80px;
  height: 80px;
  margin: -75px 0 0 -50px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #000;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.loaderweb:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #8e8e8e;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}
.loaderweb:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #000;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
.desktop .loaderweb {
  top: 15%;
}
#progressTop {
  position: fixed;
  z-index: 99;
  top: 0;
  left: -6px;
  width: 1%;
  height: 5px;
  background-color: #288ad6;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -moz-transition: width 3000ms ease-out, opacity 500ms linear;
  -ms-transition: width 3000ms ease-out, opacity 500ms linear;
  -o-transition: width 3000ms ease-out, opacity 500ms linear;
  -webkit-transition: width 600ms ease-out, opacity 500ms linear;
  transition: width 5000ms ease-out, opacity 500ms linear;
}
#progressTop b,
#progressTop i {
  position: absolute;
  top: 0;
  height: 3px;
  -moz-box-shadow: #777 1px 0 6px 1px;
  -ms-box-shadow: #777 1px 0 6px 1px;
  -webkit-box-shadow: #777 1px 0 6px 1px;
  box-shadow: #777 1px 0 6px 1px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.bubblingG {
  text-align: center;
  width: 99%;
  height: 40px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 1;
}
.bubblingG span {
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 7px;
  margin: 25px 3px;
  background: #fff;
  border-radius: 49px;
  -o-border-radius: 49px;
  -ms-border-radius: 49px;
  -webkit-border-radius: 49px;
  -moz-border-radius: 49px;
  animation: bubblingG 1.5s infinite alternate;
  -o-animation: bubblingG 1.5s infinite alternate;
  -ms-animation: bubblingG 1.5s infinite alternate;
  -webkit-animation: bubblingG 1.5s infinite alternate;
  -moz-animation: bubblingG 1.5s infinite alternate;
}
.view-more .bubblingG span {
  animation: bubblingG-black 1.5s infinite alternate;
  -o-animation: bubblingG-black 1.5s infinite alternate;
  -ms-animation: bubblingG-black 1.5s infinite alternate;
  -webkit-animation: bubblingG-black 1.5s infinite alternate;
  -moz-animation: bubblingG-black 1.5s infinite alternate;
}
#bubblingG_1 {
  animation-delay: 0s;
  -o-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
}
#bubblingG_2 {
  animation-delay: 0.45s;
  -o-animation-delay: 0.45s;
  -ms-animation-delay: 0.45s;
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
}
#bubblingG_3 {
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
}
.loaderLocation {
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid #222;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: absolute;
  top: 14px;
  left: 20%;
}
.lds-ellipsis {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: auto;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #1aa1db;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bubblingG {
  0% {
    width: 7px;
    height: 7px;
    background-color: #fff;
    transform: translateY(0);
  }
  100% {
    width: 17px;
    height: 17px;
    background-color: #288ad6;
    transform: translateY(-20px);
  }
}
@-o-keyframes bubblingG {
  0% {
    width: 7px;
    height: 7px;
    background-color: #fff;
    -o-transform: translateY(0);
  }
  100% {
    width: 17px;
    height: 17px;
    background-color: #288ad6;
    -o-transform: translateY(-20px);
  }
}
@-ms-keyframes bubblingG {
  0% {
    width: 7px;
    height: 7px;
    background-color: #fff;
    -ms-transform: translateY(0);
  }
  100% {
    width: 17px;
    height: 17px;
    background-color: #288ad6;
    -ms-transform: translateY(-20px);
  }
}
@-webkit-keyframes bubblingG {
  0% {
    width: 7px;
    height: 7px;
    background-color: #fff;
    -webkit-transform: translateY(0);
  }
  100% {
    width: 17px;
    height: 17px;
    background-color: #288ad6;
    -webkit-transform: translateY(-20px);
  }
}
@-moz-keyframes bubblingG {
  0% {
    width: 7px;
    height: 7px;
    background-color: #fff;
    -moz-transform: translateY(0);
  }
  100% {
    width: 17px;
    height: 17px;
    background-color: #288ad6;
    -moz-transform: translateY(-20px);
  }
}
@keyframes bubblingG-black {
  0% {
    width: 7px;
    height: 7px;
    background-color: #fff;
    transform: translateY(0);
  }
  100% {
    width: 17px;
    height: 17px;
    background-color: #333;
    transform: translateY(-20px);
  }
}
@-o-keyframes bubblingG-black {
  0% {
    width: 7px;
    height: 7px;
    background-color: #fff;
    -o-transform: translateY(0);
  }
  100% {
    width: 17px;
    height: 17px;
    background-color: #333;
    -o-transform: translateY(-20px);
  }
}
@-ms-keyframes bubblingG-black {
  0% {
    width: 7px;
    height: 7px;
    background-color: #fff;
    -ms-transform: translateY(0);
  }
  100% {
    width: 17px;
    height: 17px;
    background-color: #333;
    -ms-transform: translateY(-20px);
  }
}
@-webkit-keyframes bubblingG-black {
  0% {
    width: 7px;
    height: 7px;
    background-color: #fff;
    -webkit-transform: translateY(0);
  }
  100% {
    width: 17px;
    height: 17px;
    background-color: #333;
    -webkit-transform: translateY(-20px);
  }
}
@-moz-keyframes bubblingG-black {
  0% {
    width: 7px;
    height: 7px;
    background-color: #fff;
    -moz-transform: translateY(0);
  }
  100% {
    width: 17px;
    height: 17px;
    background-color: #333;
    -moz-transform: translateY(-20px);
  }
}
@-webkit-keyframes bounce {
  0% {
    transform: scale(0);
  }
  14% {
    transform: scale(1.15);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.15);
  }
  70% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bounce {
  0% {
    transform: scale(0);
  }
  14% {
    transform: scale(1.15);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.15);
  }
  70% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes load-animate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
    opacity: 0.35;
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dotStretching {
  0% {
    transform: scale(1.25, 1.25);
  }
  50%,
  60% {
    transform: scale(0.8, 0.8);
  }
  100% {
    transform: scale(1.25, 1.25);
  }
}
@keyframes dotStretchingBefore {
  0% {
    transform: translate(0) scale(0.7, 0.7);
  }
  50%,
  60% {
    transform: translate(-20px) scale(1, 1);
  }
  100% {
    transform: translate(0) scale(0.7, 0.7);
  }
}
@keyframes dotStretchingAfter {
  0% {
    transform: translate(0) scale(0.7, 0.7);
  }
  50%,
  60% {
    transform: translate(20px) scale(1, 1);
  }
  100% {
    transform: translate(0) scale(0.7, 0.7);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes sonar {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(4);
    transform: scale(4);
    opacity: 0;
  }
}
@keyframes sonar {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(4);
    transform: scale(4);
    opacity: 0;
  }
}
@keyframes load-effect {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shutdown {
  8%,
  46% {
    transform: scale(1, 1);
    opacity: 1;
  }
  50% {
    transform: scale(1, 0.02);
    opacity: 0.8;
  }
  55%,
  100% {
    transform: scale(0, 0);
    opacity: 0.3;
  }
}
.falling-container {
  display: block;
}
.falling-item {
  color: #fff;
  font-size: 1em;
  font-family: Arial;
}
.falling-item {
  position: fixed;
  top: -10%;
  z-index: 9999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  -webkit-animation-name: snowflakes-fall, snowflakes-shake;
  -webkit-animation-duration: 10s, 3s;
  -webkit-animation-timing-function: linear, ease-in-out;
  -webkit-animation-iteration-count: infinite, infinite;
  -webkit-animation-play-state: running, running;
  animation-name: snowflakes-fall, snowflakes-shake;
  animation-duration: 10s, 3s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
}
.falling-item:nth-of-type(0) {
  left: 1%;
  -webkit-animation-delay: 0s, 0s;
  animation-delay: 0s, 0s;
}
.falling-item:nth-of-type(1) {
  left: 10%;
  -webkit-animation-delay: 1s, 1s;
  animation-delay: 1s, 1s;
}
.falling-item:nth-of-type(2) {
  left: 20%;
  -webkit-animation-delay: 6s, 0.5s;
  animation-delay: 6s, 0.5s;
}
.falling-item:nth-of-type(3) {
  left: 30%;
  -webkit-animation-delay: 4s, 2s;
  animation-delay: 4s, 2s;
}
.falling-item:nth-of-type(4) {
  left: 40%;
  -webkit-animation-delay: 2s, 2s;
  animation-delay: 2s, 2s;
}
.falling-item:nth-of-type(5) {
  left: 50%;
  -webkit-animation-delay: 8s, 3s;
  animation-delay: 8s, 3s;
}
.falling-item:nth-of-type(6) {
  left: 60%;
  -webkit-animation-delay: 6s, 2s;
  animation-delay: 6s, 2s;
}
.falling-item:nth-of-type(7) {
  left: 70%;
  -webkit-animation-delay: 2.5s, 1s;
  animation-delay: 2.5s, 1s;
}
.falling-item:nth-of-type(8) {
  left: 80%;
  -webkit-animation-delay: 1s, 0s;
  animation-delay: 1s, 0s;
}
.falling-item:nth-of-type(9) {
  left: 90%;
  -webkit-animation-delay: 3s, 1.5s;
  animation-delay: 3s, 1.5s;
}
@-webkit-keyframes snowflakes-fall {
  0% {
    top: -10%;
  }
  100% {
    top: 100%;
  }
}
@-webkit-keyframes snowflakes-shake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(80px);
    transform: translateX(80px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes snowflakes-fall {
  0% {
    top: -10%;
  }
  100% {
    top: 100%;
  }
}
@keyframes snowflakes-shake {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(0);
  }
}
.falling-item {
  background-size: 100%;
  background-repeat: no-repeat;
}
.falling-item:nth-of-type(1) {
  left: 10%;
  -webkit-animation-delay: 6s, 0.5s;
  animation-delay: 6s, 0.5s;
  font-size: 2.5em;
}
.falling-item:nth-of-type(2) {
  left: 20%;
  -webkit-animation-delay: 5s, 5.5s;
  animation-delay: 5s, 5.5s;
  font-size: 1.9em;
}
.falling-item:nth-of-type(3) {
  left: 40%;
  -webkit-animation-delay: 4s, 2s;
  animation-delay: 4s, 2s;
  font-size: 2.4em;
}
.falling-item:nth-of-type(4) {
  left: 50%;
  -webkit-animation-delay: 3s, 1.5s;
  animation-delay: 3s, 1.5s;
  font-size: 2.1em;
}
.falling-item:nth-of-type(5) {
  left: 80%;
  -webkit-animation-delay: 2s, 2s;
  animation-delay: 2s, 2s;
  font-size: 2.3em;
}
.falling-item:nth-of-type(6) {
  left: 90%;
  -webkit-animation-delay: 1s, 0s;
  animation-delay: 1s, 0s;
  font-size: 2.2em;
}
@keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animate-flicker {
  -webkit-animation: flickerAnimation 0.5s infinite;
  -moz-animation: flickerAnimation 0.5s infinite;
  -o-animation: flickerAnimation 0.5s infinite;
  animation: flickerAnimation 0.5s infinite;
}
@keyframes lighting {
  0% {
    content: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/noel/light-pine-tree.png);
  }
  100% {
    content: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/noel/pine-tree.png);
  }
}
.theme-xmas .pine-tree img {
  width: 10%;
  position: fixed;
  z-index: -1;
}
.theme-xmas .pine-tree-left {
  bottom: 0;
  cursor: pointer;
  z-index: -1;
  animation: lighting 1s infinite;
  transform: matrix(-0.99, -0.14, -0.14, 0.99, 0, 0);
  right: 93.5vw;
}
.theme-xmas .pine-tree-right {
  bottom: 0;
  left: 93.5vw;
  cursor: pointer;
  z-index: -1;
  animation: lighting 1s infinite;
  transform: rotate(-8.21deg);
}
.theme-xmas .pine-tree .santa-left {
  bottom: 0;
  left: 1vw;
  cursor: pointer;
  z-index: -1;
  width: 6vw;
}
.theme-xmas .pine-tree .santa-right {
  bottom: 0;
  right: 0;
  cursor: pointer;
  z-index: -1;
  width: 3vw;
}
.theme-xmas .snowfall {
  position: fixed;
  pointer-events: none;
  z-index: 2;
}
/*  03:50:26 02/01/2025 */
[class^="iconcate-"],
[class*="iconcate-"] {
  background-image: url(https://cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/icon_commonDMX@2x.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  vertical-align: middle;
  background-size: 300px 260px;
}
.overlay-filter {
  overflow: hidden;
}
.bg-black::before {
  content: "";
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}
.bg-black.overlay-filter::before {
  background-color: rgba(0 0 0/0.4);
}
section {
  position: relative;
}
.owl-carousel {
  display: block;
}
#owl-nh .item {
  display: none;
}
#owl-nh .item img {
  max-width: 100%;
}
#owl-nh .item:first-child {
  display: block;
}
.owl-nav button {
  background: rgba(255, 255, 255, 0.9) !important;
  height: 60px;
  width: 30px;
  position: absolute;
  top: 48%;
  transform: translateY(-50%);
  z-index: 2;
}
.owl-nav button span {
  display: block;
  text-indent: -9999px;
}
.owl-nav button span::before {
  content: "";
  border-top: 3px solid #666;
  border-right: 3px solid #666;
  content: "";
  height: 22px;
  position: absolute;
  top: 18px;
  width: 22px;
}
.owl-nav button.owl-prev span::before {
  left: 10px;
  transform: rotate(-135deg);
}
.owl-nav button.owl-next span::before {
  transform: rotate(45deg);
  right: 8px;
}
.pk-sale .listproduct .owl-item {
  border: 0 !important;
}
.pk-sale .owl-carousel .owl-prev {
  left: -7px;
}
.pk-sale .owl-carousel .owl-next {
  right: -7px;
}
.block-scroll {
  background-color: #fff;
}
.scroll-quicklink.scroll-left::before {
  display: none;
}
.slider-nh .owl-dots,
.slider2-nh .owl-dots {
  bottom: 5px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.slider-nh button.owl-dot {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  margin: 0 3px;
  height: 4px;
  width: 4px;
}
.slider-nh .owl-dot.active {
  background: #fff;
}
.slider2-nh button.owl-dot {
  background: #999;
  border-radius: 4px;
  margin: 0 1px;
  height: 1px;
  width: 10px;
}
.slider2-nh .owl-dot.active {
  background: #fff;
}
.close-banner {
  position: absolute;
  top: 0;
  right: 4px;
}
.btn-readmore {
  margin-top: 15px;
}
.btn-readmore--nh {
  margin-top: 40px;
}
.btn-readmore--mevabe {
  margin-bottom: 40px;
}
.btn2-readmore {
  border: 1px solid #288ad6;
  border-radius: 4px;
  color: #288ad6;
  display: block;
  line-height: 18px;
  margin: 10px auto;
  padding: 10px;
  text-align: center;
  width: calc(100% - 20px);
}
.border-line {
  border-top: 1px solid #e0e0e0;
  margin: 10px 0 20px;
}
.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.block-scroll {
  position: relative;
  padding: 10px 0 15px;
}
.jsfix.fixed {
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  max-width: 100%;
  margin: 0 auto;
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 9;
}
.jsfix.fixed .filter-total {
  top: 0;
}
.jsfix.fixed .filter-show {
  top: 49px;
}
.box-filter {
  position: relative;
  font-size: 0;
  padding-top: 10px;
}
.fixed .box-filter {
  max-width: 1200px;
  display: block;
  margin: 0 auto;
  white-space: nowrap;
  position: unset;
  scrollbar-width: none;
}
.fixed .box-filter::-webkit-scrollbar {
  display: none;
}
.fixed .box-filter.wrap {
  white-space: normal;
}
.box-filter.disabled {
  opacity: 1;
}
.box-filter.disabled::after {
  content: "";
  background: rgba(255, 255, 255, 0.75);
  width: 1200px;
  height: 100%;
  position: absolute;
  top: 10px;
  border-radius: 6px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10;
}
.filter-item,
.filter-total {
  display: inline-block;
  font-size: 14px;
  line-height: 17px;
  margin-right: 8px;
  position: relative;
  padding-bottom: 10px;
}
.bg-black .filter-item {
  z-index: 2;
}
.bg-black .filter-item.isShowing {
  z-index: 3;
}
.bg-black.overlay-filter .filter-item {
  z-index: 1;
}
.filter-item__title {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  cursor: pointer;
  padding: 8px 10px;
}
.filter-item__title span {
  padding-right: 12px;
  position: relative;
}
.filter-item__title span::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #333;
  content: "";
  height: 0;
  position: absolute;
  top: 6px;
  right: 0;
  width: 0;
}
.filter-item__title.active {
  border: 1px solid #4a90e2;
  position: relative;
  z-index: 2;
}
.bg-black .filter-item__title.active {
  z-index: 1;
}
.filter-item__title.active.showing {
  z-index: 4;
}
.filter-item__title.showing.active span::before {
  transform: rotate(-180deg);
}
.filter-item__title.showing.active .arrow-filter {
  width: 27px;
  height: 14px;
  top: 30px;
  left: 25px;
  position: absolute;
  overflow: hidden;
}
.fixed .filter-item__title.showing.active .arrow-filter {
  height: 27px;
}
.filter-item__title.showing.active .arrow-filter::before {
  content: "";
  position: absolute;
  width: 27px;
  height: 27px;
  background: #fff;
  transform: rotate(45deg);
  top: 10px;
  left: 0;
  box-shadow: -2px -2px 5px -4px;
}
.filter-total i {
  margin-right: 5px;
}
.filter-total .number {
  background-color: #f89406;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  position: absolute;
  top: -8px;
  text-align: center;
  right: 5px;
  width: 16px;
  display: none;
}
.filter-show {
  display: none;
  background-color: #fff;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  max-width: 600px;
  min-width: 382px;
  left: 0;
  position: absolute;
  padding: 10px 10px 0 10px;
  top: 45px;
  width: max-content;
  white-space: normal;
  z-index: 3;
}
.filter-show.short-width {
  width: 400px;
}
.filter-show.width-defined {
  width: 600px;
}
.block-manu .filter-show {
  width: 547px;
}
.filter-show--right {
  left: auto;
  right: 0;
}
.filter-show.w552 {
  max-width: 552px;
  width: 552px;
}
.filter-border {
  border-top: 1px solid #e0e0e0;
  width: 100%;
}
.filter-show.show-total {
  overflow-y: auto;
  padding: 0;
  width: 900px;
  max-width: 900px;
  max-height: 80vh;
}
.filter-show.show-total .filter-button {
  bottom: 0;
  margin: 0;
  position: sticky;
  width: 100%;
  z-index: 2;
}
.filter-show.show-total::-webkit-scrollbar-track,
.phukien-scroll::-webkit-scrollbar-track,
.explain-filter-detail::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f1f1f1;
}
.filter-show.show-total::-webkit-scrollbar,
.phukien-scroll::-webkit-scrollbar,
.explain-filter-detail::-webkit-scrollbar {
  width: 8px;
  background-color: #f1f1f1;
}
.filter-show.show-total::-webkit-scrollbar-thumb,
.phukien-scroll::-webkit-scrollbar-thumb,
.explain-filter-detail::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #bdbdbd;
}
.filter-show.show-total:hover::-webkit-scrollbar-thumb,
.phukien-scroll:hover::-webkit-scrollbar-thumb,
.explain-filter-detail::-webkit-scrollbar-thumb {
  background: #666;
}
.phukien-scroll::-webkit-scrollbar {
  height: 5px;
}
.show-total .show-total-item {
  width: auto;
  float: left;
  max-width: 33%;
}
.show-total .show-total-item.width30 {
  width: 33.3333%;
}
.show-total .show-total-item.width65 {
  width: 60%;
}
.show-total .show-total-item.warpper-manu-inside {
  width: 100%;
  clear: both;
  max-width: unset;
}
.show-total-item.show-full {
  max-width: 66.6666%;
}
.show-total-main {
  display: flex;
  flex-wrap: wrap;
  height: auto;
  padding: 15px 0 10px;
}
.close-popup-total {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  cursor: pointer;
  padding: 8px 10px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.show-total-item {
  padding: 10px 20px;
}
.show-total-txt {
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 5px;
}
.filter-list {
  display: flex;
  flex-wrap: wrap;
}
.filter-list .colorpicker {
  border-radius: 50%;
  margin-right: 10px;
  height: 10px;
  width: 10px;
}
.filter-list strong {
  display: block;
  overflow: hidden;
  flex: 0 0 100%;
  padding: 8px 9px;
  box-sizing: border-box;
}
.filter-search {
  margin-bottom: 8px;
  position: relative;
}
.input-filter {
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  color: #999;
  height: 40px;
  padding: 0 40px 0 15px;
  width: 100%;
}
.btn-submit {
  background: transparent;
  border: 0;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
}
.c-btnbox {
  align-items: center;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  color: #333;
  display: flex;
  font-size: 14px;
  justify-content: center;
  line-height: 17px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 8px 9px;
}
.c-btnbox:hover {
  border: 1px solid #2f80ed;
  color: #2f80ed;
}
.c-btnbox.filter-manu:hover {
  border: 1px solid #2f80ed;
}
.c-btnbox-redmore {
  color: #4a90e2;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
}
.c-btnbox.check {
  border: 1px solid #4a90e2;
}
.c-btnbox img {
  display: flex;
  width: auto;
  max-height: 25px;
  max-width: 98%;
  object-fit: contain;
  justify-content: center;
}
.c-btnbox p {
  margin-top: 5px;
}
.props .c-btnbox:not(.horizontal) img {
  max-height: 40px;
}
.warpper-manu-inside .filter-list--hang,
.cate-7264 .warpper-manu-inside .filter-list--hang {
  max-height: unset;
  overflow: unset;
  overflow-y: unset;
  padding-bottom: 0;
}
.filter-list--hang {
  margin: 0 -4px;
  max-height: 23vh;
  overflow: hidden;
  overflow-y: auto;
}
.filter-list--hang .c-btnbox {
  height: 36px;
  margin: 0 4px 10px;
  padding: 0;
  width: 99px;
}
.filter-list--hang .c-btnbox span {
  text-align: center;
}
.has-scroll .filter-list--hang {
  gap: 6px;
  display: grid;
  grid-auto-rows: minmax(min-content, max-content);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0 0 10px;
}
.has-scroll .filter-list--hang .c-btnbox {
  margin: 0;
  width: auto;
}
.filter-list--door .c-btnbox:nth-child(5n) {
  margin-right: 0;
}
.filter-list--center {
  text-align: center;
}
.filter-list--wattage .c-btnbox {
  text-align: center;
}
.filter-list--wattage .c-btnbox span {
  color: #2f80ed;
  display: block;
  font-size: 16px;
  margin-top: 10px;
}
.flt-fixbtn {
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  left: 0;
  position: fixed;
  padding: 6px 10px;
  top: 0;
  width: 100%;
  z-index: 1;
}
.btn-closefilter {
  color: #333;
  float: right;
  font-size: 14px;
  position: relative;
}
.bg-whitefix {
  bottom: 0;
  background: linear-gradient(
    to bottom,
    rgba(255 255 255/0),
    rgba(255 255 255/0.7),
    #fff
  );
  height: 154px;
  position: sticky;
  right: 0;
  width: 100%;
  z-index: 1;
}
.txtnb-readmore {
  color: #333;
  font-size: 12px;
  float: right;
  line-height: 16px;
  position: relative;
  padding-right: 5px;
}
.txtnb-readmore::before {
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  content: "";
  height: 4px;
  position: absolute;
  top: 6px;
  transform: rotate(45deg);
  right: -4px;
  width: 4px;
}
.txtbl-readmore {
  color: #4a90e2;
  font-size: 12px;
  float: right;
  font-weight: bold;
  line-height: 17px;
}
.box-quicklink {
  display: flex;
  flex-wrap: wrap;
}
.lst-quicklink {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
p.quick-filter-title {
  display: block;
  width: 100%;
  font-size: 14px;
  margin: 0 0 10px 2px;
}
.lst-quickfilter {
  display: flex;
  flex-wrap: wrap;
}
.lst-quickfilter.q-manu {
  width: 100%;
}
.box-quicklink__item {
  align-items: center;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  color: #333;
  display: flex;
  font-size: 14px;
  line-height: 13px;
  margin-right: 8px;
  margin-bottom: 10px;
  min-height: 36px;
  max-height: 36px;
  padding: 6px 13px;
  vertical-align: top;
}
.box-quicklink__item:hover {
  border: 1px solid #2f80ed;
}
.box-quicklink__item.quicklink-logo:hover {
  color: #2f80ed;
}
.has-image .box-quicklink__item {
  min-height: 46px;
  max-height: 46px;
}
.quicklink-watchpage .box-quicklink__item {
  max-height: unset;
  height: 42px;
}
.quicklink-watchpage .box-quicklink__item.km-hot {
  color: #e10c00;
  font-weight: bold;
}
.box-quicklink__item.bd-radius {
  border-radius: 52px;
}
.box-quicklink__item.check {
  border: 1px solid #288ad6;
}
.box-quicklink__item.bg-gray {
  border: 1px solid #f1f1f1;
  background-color: #f1f1f1;
}
.box-quicklink__item.border-blue {
  border: 1px solid #4a90e2;
}
.box-quicklink__item.bg-gray.border-blue {
  background-color: #fff;
}
.box-quicklink__item img {
  vertical-align: middle;
  width: auto;
  height: 20px;
  margin-right: 5px;
}
.box-quicklink__item img.no-text {
  margin-right: 0;
}
.has-image .box-quicklink__item:not(.no-text) img {
  height: 40px;
  max-height: 40px;
}
.has-image .box-quicklink__item img.no-text {
  height: 20px;
}
.filter-button {
  background-color: #fff;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.05);
  font-size: 0;
  margin: 8px -10px 0;
  padding: 8px 10px;
  text-align: center;
  display: none;
}
.relative {
  position: relative;
}
.btn-filter-close,
.btn-filter-readmore {
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  margin: 0 5px;
  padding: 10px 0;
  text-align: center;
  width: 170px;
  position: relative;
}
.btn-filter-close {
  border: 1px solid #dd1c1a;
  color: #dd1c1a;
}
.btn-filter-readmore {
  background-color: #288ad6;
  color: #fff;
}
.box-checkbox {
  float: left;
  margin: 0 0 15px;
}
.box-checkbox .c-checkitem p {
  font-size: 12px;
  line-height: 16px;
}
.box-checkbox .c-checkitem {
  margin-right: 25px;
}
.box-checkbox .c-checkitem:last-child {
  margin-right: 0;
}
.genuine .box-checkbox {
  margin-bottom: 10px;
}
.genuine .box-checkbox .c-checkitem {
  margin: 0 15px;
}
.box-checkbox a {
  color: #000;
}
.genuine .box-checkbox .c-checkitem:first-child {
  margin-left: 0;
}
.c-checkitem .tick-checkbox {
  background: #fff;
}
.c-checkitem .tick-checkbox,
.c-checkitem p {
  display: inline-block;
  vertical-align: middle;
}
.c-checkitem.active {
  position: relative;
}
.c-checkitem.active::before,
.c-checkitem.active::after {
  background-color: #fff;
  bottom: 2px;
  border-radius: 20px;
  content: "";
  position: absolute;
  width: 2px;
}
.c-checkitem.active::before {
  height: 8px;
  left: 4px;
  transform: rotate(-35deg);
}
.c-checkitem.active::after {
  height: 12px;
  left: 9px;
  transform: rotate(35deg);
}
.c-checkitem.active .tick-checkbox {
  background-color: #4a90e2;
  border: 0;
}
.box-sort {
  margin: 10px 0;
  display: block;
  overflow: visible;
}
.box-sort.hide-ext .sort-total {
  display: none;
}
.box-sort.hide-ext .sort-select {
  display: none;
}
.box-sort.hide-ext .box-checkbox {
  margin-bottom: 15px;
}
.box-sort.hide-ext .box-checkbox a:first-child {
  margin-left: 0;
}
.result-label {
  max-height: 25px;
}
.sort-total {
  float: left;
  font-weight: bold;
  margin: 0 25px 15px 0;
  padding-top: 3px;
}
.breadcrumb .sort-total {
  margin-bottom: 0;
  font-weight: normal;
  padding-top: 0;
}
.box-sort.genuine .sort-total {
  margin: 0 12px 15px 0;
  padding-top: 2px;
}
.sort-select {
  float: right;
  position: relative;
  margin-bottom: 10px;
}
.sort-select .click-sort {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  line-height: 12px;
  padding: 6px 10px 6px 8px;
}
.sort-select .sort-show {
  padding-right: 12px;
  position: relative;
}
.sort-select .sort-show::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #333;
  content: "";
  height: 0;
  position: absolute;
  top: 6px;
  right: 0;
  width: 0;
}
.sort-select-main {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  display: none;
  position: absolute;
  padding: 0 7px;
  top: 30px;
  right: 0;
  width: 160px;
  z-index: 2;
}
.sort-select-main.active {
  display: block;
}
.sort-select-main p {
  border-bottom: 1px solid #f1f1f1;
}
.sort-select-main p.selected i {
  margin-right: 10px;
}
.info {
  position: relative;
  padding: 5px 0;
}
.info__title {
  color: #2f80ed;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.info__title::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #2f80ed;
  content: "";
  position: absolute;
  top: 7px;
  right: -17px;
}
.info__title.remove-arrow::before {
  display: none;
}
.icon-info,
.iconcate-info {
  background-position: -274px -126px;
  height: 17px;
  width: 17px;
}
.info .icon-info,
.info .iconcate-info {
  margin-right: 10px;
}
.info__content {
  display: none;
  position: absolute;
  top: -101px;
  width: 560px;
  left: 195px;
  z-index: 3;
  border-radius: 8px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.18);
  z-index: 4;
}
.info__content.manu_content {
  left: 251px;
}
.info__content:before {
  content: "";
  border-right: 15px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  left: -15px;
  top: 105px;
}
.info .info__content button {
  position: absolute;
  border: 1px solid #e0e0e0;
  top: -45px;
  background: #fff;
  border-radius: 4px;
  padding: 10px;
  right: 0;
  cursor: pointer;
}
.info .info__content button i {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px 0 0;
}
.info .info__content button i:after,
.info .info__content button i:before {
  content: "";
  width: 10px;
  background-color: #333;
  position: absolute;
  height: 1px;
  transform: rotate(45deg);
}
.info .info__content button i:after {
  transform: rotate(-45deg);
}
.info__content .infor-txt {
  display: block;
  font-size: 16px;
  line-height: 24px;
}
.info__content iframe {
  display: block;
  margin: 20px auto;
  width: 100%;
  max-width: 414px;
  border-radius: 12px;
}
.info .info__content .info-link {
  display: block;
  overflow: hidden;
  color: #2f80ed;
  font-size: 16px;
}
.box-layout2 {
  background-color: #fff;
}
.layout-nh2 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
  padding-top: 20px;
}
.layout-nh2__item {
  cursor: pointer;
  margin: 0 8px 10px;
  width: 120px;
}
.layout-nh2__item span {
  align-items: center;
  background-color: #f4f4f4;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  height: 60px;
  margin: 0 auto;
  width: 60px;
}
.layout-nh2__item img {
  max-width: 50px;
}
.layout-nh2__item p {
  font-size: 13px;
  line-height: 17px;
  max-width: 96px;
  margin: 5px auto 0;
  text-align: center;
}
.layout-nh2__item.active p {
  color: #2f80ed;
}
.layout-nh2__item.active span {
  border: 1px solid #2f80ed;
}
.navnh-link {
  border: 1px solid #e0e0e0;
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  margin: 10px 0 25px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.navnh-link__item a {
  color: #333;
}
.navnh-link__item {
  flex: 1;
  padding-right: 38px;
  min-height: 65px;
}
.navnh-link__item::before {
  background-color: #c4c4c4;
  content: "";
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  right: 0;
  width: 1px;
}
.navnh-link__item:last-child::before {
  display: none;
}
.navnh-link__item .alink {
  display: inline-flex;
  font-size: 14px;
  line-height: 17px;
  padding: 16px 0 16px 28px;
  position: relative;
  height: 100%;
}
.navnh-link__item .alink::before,
.navnh-link__item .alink::after {
  content: "";
  display: none;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.navnh-link__item .alink::after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  bottom: -11px;
  z-index: 3;
}
.navnh-link__item .alink::before {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #e0e0e0;
  bottom: -12px;
}
.navnh-link__item .alink span {
  display: inline-flex;
  align-items: center;
}
.navnh-link__item .alink span::before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
  content: "";
  position: absolute;
  right: -25px;
  top: calc(50% - 2.5px);
  transition: 0.2s;
}
.navnh-link__item a:hover {
  color: #2f80ed;
}
.navnh-link__item:hover .alink span::before {
  transform: rotate(180deg);
}
.navnh-link__item:hover .alink::before,
.navnh-link__item:hover .alink::after {
  display: block;
}
.navnh-link__item:hover .navnh-sub {
  display: block;
}
.navnh-link__item:last-child .navnh-sub {
  left: auto;
  right: 0;
}
.navnh-link__item:nth-child(7) .navnh-sub {
  left: auto;
  right: 0;
}
.navnh-sub {
  display: none;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  left: 0;
  position: absolute;
  padding: 20px 12px;
  top: 75px;
  width: 100%;
  z-index: 2;
}
.navnh-sub::before {
  content: "";
  height: 15px;
  top: -13px;
  left: 0;
  position: absolute;
  width: 100%;
}
.c-listcat {
  font-size: 0;
  padding-bottom: 10px;
}
.c-listcat__item {
  color: #333;
  display: inline-block;
  margin: 0 8px 10px 7px;
  vertical-align: top;
  width: 68px;
}
.c-listcat__item:hover .c-listcat__img {
  border: 1px solid #2f80ed;
}
.c-listcat__item:hover p {
  color: #2f80ed;
}
.c-listcat__img {
  align-items: center;
  background-color: #f4f4f4;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  height: 54px;
  margin: 0 auto;
  position: relative;
  width: 54px;
}
.c-listcat .label-hot {
  max-width: 24px;
  position: absolute;
  top: 0;
  right: 0;
}
.c-listcat__img img {
  max-width: 40px;
}
.c-listcat__txt {
  font-size: 12px;
  line-height: 15px;
  margin-top: 5px;
  text-align: center;
  white-space: normal;
}
.slider-listcat.owl-carousel .owl-buttons div {
  top: 25%;
}
.highlight {
  margin-bottom: 15px;
}
.highlight-txt {
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 15px;
}
.highlight .c-listcat__txt {
  font-size: 13px;
  line-height: 17px;
  padding: 0 10px;
}
.highlight .c-listcat__img img {
  max-width: 50px;
}
.highlight .c-listcat__img {
  height: 60px;
  width: 60px;
}
.highlight .c-listcat__item {
  margin: 0;
  width: 120px;
}
.highlight .c-listcat .label-hot {
  max-width: 27px;
}
.ht-sale {
  background-color: #2f80ed;
  border-radius: 4px;
  padding: 15px 10px 10px;
  position: relative;
}
.ht-sale__title {
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  line-height: 26px;
  margin-bottom: 15px;
}
.ht-sale__tab {
  display: flex;
  padding-bottom: 12px;
}
.ht-sale__tab li {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 13px;
  justify-content: center;
  line-height: 16px;
  margin-right: 5px;
  padding: 9px 5px;
  text-align: center;
  width: 12.5%;
}
.ht-sale__tab li.active {
  background-color: #fff;
  color: #05314a;
  position: relative;
}
.ht-sale__tab li:hover {
  background-color: #fff;
  color: #05314a;
  position: relative;
}
.ht-sale__tab li.active::before {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #fff;
  bottom: -16px;
  content: "";
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.ht-sale__tab li:last-child {
  margin-right: 0;
}
.ht-sale .listproduct {
  background-color: #fff;
  border-radius: 4px;
}
.ht-sale .listproduct .item {
  background-color: transparent;
  border-bottom: 0;
  border-top: 1px solid #f1f1f1;
}
.ht-sale .listproduct .item:nth-child(1),
.ht-sale .listproduct .item:nth-child(2),
.ht-sale .listproduct .item:nth-child(3),
.ht-sale .listproduct .item:nth-child(4),
.ht-sale .listproduct .item:nth-child(5) {
  border-top: 0;
}
.ht-sale .listproduct .item:nth-child(5n) {
  border-right: 0;
}
.ht-sale .listproduct .item:nth-child(5n + 1) {
  border-left: 0;
}
.ht-sale .show-sale {
  display: none;
}
.ht-sale .show-sale.active {
  display: block;
}
.product-news {
  margin: 25px 0 45px;
}
.title-productnews {
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 25px;
}
.product-trending {
  margin-top: 20px;
}
.product-trending-txt {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 15px;
}
.product-trending-txt a {
  color: #288ad6;
}
.phukien-wrap {
  padding: 10px 0 20px;
}
.phukien-scroll {
  font-size: 0;
  margin-top: 8px;
  display: flex;
  white-space: nowrap;
  padding-bottom: 5px;
  overflow: auto;
}
.phukien-scroll .pk-listmenu {
  margin-right: 8px;
}
.phukien-scroll .pk-listmenu:last-child {
  margin-right: 0;
}
.pk-listmenu {
  border-radius: 6px;
  display: grid;
  grid-gap: 3px;
  padding-bottom: 3px;
}
.pk-listmenu.yellow {
  border: 1px solid #f4c208;
  background-color: #ffe173;
}
.pk-listmenu.yellow li:first-child a {
  background-color: #f4c208;
}
.pk-listmenu.mint {
  border: 1px solid #b2eaea;
  background-color: #dbffff;
}
.pk-listmenu.mint li:first-child a {
  background-color: #b2eaea;
}
.pk-listmenu.blue {
  border: 1px solid #76cef3;
  background-color: #b9eaff;
}
.pk-listmenu.blue li:first-child a {
  background-color: #76cef3;
}
.pk-listmenu.orange {
  border: 1px solid #ffba88;
  background-color: #fed5b7;
}
.pk-listmenu.orange li:first-child a {
  background-color: #ffba88;
}
.pk-listmenu.green {
  border: 1px solid #6fc5a4;
  background-color: #ace7d1;
}
.pk-listmenu.green li:first-child a {
  background-color: #6fc5a4;
}
.pk-listmenu a {
  align-items: center;
  color: #333;
  display: flex;
  font-size: 13px;
  line-height: 16px;
  min-height: 30px;
  padding: 3px 6px;
}
.pk-listmenu li {
  align-self: center;
}
.pk-listmenu li:first-child a {
  border-radius: 6px 0 8px 0;
  display: flex;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
}
.pk-listmenu.grid-1 {
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.pk-listmenu.grid-2 {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.pk-listmenu.grid-3 {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.pk-listmenu li.pk-titlemenu {
  display: flex;
  height: 100%;
  align-self: start;
}
.tgdd .pk-listmenu a {
  padding: 3px 7px;
}
.trademark {
  margin-bottom: 20px;
  margin-top: 10px;
}
.trademark__title {
  padding: 0 8px 8px;
}
.trademark__list {
  display: grid;
  grid-gap: 8px;
  grid-auto-rows: minmax(min-content, max-content);
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.trademark__list a {
  align-items: center;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  border-radius: 4px;
  color: #288ad6;
  display: flex;
  font-size: 12px;
  justify-content: center;
  line-height: 16px;
  padding: 10px 8px;
  text-align: center;
}
.trademark__list a:hover {
  border: 1px solid #2f80ed;
}
.trademark__list a img {
  max-width: 100%;
}
.pk-sale {
  background-color: #fed100;
  padding: 10px 4px 0;
  position: relative;
}
.pk-sale.isCarousel {
  overflow: hidden;
}
.pk-sale .listproduct {
  max-height: 436px;
}
.pk-sale .listproduct .owl-loaded {
  max-height: unset;
}
.pk-sale .listproduct.owl-loaded {
  max-height: unset;
}
.pk-sale__title {
  line-height: 16px;
  font-weight: bold;
  margin: 0 2px 8px;
}
.pk-sale .listproduct {
  border-top: 0;
  border-left: 0;
}
.pk-sale .listproduct li {
  border-radius: 4px;
  margin: 0 4px;
}
.pk-sale .owl-stage {
  display: flex;
}
.listproduct li {
  border-bottom: 1px solid #f3f3f3 !important;
  border-right: 1px solid #f3f3f3 !important;
  padding: 5px;
}
.btn-readmore.btn-phukien {
  background-color: #fff;
  border: 1px solid #288ad6;
  color: #288ad6;
  margin-top: 10px;
  width: calc(100% - 8px);
}
.btn-readmore.btn-phukien span::before {
  border-top: 5px solid #288ad6;
}
.pk-box01 {
  margin-top: 20px;
}
.pk-box01__title {
  background-color: #fed100;
  font-weight: bold;
  line-height: 16px;
  padding: 13px 8px;
}
.pk-box02 {
  margin: 30px 0;
}
.pk-box02__title {
  background: #22272c
    url("https://cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/bg_phukien.png")
    no-repeat;
  background-size: 257px 42px;
  background-position: left center;
  color: #fff;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 10px;
  padding: 13px 10px;
}
.dmx .pk-sale,
.dmx .pk-box01__title {
  background-color: #4d90e0;
  color: #fff;
}
.group-manu {
  justify-content: center;
  padding: 15px 0 0 0;
  max-width: 1200px;
  margin: auto;
}
.group-manu a {
  align-items: center;
  border-radius: 4px;
  background-color: #fff;
  justify-content: center;
  display: inline-block;
  height: 40px;
  margin: 0 3px 10px 0;
  width: 113px;
  padding: 10px 14px;
  border: 1px solid #e0e0e0;
}
.group-manu a.active {
  border: 1px solid #2f80ed;
}
.group-manu a img {
  display: block;
  max-width: 100%;
  height: auto;
}
.viewmore-manupk {
  vertical-align: top;
  text-align: center;
  cursor: pointer;
}
#homeWatchPage section {
  padding: 0;
}
.collection {
  display: block;
  overflow: hidden;
  margin: 10px 0;
}
.collection span {
  display: inline-block;
  overflow: hidden;
  color: #000;
  font-weight: 700;
  padding: 10px 0;
  font-size: 18px;
}
.collection .lnkBst {
  display: inline-block;
  float: right;
  color: #333;
  margin: 10px 18px 10px 0;
  padding-right: 15px;
  position: relative;
}
.collection .lnkBst:after {
  content: "";
  border-left: 5px solid #333;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  top: 4px;
  right: 0;
}
.collection ul {
  display: block;
  overflow: hidden;
}
.collection > ul > li {
  width: calc(100% / 5 - 14px);
}
.collection > ul > li:nth-child(n + 6) {
  display: none;
}
.collection ul li {
  display: inline-block;
  vertical-align: middle;
  border-radius: 12px;
  margin-right: 10px;
}
.collection ul li a {
  display: block;
  overflow: hidden;
}
.collection li a img {
  width: 100%;
  height: auto;
}
.watch-type {
  background: #020c16;
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0;
  border-radius: 4px;
  overflow: hidden;
}
.watch-type .bgw-type {
  width: 27.5%;
}
.watch-type .bgw-type a {
  display: block;
  overflow: hidden;
  margin-bottom: -4px;
}
.watch-type .bgw-type img {
  width: 100%;
}
.watch-type aside {
  margin-left: -70px;
  padding: 0 15px 0 0;
  width: calc(72.5% + 70px);
}
.watch-type .tabs-type {
  float: left;
}
.watch-type .tab-link {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  background: #020c16;
  border-radius: 20px;
  padding: 8px 10px;
  color: #f1f1f1;
  border: 1px solid #fff;
  position: relative;
  margin-right: 10px;
  height: 36px;
  text-align: center;
}
.watch-type .tab-link.active-tab {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  border: 0;
  color: #000;
  font-weight: bold;
}
.slide-dongho.owl-carousel .owl-stage {
  display: flex;
}
.watch-type .prt-watch {
  margin: 10px 0 0;
}
.watch-type .prt-watch .item-img img {
  max-height: 160px;
}
.see-all {
  float: right;
  border-radius: 4px;
  margin: 10px 0;
  position: relative;
  padding-right: 10px;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  width: max-content;
  max-width: 27%;
  float: right;
}
.see-all:after {
  content: "";
  border-left: 5px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  top: 4px;
  right: 0;
}
.high-end {
  background: #eccea0;
}
.high-end .tabs-type span {
  color: #333;
  border: 1px solid #666;
  background: #eccea0;
}
.high-end aside .box-top .see-all,
.wfwomen aside .box-top .see-all,
.wfchildren aside .box-top .see-all {
  color: #333;
}
.high-end aside .box-top .see-all:after,
.wfwomen aside .box-top .see-all:after,
.wfchildren aside .box-top .see-all:after {
  border-left: 5px solid #333;
}
.watchformen {
  background: #05314a;
}
.watchformen .tabs-type span {
  background: #05314a;
  border: 1px solid #fff;
  color: #fff;
  margin: 0 10px;
}
.wfwomen {
  background: #ffb1bf;
}
.wfwomen .tabs-type span {
  background: #ffb1bf;
  border: 1px solid #333;
  color: #333;
}
.wfcouple {
  background: #85162a;
}
.wfcouple .tabs-type span {
  background: #380212;
  border: 1px solid #e0e0e0;
  color: #e0e0e0;
  margin: 0 5px;
}
.wfchildren {
  background: #ffbf56;
}
.wfchildren .tabs-type span {
  background: #ffbf56;
  border: 1px solid #666;
  color: #333;
  margin: 0 5px;
}
.wlstrap {
  border-bottom: 1px solid #dfdfdf;
  background: #fff;
  margin-top: 30px;
  padding-bottom: 25px;
}
.wlstrap h4 {
  float: left;
  padding: 10px;
  font-size: 20px;
  font-weight: 700;
}
.wlstrap .line-strap {
  display: block;
  overflow: hidden;
}
.wlstrap .line-strap .option-wl {
  float: left;
  padding: 10px 0;
}
.wlstrap .line-strap .option-wl span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
.wlstrap .line-strap .option-wl a {
  display: inline-block;
  vertical-align: middle;
  color: #2f80ed;
  margin: 0 15px 0 0;
}
.wlstrap .line-strap .see-all {
  color: #2f80ed;
  margin: 2px 0;
}
.wlstrap .line-strap .see-all:after {
  border-left: 5px solid #2f80ed;
}
.wlstrap .prt-watch {
  border-radius: 0;
}
.wlstrap .prt-watch li img {
  width: 85px;
}
.wlstrap .prt-watch li h3 {
  margin-top: 20px;
}
.prt-watch .tab-content {
  display: flex;
  margin-top: 20px;
}
.prt-watch .tab-content li {
  border-right: 1px solid #dfdfdf;
  padding: 0 20px;
  text-align: center;
  width: 16.67%;
}
.prt-watch .tab-content li:last-child {
  border-right: 0;
}
.box-top {
  margin: 10px 0 20px;
}
.listproduct.slide-dongho {
  background-color: #fff;
  border-radius: 8px;
  padding: 10px;
  z-index: 0;
  min-height: 300px;
}
.listproduct.slide-dongho li.item {
  border-bottom: unset !important;
  border-right: unset !important;
}
.listproduct.slide-dongho.owl-carousel > .item:nth-child(n + 6) {
  display: none;
}
.listproduct.slide-dongho .item {
  text-align: center;
  max-height: 317px;
}
.listproduct.slide-dongho .item h3 {
  line-height: 21px;
  -webkit-line-clamp: 2;
  text-transform: uppercase;
  max-height: unset;
}
.listproduct.slide-dongho .item h3 b {
  display: block;
}
.listproduct.slide-dongho .item a strong {
  display: block;
  color: #333;
}
.listproduct.slide-dongho .item a strong:first-child {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.slide-dongho.owl-carousel.listproduct .owl-item:first-child {
  border-left: 1px solid #f1f1f1;
}
.slide-dongho.owl-carousel.listproduct .owl-item {
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
.slide-dongho.owl-carousel.listproduct .owl-item {
  display: flex;
}
.slide-dongho.owl-carousel.listproduct .item:first-child {
  border: 0;
}
.slide-dongho.owl-carousel.listproduct > .item {
  width: 19%;
  display: inline-block;
}
.wt-mono .tab-link {
  min-width: 70px;
}
.watch-type .tabs-type::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.owl-carousel {
  display: block !important;
}
.owl-carousel.bst-watch {
  z-index: 0;
}
.listproduct.slide-dongho .item-img {
  height: auto;
  line-height: normal;
}
#homeWatchPage .listproduct .price {
  color: #333;
  font-size: 18px;
}
img.lazyload {
  opacity: 0;
}
.listproduct img.lazyload,
.listproduct img.lazyloading {
  width: 200px;
  height: 200px;
  display: block;
  clear: both;
  opacity: 0;
}
.tutorial {
  display: block;
  color: #288ad6;
  padding: 0 6px 10px;
}
.tutorial img {
  vertical-align: bottom;
}
.stage {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.75);
}
.stage-two {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #288ad6;
}
#empty {
  text-align: center;
  font-size: 18px;
  height: auto;
  display: block;
  align-items: center;
  justify-content: center;
  color: #c3c3c3;
  width: 100%;
  padding: 5%;
  line-height: 1.5;
  grid-column: 1 / span 5;
}
.empty {
  display: block;
  margin: 0 auto;
  background: url(https://cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/no-result.gif)
    no-repeat;
  background-size: 100% auto;
  width: 300px;
  height: 240px;
}
.listproduct-col3 #empty {
  grid-column: 1 / span 3;
}
#empty a {
  font-size: 15px;
  position: relative;
}
#empty a::before {
  border-top: 1px solid #2f80ed;
  border-right: 1px solid #2f80ed;
  content: "";
  height: 6px;
  width: 6px;
  position: absolute;
  transform: rotate(225deg);
  top: 5px;
  left: -14px;
}
.view-more {
  display: block;
  clear: both;
  width: 100%;
}
.view-more a {
  display: block;
  overflow: hidden;
  position: relative;
  line-height: 40px;
  font-size: 14px;
  color: #333;
  text-align: center;
  border-radius: 4px;
  margin: 10px auto;
  width: 340px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}
.view-more a::after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
  content: "";
  position: relative;
  right: -5px;
  top: 11px;
}
.view-more a:not(.prevent):hover {
  background-color: #288ad6;
  color: #fff;
  border: 1px solid #288ad6;
}
.view-more a:not(.prevent):hover::after {
  border-top: 5px solid #fff;
}
img.lazy[data-original],
img.lazy[data-lazy] {
  background: #ebebeb;
  text-align: center;
  margin: 0 auto;
  width: 95%;
}
.bg-quickfilter {
  width: 100%;
  background: #fff;
  position: relative;
}
.quickfilter {
  display: flex;
  flex-flow: wrap;
  padding-top: 20px;
  max-width: 1200px;
  margin: 0 auto;
}
.quickfilter a {
  cursor: pointer;
  margin: 0 6px 10px;
  width: 120px;
}
.quickfilter a:hover span {
  color: #288ad6;
}
.quickfilter a:hover img {
  border: 1px solid #2f80ed;
}
.quickfilter img {
  align-items: center;
  background-color: #f4f4f4;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  height: 60px;
  margin: 0 auto;
  width: 60px;
}
.quickfilter a.active img {
  border: 1px solid #2f80ed;
}
.quickfilter span {
  font-size: 13px;
  line-height: 17px;
  max-width: 96px;
  margin: 5px auto 0;
  text-align: center;
  color: #333;
  display: block;
}
.bg-black .watched,
.bg-black .zone-bhx,
.bg-black .zone-new-bhx {
  z-index: 0;
  position: relative;
}
.bg-black .banner-media {
  z-index: 2;
  position: relative;
}
.breadcrumb {
  width: auto;
  margin: 10px auto 0;
}
.breadcrumb li {
  vertical-align: text-bottom;
}
.bg-black .breadcrumb {
  margin: 0 auto;
}
.info-txt__rdmore {
  color: #4a90e2;
  font-size: 15px;
  line-height: 17px;
  position: relative;
  display: inline-block;
  width: 83px;
}
.info-txt__rdmore::before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #4a90e2;
  content: "";
  position: absolute;
  top: 7px;
  right: 0;
}
.sort a {
  color: #000;
  font-size: 14px;
  line-height: 17px;
  padding: 11px 3px;
  display: block;
}
.sort a.check i {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 16px;
  border: 2px solid transparent;
  border-radius: 100px;
  vertical-align: middle;
}
.sort a.check i::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 3px;
  top: -4px;
  width: 6px;
  height: 10px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  transform-origin: bottom left;
  transform: rotate(45deg);
}
.btn-filter-readmore.prevent {
  cursor: default;
}
.relative {
  position: relative;
  clear: both;
}
.count-total {
  display: none;
}
.count-total.active {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-delay: 450ms;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
  visibility: visible;
  animation-delay: 450ms;
}
.inside {
  position: relative;
  width: inherit;
  outline-offset: -3px;
  height: inherit;
}
.block-scroll.temp-page {
  padding-top: 0;
  margin-right: 10px;
}
.bg-black .block-scroll.watch {
  z-index: 0;
}
.block-scroll.filter.watch {
  padding-bottom: 0;
  z-index: 3;
}
i.hardcode-iccate {
  display: block;
  margin: 0 auto 5px;
}
.hardcode-iccate img {
  display: block;
  max-height: 40px;
  margin: 0 auto;
}
.hardcode-iccate.more-height img {
  max-height: 60px;
}
span.prop-hrd {
  color: #2f80ed;
  text-align: center;
  display: block;
}
.manuinfo {
  margin: 10px 0 0 0;
  background-color: #fff;
  padding: 10px 1%;
  border-bottom: 1px solid #eee;
}
.manuinfo > div {
  padding: 10px;
  overflow: hidden;
}
.manuinfo > div * {
  line-height: 1.6;
  margin-bottom: 10px;
  display: block;
}
.manuinfo > a {
  display: block;
  font-size: 16px;
  line-height: 25px;
  font-weight: bold;
  color: #333;
  position: relative;
}
.manuinfo > a:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid #288ad6;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  margin-left: 10px;
  top: 10px;
}
.manuinfo > a.collapse:after {
  border-top: 0;
  border-bottom: 6px solid #288ad6;
}
.manuinfo > div a {
  color: #288ad6;
  display: inline;
}
#preloader.fixed {
  position: fixed;
  z-index: 10;
}
#preloader.fixed #loader {
  top: 45%;
}
.watch-type a img {
  max-width: 100%;
}
.bg-black .filter-item__title.active span::before {
  transform: rotate(-180deg);
}
.paginationWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0 10px;
}
.paginationWrapper ul.pagination {
  display: flex;
}
.paginationWrapper ul.pagination li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 3px;
}
.paginationWrapper ul.pagination li.active,
.paginationWrapper ul.pagination li.disabled {
  pointer-events: none;
}
.paginationWrapper ul.pagination li.disabled * {
  color: #999;
}
.paginationWrapper ul.pagination li span {
  padding: 3px 8px;
  color: #4a90e2;
}
.paginationWrapper ul.pagination li a {
  padding: 8px 15px;
  color: #4a90e2;
  font-size: 20px;
  margin: 20px 0;
}
.paginationWrapper ul.pagination li.active a {
  background-color: #f1f1f1;
  color: #333;
  border-radius: 4px;
}
.bsc-block {
  width: 100%;
  max-width: 100%;
  margin-top: 10px;
  background: #fff;
}
.search-manu {
  display: block;
  width: 100%;
}
#smanu {
  display: block;
  margin: 0 auto;
  width: 100%;
  background: #fff;
  border: 1px solid #e0e0e0;
  margin-bottom: 10px;
  border-radius: 4px;
  padding: 10px 27px 10px 10px;
}
.props.props-child {
  display: inherit;
  flex-wrap: wrap;
}
.slider-bannertop {
  max-width: 800px;
  max-height: 205px;
  padding-top: 5px;
  overflow: hidden;
}
.slider-bannertop.jewels-cate {
  max-width: 1200px;
}
.slider-bannertop .owl-dots {
  bottom: 2px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.slider-bannertop .owl-dots button span {
  height: 5px !important;
  width: 5px !important;
  margin: 2px 0 0 7px !important;
  background: #fff;
}
.slider-bannertop .owl-dots button.active span {
  background-color: #fe7705 !important;
  width: 5px;
  height: 5px;
  margin: 2px;
}
.slider-bannertop .owl-item img {
  object-fit: cover;
}
.slider-bannertop .owl-nav button {
  opacity: 0.4;
}
.slider-bannertop:hover .owl-nav button {
  opacity: 1;
}
.genuine .slider-bannertop .owl-dots {
  bottom: 12px;
}
.owl-theme .owl-dots {
  background: transparent !important;
  margin-bottom: 0 !important;
}
.slider-listcat.owl-theme .owl-dots {
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
}
.slider-listcat .owl-nav button {
  top: 25%;
}
.promote-banner {
  display: grid;
  max-height: 210px;
  align-content: space-between;
  align-self: flex-end;
  padding-top: 5px;
  overflow: hidden;
}
.promote-banner a {
  line-height: 0;
}
.promote-banner a img {
  max-height: 95px;
  width: 100%;
  object-fit: fill;
}
.genuine .promote-banner {
  align-self: start;
  padding-top: 5px;
}
.slider-bannertop .item:first-child {
  display: flex;
  height: 100%;
}
.product-news .layout-col3 {
  display: flex;
  margin: 10px -6px 0;
}
.product-news .layout-col3 li {
  padding: 0 6px;
  width: 33.3333%;
}
.slider-bannertop .item a {
  display: flex;
  height: 100%;
}
h4.title-layout {
  font-weight: bold;
  font-size: 16px;
}
.owl-theme .owl-nav {
  margin-top: 0;
}
.layout-col3 img {
  width: 100%;
}
.banner-sale ul {
  display: grid !important;
  grid-auto-rows: minmax(min-content, max-content);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 5px;
  margin: 0 !important;
}
.banner-sale .product-news {
  padding: 0 !important;
}
.banner-sale .title-layout {
  display: none !important;
}
.banner-sale ul li {
  width: 100% !important;
  padding: 0 !important;
}
a {
  color: #288ad6;
}
a.vm-pros-other {
  width: 300px;
  text-align: center;
  padding: 11px;
  padding-right: 10px;
  margin: 7px auto 0;
  position: relative;
  display: block;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 4px;
}
a.vm-pros-other::after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #288ad6;
  content: "";
  position: relative;
  top: 10px;
  right: -5px;
}
a.vm-pros-other.btn-phukien {
  border: 1px solid #288ad6;
  color: #288ad6;
  width: 300px;
}
.ht-sale #loader {
  top: 215px;
}
.ht-sale .homeproduct {
  min-height: 200px;
}
.warpper-banner {
  position: relative;
  display: none;
}
.closed-banner {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  z-index: 2;
}
.closed-banner:before {
  content: "×";
  font-size: 15px;
  color: #fff;
  background: #874859;
  line-height: 19px;
  text-align: center;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 10px;
}
.bg-black .closed-banner {
  z-index: 3;
}
.bg-black .category {
  border-bottom: 2px solid #f1f1f1;
  padding-bottom: 8px;
  z-index: 1;
}
.bg-black .block-scroll {
  z-index: 4;
}
.box-quicklink.accessories {
  clear: both;
  margin: 15px auto 0;
}
.suggest-accessory {
  background: #fff;
}
form.searchacc {
  display: inline-block;
  height: 34px;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  margin: 8px 20px 20px 0;
  padding: 0 10px;
  background: #fff;
  position: relative;
  width: 25%;
}
form.searchacc input {
  display: block;
  padding: 8px 4px;
  height: 32px;
  width: 95%;
  background: #fff;
  border: 0;
  border-radius: 4px 0 0 4px;
  text-indent: 0;
  margin: 0;
}
input[type="text"],
input[type="tel"],
textarea {
  -webkit-appearance: none;
}
.searchacc button {
  cursor: pointer;
}
form.searchacc button {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 32px;
  border: 0;
  background: #fff;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.sugguest {
  display: block;
  overflow: visible;
  left: 0;
  right: 0;
  top: 39px;
  z-index: 6;
  background: #fff;
  border-radius: 4px;
  padding: 10px 10px 0;
  line-height: normal;
  position: absolute;
  border: 1px solid #d9d9d9;
  box-shadow: 0 2px 5px 0 rgba(0 0 0/0.2);
}
.sugguest li {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #f1f1f1;
  padding: 0 !important;
}
.sugguest li a {
  display: flex;
  overflow: hidden;
  padding: 5px;
  align-items: center;
  margin-bottom: 6px;
}
.sugguest li img {
  float: left;
  width: 46px;
  height: auto;
  margin-right: 10px;
}
.sugguest li h3 {
  display: inline-block;
  font-size: 12px;
  color: #333;
  line-height: 1.5em;
  font-weight: normal;
  width: calc(100% - 65px);
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
}
.sugguest li:last-child {
  border-bottom: 0;
}
.sugguest:before,
.sugguest:after {
  content: "";
  width: 0;
  height: 0;
  border: 0;
  border-bottom: 10px solid #d9d9d9;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: 100%;
  left: 30%;
}
.sugguest:after {
  border-bottom-color: #fff;
  margin-left: 2px;
  border-width: 8px;
}
.watched__content.owl-carousel .owl-item .item img {
  display: initial;
}
.ccsslder {
  display: block;
  text-align: center;
  height: 20px;
  position: relative;
  clear: both;
}
.ccsslder .ccsswrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ccssdot {
  width: 10px;
  height: 10px;
  border: 1px solid #288ad6;
  background: #288ad6;
  border-radius: 50%;
  float: left;
  margin: 0 5px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation: fx 1000ms ease infinite 0ms;
  animation: fx 1000ms ease infinite 0ms;
}
.ccssdot:nth-child(2) {
  -webkit-animation: fx 1000ms ease infinite 300ms;
  animation: fx 1000ms ease infinite 300ms;
}
.ccssdot:nth-child(3) {
  -webkit-animation: fx 1000ms ease infinite 600ms;
  animation: fx 1000ms ease infinite 600ms;
}
.box-input #loading-new {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 1000;
}
.box-input #loading-new .csslder {
  top: 23%;
}
.slider-bannertop .owl-stage-outer {
  max-height: 205px;
}
.slider-labels {
  margin-top: 10px;
}
.show-total-item .price-slider .container,
.show-total-item .prop-minmax .container {
  padding: 0 20px 0 10px;
  overflow: visible;
}
.show-total-item .prop-minmax .container {
  display: none;
}
.show-total-item .price-slider .container {
  padding: 0;
}
.show-total-item .prop-minmax .container {
  overflow: hidden;
}
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
  margin-top: 15px;
}
#slider-range {
  width: 100%;
  display: block;
  margin: 0 auto 10px;
  position: relative;
  right: 4px;
}
#slider-range-total {
  margin: 10px 0 15px;
  left: 5px;
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.noUi-handle {
  position: relative;
  z-index: 1;
}
.noUi-stacking .noUi-handle {
  z-index: 10;
}
.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.noUi-horizontal {
  height: 4px;
}
.noUi-horizontal .noUi-handle {
  width: 18px;
  height: 18px;
  position: relative;
  border-radius: 50%;
  left: -7px;
  top: -7px;
  cursor: pointer;
  border: 1px solid #4a90e2;
  background-color: #fff;
}
.noUi-background {
  background: #d6d7d9;
}
.noUi-connect {
  background: #4a90e2;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}
.noUi-origin {
  border-radius: 2px;
}
.noUi-target {
  border-radius: 2px;
  cursor: pointer;
}
.noUi-draggable {
  cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}
.noUi-handle {
  cursor: default;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
.noUi-handle:active {
  border: 8px solid #345dbb;
  border: 8px solid rgba(53, 93, 187, 0.38);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: -14px;
  top: -14px;
}
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #b8b8b8;
}
[disabled].noUi-origin,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
.read-price {
  padding: 5px 0 12px;
  font-weight: bold;
  color: #666;
  display: block;
  overflow: hidden;
}
.read-price span {
  font-size: 15px;
}
span.price-left {
  float: left;
}
span.price-right {
  float: right;
}
.read-price span label {
  font-weight: bold;
  color: inherit;
}
.range-price {
  display: block;
  overflow: hidden;
  padding: 0 0 20px;
  position: relative;
}
.range-price span {
  padding: 7px;
  border: 1px solid #bdbdbd;
  border-radius: 4px;
  z-index: 1;
  position: relative;
  background: #fff;
}
.show-total-item .range-price {
  padding: 10px 0;
  width: calc(100% + 15px);
  left: -5px;
  position: relative;
}
.show-total-item .price-slider .range-price {
  left: 0;
}
span.range-left {
  float: left;
}
span.range-right {
  float: right;
}
.filter-item .container {
  max-width: 80%;
  margin: 0 auto;
  padding: 0 15px;
  display: none;
}
.show-total-item .price-slider {
  display: flex;
  flex-direction: column;
}
.price-slider .container {
  padding: 15px 5px 10px;
  display: block;
}
.range-price input,
.prop-minmax input {
  border: 0;
  max-width: 64px;
  text-align: right;
  font-size: 14px;
  float: left;
  background-color: #fff;
}
.show-total-item .range-price input {
  max-width: 65px;
}
.text-active input[type="number"] {
  -moz-appearance: textfield;
}
form.range-price input::-webkit-outer-spin-button,
form.range-price input::-webkit-inner-spin-button,
.prop-minmax input::-webkit-outer-spin-button,
.prop-minmax input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
form.range-price::before {
  content: "";
  position: absolute;
  border-top: 0.5px solid #ddd;
  display: block;
  width: 100%;
  top: 50%;
  z-index: 0;
}
.filter-item form.range-price::before {
  top: calc(50% - 11px);
}
label.place-holder {
  color: #bdbdbd;
  font-size: 14px;
  float: left;
}
.popup-price {
  display: none;
  position: absolute;
  top: -50px;
  left: -100%;
  background: #fff;
  color: #000;
  padding: 5px;
  border-radius: 4px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
}
.range-toggle {
  margin: 6px 0;
}
.range-toggle span {
  position: relative;
}
.range-toggle span::after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #288ad6;
  content: "";
  height: 0;
  position: absolute;
  top: 5px;
  right: -17px;
  transform: none;
  width: 0;
}
.range-toggle span.down::after {
  transform: rotate(-180deg);
}
.filter-item .price-slider .range-toggle {
  margin: 6px 0 10px;
}
.prop-minmax {
  width: 100%;
}
.prop-minmax .container {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.input-box {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.short-width .prop-minmax {
  width: 100%;
  margin-bottom: 20px;
}
.short-width .input-box {
  justify-content: center;
}
.input-box label {
  float: left;
}
.input-box label.more-margin {
  width: 60px;
}
.input-box > span {
  float: left;
  margin: 0 10px;
  padding: 7px;
  border: 1px solid #bdbdbd;
  border-radius: 4px;
}
.input-box > span input {
  margin-right: 6px;
  max-width: 35px;
}
.input-box > span input::placeholder {
  opacity: 0.5;
}
.show-total-item .input-box label.more-margin {
  width: 35px;
}
.iconcate-range {
  background-position: -243px -122px;
  width: 14px;
  height: 16px;
}
.iconcate-question {
  background-position: -81px -118px;
  width: 12px;
  height: 12px;
}
.link-capacity {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  margin-left: 7px;
}
.link-capacity label {
  color: #288ad6;
  padding-left: 3px;
}
.noselecttext {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.application .title-layout {
  font-size: 24px !important;
  margin-right: 12px;
}
.application .col1-title {
  overflow: hidden;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.application .col1-big-img {
  min-height: 270px;
}
.application .spl-item {
  align-items: normal;
  min-height: 70px;
}
.application .spl-item__img {
  height: 67.5px;
}
.application .spl-item-title {
  margin-bottom: 4px;
  font-size: 14px;
}
.application .spl-item-hour {
  font-size: 13px;
}
.application .spl-item-title__news {
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.application .title-layout,
.application .readmore-txt {
  vertical-align: unset;
}
.ttl-main a.readmore-txt {
  font-weight: 400;
  font-size: 14px;
  color: #2f80ed;
}
.ttl-main a.readmore-txt:after {
  content: "";
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  border-right: 1px solid #2f80ed;
  border-bottom: 1px solid #2f80ed;
  transform: rotate(-45deg);
  margin: 0 0 3px 6px;
}
.listproduct h3.fashionWatch-name {
  -webkit-line-clamp: 3;
}
.container-productbox #preloader:not(.fixed) #loader {
  top: 5% !important;
}
.ht-sale .lbliconimg {
  max-width: 50px;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.owl-carousel .owl-item img.lbliconimg.dmx.lbliconimg_44,
.lbliconimg.dmx.lbliconimg_44,
.owl-carousel .owl-item img.lbliconimg.dmx.lbliconimg_42,
.lbliconimg.dmx.lbliconimg_42,
.owl-carousel .owl-item img.lbliconimg.dmx.lbliconimg_522,
.lbliconimg.dmx.lbliconimg_522 {
  height: 45px !important;
}
.fixed .scroll-btn::after,
.fixed .scroll-btn::before {
  background: linear-gradient(
    to right,
    rgba(255 255 255/0.3),
    rgba(255 255 255/0.95),
    #fff
  );
  content: "";
  height: 42px;
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
  z-index: 8;
  display: none;
}
.fixed .scroll-btn::before {
  right: unset;
  left: 0;
}
.fixed .scroll-btn.show-left::before {
  display: block;
  background: linear-gradient(
    to left,
    rgba(255 255 255/0.3),
    rgba(255 255 255/0.8),
    #fff
  );
}
.fixed .scroll-btn.show-right::after {
  display: block;
}
.fixed .wrap .scroll-btn::after {
  display: none;
}
.scroll-btn {
  position: absolute;
  width: 1200px;
  z-index: 10;
  display: none;
}
.fixed .scroll-btn {
  display: block;
}
.btn-left-scroll,
.btn-right-scroll {
  display: none;
}
.fixed .btn-left-scroll,
.fixed .btn-right-scroll {
  cursor: pointer;
  transition: transform 0.2s;
  z-index: 9;
}
.fixed .btn-right-scroll {
  display: block;
}
.fixed .btn-left-scroll:hover,
.fixed .btn-right-scroll:hover {
  transform: scaleX(1.2);
}
.onlymanu .fixed .scroll-btn {
  display: none !important;
}
.btn-left-scroll {
  position: absolute;
  left: 0;
}
.btn-right-scroll {
  position: absolute;
  right: 0;
}
.btn-left-scroll:before,
.btn-right-scroll:before {
  content: "";
  left: 0;
  padding: 10px;
  border-radius: 4px;
  width: 10px;
  height: 13px;
  border: 1px solid #e0e0e0;
  position: absolute;
  z-index: 10;
  background: #fff;
}
.btn-left-scroll::after,
.btn-right-scroll::after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #288ad6;
  content: "";
  height: 0;
  position: absolute;
  top: 15px;
  right: -22px;
  width: 0;
  z-index: 10;
  transform: rotate(-270deg);
}
.btn-left-scroll:hover:before,
.btn-right-scroll:hover:before {
  border: 1px solid #288ad6;
  background: #288ad6;
}
.btn-left-scroll:hover::after,
.btn-right-scroll:hover::after {
  border-top: 6px solid #fff;
}
.btn-right-scroll:before {
  left: unset;
  right: 0;
}
.btn-right-scroll::after {
  transform: rotate(0);
  right: 10px;
}
#sync1 .owl-prev,
#sync1 .owl-next {
  opacity: 0.3 !important;
}
#sync1 .owl-prev:hover,
#sync1 .owl-next:hover {
  opacity: 1 !important;
}
.prd-promo .listproduct .item-img {
  height: 215px;
  line-height: 215px;
}
.listproduct .item-img {
  height: 225px;
  line-height: 225px;
}
.listproduct .item .item-img img {
  margin-top: 8px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.listproduct.slide-dongho .item-img {
  height: 160px;
  line-height: 160px;
  overflow: hidden;
}
.listproduct .item a:hover .item-img img {
  margin-bottom: 8px;
  margin-top: 0;
}
.listproduct .item a:hover h3 {
  color: #288ad6;
}
.listproduct .item:hover {
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}
.application a:hover {
  color: #288ad6;
}
.owl-carousel button {
  opacity: 0.3;
}
.owl-carousel:hover button {
  opacity: 1;
}
.listproduct .item-img.item-img_2002 {
  height: auto;
  line-height: 2;
}
.listproduct .item-img.item-img_44 {
  height: 165px;
  line-height: 165px;
}
.pk-sale .listproduct .item-img {
  overflow: hidden;
}
.list-filter-active {
  padding: 10px 90px 0 20px;
  margin-top: 10px;
  display: none;
}
.list-filter-active > span {
  font-weight: bold;
  margin-right: 5px;
}
.list-filter-active div {
  display: inline;
}
.list-filter-active a:not(.clr-filter) {
  padding: 10px;
  margin-right: 7px;
  margin-bottom: 7px;
  color: #333;
  border: 1px solid #666;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-height: 30px;
}
.list-filter-active a:not(.clr-filter):hover {
  border: 1px solid #288ad6;
  color: #288ad6;
}
.list-filter-active a.clr-filter {
  display: none;
  align-items: center;
  justify-content: center;
}
.list-filter-active a span {
  margin-right: 7px;
  font-size: 13px;
}
p.quick-link-title {
  font-size: 14px;
  align-items: center;
  display: flex;
  margin-bottom: 10px;
  margin-right: 10px;
}
.__cate_44 .utility {
  margin-top: 7px;
}
.__cate_44 .utility p {
  color: #222;
  font-size: 12px;
  line-height: 22px;
  display: flex;
  column-count: 2;
  column-fill: balance;
}
.__cate_44 .utility p span:first-child {
  display: inline-block;
  min-width: 50px;
  vertical-align: top;
  text-transform: uppercase;
}
.container-productbox {
  display: block;
  overflow: hidden;
  width: 100%;
}
.cate-7264 .block-manu .filter-show {
  width: 890px;
  max-width: 890px;
}
.cate-7264 .filter-list--hang {
  max-height: 245px;
  padding-bottom: 25px;
}
.cate-7264 .filter-blur {
  position: absolute;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, #ffffff45 0%, #fff 100%);
  bottom: 0;
  height: 50px;
}
.cate-7264 .hascount .filter-blur {
  bottom: 60px;
}
.cate-7264 .search-manu {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.cate-7264 .search-manu label {
  font-weight: bold;
  padding-right: 10px;
  width: 150px;
}
.cate-7264 .search-manu .input-text {
  width: calc(100% - 150px);
}
.cate-7264 .search-manu .input-text #smanu {
  margin: 0;
  padding-right: 40px;
  position: relative;
}
.cate-7264 .search-manu .input-text i {
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}
a.c-checkitem.fastdeli {
  background: #e1f2e8;
  padding: 4px 8px 5px 5px;
  border-radius: 4px;
}
a.c-checkitem.fastdeli > p {
  color: #219653;
  font-weight: bold;
  text-transform: uppercase;
  font-style: italic;
}
.videobox {
  background-color: rgba(0, 0, 0, 0.85);
  overflow: scroll;
  position: fixed;
  display: none;
  z-index: 10;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}
.videobox-container {
  position: relative;
  max-width: 960px;
  margin: 7% auto;
  display: block;
  padding: 0 3%;
  height: auto;
  z-index: 10;
}
.videobox-content {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.85);
}
.videobox-close {
  background: transparent;
  position: absolute;
  display: block;
  top: -45px;
  right: 6%;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  color: #333;
  cursor: pointer;
  float: right;
  line-height: 21px;
  padding: 7px;
  text-align: right;
  width: 75px;
  z-index: 10;
}
.videobox-close::before,
.videobox-close::after {
  background-color: #333;
  content: "";
  left: 13px;
  height: 14px;
  position: absolute;
  top: 10px;
  width: 1px;
}
.videobox-close::before {
  transform: rotate(45deg);
}
.videobox-close::after {
  transform: rotate(-45deg);
}
.video-container {
  padding-bottom: 56.25%;
  position: relative;
  padding-top: 30px;
  overflow: hidden;
  height: 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
#container {
  border-radius: 4px;
  max-width: 300px;
  height: auto;
  padding: 50px;
  background: #fff;
  margin: 100px auto;
}
#playme {
  background: #007fed;
  text-transform: uppercase;
  font-weight: 300;
  border: 0;
  color: #fff;
  padding: 10px 15px;
  display: inline-block;
  font-size: 14px;
  margin: 0;
}
a.fastdeli.active::before,
.fastdeli.active::after {
  bottom: 7px;
}
.fastdeli.c-checkitem.active::before {
  left: 9px;
}
.fastdeli.c-checkitem.active::after {
  left: 14px;
}
.fast-deli {
  margin-top: 7px;
}
.listproduct .fast-deli .tick-checkbox {
  display: none !important;
}
.listproduct .fast-deli > a {
  display: inline-block !important;
  padding: 2px 10px 2px 6px;
}
.fast-deli .c-checkitem.active::before,
.fast-deli .c-checkitem.active::after {
  display: none !important;
}
.col1__ct iframe {
  min-height: 445px;
}
.explain-filter {
  color: #2f80ed;
  margin-top: 6px;
  padding-bottom: 10px;
}
.iconfilter-explain {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
}
.iconfilter-explain::before {
  background: url(../../ContentMwg/images/tooltip_filter.png) no-repeat;
  background-size: 16px 16px;
  content: "";
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  width: 16px;
}
.explain-filter:hover {
  cursor: pointer;
}
.explain-filter-detail {
  display: none;
  color: #000;
  opacity: 0;
  height: 30px;
  margin-bottom: -30px;
  transition: 0.3s;
  visibility: hidden;
}
.explain-filter-detail.opacityClass {
  height: auto;
  opacity: 1;
  margin-bottom: 0;
  margin-top: 8px;
  max-height: 310px;
  overflow: auto;
}
.explain-filter-detail p {
  margin-bottom: 16px !important;
}
.explain-filter-detail ul {
  height: 0;
}
.opacityClass ul {
  height: auto;
}
.explain-filter-detail ul li {
  margin: 4px 0;
  position: relative;
  padding-left: 15px;
}
.explain-filter-detail ul li::before {
  background-color: #333;
  border-radius: 50%;
  content: "";
  height: 4px;
  left: 3px;
  position: absolute;
  top: 6px;
  width: 4px;
}
.explain-filter-text {
  padding-bottom: 5px;
  display: block;
  width: fit-content;
}
.explain-filter-text:after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1px solid #2f80ed;
  border-bottom: 1px solid #2f80ed;
  float: right;
  margin: 2px 3px 0 8px;
  transform: rotate(45deg);
  position: absolute;
  pointer-events: none;
}
.explain-filter-text.active:after {
  transform: rotate(-135deg);
  margin-top: 7px;
  transition: 0.3s;
}
.filter-scroll {
  height: 600px;
  overflow-y: scroll;
}
.filter-button-sticky {
  bottom: 0;
  margin: 0;
  position: sticky;
  width: 100%;
  z-index: 2;
}
.hot-product {
  margin-top: 20px;
  padding-bottom: 10px;
}
.hot-product > a {
  display: block;
  margin-bottom: 10px;
}
.hot-product > a > img {
  display: block;
  width: 100%;
  height: auto;
}
.hot-product .listproduct.owl-carousel {
  padding: 0 10px;
  border: 0;
  display: flex !important;
}
.hot-product .listproduct.owl-carousel .item {
  background-color: #fff;
}
.hot-product .listproduct.owl-carousel > .item {
  display: none;
}
.hot-product .listproduct.owl-carousel > .item:nth-child(-n + 5) {
  display: inline-block;
}
.hot-product .listproduct.owl-carousel .owl-stage {
  display: flex;
  flex-wrap: wrap;
}
a.c-btnbox.has-icon {
  flex-wrap: wrap;
  flex-direction: column;
  gap: 5px;
}
a.c-btnbox.has-icon.horizontal {
  flex-direction: row;
}
a.c-btnbox.has-icon span label {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
.colors a.c-btnbox.has-icon span label {
  width: 25px;
  height: 25px;
  border: 1px solid #ccc;
}
.max-height__scroll {
  max-height: 55vh;
  overflow-y: auto;
}
.bg-noel {
  background-image: url(https://cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/BG-noel-only.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top;
}
.listproduct li.item {
  background: #fff;
}
[class^="iconsize-"],
[class*="iconsize-"] {
  background-image: url(https://cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/DMX/Category/size-icon.jpg);
  background-repeat: no-repeat;
  display: inline-block;
  width: 110px;
  height: 90px;
  line-height: 30px;
  vertical-align: middle;
  background-size: 236px 179px;
}
.iconsize-frige__ngang {
  background-position: 0 0;
}
i.iconsize-frige__cao {
  background-position: -154px 0;
}
i.iconsize-frige__sau {
  background-position: -75px 0;
}
.iconsize-wash__ngang {
  background-position: 0 -88px;
}
i.iconsize-wash__cao {
  background-position: -154px -88px;
}
i.iconsize-wash__sau {
  background-position: -75px -88px;
}
.toggle-title {
  position: relative;
  padding-right: 13px;
}
.toggle-title::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #288ad6;
  content: "";
  height: 0;
  position: relative;
  top: -2px;
  display: inline-block;
  right: -5px;
  width: 0;
}
.toggle-title.down-arr::after {
  transform: rotate(-180deg);
}
.toggle-title > i {
  margin-right: 5px;
  top: -2px;
  position: relative;
}
.info-size {
  margin-top: 10px;
  line-height: 1.5;
}
.size-filter .prop-minmax {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  overflow: hidden;
}
.size-filter .prop-minmax-input {
  width: 100%;
  position: relative;
}
.size-filter .input-box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  text-align: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
  z-index: 1;
}
.size-filter .input-box::before {
  content: "";
  position: absolute;
  top: 60%;
  border-top: 1px solid #bdbdbd;
  width: 80%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.size-filter .input-box .input-title {
  display: block;
  text-align: left;
  margin-left: 14px;
  font-size: 12px;
  width: 100%;
}
.size-filter .input-box > span {
  margin: 10px auto !important;
  width: 120px;
  position: relative;
  z-index: 1;
  background: #fff;
}
.show-total-item.size-filter .input-box > span {
  width: 75px;
}
.show-total-item.size-filter .input-box .input-title {
  margin: 0;
  text-align: left;
  font-size: 10px;
  padding: 0 0 0 5px;
}
.show-total-item [class^="iconsize-"],
.show-total-item [class*="iconsize-"] {
  width: 125px;
}
.size-icon {
  margin: 0;
}
.descrip-size {
  margin-bottom: 15px;
}
.size-filter .input-box > span input {
  margin-right: 6px;
  max-width: 45%;
}
.title-size {
  margin-bottom: 10px;
  display: block;
  padding: 0 !important;
}
.show-total-item.size-filter .filter-list {
  gap: 4px;
}
.show-total-item.size-filter .link-capacity {
  display: none !important;
}
.article {
  padding: 30px 0 0;
  position: relative;
  overflow: hidden;
  max-width: 800px;
  margin: 15px auto 20px;
}
.article__content {
  height: 250px;
  overflow: hidden;
  transition: 0.3s;
  line-height: 24px;
}
.article__content.showall {
  height: auto;
}
.article__content.short h3 {
  margin-bottom: 15px;
  font-size: 16px;
}
.article__content.showall h3 {
  font-weight: bold;
  margin-bottom: 15px;
}
.article__content .anchor-hd-list h3 {
  margin-bottom: 5px;
}
.article__content.showall h3 span {
  font-weight: unset !important;
}
.article__content.showall h3 a,
.article__content.showall h4 a {
  font-weight: bold;
}
.article__content .anchor-hd-list h3 a {
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
}
.article__content.showall img {
  width: 100%;
  height: auto;
}
.article__content.showall p a {
  font-size: 16px !important;
}
.article__content > * {
  line-height: 24px;
}
.article__content > p {
  line-height: 1.5;
  margin-bottom: 10px;
}
.article__content.short p,
.article__content.short a {
  font-size: 16px !important;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
.article__content.short p.size-text-14 {
  font-size: 14px !important;
}
.article__content a {
  color: #2f80ed;
}
.article__content img {
  max-width: 100%;
}
.article__content .normal {
  font-size: 16px !important;
  color: #222 !important;
}
.article__content ul li {
  position: relative;
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1.5;
}
.article__content ul li p {
  display: inline-block;
  width: calc(100% - 25px);
}
.article__content ul li::before {
  background-color: #222;
  border-radius: 50%;
  content: "";
  height: 4px;
  width: 4px;
  display: inline-block;
  vertical-align: top;
  margin: 10px 8px 0 0;
  box-sizing: border-box;
  line-height: 1.5;
}
.article .short {
  height: 110px;
}
.article .short.iphone {
  height: 0;
}
.article .shortnew {
  height: 360px;
}
.bg-article {
  background: linear-gradient(
    to bottom,
    rgba(255 255 255/0),
    rgba(255 255 255/62.5),
    rgba(255 255 255/1)
  );
  bottom: -22px;
  height: 105px;
  left: 0;
  position: absolute;
  width: 100%;
  margin-bottom: 3px;
}
.article .btn-detail {
  position: relative;
}
.article .btn-seemore {
  color: #2f80ed;
  display: block;
  margin: 0 auto;
  text-align: center;
  position: relative;
  width: 114px;
}
.article .btn-seemore::before {
  border-bottom: 1px solid #2f80ed;
  border-right: 1px solid #2f80ed;
  content: "";
  height: 8px;
  position: absolute;
  transform: rotate(45deg);
  top: 2px;
  right: 5px;
  width: 8px;
}
.article .btn-viewshort {
  display: none;
  color: #2f80ed;
  display: block;
  margin: 0 auto;
  text-align: center;
  position: relative;
  width: 114px;
}
.article .btn-viewshort::before {
  border-bottom: 1px solid #2f80ed;
  border-right: 1px solid #2f80ed;
  content: "";
  height: 8px;
  position: absolute;
  transform: rotate(225deg);
  top: 6px;
  right: 5px;
  width: 8px;
}
.article__content h2 {
  display: block;
  color: #333;
  margin-bottom: 15px;
  font-size: 16px !important;
}
.article__content__video-container {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.article__content__video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.article__content .rating-video {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.article__content .rating-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.article__content img {
  height: auto !important;
}
.article__content p,
.article__content a,
.article__content h2 {
  font-size: 16px;
}
.article__content p.size-text-14 {
  font-size: 14px !important;
}
.article__content h3 {
  font-size: 22px;
  line-height: 24px;
}
.article__content h4 {
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 15px;
  font-weight: bold;
}
.article__content__title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.short-article {
  padding: 15px 10px;
}
.short-article__title {
  display: block;
  overflow: hidden;
  font-size: 16px;
  color: #000;
  font-weight: 600;
  padding: 5px 0;
}
.short-article li {
  display: block;
  font-size: 14px;
  color: #333;
  line-height: 25px;
  padding: 0;
  border: 0;
}
.short-article li:before {
  content: "•";
  color: #999;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  font-size: 14px;
}
.short-article a {
  color: #2f80ed;
}
.article__content table {
  max-width: 100%;
  margin-bottom: 15px;
  border-collapse: collapse;
}
.article__content table thead tr {
  background-color: #ff0;
}
.article__content table,
.article__content th,
.article__content td {
  border: solid 1px;
}
.article__content video {
  display: block;
  max-width: 100%;
}
.anchor-hd {
  background-color: #e9f9ff;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 16px 16px 6px 16px;
  position: relative;
  width: 100%;
}
.click-anchor {
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 10px;
  width: 30px;
}
.click-anchor::before {
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  content: "";
  height: 8px;
  position: absolute;
  right: 9px;
  top: 9px;
  transform: rotate(135deg);
  transition: 0.3s;
  width: 8px;
}
.click-anchor.crt::before {
  transform: rotate(-45deg);
  top: 14px;
}
.anchor-hd .txt {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  margin-bottom: 10px;
}
.anchor-hd-list h5 {
  margin-bottom: 10px;
}
.anchor-hd-list h5 a,
.anchor-hd-list h5 span,
.anchor-hd-list .subtitle a,
.anchor-hd-list .subtitle span,
.anchor-hd-list h3 a {
  color: #2f80ed;
  cursor: pointer;
  font-size: 16px;
  line-height: 18px;
}
.anchor-hd-list h5 a:hover,
.anchor-hd-list .subtitle a:hover,
.anchor-hd-list h5 span:hover,
.anchor-hd-list .subtitle span:hover,
.anchor-hd-list h3 a:hover {
  color: #1b576a;
}
.anchor-hd-list .subtitle {
  margin-bottom: 15px;
}
.anchor-hd-list .subtitle li,
.anchor-hd-list .subtitle h4 {
  font-weight: normal;
  line-height: 20px !important;
  margin-bottom: 5px !important;
  padding-left: 30px;
  position: relative;
}
.anchor-hd-list .subtitle li::before,
.anchor-hd-list .subtitle h4::before {
  background-color: #2f80ed;
  border-radius: 50%;
  content: "";
  height: 4px;
  left: 17px;
  position: absolute;
  top: -1px;
  width: 4px;
}
a.premium-product {
  position: relative;
}
body.v2024 {
  min-width: 1080px;
  background: #f2f4f7;
}
.v2024 section {
  background: rgba(255, 255, 255, 1);
  max-width: 1200px;
}
.v2024 .preloader,
.v2024 #preloader {
  background: rgba(255, 255, 255, 0.55);
}
.v2024 .cate-main-container {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .v2024 section {
    max-width: 1024px;
  }
  .v2024 .cate-main-filter .margin-filter,
  .v2024 .bsc-block,
  .v2024 .ss-banner,
  .v2024 #categoryPage {
    max-width: 1024px;
    padding-left: 3vw;
  }
}
.is-filter {
  background: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/category_v2/filter_active.png)
    no-repeat center top;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-size: 200%;
  background-position: -12px -7px;
}
.un-filter {
  background: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/category_v2/filter.png)
    no-repeat center top;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-size: 100%;
}
.un-filter-v2 {
  background: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/category_v2/filter.png)
    no-repeat center top;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-size: 100%;
}
.cate-new-close-btn {
  background: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/category_v2/Icon-close.png)
    no-repeat center top;
  background-position: -3px -3px;
  display: inline-block;
  vertical-align: top;
  width: 7px;
  height: 7px;
  background-size: 14px 14px;
}
.c-checkitem .tick-checkbox .tick-checkbox-icon {
  background: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/category_v2/check.png)
    no-repeat 0 0;
  width: 14px;
  height: 14px;
  background-size: 100%;
  display: none;
}
.quick-link-icon {
  background: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/category_v2/icon-quick-link.png)
    no-repeat 0 0;
  width: 14px;
  height: 14px;
  background-size: 100%;
  display: inline-block;
  margin-right: 6px;
}
.c-checkitem.active .tick-checkbox .tick-checkbox-icon {
  display: block;
}
section.bsc-block {
  margin-bottom: 10px;
  max-width: 1200px;
  background: unset;
}
.bsc-block {
  display: block;
  background: unset;
}
.breadcrumb {
  overflow-x: hidden;
  background: unset;
  margin: 20px auto 0;
}
.v2024 .breadcrumb li a,
.v2024 .breadcrumb li p,
.bc-mid {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: rgba(152, 162, 179, 1);
}
.v2024 .breadcrumb li::before {
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  content: "";
  height: 4px;
  position: absolute;
  right: 1px;
  transform: rotate(45deg);
  top: 8px;
  width: 4px;
}
.v2024 .breadcrumb .sort-total {
  color: rgba(52, 64, 84, 1);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  padding-left: 2px;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  background: #fff !important;
  height: 44px;
  position: absolute;
  width: 44px;
  border-radius: 100% !important;
  border: #e1e1e1;
  filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.15));
  transform: translateY(0);
}
.slider-bannertop .owl-nav button {
  opacity: 0.5;
}
.slider-bannertop:hover .owl-nav button {
  opacity: 0.8;
}
.owl-stage-outer {
  max-height: 100%;
}
.owl-carousel .owl-nav button span::before {
  content: "";
  height: 10px;
  top: 16px;
  width: 10px;
}
.owl-carousel .owl-nav button.owl-prev span::before {
  left: 17px;
}
.owl-carousel .owl-nav button.owl-next span::before {
  left: 14px;
}
.closed-banner {
  top: 10px;
}
.owl-theme .owl-nav {
  position: absolute;
  top: 34%;
  width: 100%;
}
.hot-product {
  margin-top: 20px;
  padding-bottom: 22px;
  border-radius: 16px;
  margin-bottom: 20px;
}
.hot-product > a > img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px 16px 0 0;
}
.hot-product .listproduct.owl-carousel {
  padding: 0 30px;
  border: 0;
  display: flex !important;
}
.hot-product .owl-carousel .owl-nav button.owl-prev {
  left: 7px;
}
.hot-product .owl-carousel .owl-nav button.owl-next {
  right: 7px;
}
.v2024 .owl-carousel.listproduct .item:first-child {
  border: 1px solid rgba(234, 236, 240, 1);
}
.viewed-historyv3 {
  display: none;
  padding: 20px 20px;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: rgba(255, 255, 255, 1);
  max-width: 1200px;
}
.owl-carousel .owl-item .viewed-product .close-itemv3 {
  position: absolute;
  content: "";
  top: 6px;
  right: 6px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #98a2b3;
  z-index: 2;
  cursor: pointer;
}
.owl-carousel .owl-item .viewed-product .close-itemv3:before,
.owl-carousel .owl-item .viewed-product .close-itemv3::after {
  position: absolute;
  content: "";
  top: 9px;
  right: 4px;
  width: 10px;
  border-radius: 8px;
  height: 1px;
  transform: rotate(45deg);
  background-color: #fff;
}
.owl-carousel .owl-item .viewed-product .close-itemv3::after {
  transform: rotate(-45deg);
}
.viewed-historyv3 .owl-nav {
  display: none;
}
.viewed-historyv3 .navigation-prev,
.viewed-historyv3 .navigation-next {
  text-indent: -9999px;
  position: absolute;
  background-color: rgba(249, 250, 251, 25%);
  background-image: url("https://cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/icon_angle-left.png");
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 0 5px 0 rgba(102, 102, 102, 0.45);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  top: 50%;
  z-index: 2;
  transform: rotate(135deg);
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.viewed-historyv3 .navigation-prev {
  left: 10px;
  transform: rotate(0deg);
}
.viewed-historyv3 .navigation-prev:hover,
.viewed-historyv3 .navigation-next:hover {
  background-color: rgba(249, 250, 251, 70%);
}
.viewed-historyv3 .navigation-next {
  right: 10px;
  transform: rotate(180deg);
}
.btn-clear-history {
  position: absolute;
  content: "";
  top: 20px;
  right: 30px;
  color: #98a2b3;
  cursor: pointer;
}
.viewed-historyv3 h2 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.list-viewed-products {
  margin-top: 20px;
}
.viewed-product {
  display: flex;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  overflow: hidden;
  padding: 10px 5px;
}
.viewed-product > a {
  width: 100%;
}
.viewed-product-content {
  display: flex;
  cursor: pointer;
  width: 100%;
}
.viewed-product-info {
  display: block;
  padding-left: 5px;
}
.viewed-product-title {
  min-height: 40px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-right: 12px;
  text-overflow: ellipsis;
  color: rgba(16, 24, 40, 1);
  line-height: 20px;
}
.viewed-product-price {
  margin-top: 5px;
  color: #dd2f2c;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.owl-carousel .owl-item .viewed-product img {
  width: 66px;
  height: auto;
  padding: 0 3px;
  margin: auto 0;
  border-radius: unset;
}
section.ss-banner {
  max-width: 1200px;
  background: unset;
}
.top-banner {
  margin: auto;
}
body.v2024 .slider-bannertop {
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  margin: 0 auto 15px auto;
}
body.v2024 .slider-bannertop.jewels-cate {
  max-width: 1200px;
}
body.v2024 .slider-bannertop .owl-dots {
  bottom: 2px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.slider-bannertop {
  padding-top: unset;
}
.slider-bannertop .owl-dots button span {
  height: 5px !important;
  width: 5px !important;
  margin: 2px 0 0 7px !important;
  background: #fff;
}
.slider-bannertop .owl-dots button.active span {
  background-color: #fe7705 !important;
  width: 5px;
  height: 5px;
  margin: 2px;
}
.v2024 .slider-bannertop .owl-item img {
  object-fit: cover;
  border-radius: 8px;
}
.v2024 .slider-bannertop .item img {
  height: auto;
}
.slider-bannertop .owl-stage-outer {
  max-height: 100%;
}
.v2024 section.main-top {
  background: rgba(255, 255, 255, 1);
  border-radius: 8px 8px 0 0;
}
.bg-quickfilter {
  background: unset;
}
.v2024 .quickfilter {
  padding: 20px 0 0 20px;
}
.quickfilter a.active img {
  border: unset;
}
.quickfilter a:hover img {
  border: unset;
}
.quickfilter a:hover span {
  color: rgba(29, 41, 57, 1);
}
.quickfilter a.active {
  border: 1px solid rgba(42, 131, 233, 1);
}
.quickfilter img {
  align-items: center;
  background-color: #f4f4f4;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  height: 40px;
  margin: 0 auto;
  width: 40px;
}
.quickfilter a {
  cursor: pointer;
  margin: 0 6px 10px;
  width: auto;
  max-width: fit-content;
  display: flex;
  align-items: center;
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  border: 1px solid rgba(234, 236, 240, 1);
}
.quickfilter a:hover {
  border: 1px solid rgba(42, 131, 233, 1);
}
.quickfilter span {
  text-align: left;
  font-size: 13px;
  line-height: 17px;
  color: #333;
  display: flex;
  margin-left: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  width: auto;
  max-width: 125px;
}
.close-popup-total {
  top: 10px;
  border-radius: 8px;
  right: 10px;
}
.cate-main-filter {
  max-width: 1200px;
  display: flex;
  margin: auto;
  text-align: left;
  justify-content: space-between;
  background: rgba(255, 255, 255, 1);
  border-radius: 8px 8px 0 0;
  position: relative;
  transition: 0.3s;
}
.cate-main-filter.fixed {
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  max-width: 100%;
  margin: 0 auto;
  position: fixed;
  top: 68px;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 9;
  animation: slideDownHeader 0.4s ease-in-out;
  border-radius: unset;
}
.cate-main-filter .box-sortby {
  width: auto;
  float: left;
  padding-bottom: 5px;
}
.sort-select {
  float: left;
  position: relative;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.box-sort {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin: 10px 0 0;
}
.box-sort.hide-ext {
  display: none;
}
.title-sort {
  color: rgba(71, 84, 103, 1);
  padding-right: 15px;
}
.sort-select i.ellipse {
  margin: 10px !important;
  content: "";
  width: 4px;
  height: 4px;
  background: rgba(234, 236, 240, 1);
  border-radius: 2px;
}
.sort a.check i {
  float: right;
}
.sort a.check i::after {
  color: #4a90e2;
}
.cate-main-filter .margin-filter {
  max-width: 1200px;
  display: flex;
  margin: auto;
  width: 100%;
  flex-direction: column;
  padding: 0 20px;
}
.sort-select .sort-show::after {
  border-top: 1.5px solid rgba(102, 112, 133, 1);
  border-left: 1.5px solid rgba(102, 112, 133, 1);
  height: 3px;
  width: 3px;
  transform: rotate(-135deg);
  content: "";
  display: inline-block;
  vertical-align: top;
  margin: 4px 0 0 6px;
  transition: 0.5s;
}
.sort-show.check-sort::after {
  border-top: 1.8px solid #2a83e9;
  border-left: 1.8px solid #2a83e9;
}
.sort-show.is-active::after {
  transform: rotate(45deg);
  transition: 0.5s;
  margin: 6px 0 0 6px;
}
.sort-show.check-sort.is-active::after {
  transform: rotate(45deg);
  transition: 0.5s;
  margin: 6px 0 0 6px;
}
.sort-select .sort-show::before {
  content: unset;
}
.sort-show {
  margin-left: 5px;
  color: rgba(102, 112, 133, 1);
}
.box-filter {
  position: relative;
  font-size: 0;
  padding: 10px 0 0 0;
}
.box-filter.block-scroll-main.scrolling {
  position: relative;
  font-size: 0;
  padding: 10px 0 0 0;
  width: 100%;
}
.fixed .box-filter {
  max-width: 1200px;
  display: block;
  margin: unset;
  white-space: unset;
  position: unset;
  scrollbar-width: none;
  padding: 0;
}
.filter-item,
.filter-total {
  display: inline-block;
  font-size: 14px;
  line-height: 19px;
  margin-right: 8px;
  position: relative;
  padding-bottom: unset;
  float: left;
}
.box-quicklink__item {
  padding: 6px;
}
.box-quicklink__item.bd-radius {
  border-radius: 8px;
  background-color: rgba(242, 244, 247, 1);
  border: 1px solid rgba(242, 244, 247, 1);
}
.box-quicklink__item.bd-radius:hover {
  border: 1px solid #4a90e2;
  position: relative;
  z-index: 2;
}
.box-checkbox {
  float: left;
  padding: 0 20px;
  justify-content: space-around;
  margin: unset;
  max-width: unset;
  height: 20px;
  width: 100%;
}
.fixed .scroll-btn.show-right::after,
.btn-right-scroll:before {
  display: none;
}
.filter-outside.list-filter-active {
  padding: unset;
  margin: 0 10px 0 0;
  width: calc(100% - 100px);
}
.filter-outside-new {
  padding: unset;
  margin: 0 10px 0 0;
  width: calc(100% - 100px);
}
.filter-outside-new .list-filter-active-cp {
  padding: unset;
  margin: unset;
}
.list-filter-active a:not(.clr-filter),
.list-filter-active-cp a:not(.clr-filter) {
  padding: 18px 13px;
  margin-right: 7px;
  margin-bottom: 7px;
  color: #333;
  border: 1px solid #f2f4f7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-height: 30px;
  background: rgba(242, 244, 247, 1);
  border-radius: 8px;
}
.list-filter-active a:not(.clr-filter):hover,
.list-filter-active-cp a:not(.clr-filter):hover {
  background: rgba(241, 248, 254, 1);
}
.list-filter-active a.clr-filter,
.list-filter-active-cp a.clr-filter {
  font-size: 13px;
}
.list-filter-active-cp a span {
  margin-right: 7px;
  font-size: 13px;
}
.list-filter-active-cp div {
  display: inline;
}
.sort-select-main {
  border-radius: 8px;
  padding: 8px 12px 8px 10px;
  top: 35px;
  right: 17px;
  width: auto;
}
div#filter-follow-manu {
  display: flex;
  flex-wrap: wrap;
}
.c-btnbox {
  border-radius: 8px;
}
.sort-select .click-sort {
  border: unset;
  border-radius: unset;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  line-height: 12px;
  padding: 6px 10px 6px 0;
  align-items: center;
}
.sort-show.check-sort {
  color: rgba(42, 131, 233, 1);
}
.show-total-main {
  padding: 20px 0 10px;
}
.filter-show.show-total {
  max-height: 65vh;
}
.sort-select p a {
  color: rgba(102, 112, 133, 1);
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  cursor: pointer;
  float: left;
}
.sort-select p a.check {
  color: rgba(42, 131, 233, 1);
}
.sort-select .sort-select-main p a.check {
  color: rgba(102, 112, 133, 1);
  background: rgba(249, 250, 251, 1);
}
.v2024 .sort-select-main p {
  border: 0;
}
.has-image .box-quicklink__item:not(.no-text) img {
  height: 25px;
}
.has-image .box-quicklink__item {
  min-height: 40px;
}
.show-total .show-total-item.warpper-manu-inside {
  margin-top: 10px;
}
.filter-item__title.showing.active .arrow-filter {
  width: 27px;
  height: 14px;
  top: 36px;
  left: 25px;
  position: absolute;
  overflow: hidden;
}
.filter-show {
  top: 50px;
}
.v2024 .c-checkitem .tick-checkbox {
  border: 1px solid #d0d5dd;
  border-radius: 4px;
}
.v2024 .c-checkitem.active .tick-checkbox {
  background-color: #e3f1fe;
  border: 1px solid #2a83e9;
}
.v2024 .c-checkitem.active::before,
.v2024 .c-checkitem.active::after {
  content: unset;
}
.bg-whitefix {
  height: 80px;
}
.v2024 .lst-quicklink {
  flex-wrap: nowrap;
  overflow: hidden;
}
.v2024 .lst-quicklink a {
  display: none;
}
.v2024 .listproduct .item .utility {
  background: #f2f4f7;
  padding: 4px;
  margin-bottom: 10px;
}
.v2024 .listproduct .item .utility p {
  color: #667085;
}
.v2024 .listproduct {
  border: unset;
}
.v2024 .listproduct .item {
  border: 1px solid rgba(234, 236, 240, 1);
  border-radius: 8px;
  margin: 5px 10px 5px 0;
  padding: 10px;
}
.v2024 .listproduct .prods-group ul li:first-child {
  margin-left: 0;
}
.v2024 .view-more a {
  border-radius: 8px;
}
section#categoryPage {
  background: rgba(255, 255, 255, 1);
  border-radius: 0 0 8px 8px;
}
.container-productbox {
  max-width: 1200px;
  display: block;
  overflow: hidden;
  width: 100%;
  margin: auto;
  padding: 0 20px;
}
.article .btn-seemore::before {
  border-bottom: 1.5px solid #2f80ed;
  border-right: 1.5px solid #2f80ed;
  content: "";
  height: 7px;
  position: absolute;
  transform: rotate(45deg);
  top: 3px;
  right: 5px;
  width: 7px;
}
.view-more a::after {
  content: unset;
}
.filter-item__title.showing .arrow-filter::before {
  content: "";
  position: absolute;
  width: 27px;
  height: 27px;
  background: #fff;
  transform: rotate(45deg);
  top: 10px;
  left: 0;
  box-shadow: -2px -2px 5px -4px;
}
.filter-item__title {
  background-color: #fff;
  border: 1px solid #2a83e9;
  border-radius: 8px;
  cursor: pointer;
  padding: 8px 12px;
  background: #fff;
  color: #4a90e2;
}
.filter-item__title:hover {
  background: #f1f8fe;
}
.filter-item__title.active:hover {
  background: #e3f1fe;
}
.filter-item__title.active {
  color: #4a90e2;
  border: 1px solid #2a83e9;
  background: #f1f8fe;
}
.v2024 .article .btn-seemore {
  font-weight: bold;
  color: #2a83e9;
}
.v2024 .view-more strong.see-more-btn::after {
  border-top: unset;
  border-left: unset;
  border-bottom: 1.5px solid #2a83e9;
  border-right: 1.5px solid #2a83e9;
  content: "";
  height: 5px;
  position: absolute;
  transform: rotate(45deg);
  top: 4px;
  right: -15px;
  width: 5px;
}
.view-more a {
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #2a83e9;
  width: auto;
  max-width: 340px;
  color: #2a83e9;
}
.v2024 .view-more a:hover {
  background: unset;
  color: #2a83e9;
}
.v2024 .view-more strong.see-more-btn {
  position: relative;
}
.v2024 .bg-article {
  background: linear-gradient(
    to bottom,
    rgba(249 250 251/0),
    rgba(249 250 251/62.5),
    rgba(249 250 251/1)
  );
}
.v2024 .prods-group ul li {
  margin-right: 4px !important;
  margin-bottom: 0 !important;
}
.header.v2024.sticky1.scroll-header {
  position: fixed !important;
  animation: slideDownHeader 0.3s ease-in-out;
}
.header.v2024.sticky1.hide-header {
  top: -96px;
  animation: slideUpHeader 0.4s ease-in-out;
}
.cate-main-filter.fixed--hide {
  position: absolute !important;
  animation: slideUpHeader 0.4s ease-in-out;
}
@keyframes slideDownHeader {
  from {
    top: -96px;
  }
  to {
    top: 0;
  }
}
@keyframes slideUpHeader {
  from {
    top: 0;
  }
  to {
    top: -96px;
  }
}
.stickcompare {
  display: none;
  width: 100%;
  max-width: 400px;
  margin: auto;
  position: fixed;
  left: 0;
  right: 0;
  border-radius: 10px;
  top: 10%;
  z-index: 100;
  background: #fff;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.12);
}
.bg-black .stickcompare {
  z-index: 1;
}
.stickcompare .cp-top {
  padding: 16px 10px 9px;
  text-align: center;
  position: relative;
}
.cp-top a.clearall {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 5px 5px 5px 25px;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  color: #000;
}
.cp-top a.clearall i {
  position: absolute;
  left: 7px;
  top: 8px;
}
.cp-top h3 {
  font-weight: bold;
  color: #000;
}
ul.listcompare {
  display: grid;
  grid-auto-rows: minmax(min-content, max-content);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.listcompare li {
  overflow: visible;
  position: relative;
  padding-top: 7px;
  width: 80%;
  display: block;
  margin: 0 auto;
}
.listcompare li img {
  width: 70px;
  height: auto;
  max-height: 80px;
  margin: 5px;
  object-fit: contain;
}
.listcompare h3 {
  overflow: hidden;
  line-height: 1.6em;
  color: #333;
  font-weight: normal;
  font-size: 13px;
  height: 33px;
  margin: 5px 0 5px 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  line-height: 1.3em;
  text-align: center;
}
.listcompare a {
  display: flex;
  overflow: hidden;
  padding: 10px 0 5px;
  align-content: center;
}
.listcompare li.formsg {
  margin: 10px 40px;
  border: dashed 2px #bdbdbd;
  border-radius: 10px;
  padding: 5px 0;
}
.listcompare span {
  position: absolute;
  top: 20px;
  right: -20px;
  width: 14px;
  height: 20px;
  cursor: pointer;
}
.listcompare .cp-plus {
  display: block;
  width: 55px;
  height: auto;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  color: #666;
  background: #fff;
  border-radius: 5px;
  cursor: default;
  margin: 0 auto;
}
.listcompare .cp-plus > i {
  display: block;
  margin: 0 auto;
  background: url(https://cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/ic-image.png)
    no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 26px;
}
.overlay.v2 {
  background: rgba(0, 0, 0, 0.75);
}
.listcompare li.formsg > label {
  display: block;
  padding: 5px;
  text-align: center;
  color: #666;
}
.closecompare {
  overflow: hidden;
  position: relative;
}
.closecompare a {
  display: block;
  text-align: center;
  margin: 10px auto;
  width: 50%;
  padding: 12px 0;
  border-radius: 10px;
  font-size: 14px;
  color: #2f80ed;
}
.closecompare a.onlyone {
  width: 100%;
}
.closecompare a.doss {
  background: #2f80ed;
  color: #fff;
  font-size: 14px;
}
.closecompare a.doss.prevent {
  color: #ddd;
  opacity: 0.3;
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
}
#suggestss {
  position: relative;
}
#suggestss .addcompare {
  position: fixed;
  width: 90%;
  height: 230px;
  display: block;
  bottom: 0;
  top: 0;
  margin: auto;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 4px;
  z-index: 21000;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
label.error {
  color: #d0021c;
  font-size: 13px;
  line-height: 21px;
  display: block;
  margin: 10px 12px 0;
  opacity: 0.1;
  text-align: center;
}
.addcompare #kcc {
  display: block;
  margin: 10px auto;
  width: 95%;
  background: rgba(142, 142, 147, 0.12);
  border: 0;
  border-radius: 8px;
  padding: 10px 27px 10px 32px;
}
input[type="text"],
input[type="tel"],
textarea {
  -webkit-appearance: none;
}
.addcompare .closeacp {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 20px;
  color: #666;
}
.addcompare .autocomplete {
  padding: 10px;
  height: 152px;
  overflow: auto;
  width: 100% !important;
  background: #fff;
  position: absolute;
  z-index: 100;
}
.addcompare .autocomplete li {
  font-size: 14px;
  margin-bottom: 5px;
  cursor: pointer;
}
.addcompare .autocomplete li span {
  display: block;
  overflow: hidden;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5;
}
.addcompare .autocomplete li p {
  color: #d0021b;
  display: inline-block;
  vertical-align: middle;
}
.addcompare .autocomplete li .oldprice {
  text-decoration: line-through;
}
.close-comppare {
  position: absolute;
  right: 7px;
  top: -30px;
}
.close-comppare span {
  background: #fff;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 5px 15px;
}
.input-text {
  position: relative;
}
.input-text i {
  position: absolute;
}
.input-text i.iconcate-closess {
  right: 17px;
  top: 13px;
  display: none;
  cursor: pointer;
}
.input-text i.iconcate-search {
  left: 20px;
  top: 11px;
  display: block;
}
.iconcate-closess {
  background-position: -40px -75px;
  height: 12px !important;
  width: 12px !important;
}
.iconcate-search {
  background-position: -145px 0;
  width: 16px !important;
  height: 16px !important;
  vertical-align: text-bottom;
  margin-right: 2px;
}
.popup-button {
  position: fixed;
  bottom: 25px;
  left: 15px;
  z-index: 2;
}
.bg-black .popup-button {
  z-index: 0;
}
a#ss-now {
  padding: 10px 10px;
  background: #fff;
  border-radius: 30px;
  box-shadow: 0 0 15px #999;
  display: none;
}
#ss-now .stage {
  width: 90%;
}
a#ss-now span label {
  color: #288ad6;
}
#loading-compare {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 1000;
}
#loading-compare .csslder {
  top: 23%;
}
.stickcompare .iconcate-closess {
  background-position: -40px -75px;
  height: 12px !important;
  width: 12px !important;
}
.stickcompare .iconcate-search {
  background-position: -145px 0;
  width: 16px !important;
  height: 16px !important;
  vertical-align: text-bottom;
  margin-right: 2px;
}
#ss-now {
  color: #288ad6;
}
.popup-button .iconcate-ss {
  background-position: -242px -97px;
  width: 16px !important;
  height: 15px !important;
  vertical-align: text-bottom !important;
  margin-right: 2px;
}
.stage {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.75);
}
@keyframes fx {
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.stickcompare.stickcompare_new {
  max-width: 1178px;
  top: unset;
  bottom: 0;
  border-radius: 0;
  border-top: 1px solid #e5e5e5;
}
.stickcompare.stickcompare_new a.clearall {
  position: absolute;
  right: 0;
  top: -39px;
  padding: 10px 30px 10px 10px;
  border-radius: 8px 8px 0 0;
  color: #000;
  background: #fff;
  box-shadow: 0 -2px 10px #0000001f;
}
.stickcompare.stickcompare_new a.clearall i {
  background: unset;
  left: unset;
  right: 25px;
  top: 19px;
  bottom: 0;
  margin: auto;
  width: unset !important;
  height: unset !important;
  position: absolute;
}
.stickcompare.stickcompare_new a.clearall i:after,
.stickcompare.stickcompare_new a.clearall i:before {
  content: "";
  width: 10px;
  height: 1px;
  background: #333;
  margin-right: 5px;
  transform: rotate(45deg);
  position: absolute;
}
.stickcompare.stickcompare_new a.clearall i:after {
  transform: rotate(-45deg);
  left: 7px;
}
.stickcompare.stickcompare_new ul.listcompare {
  display: inline-flex;
  width: calc(100% - 25%);
  border: unset;
}
.stickcompare.stickcompare_new .listcompare li {
  width: 100%;
  border-right: 1px solid #e0e0e0;
  padding-top: 0;
}
.stickcompare.stickcompare_new .listcompare li img {
  width: 60px;
}
.stickcompare.stickcompare_new .listcompare a {
  justify-content: center;
  flex-flow: column;
  align-items: center;
  width: unset;
  cursor: pointer;
}
.stickcompare.stickcompare_new .listcompare span {
  right: 10px;
  top: 10px;
}
.stickcompare.stickcompare_new .listcompare h3 {
  margin: 5px;
  text-align: center;
}
.stickcompare.stickcompare_new .closecompare {
  display: inline-block;
  vertical-align: middle;
  width: 25%;
  margin-top: 21px;
}
.stickcompare.stickcompare_new .closecompare a.txtremoveall {
  margin: auto;
  width: unset;
  padding: 0;
}
.stickcompare.stickcompare_new .closecompare a.doss {
  border-radius: 0;
  margin: 0 auto 10px;
}
.stickcompare.stickcompare_new .closecompare a.doss.prevent {
  background: #bdbdbd;
  color: #fff;
  opacity: 1;
}
.stickcompare.stickcompare_new .listcompare li.formsg {
  margin: initial;
  border-left: unset;
  border-top: unset;
  border-bottom: unset;
  border-right: 1px solid #e0e0e0;
  border-radius: 0;
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.stickcompare.stickcompare_new .listcompare li.formsg p {
  display: block;
  font-size: 12px;
  text-align: center;
  margin: 7px auto 0;
}
.stickcompare.stickcompare_new .listcompare .cp-plus > i.icImageCompareNew {
  background: url("//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/iconcompare/icon_add_desktop.png")
    no-repeat top center;
  background-size: 45px 45px;
  width: 45px;
  height: 45px;
}
.stickcompare.stickcompare_new label.error {
  top: 0;
  z-index: 9;
  background: #000000e3;
  color: #fff !important;
  padding: 10px;
  width: 90%;
  height: max-content;
  margin: 0 5%;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 400px;
  display: none;
  margin: auto;
}
.popup-addsp {
  display: none;
}
.popup-addsp.active {
  display: block;
}
.popup-addsp .bg-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0.75;
  z-index: 999;
}
.popup-addsp .close-popup {
  position: fixed;
  top: 5vh;
  right: 50px;
  z-index: 999;
  cursor: pointer;
  width: 640px;
  left: 50px;
  margin: auto;
}
.popup-addsp .close-popup aside {
  background: #fff;
  padding: 7px 8px;
  border-radius: 4px;
  width: max-content;
  float: right;
}
.popup-addsp .close-popup i {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  padding: 0;
}
.popup-addsp .close-popup i:after,
.popup-addsp .close-popup i:before {
  content: "";
  width: 12px;
  height: 1px;
  background: #333;
  margin-right: 5px;
  transform: rotate(45deg) !important;
  position: absolute;
  border-radius: unset;
  top: unset;
  left: unset;
  right: unset;
  margin: unset;
}
.popup-addsp .close-popup i:after {
  transform: rotate(-45deg) !important;
}
.popup-addsp .close-popup span {
  display: inline-block;
  vertical-align: middle;
}
.compare-popup {
  background: #fff;
  position: fixed;
  top: 10vh;
  left: 10px;
  right: 10px;
  border-radius: 5px;
  padding: 15px 10px 50px;
  z-index: 999;
  max-width: 640px;
  margin: auto;
  height: calc(100vh - 20vh);
  overflow-y: scroll;
}
.compare-popup h4 {
  display: block;
  overflow: hidden;
  text-align: center;
  padding: 10px;
}
.compare-popup .pro-compare {
  display: flex;
  overflow: hidden;
  border: unset;
  justify-content: center;
}
.compare-popup .pro-compare li {
  float: left;
  width: 33.33%;
  border: 1px solid #e5e5e5;
  border-right: 0;
  text-align: center;
  padding: 15px 4px 20px 4px;
  margin: 0 0 20px;
  position: relative;
}
.compare-popup .pro-compare li h3 {
  overflow: hidden;
  font-size: 14px;
  padding: 0 0 3px 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.compare-popup .pro-compare li:last-child {
  border-right: 1px solid #e5e5e5;
}
.compare-popup .pro-compare li img {
  display: block;
  width: 100% !important;
  max-width: 86px;
  margin: 0 auto 5px;
  height: auto;
  position: relative;
}
.compare-popup .pro-compare li .box-p {
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 0 0 3px 15px;
}
.compare-popup .pro-compare.pro-compare_viewed li .box-p {
  justify-content: center;
}
.compare-popup .pro-compare li .box-p p.price-old {
  text-decoration: line-through;
  color: #999;
}
.compare-popup .pro-compare li .box-p p,
.compare-popup .pro-compare li .box-p span {
  display: block;
  overflow: hidden;
  font-size: 14px;
  margin-right: 5px;
  color: #333;
}
.compare-popup .pro-compare li .item-gift {
  font-size: 12px;
  display: block;
  width: 100%;
  padding: 0 10px 3px 15px;
  color: #333;
}
.compare-popup .pro-compare li .item-gift b {
  font-weight: normal;
}
.compare-popup .pro-compare li .item-img {
  position: relative;
}
.compare-popup .pro-compare li .item-img img.lbliconimg {
  width: 36px !important;
  margin: unset;
  max-width: unset;
  left: 10px;
  bottom: 0;
  position: absolute;
}
.compare-popup .pro-compare li .item-img img.lbliconimg.lbliconimg_44 {
  left: 150px;
  bottom: 0;
  top: 0;
}
.compare-popup .pro-compare li .item-img img.lbliconimg.lbliconimg_2002 {
  height: 30px;
  bottom: 0;
}
.compare-popup .pro-compare li strong.price {
  font-size: 12px;
  color: #000;
  padding: 0 0 4px 0;
}
.compare-popup .pro-compare li strong.price.twoprice {
  background: none;
  display: block;
}
.compare-popup .pro-compare li strong.multiprice {
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  color: #000;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.compare-popup .pro-compare li .per_twoprice {
  font-size: 9px;
  font-weight: 400;
  line-height: 16px;
  color: #000;
  display: inline-block;
  padding: 2px 5px;
  margin-left: -2px;
  vertical-align: middle;
}
.compare-popup .pro-compare li p.item-txt-online,
.compare-popup .pro-compare li p.item-txt-online {
  padding: 0 0 3px 0;
}
.compare-popup .pro-compare .pro-nrview {
  display: block;
  overflow: hidden;
  font-size: 12px;
  color: #2f80ed;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6px;
  margin: auto;
}
.compare-popup #searchproductcompare {
  display: block;
}
.compare-popup #searchproductcompare .find-sp {
  display: block;
  position: relative;
  overflow: hidden;
}
.compare-popup #searchproductcompare .find-sp input {
  display: block;
  overflow: hidden;
  width: 100%;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  padding: 10px 0 10px 30px;
  box-sizing: border-box;
}
.compare-popup #searchproductcompare .find-sp i {
  position: absolute;
  top: 12px;
  left: 8px;
}
.compare-popup #searchproductcompare ul li {
  float: unset;
  display: block;
  width: 100%;
  margin: auto;
  text-align: left;
  border-left: unset;
  border-right: unset;
}
.compare-popup #searchproductcompare ul li:last-child {
  border-bottom: 0;
}
.compare-popup #searchproductcompare ul li .pro-nrview {
  left: unset;
  right: 5px;
  bottom: calc(50% - 9px);
  padding: 0 5px 0 5px;
}
.compare-popup #searchproductcompare .pro-compare li strong.price {
  display: inline-flex;
  vertical-align: middle;
  padding: 0 0 3px 15px;
}
.compare-popup #searchproductcompare li img {
  float: left;
  width: 100%;
  max-width: 45px;
  margin-right: 10px;
}
.compare-popup #searchproductcompare ul {
  display: none;
  overflow: hidden;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  margin: 2px 0;
}
.compare-popup #searchproductcompare ul li {
  display: block;
  overflow: hidden;
  border-top: 0;
  padding: 10px;
  border-top: 1px solid #d0d0d0;
  border-bottom: unset;
  max-width: unset;
  box-sizing: border-box;
}
.compare-popup #searchproductcompare ul li:first-child {
  border-top: 0;
}
.compare-popup #searchproductcompare ul li .item-img {
  height: 50px;
  float: left;
  width: 60px;
}
.compare-popup #searchproductcompare ul li .item-img img {
  float: left;
  width: 80%;
  margin-right: 10px;
  height: auto;
}
.compare-popup #searchproductcompare ul li img {
  float: left;
  width: 100%;
  max-width: 45px;
  margin-right: 10px;
}
.compare-popup #searchproductcompare ul li .text-sr {
  display: block;
  overflow: hidden;
}
.compare-popup #searchproductcompare li .text-sr span {
  display: block;
  overflow: hidden;
  font-size: 12px;
}
.compare-popup #searchproductcompare li .text-sr p {
  display: block;
  overflow: hidden;
  padding: 3px 0 0;
}
.compare-popup #searchproductcompare .text-sr p strong {
  float: left;
  color: #d0021c;
}
.compare-popup #searchproductcompare .text-sr p a {
  float: right;
  font-size: 12px;
  color: #2f80ed;
}
.compare-popup .pro-compare li .item-rating,
.compare-popup .pro-compare li .item-label,
.compare-popup .pro-compare li .item-txt-online,
.compare-popup .pro-compare li .item-compare,
.compare-popup .pro-compare li .result-label,
.compare-popup .pro-compare li .item-bottom,
.compare-popup #searchproductcompare .pro-compare li strong.price.twoprice,
.compare-popup #searchproductcompare .pro-compare li strong.multiprice,
.compare-popup #searchproductcompare .pro-compare li .per_twoprice,
.compare-popup #searchproductcompare .pro-compare li .box-p,
.compare-popup #searchproductcompare .pro-compare li .item-gift {
  display: none;
}
.errorcompare {
  overflow: hidden;
  position: fixed;
  top: 0;
  z-index: 9;
  background: #000000e3;
  color: #fff;
  padding: 10px;
  height: max-content;
  width: 90%;
  margin: auto;
  text-align: center;
  border-radius: 4px;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  max-width: 400px;
  font-size: 13px;
}
.v2024 .popup-addsp .close-popup {
  top: 8vh;
}
.v2024 .compare-popup {
  top: 12vh;
}
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: 0;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.no-js .owl-carousel {
  display: block;
}
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("../Category/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*="owl-"] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background: #869791;
  color: #fff;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-bottom: 10px;
  background: #fff;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}
/*!
 * Magic - https://www.minimamente.com
 * Licensed under the MIT license - https://opensource.org/licenses/MIT
 * Copyright (c) 2020 Christian Pucci
 */
.puffIn {
  -webkit-animation-name: puffIn;
  animation-name: puffIn;
}
@-webkit-keyframes puffIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2);
    -webkit-filter: blur(2px);
    filter: blur(2px);
  }
  to {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@keyframes puffIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2);
    -webkit-filter: blur(2px);
    filter: blur(2px);
  }
  to {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
.puffOut {
  -webkit-animation-name: puffOut;
  animation-name: puffOut;
}
@-webkit-keyframes puffOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  to {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2);
    -webkit-filter: blur(2px);
    filter: blur(2px);
  }
}
@keyframes puffOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  to {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2);
    -webkit-filter: blur(2px);
    filter: blur(2px);
  }
}
.vanishIn {
  -webkit-animation-name: vanishIn;
  animation-name: vanishIn;
}
@-webkit-keyframes vanishIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2);
    -webkit-filter: blur(90px);
    filter: blur(90px);
  }
  to {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@keyframes vanishIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2);
    -webkit-filter: blur(90px);
    filter: blur(90px);
  }
  to {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
.vanishOut {
  -webkit-animation-name: vanishOut;
  animation-name: vanishOut;
}
@-webkit-keyframes vanishOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  to {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2);
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }
}
@keyframes vanishOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  to {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2);
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }
}
.boingInUp {
  -webkit-animation-name: boingInUp;
  animation-name: boingInUp;
}
@-webkit-keyframes boingInUp {
  0% {
    opacity: 0;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateX(-90deg);
  }
  50% {
    opacity: 1;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateX(50deg);
  }
  to {
    opacity: 1;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateX(0deg);
  }
}
@keyframes boingInUp {
  0% {
    opacity: 0;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateX(-90deg);
  }
  50% {
    opacity: 1;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateX(50deg);
  }
  to {
    opacity: 1;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateX(0deg);
  }
}
.boingOutDown {
  -webkit-animation-name: boingOutDown;
  animation-name: boingOutDown;
}
@-webkit-keyframes boingOutDown {
  0% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  }
  20% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: perspective(800px) rotateX(0deg) rotateY(10deg);
  }
  30% {
    opacity: 1;
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  }
  40% {
    opacity: 1;
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(10deg) rotateY(10deg);
  }
  to {
    opacity: 0;
    transform-origin: 100% 100%;
    transform: perspective(800px) rotateX(90deg) rotateY(0deg);
  }
}
@keyframes boingOutDown {
  0% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  }
  20% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: perspective(800px) rotateX(0deg) rotateY(10deg);
  }
  30% {
    opacity: 1;
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  }
  40% {
    opacity: 1;
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(10deg) rotateY(10deg);
  }
  to {
    opacity: 0;
    transform-origin: 100% 100%;
    transform: perspective(800px) rotateX(90deg) rotateY(0deg);
  }
}
.bombLeftOut {
  -webkit-animation-name: bombLeftOut;
  animation-name: bombLeftOut;
}
@-webkit-keyframes bombLeftOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: rotate(0deg);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  50% {
    opacity: 1;
    transform-origin: -100% 50%;
    transform: rotate(-160deg);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  to {
    opacity: 0;
    transform-origin: -100% 50%;
    transform: rotate(-160deg);
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }
}
@keyframes bombLeftOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: rotate(0deg);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  50% {
    opacity: 1;
    transform-origin: -100% 50%;
    transform: rotate(-160deg);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  to {
    opacity: 0;
    transform-origin: -100% 50%;
    transform: rotate(-160deg);
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }
}
.bombRightOut {
  -webkit-animation-name: bombRightOut;
  animation-name: bombRightOut;
}
@-webkit-keyframes bombRightOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: rotate(0deg);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  50% {
    opacity: 1;
    transform-origin: 200% 50%;
    transform: rotate(160deg);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  to {
    opacity: 0;
    transform-origin: 200% 50%;
    transform: rotate(160deg);
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }
}
@keyframes bombRightOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: rotate(0deg);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  50% {
    opacity: 1;
    transform-origin: 200% 50%;
    transform: rotate(160deg);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  to {
    opacity: 0;
    transform-origin: 200% 50%;
    transform: rotate(160deg);
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }
}
.magic {
  -webkit-animation-name: magic;
  animation-name: magic;
}
@-webkit-keyframes magic {
  0% {
    opacity: 1;
    transform-origin: 100% 200%;
    transform: scale(1) rotate(0deg);
  }
  to {
    opacity: 0;
    transform-origin: 200% 500%;
    transform: scale(0) rotate(270deg);
  }
}
@keyframes magic {
  0% {
    opacity: 1;
    transform-origin: 100% 200%;
    transform: scale(1) rotate(0deg);
  }
  to {
    opacity: 0;
    transform-origin: 200% 500%;
    transform: scale(0) rotate(270deg);
  }
}
.swap {
  -webkit-animation-name: swap;
  animation-name: swap;
}
@-webkit-keyframes swap {
  0% {
    opacity: 0;
    transform-origin: 0 100%;
    transform: scale(0) translate(-700px);
  }
  to {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(1) translate(0);
  }
}
@keyframes swap {
  0% {
    opacity: 0;
    transform-origin: 0 100%;
    transform: scale(0) translate(-700px);
  }
  to {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(1) translate(0);
  }
}
.twisterInDown {
  -webkit-animation-name: twisterInDown;
  animation-name: twisterInDown;
}
@-webkit-keyframes twisterInDown {
  0% {
    opacity: 0;
    transform-origin: 0 100%;
    transform: scale(0) rotate(1turn) translateY(-100%);
  }
  30% {
    transform-origin: 0 100%;
    transform: scale(0) rotate(1turn) translateY(-100%);
  }
  to {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(1) rotate(0deg) translateY(0);
  }
}
@keyframes twisterInDown {
  0% {
    opacity: 0;
    transform-origin: 0 100%;
    transform: scale(0) rotate(1turn) translateY(-100%);
  }
  30% {
    transform-origin: 0 100%;
    transform: scale(0) rotate(1turn) translateY(-100%);
  }
  to {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(1) rotate(0deg) translateY(0);
  }
}
.twisterInUp {
  -webkit-animation-name: twisterInUp;
  animation-name: twisterInUp;
}
@-webkit-keyframes twisterInUp {
  0% {
    opacity: 0;
    transform-origin: 100% 0;
    transform: scale(0) rotate(1turn) translateY(100%);
  }
  30% {
    transform-origin: 100% 0;
    transform: scale(0) rotate(1turn) translateY(100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: scale(1) rotate(0deg) translateY(0);
  }
}
@keyframes twisterInUp {
  0% {
    opacity: 0;
    transform-origin: 100% 0;
    transform: scale(0) rotate(1turn) translateY(100%);
  }
  30% {
    transform-origin: 100% 0;
    transform: scale(0) rotate(1turn) translateY(100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: scale(1) rotate(0deg) translateY(0);
  }
}
.foolishIn {
  -webkit-animation-name: foolishIn;
  animation-name: foolishIn;
}
@-webkit-keyframes foolishIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0) rotate(1turn);
  }
  20% {
    opacity: 1;
    transform-origin: 0 100%;
    transform: scale(0.5) rotate(0deg);
  }
  40% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(0.5) rotate(0deg);
  }
  60% {
    opacity: 1;
    transform-origin: 0;
    transform: scale(0.5) rotate(0deg);
  }
  80% {
    opacity: 1;
    transform-origin: 0 0;
    transform: scale(0.5) rotate(0deg);
  }
  to {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1) rotate(0deg);
  }
}
@keyframes foolishIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0) rotate(1turn);
  }
  20% {
    opacity: 1;
    transform-origin: 0 100%;
    transform: scale(0.5) rotate(0deg);
  }
  40% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(0.5) rotate(0deg);
  }
  60% {
    opacity: 1;
    transform-origin: 0;
    transform: scale(0.5) rotate(0deg);
  }
  80% {
    opacity: 1;
    transform-origin: 0 0;
    transform: scale(0.5) rotate(0deg);
  }
  to {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1) rotate(0deg);
  }
}
.foolishOut {
  -webkit-animation-name: foolishOut;
  animation-name: foolishOut;
}
@-webkit-keyframes foolishOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1) rotate(1turn);
  }
  20% {
    opacity: 1;
    transform-origin: 0 0;
    transform: scale(0.5) rotate(0deg);
  }
  40% {
    opacity: 1;
    transform-origin: 100% 0;
    transform: scale(0.5) rotate(0deg);
  }
  60% {
    opacity: 1;
    transform-origin: 0;
    transform: scale(0.5) rotate(0deg);
  }
  80% {
    opacity: 1;
    transform-origin: 0 100%;
    transform: scale(0.5) rotate(0deg);
  }
  to {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0) rotate(0deg);
  }
}
@keyframes foolishOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1) rotate(1turn);
  }
  20% {
    opacity: 1;
    transform-origin: 0 0;
    transform: scale(0.5) rotate(0deg);
  }
  40% {
    opacity: 1;
    transform-origin: 100% 0;
    transform: scale(0.5) rotate(0deg);
  }
  60% {
    opacity: 1;
    transform-origin: 0;
    transform: scale(0.5) rotate(0deg);
  }
  80% {
    opacity: 1;
    transform-origin: 0 100%;
    transform: scale(0.5) rotate(0deg);
  }
  to {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0) rotate(0deg);
  }
}
.holeOut {
  -webkit-animation-name: holeOut;
  animation-name: holeOut;
}
@-webkit-keyframes holeOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1) rotateY(0deg);
  }
  to {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0) rotateY(180deg);
  }
}
@keyframes holeOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1) rotateY(0deg);
  }
  to {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0) rotateY(180deg);
  }
}
.swashIn {
  -webkit-animation-name: swashIn;
  animation-name: swashIn;
}
@-webkit-keyframes swashIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0);
  }
  90% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1);
  }
}
@keyframes swashIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0);
  }
  90% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1);
  }
}
.swashOut {
  -webkit-animation-name: swashOut;
  animation-name: swashOut;
}
@-webkit-keyframes swashOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1);
  }
  80% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(0.9);
  }
  to {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0);
  }
}
@keyframes swashOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1);
  }
  80% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(0.9);
  }
  to {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0);
  }
}
.spaceInDown {
  -webkit-animation-name: spaceInDown;
  animation-name: spaceInDown;
}
@-webkit-keyframes spaceInDown {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0.2) translateY(200%);
  }
  to {
    opacity: 1;
    transform-origin: 50% 100%;
    transform: scale(1) translate(0);
  }
}
@keyframes spaceInDown {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0.2) translateY(200%);
  }
  to {
    opacity: 1;
    transform-origin: 50% 100%;
    transform: scale(1) translate(0);
  }
}
.spaceInLeft {
  -webkit-animation-name: spaceInLeft;
  animation-name: spaceInLeft;
}
@-webkit-keyframes spaceInLeft {
  0% {
    opacity: 0;
    transform-origin: 0 50%;
    transform: scale(0.2) translate(-200%);
  }
  to {
    opacity: 1;
    transform-origin: 0 50%;
    transform: scale(1) translate(0);
  }
}
@keyframes spaceInLeft {
  0% {
    opacity: 0;
    transform-origin: 0 50%;
    transform: scale(0.2) translate(-200%);
  }
  to {
    opacity: 1;
    transform-origin: 0 50%;
    transform: scale(1) translate(0);
  }
}
.spaceInRight {
  -webkit-animation-name: spaceInRight;
  animation-name: spaceInRight;
}
@-webkit-keyframes spaceInRight {
  0% {
    opacity: 0;
    transform-origin: 100% 50%;
    transform: scale(0.2) translate(200%);
  }
  to {
    opacity: 1;
    transform-origin: 100% 50%;
    transform: scale(1) translate(0);
  }
}
@keyframes spaceInRight {
  0% {
    opacity: 0;
    transform-origin: 100% 50%;
    transform: scale(0.2) translate(200%);
  }
  to {
    opacity: 1;
    transform-origin: 100% 50%;
    transform: scale(1) translate(0);
  }
}
.spaceInUp {
  -webkit-animation-name: spaceInUp;
  animation-name: spaceInUp;
}
@-webkit-keyframes spaceInUp {
  0% {
    opacity: 0;
    transform-origin: 50% 0;
    transform: scale(0.2) translateY(-200%);
  }
  to {
    opacity: 1;
    transform-origin: 50% 0;
    transform: scale(1) translate(0);
  }
}
@keyframes spaceInUp {
  0% {
    opacity: 0;
    transform-origin: 50% 0;
    transform: scale(0.2) translateY(-200%);
  }
  to {
    opacity: 1;
    transform-origin: 50% 0;
    transform: scale(1) translate(0);
  }
}
.spaceOutDown {
  -webkit-animation-name: spaceOutDown;
  animation-name: spaceOutDown;
}
@-webkit-keyframes spaceOutDown {
  0% {
    opacity: 1;
    transform-origin: 50% 100%;
    transform: scale(1) translate(0);
  }
  to {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0.2) translateY(200%);
  }
}
@keyframes spaceOutDown {
  0% {
    opacity: 1;
    transform-origin: 50% 100%;
    transform: scale(1) translate(0);
  }
  to {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0.2) translateY(200%);
  }
}
.spaceOutLeft {
  -webkit-animation-name: spaceOutLeft;
  animation-name: spaceOutLeft;
}
@-webkit-keyframes spaceOutLeft {
  0% {
    opacity: 1;
    transform-origin: 0 50%;
    transform: scale(1) translate(0);
  }
  to {
    opacity: 0;
    transform-origin: 0 50%;
    transform: scale(0.2) translate(-200%);
  }
}
@keyframes spaceOutLeft {
  0% {
    opacity: 1;
    transform-origin: 0 50%;
    transform: scale(1) translate(0);
  }
  to {
    opacity: 0;
    transform-origin: 0 50%;
    transform: scale(0.2) translate(-200%);
  }
}
.spaceOutRight {
  -webkit-animation-name: spaceOutRight;
  animation-name: spaceOutRight;
}
@-webkit-keyframes spaceOutRight {
  0% {
    opacity: 1;
    transform-origin: 100% 50%;
    transform: scale(1) translate(0);
  }
  to {
    opacity: 0;
    transform-origin: 100% 50%;
    transform: scale(0.2) translate(200%);
  }
}
@keyframes spaceOutRight {
  0% {
    opacity: 1;
    transform-origin: 100% 50%;
    transform: scale(1) translate(0);
  }
  to {
    opacity: 0;
    transform-origin: 100% 50%;
    transform: scale(0.2) translate(200%);
  }
}
.spaceOutUp {
  -webkit-animation-name: spaceOutUp;
  animation-name: spaceOutUp;
}
@-webkit-keyframes spaceOutUp {
  0% {
    opacity: 1;
    transform-origin: 50% 0;
    transform: scale(1) translate(0);
  }
  to {
    opacity: 0;
    transform-origin: 50% 0;
    transform: scale(0.2) translateY(-200%);
  }
}
@keyframes spaceOutUp {
  0% {
    opacity: 1;
    transform-origin: 50% 0;
    transform: scale(1) translate(0);
  }
  to {
    opacity: 0;
    transform-origin: 50% 0;
    transform: scale(0.2) translateY(-200%);
  }
}
.perspectiveDown {
  -webkit-animation-name: perspectiveDown;
  animation-name: perspectiveDown;
}
@-webkit-keyframes perspectiveDown {
  0% {
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(0deg);
  }
  to {
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(-180deg);
  }
}
@keyframes perspectiveDown {
  0% {
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(0deg);
  }
  to {
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(-180deg);
  }
}
.perspectiveDownReturn {
  -webkit-animation-name: perspectiveDownReturn;
  animation-name: perspectiveDownReturn;
}
@-webkit-keyframes perspectiveDownReturn {
  0% {
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(-180deg);
  }
  to {
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(0deg);
  }
}
@keyframes perspectiveDownReturn {
  0% {
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(-180deg);
  }
  to {
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(0deg);
  }
}
.perspectiveLeft {
  -webkit-animation-name: perspectiveLeft;
  animation-name: perspectiveLeft;
}
@-webkit-keyframes perspectiveLeft {
  0% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(0deg);
  }
  to {
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(-180deg);
  }
}
@keyframes perspectiveLeft {
  0% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(0deg);
  }
  to {
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(-180deg);
  }
}
.perspectiveLeftReturn {
  -webkit-animation-name: perspectiveLeftReturn;
  animation-name: perspectiveLeftReturn;
}
@-webkit-keyframes perspectiveLeftReturn {
  0% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(-180deg);
  }
  to {
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(0deg);
  }
}
@keyframes perspectiveLeftReturn {
  0% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(-180deg);
  }
  to {
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(0deg);
  }
}
.perspectiveRight {
  -webkit-animation-name: perspectiveRight;
  animation-name: perspectiveRight;
}
@-webkit-keyframes perspectiveRight {
  0% {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(0deg);
  }
  to {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(180deg);
  }
}
@keyframes perspectiveRight {
  0% {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(0deg);
  }
  to {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(180deg);
  }
}
.perspectiveRightReturn {
  -webkit-animation-name: perspectiveRightReturn;
  animation-name: perspectiveRightReturn;
}
@-webkit-keyframes perspectiveRightReturn {
  0% {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(180deg);
  }
  to {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(0deg);
  }
}
@keyframes perspectiveRightReturn {
  0% {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(180deg);
  }
  to {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(0deg);
  }
}
.perspectiveUp {
  -webkit-animation-name: perspectiveUp;
  animation-name: perspectiveUp;
}
@-webkit-keyframes perspectiveUp {
  0% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(0deg);
  }
  to {
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(180deg);
  }
}
@keyframes perspectiveUp {
  0% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(0deg);
  }
  to {
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(180deg);
  }
}
.perspectiveUpReturn {
  -webkit-animation-name: perspectiveUpReturn;
  animation-name: perspectiveUpReturn;
}
@-webkit-keyframes perspectiveUpReturn {
  0% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(180deg);
  }
  to {
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(0deg);
  }
}
@keyframes perspectiveUpReturn {
  0% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(180deg);
  }
  to {
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(0deg);
  }
}
.rotateDown {
  -webkit-animation-name: rotateDown;
  animation-name: rotateDown;
}
@-webkit-keyframes rotateDown {
  0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(0deg) translateZ(0);
  }
  to {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: perspective(800px) rotateX(-180deg) translateZ(300px);
  }
}
@keyframes rotateDown {
  0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(0deg) translateZ(0);
  }
  to {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: perspective(800px) rotateX(-180deg) translateZ(300px);
  }
}
.rotateLeft {
  -webkit-animation-name: rotateLeft;
  animation-name: rotateLeft;
}
@-webkit-keyframes rotateLeft {
  0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(0deg) translateZ(0);
  }
  to {
    opacity: 0;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateY(-180deg) translateZ(300px);
  }
}
@keyframes rotateLeft {
  0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(0deg) translateZ(0);
  }
  to {
    opacity: 0;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateY(-180deg) translateZ(300px);
  }
}
.rotateRight {
  -webkit-animation-name: rotateRight;
  animation-name: rotateRight;
}
@-webkit-keyframes rotateRight {
  0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(0deg) translate3d(0);
  }
  to {
    opacity: 0;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateY(180deg) translateZ(150px);
  }
}
@keyframes rotateRight {
  0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(0deg) translate3d(0);
  }
  to {
    opacity: 0;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateY(180deg) translateZ(150px);
  }
}
.rotateUp {
  -webkit-animation-name: rotateUp;
  animation-name: rotateUp;
}
@-webkit-keyframes rotateUp {
  0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(0deg) translateZ(0);
  }
  to {
    opacity: 0;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateX(180deg) translateZ(100px);
  }
}
@keyframes rotateUp {
  0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(0deg) translateZ(0);
  }
  to {
    opacity: 0;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateX(180deg) translateZ(100px);
  }
}
.slideDown {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
}
@-webkit-keyframes slideDown {
  0% {
    transform-origin: 0 0;
    transform: translateY(0);
  }
  to {
    transform-origin: 0 0;
    transform: translateY(100%);
  }
}
@keyframes slideDown {
  0% {
    transform-origin: 0 0;
    transform: translateY(0);
  }
  to {
    transform-origin: 0 0;
    transform: translateY(100%);
  }
}
.slideDownReturn {
  -webkit-animation-name: slideDownReturn;
  animation-name: slideDownReturn;
}
@-webkit-keyframes slideDownReturn {
  0% {
    transform-origin: 0 0;
    transform: translateY(100%);
  }
  to {
    transform-origin: 0 0;
    transform: translateY(0);
  }
}
@keyframes slideDownReturn {
  0% {
    transform-origin: 0 0;
    transform: translateY(100%);
  }
  to {
    transform-origin: 0 0;
    transform: translateY(0);
  }
}
.slideLeft {
  -webkit-animation-name: slideLeft;
  animation-name: slideLeft;
}
@-webkit-keyframes slideLeft {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
  }
  to {
    transform-origin: 0 0;
    transform: translateX(-100%);
  }
}
@keyframes slideLeft {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
  }
  to {
    transform-origin: 0 0;
    transform: translateX(-100%);
  }
}
.slideLeftReturn {
  -webkit-animation-name: slideLeftReturn;
  animation-name: slideLeftReturn;
}
@-webkit-keyframes slideLeftReturn {
  0% {
    transform-origin: 0 0;
    transform: translateX(-100%);
  }
  to {
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideLeftReturn {
  0% {
    transform-origin: 0 0;
    transform: translateX(-100%);
  }
  to {
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
.slideRight {
  -webkit-animation-name: slideRight;
  animation-name: slideRight;
}
@-webkit-keyframes slideRight {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
  }
  to {
    transform-origin: 0 0;
    transform: translateX(100%);
  }
}
@keyframes slideRight {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
  }
  to {
    transform-origin: 0 0;
    transform: translateX(100%);
  }
}
.slideRightReturn {
  -webkit-animation-name: slideRightReturn;
  animation-name: slideRightReturn;
}
@-webkit-keyframes slideRightReturn {
  0% {
    transform-origin: 0 0;
    transform: translateX(100%);
  }
  to {
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideRightReturn {
  0% {
    transform-origin: 0 0;
    transform: translateX(100%);
  }
  to {
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
.slideUp {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
}
@-webkit-keyframes slideUp {
  0% {
    transform-origin: 0 0;
    transform: translateY(0);
  }
  to {
    transform-origin: 0 0;
    transform: translateY(-100%);
  }
}
@keyframes slideUp {
  0% {
    transform-origin: 0 0;
    transform: translateY(0);
  }
  to {
    transform-origin: 0 0;
    transform: translateY(-100%);
  }
}
.slideUpReturn {
  -webkit-animation-name: slideUpReturn;
  animation-name: slideUpReturn;
}
@-webkit-keyframes slideUpReturn {
  0% {
    transform-origin: 0 0;
    transform: translateY(-100%);
  }
  to {
    transform-origin: 0 0;
    transform: translateY(0);
  }
}
@keyframes slideUpReturn {
  0% {
    transform-origin: 0 0;
    transform: translateY(-100%);
  }
  to {
    transform-origin: 0 0;
    transform: translateY(0);
  }
}
.openDownLeft {
  -webkit-animation-name: openDownLeft;
  animation-name: openDownLeft;
}
@-webkit-keyframes openDownLeft {
  0% {
    transform-origin: bottom left;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    transform-origin: bottom left;
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes openDownLeft {
  0% {
    transform-origin: bottom left;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    transform-origin: bottom left;
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
.openDownLeftReturn {
  -webkit-animation-name: openDownLeftReturn;
  animation-name: openDownLeftReturn;
}
@-webkit-keyframes openDownLeftReturn {
  0% {
    transform-origin: bottom left;
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  to {
    transform-origin: bottom left;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes openDownLeftReturn {
  0% {
    transform-origin: bottom left;
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  to {
    transform-origin: bottom left;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.openDownRight {
  -webkit-animation-name: openDownRight;
  animation-name: openDownRight;
}
@-webkit-keyframes openDownRight {
  0% {
    transform-origin: bottom right;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    transform-origin: bottom right;
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes openDownRight {
  0% {
    transform-origin: bottom right;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    transform-origin: bottom right;
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
.openDownRightReturn {
  -webkit-animation-name: openDownRightReturn;
  animation-name: openDownRightReturn;
}
@-webkit-keyframes openDownRightReturn {
  0% {
    transform-origin: bottom right;
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  to {
    transform-origin: bottom right;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes openDownRightReturn {
  0% {
    transform-origin: bottom right;
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  to {
    transform-origin: bottom right;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.openUpLeft {
  -webkit-animation-name: openUpLeft;
  animation-name: openUpLeft;
}
@-webkit-keyframes openUpLeft {
  0% {
    transform-origin: top left;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    transform-origin: top left;
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes openUpLeft {
  0% {
    transform-origin: top left;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    transform-origin: top left;
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
.openUpLeftReturn {
  -webkit-animation-name: openUpLeftReturn;
  animation-name: openUpLeftReturn;
}
@-webkit-keyframes openUpLeftReturn {
  0% {
    transform-origin: top left;
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  to {
    transform-origin: top left;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes openUpLeftReturn {
  0% {
    transform-origin: top left;
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  to {
    transform-origin: top left;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.openUpRight {
  -webkit-animation-name: openUpRight;
  animation-name: openUpRight;
}
@-webkit-keyframes openUpRight {
  0% {
    transform-origin: top right;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    transform-origin: top right;
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes openUpRight {
  0% {
    transform-origin: top right;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    transform-origin: top right;
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
.openUpRightReturn {
  -webkit-animation-name: openUpRightReturn;
  animation-name: openUpRightReturn;
}
@-webkit-keyframes openUpRightReturn {
  0% {
    transform-origin: top right;
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  to {
    transform-origin: top right;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes openUpRightReturn {
  0% {
    transform-origin: top right;
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  to {
    transform-origin: top right;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.openDownLeftOut {
  -webkit-animation-name: openDownLeftOut;
  animation-name: openDownLeftOut;
}
@-webkit-keyframes openDownLeftOut {
  0% {
    opacity: 1;
    transform-origin: bottom left;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    opacity: 0;
    transform-origin: bottom left;
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes openDownLeftOut {
  0% {
    opacity: 1;
    transform-origin: bottom left;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    opacity: 0;
    transform-origin: bottom left;
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
.openDownRightOut {
  -webkit-animation-name: openDownRightOut;
  animation-name: openDownRightOut;
}
@-webkit-keyframes openDownRightOut {
  0% {
    opacity: 1;
    transform-origin: bottom right;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    opacity: 0;
    transform-origin: bottom right;
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes openDownRightOut {
  0% {
    opacity: 1;
    transform-origin: bottom right;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    opacity: 0;
    transform-origin: bottom right;
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
.openUpLeftOut {
  -webkit-animation-name: openUpLeftOut;
  animation-name: openUpLeftOut;
}
@-webkit-keyframes openUpLeftOut {
  0% {
    opacity: 1;
    transform-origin: top left;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    opacity: 0;
    transform-origin: top left;
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes openUpLeftOut {
  0% {
    opacity: 1;
    transform-origin: top left;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    opacity: 0;
    transform-origin: top left;
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
.openUpRightOut {
  -webkit-animation-name: openUpRightOut;
  animation-name: openUpRightOut;
}
@-webkit-keyframes openUpRightOut {
  0% {
    opacity: 1;
    transform-origin: top right;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    opacity: 0;
    transform-origin: top right;
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes openUpRightOut {
  0% {
    opacity: 1;
    transform-origin: top right;
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    opacity: 0;
    transform-origin: top right;
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
.tinDownIn {
  -webkit-animation-name: tinDownIn;
  animation-name: tinDownIn;
}
@-webkit-keyframes tinDownIn {
  0% {
    opacity: 0;
    transform: scale(1) translateY(900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    transform: scale(1.1) translateY(0);
  }
  60%,
  80%,
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes tinDownIn {
  0% {
    opacity: 0;
    transform: scale(1) translateY(900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    transform: scale(1.1) translateY(0);
  }
  60%,
  80%,
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.tinDownOut {
  -webkit-animation-name: tinDownOut;
  animation-name: tinDownOut;
}
@-webkit-keyframes tinDownOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  10%,
  30% {
    opacity: 1;
    transform: scale(1.1) translateY(0);
  }
  to {
    opacity: 0;
    transform: scale(1) translateY(900%);
  }
}
@keyframes tinDownOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  10%,
  30% {
    opacity: 1;
    transform: scale(1.1) translateY(0);
  }
  to {
    opacity: 0;
    transform: scale(1) translateY(900%);
  }
}
.tinLeftIn {
  -webkit-animation-name: tinLeftIn;
  animation-name: tinLeftIn;
}
@-webkit-keyframes tinLeftIn {
  0% {
    opacity: 0;
    transform: scale(1) translateX(-900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    transform: scale(1.1) translateX(0);
  }
  60%,
  80%,
  to {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}
@keyframes tinLeftIn {
  0% {
    opacity: 0;
    transform: scale(1) translateX(-900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    transform: scale(1.1) translateX(0);
  }
  60%,
  80%,
  to {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}
.tinLeftOut {
  -webkit-animation-name: tinLeftOut;
  animation-name: tinLeftOut;
}
@-webkit-keyframes tinLeftOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
  10%,
  30% {
    opacity: 1;
    transform: scale(1.1) translateX(0);
  }
  to {
    opacity: 0;
    transform: scale(1) translateX(-900%);
  }
}
@keyframes tinLeftOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
  10%,
  30% {
    opacity: 1;
    transform: scale(1.1) translateX(0);
  }
  to {
    opacity: 0;
    transform: scale(1) translateX(-900%);
  }
}
.tinRightIn {
  -webkit-animation-name: tinRightIn;
  animation-name: tinRightIn;
}
@-webkit-keyframes tinRightIn {
  0% {
    opacity: 0;
    transform: scale(1) translateX(900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    transform: scale(1.1) translateX(0);
  }
  60%,
  80%,
  to {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}
@keyframes tinRightIn {
  0% {
    opacity: 0;
    transform: scale(1) translateX(900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    transform: scale(1.1) translateX(0);
  }
  60%,
  80%,
  to {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}
.tinRightOut {
  -webkit-animation-name: tinRightOut;
  animation-name: tinRightOut;
}
@-webkit-keyframes tinRightOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
  10%,
  30% {
    opacity: 1;
    transform: scale(1.1) translateX(0);
  }
  to {
    opacity: 0;
    transform: scale(1) translateX(900%);
  }
}
@keyframes tinRightOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
  10%,
  30% {
    opacity: 1;
    transform: scale(1.1) translateX(0);
  }
  to {
    opacity: 0;
    transform: scale(1) translateX(900%);
  }
}
.tinUpIn {
  -webkit-animation-name: tinUpIn;
  animation-name: tinUpIn;
}
@-webkit-keyframes tinUpIn {
  0% {
    opacity: 0;
    transform: scale(1) translateY(-900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    transform: scale(1.1) translateY(0);
  }
  60%,
  80%,
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes tinUpIn {
  0% {
    opacity: 0;
    transform: scale(1) translateY(-900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    transform: scale(1.1) translateY(0);
  }
  60%,
  80%,
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.tinUpOut {
  -webkit-animation-name: tinUpOut;
  animation-name: tinUpOut;
}
@-webkit-keyframes tinUpOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  10%,
  30% {
    opacity: 1;
    transform: scale(1.1) translateY(0);
  }
  to {
    opacity: 0;
    transform: scale(1) translateY(-900%);
  }
}
@keyframes tinUpOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  10%,
  30% {
    opacity: 1;
    transform: scale(1.1) translateY(0);
  }
  to {
    opacity: 0;
    transform: scale(1) translateY(-900%);
  }
}
.magictime {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media (prefers-reduced-motion), (print) {
  .magictime {
    -webkit-animation: unset !important;
    animation: unset !important;
    transition: none !important;
  }
}
:root {
  --product-price-color: #e83a45;
}
.listproduct {
  display: grid;
  grid-auto-rows: minmax(min-content, max-content);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-left: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
}
.listproduct.listproduct-col3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.listproduct.carousel {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
.listproduct.carousel .item {
  scroll-snap-align: start;
  margin-right: 5px;
  background-color: #fff;
  border-radius: 4px;
  min-width: 140px;
  max-width: 225px;
  flex: 0 0 33vw;
}
.listproduct img {
  max-width: 100%;
}
.listproduct .item {
  display: block;
}
.listproduct .item a {
  display: block;
}
.pk-sale .listproduct .item {
  background-color: #fff;
}
.listproduct .item {
  border-bottom: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
  padding: 10px 15px 20px;
  overflow: hidden;
}
.listproduct h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}
.listproduct p.preorder {
  background-color: #e91e63;
  border-radius: 4px;
  color: #fff;
  display: -webkit-inline-box;
  font-size: 11px;
  margin-right: 4px;
  padding: 0 5px;
  white-space: nowrap;
  max-width: 90%;
  margin-bottom: 5px;
}
.listproduct-col3 h3 {
  font-size: 13px;
  line-height: 16px;
}
.listproduct h3 span {
  color: #fc773b;
}
.listproduct .price {
  color: var(--product-price-color);
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 5px;
}
.listproduct .price.twoprice {
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 5px;
  color: #222;
}
.listproduct div.b_noza {
  margin-bottom: 3px;
}
.listproduct strong.multiprice {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  color: #10984b;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  margin-bottom: 2px;
}
.listproduct p.per_twoprice {
  font-size: 9px;
  font-weight: 400;
  line-height: 16px;
  color: #10984b;
  display: inline-block;
  background-color: #f2fcf5;
  padding: 2px 5px;
  margin-left: -2px;
  vertical-align: middle;
}
.listproduct .price.twoprice:before,
.listproduct .price.fightprice:before {
  content: "";
  width: 15px;
  height: 15px;
  background: transparent
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAADIWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQwRDA1QTlFQzc2NTExRUI5RUFEQUQ5QzM0RTRFREY5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQwRDA1QTlGQzc2NTExRUI5RUFEQUQ5QzM0RTRFREY5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDBEMDVBOUNDNzY1MTFFQjlFQURBRDlDMzRFNEVERjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDBEMDVBOURDNzY1MTFFQjlFQURBRDlDMzRFNEVERjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6rTY90AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFRQTFRFR3BM0QAczwIc0AId0AEc0AEc0AEczwEc0AEc0AEb0AEbzwAgzwAQ0AEc0QIczwEa0QEc0QIe0AId1gAh0QEb0QIdzwAg0AIbzwAbzwUb0gAd0AIcLM/rQgAAABt0Uk5TAH+A31+/QCDv388QEK9/UG9vnx+PjzCfMDBPXpRnnQAAASVJREFUKM+Nk8uWgzAMQ0VJiAOkPPqcuf//n7OABGhZTFb4WPKRZSHtXxdCp/PXTSkCWHLhu3kxwOKCeHwAmhr8eJOkp/NQD/vuBXyzlaGFy6FbHadVu/4A7lOLg3VcqDduXW/8upck3WkLCcqn5ypJwchrPA3qLLHBekkOnwUbbcRCoY+SUtF15SW9lpmSJpIk473WM05y3PMw4kHNRBuk3z7XRi8Ri+8RbN7sjtz2bYWXkdctbSvsQQot42ZCv2IkSY9F2pxdwCSlAr8yS3NZzJEkTXtb6nZvi5PUGcXHCPYuay/Aa6EfTtKu/nRxO32MW0RiyLc5jcNwFp2zeFXQ7rLb+I/wDRG8+5GkMHmIzXFaeBhAjAZY1X/9J8GlBZHGXv98fzV0E9m7ufBbAAAAAElFTkSuQmCC")
    no-repeat left center;
  background-size: 15px 15px;
  margin: 2px 5px 0 0;
  display: inline-block;
  vertical-align: top;
}
.listproduct .price.fightprice:before,
.listproduct .price.fightpricesetup:before {
  background: transparent
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANESURBVHgBzVfNUhNBEO7ZRF3Ew/gEhiqVo7wB6w0JKG9AOAEnwtET4cYtcAqcCE8gh4TSk+PNm3Cj1CryBq5VUG6EZOz5WTY7O9mQjSJf1Sa76e3+enr6ZwLwn0EgI+i+R+H3mAdd7uNjy19934IMcCAD6O7cGgTjZ8Cdd0ByH/E6o3uzG5ABORgSmmgLY+fiN8OrhVcBg+m5888gaHz7BEMgdQtkmAN3Sj44hOLHNHAoy2dONv3VRkU5VSzj71WtVgfeOegxk7o9pC9x+yEaJKU+Wuv+cnM7plObLQEh+2BHHR5crPtLzDcFeevr7XGxmhKuykey40jAT3DfD/2VBjNV/NWjOq3NMCAORoi86BF50lZ7XNwvQWItBtBIQSSV4utMZM3umD3IfUEmilF4bEbBVgUF/c1GJReQNsIoBo+mTHmmMvybuF0HeIfCQAdIblG/fWKKsNyqdLfIZcabMtxrlJ2JC5LMypaDZZzmgG4yJaXT3U7Y6WoZIdMmueyIUf4Y/M6hviubHdOJkXNSUQqiyVgSkBNRRqLRbPYhb6HspamGDYuJ3qFtVOjeq3Iok2VIqwsUxi5/ROSqww2CjTytcmhtrgKEbyCrD/cvJkRJqgi4QVge7F+RC2jbDBschV84SSHcAp6nMASykCdAcn7kQDvPZNvFtjlorI5Crm176ulK6shxHHw4DdzXz9t4O6PG6tOfQeP752HIhcydn6yiLkHdUyt5LMmPDqMIIOR0Q4F6waliwniJJaSuXBovocl9q+Mx8ijPYn1ACciOstddADv6hJ0wRcAPEhpyQkrUzSRPjuMuZqkDa8ZIVQ6uNCegD8Q4FgR2qbbFScI5Syu+8uEWcQenYeCq2U1gSh0mRoO24aknVXq9sJ8Ja8U6SvRUlCffCJhker9tZB44uTfYU6KDh7gXpyGRgCvNxJHMfiYM7pXBvQTthBeTESKa1RN/+WgzRr5XXEQyHFSGLSKdOAD3Yt1GlX4sl+HLF3p+8uQwkZq8EjpxTS7Bd6DrMDlwBNzzY9tp+EYO2J3SE02BXTsmuW8+SUMM/c8oaH5lbnGSoOseqK5YkHPEgbe4x1swJLL/OQ23R4zWsXOWFuY7jT+8rHcsxxjMYAAAAABJRU5ErkJggg==")
    no-repeat left center;
  background-size: 16px 16px;
}
.listproduct-col3 .price {
  font-size: 14px;
  line-height: 16px;
}
.listproduct .price.red {
  color: #d0021c;
}
.listproduct .box-p {
  margin-bottom: 5px;
}
.listproduct .price-old {
  color: #666;
  display: inline-block;
  font-size: 14px;
  line-height: 17px;
  text-decoration-line: line-through;
}
.listproduct .price-old.black {
  color: #333;
}
.listproduct-col3 .price-old {
  font-size: 12px;
  line-height: 16px;
}
.listproduct .percent {
  color: #333;
  display: inline-block;
  font-size: 13px;
  line-height: 17px;
}
.listproduct .percent.red {
  color: #d0021c;
}
.listproduct-col3 .percent {
  font-size: 12px;
  line-height: 16px;
}
.listproduct .item-rating {
  margin-bottom: 5px;
  display: flex;
  align-items: flex-end;
}
.listproduct .item-compare {
  font-size: 0;
  margin-bottom: 5px;
}
.listproduct .item-compare span {
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  color: #333;
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  margin-right: 5px;
  padding: 4px 5px;
  white-space: nowrap;
}
.listproduct .item-compare.gray-bg span {
  border: 1px solid #eaeaea;
  background: #eaeaea;
}
.listproduct .item-rating p {
  display: inline-block;
}
.listproduct .item-rating-total {
  color: #333;
  font-size: 12px;
  line-height: 14px;
  margin-left: 5px;
}
.listproduct .shiping {
  color: #333;
  font-size: 12px;
  line-height: 16px;
  margin-top: 7px;
}
.listproduct .item-img {
  position: relative;
  margin-bottom: 10px;
  display: block;
  overflow: hidden;
}
.listproduct .item-img img.lbliconimg {
  width: auto !important;
  height: 40px;
}
.listproduct .item-img.item-img_1942 {
  height: 160px;
}
.listproduct .item-img img.lbliconimg_1942 {
  bottom: 0;
}
.listproduct a.premium-product {
  position: relative;
}
.listproduct .premium-product .item-label img.lbliconimg {
  top: -10px;
  bottom: unset;
  right: -15px;
  left: unset;
  width: 50px !important;
  height: 50px !important;
  max-width: unset;
  max-height: unset;
  display: block;
  z-index: 1;
}
.listproduct .item-img.item-img_9758 {
  height: 145px;
}
.listproduct .item-img .lbl-imported {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 5px 10px;
  color: #000;
  background: linear-gradient(91.91deg, #e3e3e3 3.02%, #f7f7f7 105.46%);
  border-radius: 2px;
  height: 25px;
  line-height: 1.3;
  font-size: 13px;
}
.listproduct .item-img .lb-b2p1 {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fec200;
  padding: 2px 4px;
  color: #222;
  white-space: nowrap;
  line-height: normal;
}
.listproduct .lb-img {
  bottom: 0;
  position: absolute;
  right: 5px;
}
.result-label {
  border-radius: 20px;
  display: inline-block;
  font-size: 0;
  overflow: hidden;
  max-width: 100%;
  padding-right: 8px;
}
.result-label span {
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-size: 10px;
  line-height: 13px;
  margin-left: 3px;
  overflow: hidden;
  padding: 4px 0 0 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: 2;
  text-transform: uppercase;
}
.result-label img {
  float: left;
  max-width: 20px;
}
.result-label.temp1 {
  background: linear-gradient(to right, #ef3006, #c60004);
}
.result-label.temp2 {
  background: linear-gradient(to right, #0358d6, #054bab);
}
.result-label.temp3 {
  background: linear-gradient(to right, #e91f63, #db2663);
}
.result-label.temp4 {
  background: linear-gradient(to right, #3bacf0, #1b6dc1);
}
.result-label.temp5 {
  background: linear-gradient(to right, #faab08, #d42611);
}
.result-label.temp6 {
  background: linear-gradient(to right, #af63cf, #3327a7);
}
.item-label {
  font-size: 0;
  height: 22px;
}
.item-label span {
  border-radius: 2px;
  font-size: 11px;
  line-height: 12px;
  display: inline-block;
  margin-right: 4px;
  padding: 3px;
}
.ln-banchay {
  background-color: #fbdddd;
  color: #eb5757;
}
.lb-tragop {
  background-color: #f1f1f1;
  color: #333;
}
.item-txt-online {
  color: #333;
  font-size: 12px;
  line-height: 16px;
  margin-top: 0 !important;
  margin-bottom: 5px;
}
.item-txt-online > i {
  width: 15px;
  height: 15px;
  background: transparent
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAADIWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQwRDA1QTlFQzc2NTExRUI5RUFEQUQ5QzM0RTRFREY5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQwRDA1QTlGQzc2NTExRUI5RUFEQUQ5QzM0RTRFREY5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDBEMDVBOUNDNzY1MTFFQjlFQURBRDlDMzRFNEVERjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDBEMDVBOURDNzY1MTFFQjlFQURBRDlDMzRFNEVERjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6rTY90AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFRQTFRFR3BM0QAczwIc0AId0AEc0AEc0AEczwEc0AEc0AEb0AEbzwAgzwAQ0AEc0QIczwEa0QEc0QIe0AId1gAh0QEb0QIdzwAg0AIbzwAbzwUb0gAd0AIcLM/rQgAAABt0Uk5TAH+A31+/QCDv388QEK9/UG9vnx+PjzCfMDBPXpRnnQAAASVJREFUKM+Nk8uWgzAMQ0VJiAOkPPqcuf//n7OABGhZTFb4WPKRZSHtXxdCp/PXTSkCWHLhu3kxwOKCeHwAmhr8eJOkp/NQD/vuBXyzlaGFy6FbHadVu/4A7lOLg3VcqDduXW/8upck3WkLCcqn5ypJwchrPA3qLLHBekkOnwUbbcRCoY+SUtF15SW9lpmSJpIk473WM05y3PMw4kHNRBuk3z7XRi8Ri+8RbN7sjtz2bYWXkdctbSvsQQot42ZCv2IkSY9F2pxdwCSlAr8yS3NZzJEkTXtb6nZvi5PUGcXHCPYuay/Aa6EfTtKu/nRxO32MW0RiyLc5jcNwFp2zeFXQ7rLb+I/wDRG8+5GkMHmIzXFaeBhAjAZY1X/9J8GlBZHGXv98fzV0E9m7ufBbAAAAAElFTkSuQmCC")
    no-repeat left center;
  background-size: 15px 15px;
  margin: -2px 5px 0 0;
  display: inline-block;
  vertical-align: middle;
}
.listproduct .item-gift {
  color: #333;
  font-size: 13px;
  margin-bottom: 5px;
}
.listproduct .item-gift b {
  font-weight: normal;
}
.utility {
  margin-top: 7px;
}
.utility p {
  color: #333;
  font-size: 12px;
  line-height: 19px;
  display: flex;
}
.utility p:before {
  content: "●";
  margin-right: 4px;
  margin-bottom: 2px;
  margin-top: -1px;
  color: #333;
  font-size: 10px;
}
.item-bottom {
  font-size: 12px;
  margin-bottom: 5px;
}
.item-ss {
  color: #2f80ed;
  font-size: 12px;
  line-height: 16px;
  margin-top: 7px;
}
.item-ss i {
  background: url("//cdn.tgdd.vn/mwgcart/mwg-site/ContentMwg/images/iconcompare/icon_plus.png")
    no-repeat center;
  background-size: 100%;
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: text-bottom;
}
.item-ss.active i {
  background: url("//cdn.tgdd.vn/mwgcart/mwg-site/ContentMwg/images/iconcompare/icon_checked.png")
    no-repeat center;
  background-size: 100%;
}
.btn-buyslt {
  border: 1px solid #fb6e2e;
  border-radius: 3px;
  color: #fb6e2e;
  display: block;
  font-size: 12px;
  line-height: 16px;
  margin-top: 10px;
  padding: 8px 5px;
  text-align: center;
}
.watched .owl-carousel .owl-stage,
.watched .owl-carousel .owl-stage .owl-item {
  display: flex;
  flex-wrap: wrap;
}
.listproduct .remain_quantity {
  position: relative;
  height: 100%;
  display: block;
  padding-bottom: 25px;
}
.listproduct .remain_quantity .rq_count {
  min-height: 20px;
  padding-left: 21px;
  background-color: #ddd;
  border-radius: 25px;
  line-height: 20px;
  text-align: center;
  width: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  color: #000;
  overflow: hidden;
}
.listproduct .remain_quantity .rq_count i {
  display: block;
  height: 100%;
  background: #f7c913
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDMgNzkuMTY0NTI3LCAyMDIwLzEwLzE1LTE3OjQ4OjMyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA0LTI4VDExOjI0OjUyKzA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wNC0yOFQxNDo1OTo1MCswNzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wNC0yOFQxNDo1OTo1MCswNzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NmUwOTRjNi1jODk2LWRiNGMtOGQ3OS1jYjEyZTY4NGY1MmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTZlMDk0YzYtYzg5Ni1kYjRjLThkNzktY2IxMmU2ODRmNTJjIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OTZlMDk0YzYtYzg5Ni1kYjRjLThkNzktY2IxMmU2ODRmNTJjIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NmUwOTRjNi1jODk2LWRiNGMtOGQ3OS1jYjEyZTY4NGY1MmMiIHN0RXZ0OndoZW49IjIwMjEtMDQtMjhUMTE6MjQ6NTIrMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4xIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz57d7QYAAADDklEQVQ4jX2UXYhVVRTHf2udfe69M6PNOOoQMyET9DWkD441cB9yTEaCQCRrtCAfJApiQLAU7CmyDwgUopeGwvQpGicfyifxITDCyigUS1A0MBHUGJ3m6945Z+/lw3GcuXPPde2HA2ut/Vv/vVhnid2+RWYCgAFhsBdAZdVjTzI1URbvV1o620mxdJnlD/+iHx855wd7K9HoHxj1JraxHYCEFgA8ntjFKw02KbwE0mewAigCCdhlgdNJmh6JI3d+1ifj9dD+1hpokPC8i9xBkLU5IhZdtuNJSA+Y2ala/4a2eajIdo30G0AbksxAZAGB8TRNBs3s5JxLsy4aIvK6RvrtA4HTkzBbXVSEVucKP4jIgJAdRWJM4qfU6eGGsOBhfAy6n0DLm/LUl+IoPhxr3O60gHrXgrkl+81wucA0gWoFKQ+g+w/B+hfzuwKPmNi7YrNIMtDVphLdMKNQlzkzBS5Gt76BvPkeNLXgt/fB2I0GT7LrUXK7y4FuzQVO3IHObnTbW8irQ1kXRobh4lkolqBQyr41Jp2mzU87kDX1Cqdh3Xr07feR1c/M+/86A+ueg0IJmZnErv1Td9VrU58zY/nCCQGQtWXknU+RR3tg8n9Y8lDmf20I6eiCO2PYwT35DbBQcAj/1UWqVWxkGJtrwdAHGbSnF8ZuEo4OY5fO50JF7ZZDws+Y7q6pduFP+P0UTFXQz0fmA2d+JHzxIXb2NCxbAVI/0iHoRedS/S0oc/sks1ITxDH0l5EXtmXJX30CJ0azPrZ35KoEu+q9u+TE9F+T8J3AKzXPWNqG7voIqjOEA3uxk8cgTWFpawMgYHwdq68qQOR1n8BMTcLGLVCZJuzbgZ0YBVVoam4MxK5gfKYSENvQDUAqvCwajiL3/v1Vj8P0BFy7ks2kNl4JGONpkM0YPwHz0CQLb4mi8KUJHQQPSQKFYu1WqgfeTL0OGtxff4vLf5943RyMUUQDxdKDgMEkHIq89i8E5inFA1EUmvH6LFHYGQk9Bj33VE0g9rchv6apHnNxesElrlJZVO0uWQIx2gF9TMkAAAAASUVORK5CYII=")
    no-repeat left top;
  position: absolute;
  left: 0;
  top: 0;
  min-width: 21px;
}
.listproduct .remain_quantity .rq_count i.fs-iconfire {
  background: linear-gradient(64.85deg, #fcb500 23.67%, #ffd41d 106.12%);
  min-width: 15px;
}
.listproduct .remain_quantity .rq_count i.fs-iconfire img {
  width: 22px;
  height: auto;
  left: -1px;
  top: -9px;
  position: absolute;
  z-index: 1;
}
.listproduct .remain_quantity .rq_count b {
  display: block;
  position: relative;
  z-index: 1;
  font-weight: normal;
}
.listproduct .item .fs-contain > img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 20px;
  height: auto;
  z-index: 1;
}
span.rq_count.upcomming {
  display: block;
  overflow: hidden;
  text-align: center;
  color: #000;
  padding: 3px 10px;
  border-radius: 25px;
  background: #efefef;
  font-size: 12px;
  font-weight: lighter;
}
span.rq_count.fscount.just-sale {
  padding: 0;
}
.listproduct span.rq_count.fscount.just-sale i {
  background: #fff0b9;
}
.listproduct span.rq_count.fscount.just-sale i img {
  display: none;
}
.loading-border {
  position: relative;
}
.loading-border .bubblingG {
  height: 100%;
  top: 0;
  padding-top: 50%;
}
.prods-group ul {
  display: flex;
  margin-bottom: 5px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.prods-group ul li {
  padding: 5px 8px !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 2px;
  color: #333;
  display: inline-flex !important;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 5px;
  margin-right: 4px;
}
.prods-group ul li.act,
.prods-group ul li:hover {
  border-color: #2f80ed !important;
  color: #2f80ed !important;
}
.listproduct .item-img {
  margin-top: 10px;
}
.listproduct .item-img img {
  margin-bottom: 0;
  margin-top: 8px;
}
.listproduct .item a:hover .item-img img {
  margin-bottom: 8px;
  margin-top: 0;
}
.listproduct .item .item-img img {
  margin-top: 8px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.listproduct .item a:hover h3 {
  color: #288ad6;
}
.owl-carousel button {
  opacity: 0.3;
}
.owl-carousel:hover button {
  opacity: 1;
}
.lst-iclabel {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  display: flex;
  gap: 5px;
  height: 40px;
}
.lst-iclabel img {
  width: auto !important;
  height: 100% !important;
  margin-top: 0 !important;
}
.listproduct .price-and-discount {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}
.listproduct .price-and-discount label {
  margin: 0 7px 0 0 !important;
  color: #a4a4a4 !important;
}
.v2024 .listproduct h3 span {
  display: none;
}
.v2024 .item-label .ln-new {
  color: #dd2f2c;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  border-radius: 2px;
  background: #ffebee;
  padding: 2px 4px;
}
.v2024 .listproduct h3 {
  color: #1d2939;
}
.v2024 .listproduct .item-compare span {
  background: #f2f4f7;
  border: 0;
  color: #667085;
}
.v2024 .item-txt-online {
  color: #475467;
}
.v2024 .item-txt-online span {
  font-weight: 700;
  color: #fd853a !important;
  font-size: 12px !important;
}
.v2024 .item-txt-online > i {
  display: none;
}
.v2024 .listproduct .price {
  color: #dd2f2c;
}
.v2024 .listproduct .price-old.black {
  color: #98a2b3;
}
.v2024 .listproduct .percent {
  color: #dd2f2c;
}
.v2024 .listproduct .item-gift {
  color: #1d2939;
}
.v2024 .utility {
  background-color: #f2f4f7;
  padding: 4px;
  border-radius: 2px;
}
.v2024 .utility p {
  list-style-type: none;
  color: #667085;
  line-height: 1.4;
}
.v2024 .utility p:before {
  color: #475467;
  margin-top: 1px;
}
.v2024 .rating_Compare {
  display: flex;
  overflow: hidden;
  justify-items: center;
  margin-top: 0;
  align-items: center;
}
.v2024 .vote-txt .iconnewglobal-vote {
  background-image: url("https://cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/homev2/desk/iconnew-min.png?v=6");
  margin: -4px 0 0 0;
  background-position: -136px -20px;
}
.v2024 .prt-watch .rating_Compare {
  justify-content: center;
}
.v2024 .pro-compare_viewed .rating_Compare {
  display: none;
}
.v2024 .rating_Compare .vote-txt {
  width: 45%;
  color: #667085;
  font-size: 12px;
  line-height: 13px;
}
.v2024 .listproduct .vote-txt {
  color: #667085;
  font-size: 12px;
  line-height: 13px;
}
.v2024 .compare-popup .pro-compare .pro-nrview {
  display: block;
  position: unset;
  margin-top: 5px;
}
.v2024 .rating_Compare .vote-txt .iconnewglobal-vote {
  margin: -4px 0 0 0;
  background-position: -136px -19px;
  width: 14px;
  height: 14px;
}
.v2024 .rating_Compare .vote-txt b {
  font-weight: normal;
  margin-right: 2px;
  color: unset;
  vertical-align: unset;
}
.v2024 .listproduct .vote-txt b {
  font-weight: normal;
  margin-right: 2px;
  color: #667085;
}
.v2024 .rating_Compare a.item-ss {
  width: 60%;
  margin-top: 1px;
  text-align: right;
  color: #2a83e9;
}
.v2024 .lbliconimg_44 {
  left: 0 !important;
  bottom: 0 !important;
  right: unset !important;
  top: unset !important;
}
.listproduct .item {
  background-color: #fff;
  padding: 10px 10px 20px;
}
.listproduct .item a.premium-product {
  position: relative;
}
.listproduct .premium-product .item-label img.lbliconimg {
  top: -10px;
  bottom: unset;
  right: -15px;
  left: unset;
  width: 50px !important;
  height: 50px !important;
  max-width: unset;
  max-height: unset;
  display: block;
  z-index: 1;
}
.listproduct h3 {
  margin-bottom: 8px;
  line-height: 21px;
}
.listproduct .item-img {
  margin-top: 0;
}
.listproduct .item-img img {
  height: auto;
  display: block;
  margin: 0 auto;
}
.listproduct p.preorder {
  margin-bottom: 8px;
}
.result-label {
  margin-bottom: 5px;
}
.listproduct .price {
  color: #d0021c;
  font-size: 18px;
  margin-bottom: 8px;
}
.listproduct .price small {
  color: #eb5757;
  background: #fff0e9;
  border-radius: 4px;
  padding: 1px 2px 2px 2px;
  margin-left: 7px;
  font-size: 14px;
}
.item-label {
  height: 23px;
}
.listproduct .item-gift,
.listproduct .item-txt-online {
  color: #666;
  font-size: 14px;
  margin-bottom: 8px;
}
.listproduct .vote-txt {
  color: #999;
}
.listproduct .vote-txt b {
  color: #fb6e2e;
  display: inline-block;
  vertical-align: middle;
}
.listproduct .vote-txt i {
  margin: 0 10px 2px 5px;
}
.lb-tragop {
  background-color: #f1f1f1;
  color: #333;
}
.item-label span {
  border-radius: 2px;
  font-size: 11px;
  line-height: 12px;
  display: inline-block;
  margin-right: 4px;
  padding: 3px;
}


/* Zalo */
.main__qr-block {
  flex-shrink: 0;
  padding-top: 40px;
  text-align: center;
  width: 100%;
}
.main__qr-block > button {
  width: 100% !important;
}

.main__qr {
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  height: 500px;
  margin: auto;
  position: relative;
  width: 500px;
}
.main__qr > .hide-shadow {
  background-color: #fff;
  height: 100%;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 100%;
}
.main__qr > img {
  border-radius: 4px;
  height: 100%;
  width: 100%;
}

.main__help-text {
  font-size: 28px;
  line-height: 16px;
  margin-top: 8px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 30px;
}