@charset "UTF-8";
/* frameworks */
.container {
  max-width: 1280px;
}

.row-0 {
  margin: 0;
}
.row-0 > div {
  padding: 0;
}

.row-10 {
  margin: 0 -5px;
}
.row-10 > div {
  padding: 0 5px;
}

.row-20 {
  margin: 0 -10px;
}
.row-20 > div {
  padding: 0 10px;
}

.row-40 {
  margin: 0 -20px;
}
.row-40 > div {
  padding: 0 20px;
}

.row-R > div {
  float: right;
}

.row-table {
  display: table;
  width: 100%;
}
.row-table > div {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  padding: 0;
}
.row-table .col {
  width: auto;
}
.row-table .col-auto {
  width: 1%;
}
.row-table.vlign-top > div {
  vertical-align: top;
}

.section-middle {
  display: table;
  width: 100%;
  height: 100vh;
}
.section-middle > div {
  display: table-cell;
  vertical-align: middle;
}

figure {
  margin: 0;
}
figure.cover {
  margin: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
figure.cover img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
figure.contain {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
figure.contain img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
figure img {
  width: 100%;
  max-width: 100%;
}

.icon {
  position: relative;
}
.icon img {
  display: block;
}

a:focus,
button:focus {
  outline: none;
}

.btn,
.link {
  text-decoration: none;
  transition: all 400ms ease-out;
}

.btn:focus,
.btn:hover,
.link:focus,
.link:hover {
  text-decoration: none;
}

input,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

img {
  max-width: 100%;
}

ul.item-list,
ul.nav-list {
  margin: 0;
  padding: 0;
}
ul.item-list li,
ul.nav-list li {
  list-style: none;
  float: left;
}
ul.item-list li a.link,
ul.nav-list li a.link {
  display: block;
}
ul.item-list:before, ul.item-list:after,
ul.nav-list:before,
ul.nav-list:after {
  content: " ";
  display: table;
}
ul.item-list:after,
ul.nav-list:after {
  clear: both;
}

ul.item-list.fluid li,
ul.nav-lis.fluid li {
  width: 100%;
}

.iframe-container {
  position: relative;
  padding-bottom: 56%;
  overflow: hidden;
}
.iframe-container iframe, .iframe-container object, .iframe-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-container {
  position: relative;
  padding-bottom: 57%;
  overflow: hidden;
}
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* config */
@font-face {
  font-family: "db_helvethaica";
  src: url("../font/db_helvethaica_x_thin_v3.2-webfont.woff") format("woff");
  font-display: block;
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "db_helvethaica";
  src: url("../font/db_helvethaica_x_li_v3.2-webfont.woff2") format("woff2"), url("../font/db_helvethaica_x_li_v3.2-webfont.woff") format("woff");
  font-display: block;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "db_helvethaica";
  src: url("../font/db_helvethaica_x_v3.2-webfont.woff2") format("woff2"), url("../font/db_helvethaica_x_v3.2-webfont.woff") format("woff");
  font-display: block;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "db_helvethaica";
  src: url("../font/db_helvethaica_x_med_v3.2-webfont.woff2") format("woff2"), url("../font/db_helvethaica_x_med_v3.2-webfont.woff") format("woff");
  font-display: block;
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "db_helvethaica";
  src: url("../font/db_helvethaica_x_bd_v3.2-webfont.woff2") format("woff2"), url("../font/db_helvethaica_x_bd_v3.2-webfont.woff") format("woff");
  font-display: block;
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "db_Narai_X";
  src: url("../font/db_Narai_X_Bd.woff") format("woff");
  font-display: block;
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "db_Narai_X";
  src: url("../font/db_Narai_X.woff") format("woff");
  font-display: block;
  font-weight: normal;
  font-style: normal;
}
.text-primary {
  color: #FF6600 !important;
}

.text-secondary {
  color: #754199 !important;
}

.text-red {
  color: #FF3A3A !important;
}

.text-gray {
  color: #666666 !important;
}

.text-lightgray {
  color: #999 !important;
}

.text-gold {
  color: #e9c87b !important;
}

.text-light {
  color: #ffffff !important;
}

.text-dark {
  color: #000000 !important;
}

.text-darkgray {
  color: #333333 !important;
}

.text-brown {
  color: #5B3C31 !important;
}

body {
  font-family: "db_helvethaica";
  background-color: #fff;
  font-size: 16px;
  color: #333333;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "db_helvethaica";
}

.transition, .map-page .nav-map {
  transition: all 200ms ease-out;
}

/* components */
#preload {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  left: 0;
  top: 0;
  background-color: #f5f5f5;
}

.preload {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 9999;
  transform: translate(-50%, -50%);
}
.preload .logo {
  width: 320px;
  height: 60px;
}
.preload .loader {
  border: 2px solid;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border-color: #FF6600 #ffdcbf #ffdcbf;
  -webkit-animation: spins 1s linear infinite;
          animation: spins 1s linear infinite;
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

@-webkit-keyframes spins {
  100% {
    transform: rotate(360deg);
    filter: hue-rotate(0);
  }
}

@keyframes spins {
  100% {
    transform: rotate(360deg);
    filter: hue-rotate(0);
  }
}
nav.menu li {
  transition: All 400ms ease;
}
nav.menu li a.link {
  position: relative;
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
  color: #333333;
  display: block;
}
nav.menu li a.link:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  background-color: #FF6600;
  height: 1px;
  width: 0;
  transition: All 400ms ease;
  opacity: 0;
}
nav.menu li a.link:hover:before {
  opacity: 1;
  width: 100%;
}
nav.menu li.active a.link {
  color: #FF6600;
}
nav.menu li.active a.link:before {
  opacity: 1;
  width: 100%;
}
nav.menu li.dropdown a.link .icon {
  display: inline-block;
  vertical-align: middle;
}
nav.menu li.dropdown a.link .icon:before {
  content: "";
  font-family: "FontAwesome";
}
nav.menu li.dropdown.show a.link .icon:before {
  content: "";
}
nav.menu li + li {
  margin-left: 50px;
}
nav.menu .dropdown-toggle::after {
  display: none;
}
nav.menu .dropdown-menu li {
  width: 100%;
}
nav.menu .dropdown-menu li + li {
  margin-left: 0;
  border-top: 1px solid #ebebeb;
}

.menu-mobile-btn {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
  width: 20px;
  height: 16px;
}
.menu-mobile-btn .btn-mobile {
  display: block;
  width: 20px;
  height: 16px;
  transition: all 200ms ease-out;
}
.menu-mobile-btn .btn-mobile .bar {
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  background-color: #FF6600;
  margin: auto;
  transition: all 200ms ease-out;
  border-radius: 2px;
}
.menu-mobile-btn .btn-mobile .bar:nth-child(1) {
  top: 0;
}
.menu-mobile-btn .btn-mobile .bar:nth-child(2) {
  top: 0;
  bottom: 0;
}
.menu-mobile-btn .btn-mobile .bar:nth-child(3) {
  top: 0;
  bottom: 0;
}
.menu-mobile-btn .btn-mobile .bar:nth-child(4) {
  bottom: 0;
}
.menu-mobile-btn .btn-mobile.close {
  opacity: 1;
}
.menu-mobile-btn .btn-mobile.close .bar:nth-child(1) {
  top: 0;
  opacity: 0;
}
.menu-mobile-btn .btn-mobile.close .bar:nth-child(2) {
  top: 0;
  bottom: 0;
  transform: rotate(45deg);
}
.menu-mobile-btn .btn-mobile.close .bar:nth-child(3) {
  top: 0;
  bottom: 0;
  transform: rotate(-45deg);
}
.menu-mobile-btn .btn-mobile.close .bar:nth-child(4) {
  bottom: 0;
  opacity: 0;
}

.slick-prev:before,
.slick-next:before {
  display: none;
}

.slick-prev:hover:before,
.slick-next:hover:before {
  color: #FF6600;
}

.slick-prev, .slick-next {
  z-index: 1;
  width: 55px;
  height: 55px;
  line-height: 58px;
  text-align: center;
  border: 1px solid transparent;
  color: #333333;
  font-size: 50px;
  border-radius: 50%;
  transition: All 400ms ease;
}

.slick-prev {
  left: 50%;
  margin-left: -720px;
}

.slick-next {
  right: 50%;
  margin-right: -720px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background-color: transparent;
  color: #FF6600;
}

.slick-dots li {
  width: auto;
  height: auto;
  margin: 0 8px;
  position: relative;
  transition: All 400ms ease;
}
.slick-dots li:before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border: 1px solid #333333;
  transition: All 400ms ease;
  opacity: 0;
  border-radius: 50%;
}
.slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  background: #333333;
  border-radius: 50%;
}
.slick-dots li button:before {
  display: none;
}
.slick-dots li.slick-active button {
  background: #333333;
}
.slick-dots li.slick-active:before {
  opacity: 1;
}

.slick-dots:hover li {
  opacity: 0.5;
}

.slick-dots:hover li:hover {
  opacity: 1;
}

.slick-slide .item {
  float: left;
}

.breadcrumb-block {
  padding: 20px 0 30px 0;
}

.breadcrumb {
  background-color: transparent;
  margin: 0;
  padding: 0;
  border-radius: 0px;
}
.breadcrumb li {
  position: relative;
  color: #555555;
  font-size: 20px;
  line-height: 40px;
}
.breadcrumb li .icon {
  margin-right: 6px;
  display: inline-block;
}
.breadcrumb li .link {
  color: #555555;
  font-size: 20px;
  line-height: 40px;
}
.breadcrumb li .link:hover {
  color: #FF6600;
}
.breadcrumb li.active {
  max-width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.breadcrumb li + li {
  padding-left: 20px;
  margin-left: 10px;
}
.breadcrumb li + li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  width: 6px;
  height: 6px;
  border-right: 1px solid #555555;
  border-bottom: 1px solid #555555;
  transform: rotate(-45deg);
}

.pagination-block {
  position: relative;
  padding: 30px 0;
}

.pagination-label .title {
  font-size: 22px;
  font-weight: normal;
  line-height: 1;
  color: #999;
}
.pagination-label span {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #FF6600;
  display: inline;
  margin: 0 8px;
}

.pagination {
  margin: 0;
}
.pagination .link {
  display: block;
  text-align: center;
  min-width: 50px;
  height: 50px;
  line-height: 48px;
  padding: 0 10px;
  font-size: 22px;
  font-weight: normal;
  position: relative;
  background-color: transparent;
  color: #CCCCCC;
  border: 0px solid #ebebeb;
  border-radius: 0%;
  transition: all 200ms ease-out;
}
.pagination .link:hover {
  color: #FF6600;
}
.pagination .link .feather {
  position: relative;
  top: 4px;
}
.pagination .link:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: #FF6600;
  opacity: 0;
  transition: all 200ms ease-out;
}
.pagination .active .link {
  color: #FF6600;
}
.pagination .active .link:before {
  opacity: 1;
}
.pagination li {
  display: inline-block;
  vertical-align: middle;
}
.pagination li + li {
  margin-left: 6px;
}
.pagination .pagination-nav .link {
  color: #CCCCCC;
}
.pagination .pagination-nav .link:hover {
  color: #FF6600;
}
.pagination .jumpPage {
  width: 110px;
  padding-top: 5px;
}
.pagination .select2-container--default .select2-selection--single {
  height: 40px;
}
.pagination .select2-container .select2-selection--single .select2-selection__rendered {
  color: #CCCCCC;
  line-height: 38px;
  font-size: 22px;
  font-weight: normal;
}
.pagination .select2-container--default .select2-selection--single .select2-selection__arrow:before {
  line-height: 36px;
  font-size: 26px;
  color: #CCCCCC;
}

.editor-content .font-base-editor, .editor-content p, .editor-content .editor-content {
  font-size: 26px;
  font-weight: normal;
  color: #555555;
  line-height: 1.2em;
  margin-bottom: 20px;
}
.editor-content p:last-child {
  margin-bottom: 0;
}
.editor-content img {
  height: auto !important;
}

.whead {
  margin-bottom: 50px;
}
.whead .title {
  margin: 0;
  font-size: 90px;
  font-weight: bold;
  line-height: 1em;
  text-transform: uppercase;
  color: #333333;
  font-family: "db_Narai_X";
  text-align: center;
}
.whead .desc {
  margin: 0;
  font-size: 38px;
  font-weight: normal;
  line-height: 1em;
  color: #FF6600;
  font-family: "Homemade Apple", cursive;
  text-align: center;
  padding-left: 310px;
}

.btn {
  background: none;
  position: relative;
  overflow: hidden;
  top: 0;
  z-index: 10;
  border: 1px solid transparent;
  padding: 0 10px;
  min-width: 250px;
  height: 50px;
  line-height: 48px;
  font-size: 24px;
  font-weight: bold;
  border-radius: 5px;
}
.btn.fluid {
  min-width: inherit;
  width: 100%;
  position: relative;
}
.btn:focus {
  box-shadow: none;
}
.btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.btn:hover:before {
  transform: scaleX(1);
}

.btn-primary {
  color: #ffffff;
  background-color: #FF6600;
  border-color: #FF6600;
  background-image: linear-gradient(180deg, #FF6600 0%, #ff822e 100%);
}
.btn-primary:hover, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary:active:focus, .btn-primary.actitve:focus, .btn-primary:active.focus, .btn-primary.active.focus, .btn-primary:focus:hover, .btn-primary.focus:hover {
  color: #ffffff;
  background-color: #ffffff;
  border-color: #FF6600;
}
.btn-primary.disabled, .btn-primary.disabled:hover {
  color: #ffffff;
  background-color: #FF6600;
  border-color: #FF6600;
  opacity: 0.5;
}
.btn-primary:before {
  background-color: #FF6600;
}

.btn-secondary {
  color: #9B9B9B;
  background-color: #ffffff;
  border-color: #9B9B9B;
}
.btn-secondary:hover, .btn-secondary:active:hover, .btn-secondary.active:hover, .btn-secondary:active:focus, .btn-secondary.actitve:focus, .btn-secondary:active.focus, .btn-secondary.active.focus, .btn-secondary:focus:hover, .btn-secondary.focus:hover {
  color: #ffffff;
  background-color: #ffffff;
  border-color: #9B9B9B;
}
.btn-secondary.disabled, .btn-secondary.disabled:hover {
  color: #ffffff;
  background-color: #ffffff;
  border-color: #9B9B9B;
  opacity: 0.5;
}
.btn-secondary:before {
  background-color: #9B9B9B;
}

.btn-danger {
  color: #ffffff;
  background-color: #FF3A3A;
  border-color: #FF3A3A;
}
.btn-danger:hover, .btn-danger:active:hover, .btn-danger.active:hover, .btn-danger:active:focus, .btn-danger.actitve:focus, .btn-danger:active.focus, .btn-danger.active.focus, .btn-danger:focus:hover, .btn-danger.focus:hover {
  color: #ffffff;
  background-color: #ffffff;
  border-color: #FF3A3A;
}
.btn-danger.disabled, .btn-danger.disabled:hover {
  color: #ffffff;
  background-color: #FF3A3A;
  border-color: #FF3A3A;
  opacity: 0.5;
}
.btn-danger:before {
  background-color: #f90f0f;
}

.btn-dark {
  color: #ffffff;
  background-color: #333333;
  border-color: #333333;
}
.btn-dark:hover, .btn-dark:active:hover, .btn-dark.active:hover, .btn-dark:active:focus, .btn-dark.actitve:focus, .btn-dark:active.focus, .btn-dark.active.focus, .btn-dark:focus:hover, .btn-dark.focus:hover {
  color: #ffffff;
  background-color: #ffffff;
  border-color: #333333;
}
.btn-dark.disabled, .btn-dark.disabled:hover {
  color: #ffffff;
  background-color: #333333;
  border-color: #333333;
  opacity: 0.5;
}
.btn-dark:before {
  background-color: #000000;
}

.form-default .transition-ease, .form-default .floating-label {
  transition: all 200ms ease-out;
}
.form-default .form-group {
  position: relative;
  margin-bottom: 20px;
}
.form-default .control-label {
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 24px;
  color: #333333;
  line-height: 1.2em;
}
.form-default .form-control {
  line-height: 1.2em;
  padding: 5px 15px;
  padding-right: 30px;
  font-size: 24px;
  color: #333333;
  min-height: 40px;
  background-color: #fff;
  border: 1px solid #ccc;
  height: auto;
  border-radius: 0px;
  box-shadow: none;
}
.form-default .form-control:focus {
  border-color: #333333;
}
.form-default .floating-label {
  color: #333333;
  font-size: 24px;
  position: absolute;
  pointer-events: none;
  left: 15px;
  top: 9px;
}
.form-default .form-control:focus ~ .floating-label,
.form-default .form-control:not(:focus):valid ~ .floating-label {
  color: #333333;
  font-size: 12px;
  left: 0;
  top: -22px;
}
.form-default .block-control {
  position: relative;
}
.form-default .has-error .form-control:focus {
  box-shadow: none;
}
.form-default .has-success .form-control:focus {
  box-shadow: none;
}
.form-default .select2-container--default .select2-selection--single {
  border: 1px solid #ccc;
  height: 40px;
  border-radius: 0px;
}
.form-default .select2-container .select2-selection--single .select2-selection__rendered {
  color: #333333;
  line-height: 38px;
  font-size: 24px;
  font-weight: normal;
}
.form-default .select2-container--default .select2-selection--single .select2-selection__arrow:before {
  color: #333333;
}

.form-control-feedback {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-size: 100%;
}
.form-control-feedback:before {
  display: none;
}
.form-control-feedback.glyphicon-ok {
  background: url("../img/icon/checked.png") center no-repeat;
  background-size: 16px;
}
.form-control-feedback.glyphicon-remove {
  background: url("../img/icon/cancel.png") center no-repeat;
  background-size: 16px;
}

.radio-control {
  position: relative;
  display: inline-block;
  min-height: 34px;
  padding-left: 0;
}
.radio-control .icon {
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  background-color: #fff;
  position: absolute;
  top: 10px;
  left: 0;
  border-radius: 50%;
}
.radio-control .txt {
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  color: #333;
  line-height: 20px;
  display: block;
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.radio-control input[type=radio] {
  margin-top: 0;
  position: absolute;
  z-index: 5;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}
.radio-control input[type=radio]:checked ~ .icon {
  border-color: transparent;
  border-color: #333;
}
.radio-control input[type=radio]:checked ~ .icon:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #333;
  border-radius: 50%;
}

.checkbox-control {
  position: relative;
  display: inline-block;
}
.checkbox-control .icon {
  width: 15px;
  height: 15px;
  border: 1px solid #CCCCCC;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0;
}
.checkbox-control .txt {
  margin: 0;
  font-size: 20px;
  font-weight: normal;
  color: #333333;
  padding-left: 25px;
  line-height: 15px;
  display: block;
  transition: all 400ms ease-out;
}
.checkbox-control .txt .color {
  color: #FF6600;
}
.checkbox-control input[type=checkbox] {
  margin-top: 0;
  position: absolute;
  z-index: 5;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}
.checkbox-control input[type=checkbox]:checked ~ .icon:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 15px;
  font-family: "FontAwesome";
  font-size: 12px;
  color: #FF6600;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #ebebeb;
  border-radius: 25px;
  height: 50px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 20px;
  padding-right: 30px;
  color: #FF6600;
  line-height: 48px;
  font-size: 24px;
  font-weight: 300;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px;
  width: 20px;
  top: 0;
  right: 12px;
  bottom: 0;
  margin: auto;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:before {
  content: "";
  font-family: "FontAwesome";
  line-height: 36px;
  font-size: 32px;
  color: #999;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:before {
  content: "";
}

.select2-container--default .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single:focus,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple:focus {
  outline: none;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single .select2-selection__rendered,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple .select2-selection__rendered {
  color: #FF6600;
}

.select2-results__option {
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
  color: #666666;
  border: 1px solid #ebebeb;
  padding: 10px 30px;
}

.select2-results__option + .select2-results__option {
  border-top: 0;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #FF6600;
  color: #ffffff;
  border-color: #FF6600;
  font-weight: 300;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #ebebeb;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #FF6600;
}

.modal-content {
  border: 0;
  border-radius: 0;
}
.modal-content button.close {
  position: absolute;
  z-index: 1;
  top: 20px;
  right: 20px;
  float: none;
  opacity: 1;
  line-height: 56px;
  color: #333333;
  text-align: center;
  font-size: 30px;
  width: 50px;
  height: 50px;
  border: 1px solid #707070;
  background-color: #ffffff;
  border-radius: 50%;
  transition: all 400ms ease-out;
}
.modal-content button.close:hover {
  background-color: #707070;
  color: #ffffff;
}

.modal-lg, .modal-xl {
  max-width: 1024px;
}

.modal-md {
  max-width: 930px;
}

.modal-header {
  padding: 20px 23px;
  border-bottom-color: #f7f7f7;
}
.modal-header .close {
  padding: 0;
}
.modal-header .modal-title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  color: #333333;
}
.modal-header .modal-title .lazy {
  margin-right: 15px;
}

.modal-body.pd-0 {
  padding: 0;
}

.modal-footer {
  padding: 20px 23px;
  border-top-color: #CCCCCC;
}
.modal-footer .btn {
  min-width: 110px;
  height: 40px;
  line-height: 38px;
  font-size: 20px;
  font-weight: 500;
}

.modal-login .form-default .form-group {
  margin-bottom: 20px;
}
.modal-login .form-default .control-label {
  font-size: 20px;
  margin-bottom: 5px;
}
.modal-login .form-default .form-control {
  padding: 5px 15px;
  font-size: 20px;
  color: #333333;
  background-color: #EAE8E8;
  border: 1px solid #EAE8E8;
}
.modal-login .form-default .form-control:focus {
  border-color: #333333;
}
.modal-login .form-default :-ms-input-placeholder {
  color: #C6C6C6;
}
.modal-login .form-default ::-moz-placeholder {
  color: #C6C6C6;
}
.modal-login .form-default ::placeholder {
  color: #C6C6C6;
}
.modal-login .thumb-cover {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(../img/background/bg-login.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.modal-login .thumb-cover .lazy {
  width: 427px;
}
.modal-login .info-box {
  padding: 100px 80px;
  position: relative;
  background-color: #ffffff;
}
.modal-login .login-block,
.modal-login .forgot-block,
.modal-login .forgot2-block {
  height: 0;
  pointer-events: none;
  overflow: hidden;
}
.modal-login .login-block.show,
.modal-login .forgot-block.show,
.modal-login .forgot2-block.show {
  height: auto;
  pointer-events: visible;
  overflow: visible;
}
.modal-login .forgot-block.show,
.modal-login .forgot2-block.show {
  margin-bottom: 20px;
}
.modal-login .btn-back {
  position: absolute;
  bottom: 5px;
  left: 5px;
  color: #666666;
  background: transparent;
  box-shadow: none;
  border: none;
}
.modal-login .btn-back span {
  top: 3px;
  position: relative;
}
.modal-login .btn-back:hover {
  color: #FF6600;
}
.modal-login .nav-box {
  position: absolute;
  top: 100px;
  right: 80px;
}
.modal-login .nav-box .nav-list {
  width: 220px;
}
.modal-login .nav-box .nav-list li {
  width: 50%;
}
.modal-login .nav-box .nav-list li .link {
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: block;
  color: #333333;
  background-color: #EAE8E8;
  font-size: 16px;
}
.modal-login .nav-box .nav-list li .link img {
  transition: all 200ms ease-out;
  margin-right: 6px;
}
.modal-login .nav-box .nav-list li .link:hover {
  background-color: #d4d4d4;
}
.modal-login .nav-box .nav-list li .link.active {
  background-color: #FF6600;
  color: #ffffff;
}
.modal-login .nav-box .nav-list li .link.active img {
  filter: brightness(0) invert(1);
}
.modal-login .h-title {
  font-size: 30px;
  font-weight: normal;
  color: #333333;
  padding-top: 9px;
  padding-bottom: 15px;
  text-transform: uppercase;
}
.modal-login .form-button .btn {
  font-size: 20px;
  font-weight: normal;
  line-height: 38px;
  height: 40px;
}
.modal-login .form-forgot {
  padding-top: 10px;
}
.modal-login .form-forgot .link {
  font-size: 20px;
  color: #666666;
}
.modal-login .form-forgot .link:hover {
  color: #FF6600;
}
.modal-login .form-term {
  padding-top: 10px;
}
.modal-login .form-term .link {
  font-size: 20px;
  color: #FF6600;
}
.modal-login .form-term .link:hover {
  text-decoration: underline;
}
.modal-login .form-btn-social {
  padding-top: 26px;
}
.modal-login .form-btn-social .title {
  font-size: 20px;
  color: #333333;
}
.modal-login .form-btn-social .nav-list {
  padding-top: 6px;
  margin: 0 -10px;
}
.modal-login .form-btn-social .nav-list li {
  width: 50%;
  padding: 0 10px;
}
.modal-login .form-btn-social .nav-list li .btn {
  min-width: inherit;
  width: 100%;
  height: 40px;
  line-height: 38px;
  font-weight: normal;
  font-size: 20px;
}
.modal-login .form-btn-social .nav-list li .btn .fa {
  font-size: 24px;
  position: relative;
  top: 5px;
  margin-right: 5px;
}
.modal-login .form-btn-social .nav-list li .btn-facebook {
  border: 1px solid #1877F2;
  color: #1877F2;
  background-color: #ffffff;
}
.modal-login .form-btn-social .nav-list li .btn-facebook:hover {
  background-color: #1877F2;
  color: #ffffff;
}
.modal-login .form-btn-social .nav-list li .btn-google {
  border: 1px solid #333333;
  color: #333333;
  background-color: #ffffff;
}
.modal-login .form-btn-social .nav-list li .btn-google:hover {
  background-color: #333333;
  color: #ffffff;
}

/* pages */
.site-container {
  position: relative;
  margin-top: 200px;
  overflow: hidden;
}

@-webkit-keyframes hvr-arrow-LR {
  0% {
    right: 0;
  }
  50% {
    right: -5px;
  }
  100% {
    right: 0;
  }
}

@keyframes hvr-arrow-LR {
  0% {
    right: 0;
  }
  50% {
    right: -5px;
  }
  100% {
    right: 0;
  }
}
.-product-default .thumb {
  position: relative;
  transition: all 400ms ease-out;
}
.-product-default .thumb .tag {
  position: absolute;
  z-index: 1;
  top: 20px;
  left: 0px;
  padding: 12px 8px;
  background-color: #FF3A3A;
  color: #ffffff;
  font-size: 28px;
  font-weight: bold;
  line-height: 0.6;
  text-align: center;
}
.-product-default .thumb .tag small {
  display: block;
  font-size: 20px;
  font-weight: normal;
  line-height: 0.6;
  margin-top: 3px;
}
.-product-default .thumb .btn-favorite {
  position: absolute;
  z-index: 1;
  top: 20px;
  right: 20px;
  width: 35px;
  height: 35px;
  border: 1px solid #CCCCCC;
  background-color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 35px;
  color: #CCCCCC;
  border-radius: 50%;
}
.-product-default .thumb .btn-favorite .icon {
  font-family: "FontAwesome";
}
.-product-default .thumb .btn-favorite .icon:before {
  content: "";
}
.-product-default .thumb .btn-favorite:hover {
  border-color: #333333;
  color: #333333;
}
.-product-default .thumb .btn-favorite.active {
  color: #ffffff;
  background-color: #FF6600;
  border-color: #FF6600;
}
.-product-default .thumb .btn-favorite.active .icon:before {
  content: "";
}
.-product-default .thumb .btn-favorite.-review {
  color: #ffffff;
  background-color: #FF6600;
  border-color: #FF6600;
  pointer-events: none;
}
.-product-default .thumb .btn-favorite.-review .lazy {
  filter: brightness(0) invert(1);
  width: 16px;
  position: relative;
  top: -1px;
}
.-product-default .thumb .contain {
  position: relative;
  padding-bottom: 100%;
  transition-delay: 800ms;
  overflow: hidden;
  transition: all 400ms ease-out;
}
.-product-default .thumb .contain .lazy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 400ms ease-out;
}
.-product-default .thumb .link:hover .contain .lazy {
  transform: scale(1.1);
}
.-product-default .content {
  padding: 20px;
  background-color: #ffffff;
  position: relative;
}
.-product-default .content .txt {
  font-weight: normal;
  line-height: 1em;
  font-size: 24px;
  margin-bottom: 8px;
  color: #333333;
  height: 1em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.-product-default .content .txt:hover {
  color: #FF6600;
}
.-product-default .content .desc {
  color: #555555;
  font-size: 20px;
  font-weight: normal;
  line-height: 1em;
  height: 2em;
  margin-bottom: 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.-product-default .content .price {
  font-size: 40px;
  font-weight: bold;
  line-height: 1em;
  color: #FF6600;
}
.-product-default .content .price small {
  font-size: 20px;
  font-weight: normal;
  color: #333333;
}
.-product-default .content .btn-cart {
  position: absolute;
  z-index: 1;
  bottom: 20px;
  right: 20px;
  width: 35px;
  height: 35px;
  border: 1px solid #FF6600;
  background-color: #ffffff;
  text-align: center;
  line-height: 28px;
  border-radius: 50%;
}
.-product-default .content .btn-cart .lazy {
  transition: all 400ms ease-out;
  display: inline-block;
}
.-product-default .content .btn-cart:hover {
  background-color: #FF6600;
}
.-product-default .content .btn-cart:hover .lazy {
  filter: grayscale(1) brightness(0) invert(1);
}

.rating .star {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAABQCAYAAAAZQFV3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABOFJREFUeNrsmEFoHFUYx9/MdHfTJRKzUhBaFiL1YghZCFQUIV6UQJuLWCgr8eKpIoiFSqsHQYrmYj14KHqxKAl6MbA5eCgKRVAMBhpCwIJQCETRQzTsNtnO7s74+17fbGc3M7OzZhUsHfjzdvd97/++973vff99Y/m+rwb5WL0Idz60h2nckTc8Nw2hncLmAnhtIB7i3VGan8VD8Dhebh+U8FOaX8Bh4EB48R8TQlai+QnkgMTxD/AYpFt9EULk0EyBD8Dn4BPT9TZ4CrwD6Wos4V+XrUdpXzQk4tUEkAFXwNUu+1fAWWO7anADLDLJTkCYpf0K3DQe3Ui5oUI6B8ShlyBstZfMMiXoX4MV8GZKQgnJcXA6nKPtGJoE/gZ8Cy6mIJPwnIJsL3ZTIB2h+U6WANZjyE6Aj8Cz3WT7TooJ7HUwneDdc+BaFFnc0SuCzQTCTWOT+iwfN6cjWJ6clo9NzOS5Bcb6IZTZj5pU+syEYNV8XzA2Y6lOCptyhGbDeDFPnJa6TlGZ5rxJ/nxkSRPCACR5EUyHf4sCNjOgENVn/ecVe+CEy8vLWgJmZ2fd1IRra2vxSbe5eYlmu1gsXo6zmZycTKcpkEn6vC61kM+FQYiUeDdvauP5Ay0ZjyIlgKVv9bVkiBwQVJRX2YwWkKLxrhxB+qYSPaxUKrESANHVrh2PlQAzqSbskAA6UkkA5B0SICvRSzb5ddrMWu4jh8umSLwckLVjSKClWJ6SwsrM76fwLpCAM4x1I9OGjhrN8+AkAyYSyGTDnhEHjCPxeYhBagmIIvtXJOBQkgSY5Z01/76umAy4lbpiG5IqzQuG6Alz9LLmf+IP5hh+AfmxnoSQdUgAg5a6JuuQgMiSFi7fJHkR9JQAbGbA/SoBi4uLWgLK5XIqCdBpkyQBZne3sTm4BGxsbLQlgM+DkYBsNjucyWQKaSXATvCuZFnWHIQqlxMVUOeMx/0RMsgBWgIgcyBVgqwwIwH0JUvAwsJChwQwuOQ4jrJtO/CsfQBc11We56lWqyXfOySALNgJdlmuWzNSB/P5vBKyyJnxMjxBs9mc2tvbEye+DN1l7uYhuaZvAXg1LaQyOOkRL3d3d8XLishHOEd1DMfHx7UEYLjCrCop2aXP2Mht4QxjoyWADi0BxGddZm80GjpWYSL5TfpkYnHAOBK/yxhoCZAl1et1PbharWrUajX9m/SJBESRJUlAr6fvW0CvZyyxOIQPN4kbnv1mlwQERGPhMbHli/Q5Yv5lSdDnSYelrlLWIQGRJS1cvjk1RdBTArCZAferBPT7IkjvcuP7t3pKADaxEpB5+r10FXv3x3kKqqUlgM+DkQB76OFhKzdycAnAo5KynTlraFTZQ4/gqH3ursd9EjLIAVoC7KGCAxFWNqSjWgLoS5aAfS+C7EzJcrLKOjSkrNwoFu0ToPz6n8pv3dFQXjPyRdA9CbDsk/ZDx5SQxWiAsg4X7vE361NedQsn/P0SELwIgmzaHiZMtpMcKK+pWlUuVF6j0v0iSMcw/+QFLQF+y13xbv/GpF4CWUt5tV+FTEsAY6MlgA4tASxlnaUo362yLGLlh2Lo1iCjj4nFAeNI/H9sDHbYxesEfcK//XvSoq9Fkf0/JCDqDWfV3I+TJGCLne19CzAvgtoS8OBF0APC6OdvAQYAj2xzC/IfXBsAAAAASUVORK5CYII=");
  background-position: left -2px;
  display: block;
  width: 20px;
  height: 16px;
  line-height: 16px;
  float: left;
  cursor: pointer;
  zoom: 1;
}
.rating .fullStar {
  background-position: left -59px;
}
.rating .stars {
  overflow: hidden;
}
.rating .tmp_es {
  background-position: left -21px;
}
.rating .tmp_fs {
  background-position: left -40px;
}

.input-number-group .link {
  text-align: center;
  display: block;
}
.input-number-group .link .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.input-number-group input[type=number]:focus {
  outline: -webkit-focus-ring-color auto 0px;
}
.input-number-group input[type=number]::-webkit-inner-spin-button,
.input-number-group input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}
.input-number-group .input-number {
  padding: 0;
  width: auto;
  color: #fff;
  background-color: transparent;
  text-align: center;
  outline: none;
  vertical-align: middle;
  display: inline-block;
  margin: 0 2px;
}
.input-number-group .input-number {
  margin: 0 10px;
}
.input-number-group .input-number,
.input-number-group .input-number-decrement,
.input-number-group .input-number-increment {
  border-width: 1px;
  border-style: solid;
  border-color: #C6C6C6;
  border-radius: 0;
  text-align: center;
  background-color: #ffffff;
  font-size: 30px;
  font-weight: normal;
  color: #797979;
  line-height: 38px;
  width: 60px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input-number-group .input-number .feather,
.input-number-group .input-number-decrement .feather,
.input-number-group .input-number-increment .feather {
  line-height: 38px;
}
.input-number-group .input-number-decrement,
.input-number-group .input-number-increment {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  transition: All 200ms ease;
  width: auto;
  cursor: pointer;
  color: #797979;
  border-radius: 0;
  border: none;
}
.input-number-group .input-number-decrement:hover,
.input-number-group .input-number-increment:hover {
  color: #333333;
}

.default-header {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.default-header .height {
  height: 260px;
}
.default-header .txt {
  font-size: 56px;
  font-weight: normal;
  line-height: 1;
  color: #333333;
  margin: 0;
}

.top-graphic {
  position: relative;
}
.top-graphic .social-list {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 40px;
  bottom: 0;
  margin: auto;
  width: 20px;
  display: flex;
  align-items: center;
}
.top-graphic .social-list li {
  width: 100%;
}
.top-graphic .social-list li + li {
  margin-top: 20px;
}
.top-graphic .social-list .link {
  position: relative;
  top: 0;
  text-align: center;
}
.top-graphic .social-list .link .lazy {
  filter: brightness(100%) invert(1);
  max-width: 20px;
}
.top-graphic .social-list:hover .link {
  opacity: 0.5;
}
.top-graphic .social-list:hover .link:hover {
  opacity: 1;
  top: -3px;
}
.top-graphic .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.top-graphic .slick-dots {
  top: 50%;
  left: 40px;
  transform: translate(0, -50%);
  bottom: auto;
  width: auto;
}
.top-graphic .slick-dots li {
  margin: 20px 0;
  display: block;
  width: 100%;
}
.top-graphic .wrapper {
  position: relative;
}
.top-graphic .wrapper .content {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 190px;
  padding: 30px 0;
  background-color: rgba(255, 255, 255, 0.8);
}
.top-graphic .wrapper .content .txt {
  text-align: center;
  width: 720px;
  margin: 0 auto;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.2em;
  color: #333333;
  max-height: 2.4em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.top-graphic .wrapper .content .action {
  text-align: center;
  margin-bottom: -50px;
  padding-top: 10px;
}
.top-graphic .wrapper .cover {
  position: relative;
  padding-bottom: 800px;
}
.top-graphic .wrapper .cover .lazy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wg-menu {
  position: fixed;
  z-index: 9;
  right: -200px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: all 400ms ease-out;
}
.wg-menu.active {
  opacity: 1;
  pointer-events: visible;
  right: 40px;
  transition: all 400ms ease-out;
}
.wg-menu .item-list {
  width: 60px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.16);
}
.wg-menu .item-list li {
  width: 100%;
  height: 60px;
  position: relative;
}
.wg-menu .item-list .link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
}
.wg-menu .item-list .icon {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-left: 0;
  position: relative;
  z-index: 1;
  transition: all 400ms ease-out;
}
.wg-menu .item-list .icon .lazy {
  filter: grayscale(1) brightness(1);
  transition: all 400ms ease-out;
}
.wg-menu .item-list .txt {
  font-size: 20px;
  font-weight: bold;
  line-height: 58px;
  color: #FF6600;
  height: 60px;
  width: 0;
  opacity: 0;
  pointer-events: none;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-right: 0;
  position: absolute;
  z-index: 0;
  right: 0;
  transition: all 400ms ease-out;
}
.wg-menu .item-list .link:hover .icon {
  border-color: #FF6600;
}
.wg-menu .item-list .link:hover .icon .lazy {
  filter: grayscale(0) brightness(1);
}
.wg-menu .item-list .link:hover .txt {
  width: auto;
  opacity: 1;
  pointer-events: visible;
  border-color: #FF6600;
  padding: 0 15px;
  right: 60px;
}
.wg-menu .item-list .active .icon {
  background-color: #FF6600;
}
.wg-menu .item-list .active .icon .lazy {
  filter: grayscale(1) brightness(0) invert(1);
}
.wg-menu .item-list .active .link:hover .icon .lazy {
  filter: grayscale(1) brightness(0) invert(1);
}
.wg-menu .item-list .active .link:hover .txt {
  color: #ffffff;
  background-color: #FF6600;
}

.wg-highlight {
  position: relative;
  background-image: url(../img/background/bg-wg-highlight.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.wg-highlight .line-ojb {
  position: absolute;
  z-index: 1;
  top: -120px;
  left: 0;
  right: 0;
  margin: auto;
  width: 1px;
  height: 270px;
  background-color: #FF6600;
}
.wg-highlight .overflow-box {
  overflow: hidden;
  padding-top: 150px;
  padding-bottom: 250px;
}
.wg-highlight .whead {
  margin-bottom: 100px;
}

.wg-highlight-slider {
  margin: -25px -20px;
}
.wg-highlight-slider .item {
  padding: 25px 20px;
}
.wg-highlight-slider .slick-slide.slick-current .wrapper:before {
  opacity: 0;
}
.wg-highlight-slider .slick-slide.slick-current .thumb {
  margin-top: 0px;
}
.wg-highlight-slider .slick-slide.slick-current .thumb .contain {
  padding-bottom: 115.642%;
}
.wg-highlight-slider .slick-dots {
  bottom: -120px;
}
.wg-highlight-slider .slick-dots li:before {
  border-color: #FF6600;
}
.wg-highlight-slider .slick-dots li button {
  background: #FF6600;
}
.wg-highlight-slider .slick-dots li.slick-active button {
  background: #FF6600;
}
.wg-highlight-slider .wrapper {
  background-color: #ffffff;
  position: relative;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.16);
}
.wg-highlight-slider .wrapper:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  pointer-events: none;
  transition: all 400ms ease-out;
}
.wg-highlight-slider .wrapper:hover:before {
  opacity: 0;
}
.wg-highlight-slider .thumb {
  margin-top: 100px;
}
.wg-highlight-slider .thumb .contain {
  padding-bottom: 90%;
}
.wg-highlight-slider .content .txt {
  font-size: 30px;
  margin-bottom: 0;
}

.wg-bakeware {
  position: relative;
  background-image: url(../img/background/bg-wg-bakeware.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.wg-bakeware .line-ojb {
  position: absolute;
  z-index: 1;
  top: -110px;
  left: 50%;
  margin-left: -440px;
  width: 1px;
  height: 315px;
  background-color: #D9DB8A;
}
.wg-bakeware .overflow-box {
  overflow: hidden;
  padding: 135px 0;
}
.wg-bakeware .whead .desc {
  color: #D9DB8A;
}
.wg-bakeware .item-list {
  margin: -20px;
}
.wg-bakeware .item-list .item {
  padding: 20px;
  width: 25%;
}
.wg-bakeware .item-list .item.pin {
  width: 50%;
}
.wg-bakeware .wrapper {
  position: relative;
}
.wg-bakeware .thumb {
  position: relative;
}
.wg-bakeware .thumb .cover {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
}
.wg-bakeware .thumb .cover:before {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.15);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms ease-out;
}
.wg-bakeware .thumb .cover .lazy {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms ease-out;
}
.wg-bakeware .content {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.wg-bakeware .content .txt {
  font-family: "db_Narai_X";
  font-size: 46px;
  font-weight: normal;
  line-height: 0.9em;
  color: #ffffff;
  text-align: right;
}
.wg-bakeware .content .txt small {
  font-family: "Homemade Apple", cursive;
  display: block;
  font-size: 30px;
  font-weight: normal;
  line-height: 0.8;
}
.wg-bakeware .content .desc {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2em;
  margin-top: 25px;
  color: #ffffff;
  max-height: 2.4em;
  text-align: right;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wg-bakeware .content .action {
  margin-top: 25px;
  text-align: right;
  font-size: 48px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
}
.wg-bakeware .content .action .feather {
  font-weight: normal;
  margin-left: 5px;
  position: relative;
  top: 6px;
}
.wg-bakeware .pin .thumb .cover {
  margin-left: -330px;
}
.wg-bakeware .pin .content {
  align-items: center;
  justify-content: flex-start;
}
.wg-bakeware .pin .content .txt {
  font-size: 70px;
}
.wg-bakeware .pin .content .txt span {
  display: block;
  padding-right: 60px;
}
.wg-bakeware .link:hover .thumb .cover:before {
  background-color: rgba(0, 0, 0, 0.7);
}
.wg-bakeware .link:hover .thumb .cover .lazy {
  transform: scale(1.1);
}
.wg-bakeware .link:hover .content .action .feather {
  -webkit-animation-name: hvr-arrow-LR;
          animation-name: hvr-arrow-LR;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.wg-cooktools {
  position: relative;
  background-image: url(../img/background/bg-wg-cooktools.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.wg-cooktools .line-ojb {
  position: absolute;
  z-index: 1;
  top: -110px;
  right: 50%;
  margin-right: -440px;
  width: 1px;
  height: 315px;
  background-color: #FFB196;
}
.wg-cooktools .overflow-box {
  overflow: hidden;
  padding: 135px 0;
}
.wg-cooktools .whead .desc {
  color: #FFB196;
}
.wg-cooktools .item-list {
  margin: -20px;
}
.wg-cooktools .item-list .item {
  padding: 20px;
  width: 25%;
  float: right;
}
.wg-cooktools .item-list .item.pin {
  width: 50%;
}
.wg-cooktools .item-list .item.sub-pin {
  width: 50%;
}
.wg-cooktools .wrapper {
  position: relative;
}
.wg-cooktools .thumb {
  position: relative;
}
.wg-cooktools .thumb .cover {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
}
.wg-cooktools .thumb .cover:before {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.15);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms ease-out;
}
.wg-cooktools .thumb .cover .lazy {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms ease-out;
}
.wg-cooktools .content {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.wg-cooktools .content .txt {
  font-family: "db_Narai_X";
  font-size: 46px;
  font-weight: normal;
  line-height: 0.9em;
  color: #ffffff;
  text-align: right;
}
.wg-cooktools .content .txt small {
  font-family: "Homemade Apple", cursive;
  display: block;
  font-size: 30px;
  font-weight: normal;
  line-height: 0.8;
}
.wg-cooktools .content .desc {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2em;
  margin-top: 25px;
  color: #ffffff;
  max-height: 2.4em;
  text-align: right;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wg-cooktools .content .action {
  margin-top: 25px;
  text-align: right;
  font-size: 48px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
}
.wg-cooktools .content .action .feather {
  font-weight: normal;
  margin-left: 5px;
  position: relative;
  top: 6px;
}
.wg-cooktools .sub-pin .thumb .cover {
  padding-bottom: 46.7%;
}
.wg-cooktools .pin .thumb .cover {
  margin-right: -330px;
}
.wg-cooktools .pin .content {
  align-items: center;
  justify-content: flex-end;
}
.wg-cooktools .pin .content .txt {
  font-size: 70px;
  text-align: left;
}
.wg-cooktools .pin .content .txt small {
  padding-left: 160px;
}
.wg-cooktools .pin .content .desc {
  text-align: left;
}
.wg-cooktools .pin .content .action {
  text-align: left;
}
.wg-cooktools .link:hover .thumb .cover:before {
  background-color: rgba(0, 0, 0, 0.7);
}
.wg-cooktools .link:hover .thumb .cover .lazy {
  transform: scale(1.1);
}
.wg-cooktools .link:hover .content .action .feather {
  -webkit-animation-name: hvr-arrow-LR;
          animation-name: hvr-arrow-LR;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.wg-ingredients {
  position: relative;
  background-image: url(../img/background/bg-wg-ingredients.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.wg-ingredients .line-ojb {
  position: absolute;
  z-index: 1;
  top: -110px;
  left: 50%;
  margin-left: -440px;
  width: 1px;
  height: 280px;
  background-color: #649C94;
}
.wg-ingredients .overflow-box {
  overflow: hidden;
  padding: 135px 0;
}
.wg-ingredients .whead .desc {
  color: #649C94;
}
.wg-ingredients .item-list {
  margin: -20px;
}
.wg-ingredients .item-list .item {
  padding: 20px;
  width: 50%;
}
.wg-ingredients .item-list .item.pin {
  width: 50%;
}
.wg-ingredients .wrapper {
  position: relative;
}
.wg-ingredients .thumb {
  position: relative;
}
.wg-ingredients .thumb .cover {
  position: relative;
  padding-bottom: 46.7%;
  overflow: hidden;
}
.wg-ingredients .thumb .cover:before {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.15);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms ease-out;
}
.wg-ingredients .thumb .cover .lazy {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms ease-out;
}
.wg-ingredients .content {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.wg-ingredients .content .txt {
  font-family: "db_Narai_X";
  font-size: 46px;
  font-weight: normal;
  line-height: 0.9em;
  color: #ffffff;
  text-align: right;
}
.wg-ingredients .content .txt small {
  font-family: "Homemade Apple", cursive;
  display: block;
  font-size: 30px;
  font-weight: normal;
  line-height: 0.8;
}
.wg-ingredients .content .desc {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2em;
  margin-top: 25px;
  color: #ffffff;
  max-height: 2.4em;
  text-align: right;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wg-ingredients .content .action {
  margin-top: 25px;
  text-align: right;
  font-size: 48px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
}
.wg-ingredients .content .action .feather {
  font-weight: normal;
  margin-left: 5px;
  position: relative;
  top: 6px;
}
.wg-ingredients .pin .thumb .cover {
  margin-left: -330px;
  padding-bottom: 100%;
}
.wg-ingredients .pin .content {
  align-items: flex-start;
  justify-content: flex-end;
  padding: 60px;
  padding-left: 0;
}
.wg-ingredients .pin .content .txt {
  font-size: 70px;
  text-align: left;
}
.wg-ingredients .pin .content .txt small {
  text-align: right;
}
.wg-ingredients .pin .content .desc {
  text-align: left;
}
.wg-ingredients .pin .content .action {
  text-align: left;
}
.wg-ingredients .link:hover .thumb .cover:before {
  background-color: rgba(0, 0, 0, 0.7);
}
.wg-ingredients .link:hover .thumb .cover .lazy {
  transform: scale(1.1);
}
.wg-ingredients .link:hover .content .action .feather {
  -webkit-animation-name: hvr-arrow-LR;
          animation-name: hvr-arrow-LR;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.wg-electrics-outdoor {
  position: relative;
}
.wg-electrics-outdoor .whead .title {
  color: #ffffff;
}
.wg-electrics-outdoor .whead .desc {
  color: #ffffff;
}
.wg-electrics-outdoor .thumb {
  position: relative;
}
.wg-electrics-outdoor .thumb .cover {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
}
.wg-electrics-outdoor .thumb .cover:before {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: #333333;
  opacity: 0.7;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms ease-out;
}
.wg-electrics-outdoor .thumb .cover .lazy {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms ease-out;
}
.wg-electrics-outdoor .content {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 120px 50px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.wg-electrics-outdoor .content .inner {
  width: 550px;
  margin: 0 auto;
}
.wg-electrics-outdoor .content .txt {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2em;
  margin-top: 25px;
  color: #ffffff;
  max-height: 2.4em;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wg-electrics-outdoor .content .action {
  margin-top: 25px;
  text-align: center;
  font-size: 48px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
}
.wg-electrics-outdoor .content .action .feather {
  font-weight: normal;
  margin-left: 5px;
  position: relative;
  top: 6px;
}
.wg-electrics-outdoor .link:hover .thumb .cover:before {
  opacity: 0.9;
}
.wg-electrics-outdoor .link:hover .thumb .cover .lazy {
  transform: scale(1.1);
}
.wg-electrics-outdoor .link:hover .content .action .feather {
  -webkit-animation-name: hvr-arrow-LR;
          animation-name: hvr-arrow-LR;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.wg-promotion {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.wg-promotion .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.wg-promotion .whead {
  margin-bottom: 35px;
}
.wg-promotion .whead .title,
.wg-promotion .whead .desc {
  color: #ffffff;
}
.wg-promotion .txt {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2em;
  margin-top: 25px;
  color: #ffffff;
  max-height: 2.4em;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wg-promotion .content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 430px;
}
.wg-promotion .content:before {
  content: "";
  position: absolute;
  z-index: 0;
  background-color: #000000;
  opacity: 0.3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wg-promotion .content .inner {
  position: relative;
  z-index: 1;
  width: 585px;
  margin: 0 auto;
}

.wg-promotion-menu {
  padding-top: 30px;
  padding-bottom: 80px;
}
.wg-promotion-menu .nav-list li a.link {
  display: inline-block;
  vertical-align: middle;
}
.wg-promotion-menu .nav-tabs {
  border-bottom: 0;
}
.wg-promotion-menu .nav-tabs .nav-item.show .nav-link,
.wg-promotion-menu .nav-tabs .nav-link.active {
  color: #FF6600;
  border-color: transparent;
}
.wg-promotion-menu .nav-item {
  width: calc(100%/10);
  text-align: center;
}
.wg-promotion-menu .nav-link {
  position: relative;
  text-transform: uppercase;
  border: 0;
  border-radius: 0;
  padding: 0;
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
  color: #333333;
  display: block;
}
.wg-promotion-menu .nav-link:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  width: 0;
  background-color: #FF6600;
  height: 1px;
  transition: All 400ms ease;
  opacity: 0;
}
.wg-promotion-menu .nav-link:hover:before {
  opacity: 1;
  width: 100%;
}
.wg-promotion-menu .nav-link.active:before {
  opacity: 1;
  width: 100%;
}
.wg-promotion-menu .tab-content {
  padding-top: 70px;
}

.wg-promotion-slider {
  margin: 0 -20px;
}
.wg-promotion-slider .item {
  padding: 0 20px;
}
.wg-promotion-slider .slick-dots {
  bottom: 0;
  position: relative;
  margin-top: 45px;
}
.wg-promotion-slider .slick-dots li:before {
  border-color: #FF6600;
}
.wg-promotion-slider .slick-dots li button {
  background: #FF6600;
}
.wg-promotion-slider .slick-dots li.slick-active button {
  background: #FF6600;
}
.wg-promotion-slider .wrapper {
  background-color: #ffffff;
  position: relative;
  border: 1px solid #F4F4F4;
}
.wg-promotion-slider .wrapper:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: all 400ms ease-out;
}
.wg-promotion-slider .content {
  border-top: 1px solid #F4F4F4;
}
.wg-promotion-slider .slick-list:hover .wrapper:before {
  opacity: 1;
}
.wg-promotion-slider .slick-list:hover .wrapper:hover:before {
  opacity: 0;
}

.wg-event {
  position: relative;
  padding-top: 80px;
  padding-bottom: 120px;
  background-image: url(../img/background/bg-wg-event.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.wg-event .whead .desc {
  padding-left: 500px;
}
.wg-event .item-list {
  margin: 0 -20px;
}
.wg-event .item-list li {
  width: calc(100%/2);
  padding: 0 20px;
}
.wg-event .link {
  border: 1px solid #F4F4F4;
}
.wg-event .thumb {
  position: relative;
}
.wg-event .thumb .cover {
  position: relative;
  padding-bottom: 60%;
  overflow: hidden;
}
.wg-event .thumb .cover:before {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.15);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms ease-out;
}
.wg-event .thumb .cover .lazy {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms ease-out;
}
.wg-event .content {
  background-color: #ffffff;
  padding: 20px;
  padding-bottom: 35px;
}
.wg-event .content .title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2em;
  color: #333333;
  height: 1.2em;
  margin-bottom: 5px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: all 400ms ease-out;
}
.wg-event .content .desc {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2em;
  color: #555555;
  max-height: 2.4em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wg-event .link:hover .thumb .cover:before {
  background-color: rgba(0, 0, 0, 0);
}
.wg-event .link:hover .thumb .cover .lazy {
  transform: scale(1.1);
}
.wg-event .link:hover .content .title {
  color: #FF6600;
}
.wg-event .action {
  text-align: center;
  padding-top: 40px;
}

.wg-academy {
  position: relative;
  padding: 120px 0;
  background-image: url(../img/background/bg-wg-academy.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.wg-academy .whead {
  margin-bottom: 10px;
}
.wg-academy .whead .title {
  text-align: left;
}
.wg-academy .whead .desc {
  text-align: left;
  padding-left: 210px;
}
.wg-academy .txt {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2em;
  color: #555555;
  max-height: 2.4em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wg-academy .action {
  padding-top: 30px;
}
.wg-academy .content {
  width: 585px;
}
.wg-academy .thumb {
  width: 540px;
  margin-top: -240px;
  margin-bottom: -120px;
}

.wg-purchasing-process {
  position: relative;
  padding: 80px 0 60px 0;
  background-color: #F4F4F4;
}
.wg-purchasing-process .slider {
  margin: 0 -20px;
}
.wg-purchasing-process .item {
  padding: 0 20px;
}
.wg-purchasing-process .thumb {
  margin-bottom: 20px;
  height: 75px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.wg-purchasing-process .thumb .lazy {
  max-height: 75px;
  max-width: 110px;
}
.wg-purchasing-process .title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  color: #333333;
  height: 1em;
  margin-bottom: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wg-purchasing-process .desc {
  font-size: 20px;
  font-weight: normal;
  line-height: 1em;
  color: #555555;
  height: 3em;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.wg-banner {
  position: relative;
  padding: 60px 0;
  background-color: #ffffff;
}
.wg-banner .slider {
  margin: 0 -20px;
}
.wg-banner .item {
  padding: 0 20px;
}
.wg-banner .slick-dots {
  bottom: -15px;
}
.wg-banner .thumb {
  position: relative;
}
.wg-banner .thumb .contain {
  position: relative;
  padding-bottom: 80%;
  overflow: hidden;
  max-width: 200px;
  margin: 0 auto;
}
.wg-banner .thumb .contain .lazy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms ease-out;
}
.wg-banner .link:hover .thumb .contain .lazy {
  transform: scale(0.9);
}

.product-page {
  position: relative;
  padding-bottom: 40px;
  background-image: url(../img/background/bg-product-page.png);
  background-color: #ffffff;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-box .L-box {
  position: relative;
}
.product-box .filter {
  width: 290px;
}
.product-box .filter .h-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  color: #333333;
  margin: 0;
}
.product-box .h-filter {
  padding: 15px 20px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  background-color: #333333;
  position: relative;
}
.product-box .h-filter .btn-filter {
  position: absolute;
  color: #ffffff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  transition: all 400ms ease-out;
}
.product-box .h-filter .btn-filter:after {
  content: "";
  font-family: "FontAwesome";
  font-weight: normal;
  font-size: 12px;
  top: 0;
  right: 25px;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  position: absolute;
  transition: all 400ms ease-out;
}
.product-box .h-filter .btn-filter.active:after {
  content: "";
}
.product-box .menu-filter {
  border: 1px solid #F4F4F4;
  position: relative;
  background-color: #fff;
  transition: all 400ms ease-out;
}
.product-box .type-box {
  padding: 25px 20px;
  transition: all 400ms ease-out;
}
.product-box .type-box a.checkbox-control {
  display: inline-block;
}
.product-box .type-box a.checkbox-control:hover .txt {
  color: #FF6600;
}
.product-box .type-box + .category-box {
  border-top: 1px solid #F4F4F4;
}
.product-box .category-box {
  padding: 25px 20px;
  transition: all 400ms ease-out;
}
.product-box .country-box {
  padding: 25px 20px;
  border-top: 1px solid #F4F4F4;
  transition: all 400ms ease-out;
}
.product-box .country-box .checkbox-control {
  display: block;
}
.product-box .country-box .flag {
  margin: -10px 5px -10px 0;
  display: inline-block;
}
.product-box .country-box .flag .lazy {
  width: 35px;
  height: 35px;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
}
.product-box .country-box .filter-menu {
  padding-top: 20px;
  padding-bottom: 35px;
}
.product-box .country-box .filter-menu .item-list li + li {
  margin-top: 25px;
}
.product-box .country-box .filter-menu .item-list a.checkbox-control {
  display: inline-block;
}
.product-box .country-box .filter-menu .item-list a.checkbox-control:hover .txt {
  color: #FF6600;
}
.product-box .link.-more {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  color: #FF6600;
  border-bottom: 1px solid #FF6600;
}
.product-box .filter-menu {
  position: relative;
  padding-top: 10px;
  padding-bottom: 15px;
}
.product-box .filter-menu .item-list li {
  width: 100%;
}
.product-box .filter-menu .item-list li + li {
  margin-top: 15px;
}
.product-box .filter-menu .nav-list > li {
  position: relative;
  float: none;
}
.product-box .filter-menu .nav-list > li > a {
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
  display: block;
  background-color: transparent;
  color: #333333;
  position: relative;
  padding-left: 25px;
}
.product-box .filter-menu .nav-list > li > a:hover {
  color: #FF6600;
}
.product-box .filter-menu .nav-list > li > a > .icon {
  width: 15px;
  height: 15px;
  border: 1px solid #CCCCCC;
  position: absolute;
  left: 0;
  top: 0;
}
.product-box .filter-menu .nav-list > li > a > .icon:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 15px;
  font-family: "FontAwesome";
  font-size: 12px;
  color: #FF6600;
  left: 1px;
  top: 1px;
}
.product-box .filter-menu .nav-list > li > a > .color {
  color: #FF6600;
  opacity: 0;
  pointer-events: none;
  transition: all 400ms ease-out;
}
.product-box .filter-menu .nav-list > li > a:before {
  content: "";
  font-family: "FontAwesome";
  font-size: 10px;
  position: absolute;
  z-index: 1;
  top: 4px;
  right: 0;
  font-weight: normal;
  color: #333333;
  transform: rotate(90deg);
  transition: all 400ms ease-out;
}
.product-box .filter-menu .nav-list > li a.collapsed > .icon:before {
  content: "";
}
.product-box .filter-menu .nav-list > li a.collapsed > .color {
  opacity: 1;
  pointer-events: visible;
}
.product-box .filter-menu .nav-list > li a.collapsed:before {
  transform: rotate(0deg);
}
.product-box .filter-menu .nav-list li + li {
  margin-top: 15px;
}
.product-box .filter-menu .nav-sub {
  padding: 0 0 0 25px;
  margin: 10px 0 0 0;
  list-style: none;
}
.product-box .filter-menu .nav-sub:after {
  content: "";
  display: table;
  clear: both;
}
.product-box .filter-menu .nav-sub > li {
  position: relative;
  float: left;
  width: 100%;
}
.product-box .filter-menu .nav-sub > li > a.checkbox-control {
  display: inline-block;
}
.product-box .price-box {
  border-top: 1px solid #F4F4F4;
  padding: 25px 20px;
}
.product-box .price-box .filter-box {
  padding-top: 10px;
}
.product-box .price-box .filter-box .input-number {
  margin: 0;
  border: 1px solid #CCCCCC;
  background-color: #fff;
  border-radius: 0;
  text-align: left;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  font-size: 20px;
  color: #707070;
  font-weight: normal;
  line-height: 28px;
}
.product-box .price-box .filter-box .input-number > div {
  padding: 0;
}
.product-box .price-box .filter-box .minus {
  width: 50px;
}
.product-box .price-box .filter-box .minus span {
  width: 25px;
  height: 1px;
  background-color: #ccc;
  margin: 0 auto;
  display: block;
}
.product-box .price-box :-ms-input-placeholder {
  color: #CCCCCC;
}
.product-box .price-box ::-moz-placeholder {
  color: #CCCCCC;
}
.product-box .price-box ::placeholder {
  color: #CCCCCC;
}
.product-box .btn-banner {
  display: block;
  margin-top: 40px;
}
.product-box .btn-banner .cover {
  position: relative;
  padding-bottom: 137.932%;
  overflow: hidden;
}
.product-box .btn-banner .cover .lazy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms ease-out;
}
.product-box .btn-banner:hover .cover .lazy {
  transform: scale(1.1);
}
.product-box .R-box {
  position: relative;
}
.product-box .product-cover {
  position: relative;
  margin-bottom: 70px;
}
.product-box .product-cover .cover {
  position: relative;
  padding-bottom: 205px;
}
.product-box .product-cover .cover .lazy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.product-box .product-cover .whead {
  position: absolute;
  right: 20px;
  bottom: 20px;
  margin-bottom: 0;
}
.product-box .product-cover .whead .title {
  font-size: 70px;
  font-weight: normal;
  color: #ffffff;
  text-align: right;
  padding-right: 60px;
}
.product-box .product-cover .whead .desc {
  font-size: 30px;
  color: #ffffff;
  text-align: right;
  padding-left: 0;
}
.product-box .product-list .item-list {
  margin: -20px;
}
.product-box .product-list .item {
  padding: 20px;
  width: calc(100%/3);
}
.product-box .product-list .wrapper {
  background-color: #ffffff;
  position: relative;
  border: 1px solid #F4F4F4;
  transition: all 400ms ease-out;
}
.product-box .product-list .wrapper:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: all 400ms ease-out;
}
.product-box .product-list .item-list:hover .wrapper:before {
  opacity: 1;
}
.product-box .product-list .item-list:hover .wrapper:hover {
  border-color: #333333;
}
.product-box .product-list .item-list:hover .wrapper:hover:before {
  opacity: 0;
}

.product-detail {
  padding: 40px 0;
}
.product-detail .product-slider {
  position: relative;
}
.product-detail .product-slider:after {
  content: "";
  display: table;
  clear: both;
}
.product-detail .product-slider .slick-active {
  display: block;
}
.product-detail .product-slider .slider-for {
  width: 518px;
  border: 1px solid #EBEBEB;
  background-color: #ffffff;
  float: right;
}
.product-detail .product-slider .slider-for .item figure {
  position: relative;
  overflow: hidden;
  padding-bottom: 493px;
}
.product-detail .product-slider .slider-for .item figure .lazy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.product-detail .product-slider .slider-nav {
  float: left;
  width: 67px;
  margin: -10px 0;
}
.product-detail .product-slider .slider-nav .slick-slide {
  padding: 10px 0;
}
.product-detail .product-slider .slider-nav .item {
  border-width: 1px;
  border-style: solid;
  border-color: #EBEBEB;
  transition: all 400ms ease-out;
}
.product-detail .product-slider .slider-nav .item figure img {
  width: 67px;
  height: 62px;
}
.product-detail .product-slider .slider-nav .item:hover {
  border-color: #333333;
}
.product-detail .product-slider .slider-nav .slick-current .item {
  border-color: #333333;
}
.product-detail .product-data .tag-list .item-list {
  margin: 0 -10px;
}
.product-detail .product-data .tag-list .item-list li {
  padding: 0 10px;
  margin-bottom: 20px;
}
.product-detail .product-data .tag-list .link {
  font-size: 30px;
  font-weight: normal;
  line-height: 1;
  color: #D2D568;
}
.product-detail .product-data .tag-list .link:hover {
  color: #333333;
}
.product-detail .product-data .title {
  font-size: 36px;
  font-weight: normal;
  line-height: 1;
  color: #333333;
  margin-bottom: 20px;
}
.product-detail .product-data .price-box {
  margin-bottom: 20px;
}
.product-detail .product-data .price-box .sale {
  position: relative;
  color: #797979;
  font-weight: 100;
  font-size: 35px;
}
.product-detail .product-data .price-box .sale:before {
  content: "";
  height: 1px;
  background-color: #797979;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  right: 20px;
}
.product-detail .product-data .price-box .price {
  font-size: 64px;
  font-weight: bold;
  line-height: 0.1;
  color: #FF6600;
}
.product-detail .product-data .price-box .off {
  font-size: 36px;
  font-weight: normal;
  line-height: 1;
  color: #FF6600;
  padding: 0px 5px;
  border: 1px solid #FF6600;
  margin-left: 10px;
  position: relative;
  top: -7px;
  display: none;
}
.product-detail .product-data .shipping-cost {
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: normal;
  line-height: 1;
  color: #9B9B9B;
}
.product-detail .product-data .shipping-cost span {
  color: #333333;
}
.product-detail .product-data .select-color {
  border-top: 1px solid #EAE8E8;
  padding-top: 20px;
}
.product-detail .product-data .select-color .txt {
  font-size: 26px;
  font-weight: normal;
  line-height: 1;
  color: #4B4B4B;
}
.product-detail .product-data .select-color .item-list {
  padding: 15px 0 20px 0;
  margin: -10px;
}
.product-detail .product-data .select-color .item-list li {
  padding: 10px;
}
.product-detail .product-data .select-color .radio-control {
  min-height: inherit;
  display: block;
}
.product-detail .product-data .select-color .radio-control .icon {
  width: 60px;
  height: 40px;
  position: relative;
  text-align: center;
  line-height: 40px;
  display: block;
  top: 0;
  border: none;
  border-radius: 0px;
}
.product-detail .product-data .select-color .radio-control .icon:before {
  transition: all 400ms ease-out;
}
.product-detail .product-data .select-color .radio-control .title {
  font-size: 20px;
  font-weight: normal;
}
.product-detail .product-data .select-color .radio-control input[type=radio]:checked ~ .icon:before {
  z-index: -1;
  width: auto;
  height: auto;
  left: -4px;
  top: -4px;
  right: -4px;
  bottom: -4px;
  background-color: #ffffff;
  border-radius: 0px;
  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.7);
}
.product-detail .product-data .input-number-group {
  border-top: 1px solid #EAE8E8;
  padding: 30px 0;
}
.product-detail .product-data .input-number-group .row-table {
  width: 110px;
}
.product-detail .product-data .action {
  padding-bottom: 20px;
}
.product-detail .product-data .action .item-list {
  margin: 0 -10px;
}
.product-detail .product-data .action .item-list li {
  width: 50%;
  padding: 0 10px;
}
.product-detail .product-data .action .btn {
  min-width: inherit;
  width: 100%;
  height: 50px;
  line-height: 48px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: normal;
}
.product-detail .product-data .action .btn .lazy {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -2px;
  filter: grayscale(1) brightness(0) invert(1);
  display: none;
  transition: all 400ms ease-out;
}
.product-detail .product-data .action .btn.-add {
  background-color: #555555;
  border-color: #555555;
  color: #ffffff;
}
.product-detail .product-data .action .btn.-add:hover {
  color: #555555;
  background-color: #ffffff;
}
.product-detail .product-data .action .btn.-add:hover .lazy {
  filter: grayscale(1) brightness(0) invert(0);
}
.product-detail .product-data .action .btn.-shop {
  background-color: #FF6600;
  border-color: #FF6600;
  color: #ffffff;
}
.product-detail .product-data .action .btn.-shop:hover {
  color: #FF6600;
  background-color: #ffffff;
}
.product-detail .product-data .action .btn.-shop:hover .lazy {
  filter: grayscale(0) brightness(1) invert(0);
}
.product-detail .product-data .share-box {
  border-top: 1px solid #EAE8E8;
  padding: 20px 0;
}
.product-detail .product-data .share-box .social-list {
  display: flex;
  align-items: center;
  width: 200px;
}
.product-detail .product-data .share-box .social-list .txt {
  font-size: 26px;
  font-weight: normal;
  line-height: 1;
  color: #797979;
  margin-right: 30px;
}
.product-detail .product-data .share-box .social-list .item-list li .link {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  color: #4B4B4B;
}
.product-detail .product-data .share-box .social-list .item-list li .link .socicon-line {
  top: 0px;
}
.product-detail .product-data .share-box .social-list .item-list li .link:hover {
  color: #FF6600;
}
.product-detail .product-data .share-box .social-list .item-list li + li {
  margin-left: 20px;
}
.product-detail .product-data .share-box .btn.-dealer {
  min-width: inherit;
  width: 100%;
  height: 50px;
  line-height: 48px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: normal;
  color: #333333;
  border-color: #333333;
  background-color: #ffffff;
}
.product-detail .product-data .share-box .btn.-dealer .feather {
  position: relative;
  top: 3px;
  margin-right: 6px;
  display: none;
}
.product-detail .product-data .share-box .btn.-dealer:hover {
  color: #ffffff;
  background-color: #333333;
}

.product-info {
  padding-top: 60px;
}
.product-info .h-title {
  color: #333333;
  font-size: 36px;
  font-weight: normal;
  line-height: 1;
  padding-bottom: 25px;
  border-bottom: 1px solid #EAE8E8;
}
.product-info .product-content + .product-review {
  margin-top: 25px;
}

.product-content .editor-content {
  padding: 28px 0;
  border-bottom: 1px solid #EAE8E8;
}
.product-content .video-box {
  padding: 80px 130px;
  border-bottom: 1px solid #EAE8E8;
}
.product-content .download-box {
  padding: 40px 0;
  border-bottom: 1px solid #EAE8E8;
}
.product-content .download-box .slick-dots {
  position: relative;
  bottom: 0;
  margin-top: 10px;
}
.product-content .download-box .slick-dots li:before {
  border-color: #CCCCCC;
}
.product-content .download-box .slick-dots li button {
  background: #CCCCCC;
}
.product-content .download-box .slick-dots li.slick-active button {
  background: #333333;
}
.product-content .download-box .slick {
  margin: 0 -20px;
}
.product-content .download-box .item {
  padding: 0 20px;
}
.product-content .download-box .wrapper {
  border: 1px solid #CCCCCC;
  overflow: hidden;
  background-color: #ffffff;
  padding: 0 30px;
}
.product-content .download-box .height {
  height: 120px;
}
.product-content .download-box .icon-load {
  width: 49px;
}
.product-content .download-box .content {
  padding: 0 15px;
}
.product-content .download-box .content img {
  display: inline-block;
  vertical-align: middle;
}
.product-content .download-box .content .title {
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 5px;
  max-height: 1em;
  line-height: 1em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.product-content .download-box .content .desc {
  font-size: 20px;
  line-height: 1;
  font-weight: normal;
  color: #555555;
}
.product-content .download-box .content .desc .color {
  color: #FF6600;
}
.product-content .download-box .content .desc .item-list {
  margin: 0 -5px;
}
.product-content .download-box .content .desc .item-list li {
  padding: 0 5px;
}
.product-content .download-box .content .desc .item-list li + li {
  border-left: 1px solid #CCCCCC;
}
.product-content .download-box .content .desc .update {
  color: #9B9B9B;
  font-size: 20px;
  line-height: 1;
  font-weight: normal;
  margin-top: 5px;
}
.product-content .download-box .action .btn {
  min-width: 120px;
  font-size: 24px;
  font-weight: normal;
  border: 1px solid #CCCCCC;
  color: #FF6600;
}
.product-content .download-box .action .btn:before {
  background-color: #FF6600;
}
.product-content .download-box .link:hover .btn {
  color: #ffffff;
  background-color: transparent;
  border-color: #FF6600;
}
.product-content .download-box .link:hover .btn:before {
  transform: scaleX(1);
}
.product-content .end-box {
  padding-top: 40px;
  text-align: right;
}
.product-content .end-box .btn {
  min-width: 180px;
}

.product-review .item-list li {
  padding: 30px 20px;
  border-bottom: 1px solid #EAE8E8;
}
.product-review .wrapper {
  position: relative;
}
.product-review .wrapper .thumb {
  width: 85px;
  margin-right: 20px;
}
.product-review .wrapper .thumb .cover img {
  width: 85px;
  height: 85px;
  overflow: hidden;
  border-radius: 50%;
}
.product-review .wrapper .content {
  position: relative;
}
.product-review .wrapper .content .rating {
  margin-bottom: 8px;
}
.product-review .wrapper .content .title {
  margin-bottom: 10px;
  font-size: 25px;
  font-weight: normal;
  line-height: 1;
  color: #333333;
}
.product-review .wrapper .content .txt-product {
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: normal;
  line-height: 1;
  color: #797979;
}
.product-review .wrapper .content .desc {
  font-size: 25px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  margin-bottom: 20px;
}
.product-review .wrapper .content .list-gallery .item-list {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 20px;
}
.product-review .wrapper .content .list-gallery .item-list .item {
  padding: 0 10px;
  margin-bottom: 20px;
  border: none;
}
.product-review .wrapper .content .list-gallery .item-list .cover img {
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.product-review .wrapper .content .list-gallery .item-list .link {
  display: block;
  border: 1px solid #F4F4F4;
}
.product-review .wrapper .content .list-gallery .item-list .link:hover {
  border-color: #FF6600;
}
.product-review .wrapper .content .date {
  font-size: 25px;
  font-weight: normal;
  line-height: 1;
  color: #797979;
}
.product-review .wrapper .content + .comment {
  margin-top: 10px;
}
.product-review .wrapper .comment {
  padding: 30px 20px;
  background-color: #fdfdfd;
}
.product-review .wrapper .comment + .comment {
  margin-top: 2px;
}

.related-products {
  padding: 60px 0;
  background-color: #F4F4F4;
}
.related-products .h-title {
  font-size: 48px;
  font-weight: bold;
  line-height: 1;
  color: #333333;
  margin-bottom: 45px;
}
.related-products .slick-dotted.slick-slider {
  margin-bottom: 0;
}

.related-products-slider {
  margin: 0 -20px;
}
.related-products-slider .item {
  padding: 0 20px;
}
.related-products-slider .slick-prev, .related-products-slider .slick-next {
  color: #9B9B9B;
}
.related-products-slider .slick-prev:hover, .related-products-slider .slick-next:hover {
  color: #FF6600;
}
.related-products-slider .slick-dots {
  bottom: 0;
  position: relative;
  margin-top: 45px;
}
.related-products-slider .slick-dots li:before {
  border-color: #FF6600;
}
.related-products-slider .slick-dots li button {
  background: #FF6600;
}
.related-products-slider .slick-dots li.slick-active button {
  background: #FF6600;
}
.related-products-slider .wrapper {
  background-color: #ffffff;
  position: relative;
}
.related-products-slider .wrapper:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: all 400ms ease-out;
}
.related-products-slider .slick-list:hover .wrapper:before {
  opacity: 1;
}
.related-products-slider .slick-list:hover .wrapper:hover:before {
  opacity: 0;
}

.contact-info {
  padding-bottom: 70px;
}
.contact-info .contact-data {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.contact-info .contact-data .inner {
  width: 512px;
  padding: 75px 40px;
}
.contact-info .contact-data .nav-tabs {
  border-bottom: 0;
  padding-top: 20px;
}
.contact-info .contact-data .nav-tabs .nav-item {
  margin: 0;
  width: 50%;
}
.contact-info .contact-data .nav-tabs .nav-link {
  display: block;
  border: 0;
  position: relative;
  color: #ffffff;
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
  padding: 0;
  text-align: center;
  border-radius: 0;
}
.contact-info .contact-data .nav-tabs .nav-link:hover {
  color: #FF6600;
}
.contact-info .contact-data .nav-tabs .nav-link:before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #FF6600;
  opacity: 0;
  transition: all 200ms ease-out;
}
.contact-info .contact-data .nav-tabs .nav-item.show .nav-link, .contact-info .contact-data .nav-tabs .nav-link.active {
  background-color: transparent;
  color: #FF6600;
}
.contact-info .contact-data .nav-tabs .nav-item.show .nav-link:before, .contact-info .contact-data .nav-tabs .nav-link.active:before {
  opacity: 1;
}
.contact-info .contact-data .tab-content > .tab-pane {
  padding-top: 45px;
}
.contact-info .contact-data .h-title {
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  padding-bottom: 25px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ffffff;
}
.contact-info .contact-data .icon {
  position: absolute;
  top: 2px;
  left: 0;
  max-width: 21px;
  max-height: 21px;
}
.contact-info .contact-data .address,
.contact-info .contact-data .fax,
.contact-info .contact-data .mail,
.contact-info .contact-data .tel {
  margin-top: 20px;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2em;
  color: #ffffff;
  padding-left: 30px;
  position: relative;
}
.contact-info .contact-data .address .link,
.contact-info .contact-data .fax .link,
.contact-info .contact-data .mail .link,
.contact-info .contact-data .tel .link {
  color: #ffffff;
  position: relative;
}
.contact-info .contact-data .address .link:before,
.contact-info .contact-data .fax .link:before,
.contact-info .contact-data .mail .link:before,
.contact-info .contact-data .tel .link:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 1px;
  background-color: #ffffff;
  transition: All 400ms ease;
  opacity: 0;
  width: 0;
}
.contact-info .contact-data .address .link:hover:before,
.contact-info .contact-data .fax .link:hover:before,
.contact-info .contact-data .mail .link:hover:before,
.contact-info .contact-data .tel .link:hover:before {
  opacity: 1;
  width: 100%;
}
.contact-info .contact-data .social-list {
  margin-top: 20px;
}
.contact-info .contact-data .social-list li + li {
  margin-left: 15px;
}
.contact-info .contact-data .social-list .link {
  position: relative;
  top: 0;
}
.contact-info .contact-data .social-list .txt {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2em;
  color: #ffffff;
  margin-bottom: 10px;
}
.contact-info .contact-data .social-list:hover .link {
  opacity: 0.5;
}
.contact-info .contact-data .social-list:hover .link:hover {
  opacity: 1;
  top: -3px;
}
.contact-info .contact-form {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #CCCCCC;
}
.contact-info .contact-form .inner {
  padding: 40px;
}
.contact-info .contact-form .h-title {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.2em;
  color: #333333;
  margin-bottom: 24px;
}
.contact-info .form-default {
  display: none;
}
.contact-info .form-default.active {
  display: block;
}
.contact-info .form-button {
  text-align: left;
  padding-top: 40px;
}
.contact-info .form-button .btn {
  height: 40px;
  line-height: 38px;
  min-width: 180px;
  font-size: 24px;
  font-weight: normal;
  text-transform: uppercase;
}
.contact-info .captcha-box {
  margin-bottom: 10px;
}
.contact-info .captcha-box:after {
  content: "";
  display: table;
  clear: both;
}
.contact-info .captcha-box > div {
  float: left;
}
.contact-info .captcha-box > div + div {
  margin-left: 20px;
}
.contact-info .captcha-box .captcha-action {
  padding-top: 6px;
}
.contact-info .captcha-box .link.-refresh .lazy {
  transform: rotate(0deg);
  transition: all 600ms ease-out;
}
.contact-info .captcha-box .link.-refresh:hover .lazy {
  transform: rotate(-360deg);
}
.contact-info .submit {
  display: none;
  background-image: url(../img/background/bg-submit.jpg);
  background-position: left center;
  background-repeat: no-repeat;
}
.contact-info .submit .height {
  height: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-info .submit .txt-content {
  text-align: center;
  width: 430px;
}
.contact-info .submit .lazy {
  width: 230px;
  margin-bottom: 40px;
}
.contact-info .submit .title {
  font-size: 48px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 0px;
  line-height: 1;
}
.contact-info .submit .desc {
  font-size: 24px;
  font-weight: normal;
  color: #555555;
  line-height: 1;
}
.contact-info .submit .action {
  padding-top: 40px;
  text-align: center;
}
.contact-info .submit .action .btn {
  height: 40px;
  line-height: 38px;
  min-width: 180px;
  font-size: 24px;
  font-weight: normal;
  text-transform: uppercase;
}
.contact-info .submit.active {
  display: block;
}

.contact-map {
  position: relative;
}
.contact-map .menu-box {
  background-color: #333333;
  position: relative;
  z-index: 3;
}
.contact-map .nav-tabs {
  border-bottom: 0;
  height: 100px;
}
.contact-map .nav-tabs .nav-item {
  margin: 0;
  width: calc(100%/3);
  position: relative;
}
.contact-map .nav-tabs .nav-item + .nav-item:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  margin: auto;
  height: 40px;
  width: 1px;
  background-color: #ffffff;
}
.contact-map .nav-tabs .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  color: #ffffff;
  height: 100px;
  font-size: 48px;
  font-weight: bold;
  line-height: 1;
  padding: 0;
  text-align: center;
  border-radius: 0;
}
.contact-map .nav-tabs .nav-link:hover {
  color: #FF6600;
}
.contact-map .nav-tabs .nav-item.show .nav-link, .contact-map .nav-tabs .nav-link.active {
  margin-bottom: -20px;
  height: 120px;
  background-color: #FF6600;
  color: #ffffff;
}
.contact-map .graphic-map {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/background/bg-map.jpg);
}
.contact-map .graphic-map .container {
  height: 600px;
  position: relative;
  z-index: 1;
  padding-top: 20px;
  padding-bottom: 20px;
}
.contact-map .graphic-map .contain {
  position: relative;
  z-index: 0;
  width: auto;
  height: 560px;
}
.contact-map .graphic-map .contain img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.contact-map .google-map .container {
  height: 600px;
  position: relative;
  z-index: 1;
}
.contact-map .google-map .iframe-container {
  padding-bottom: 600px;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.contact-map .action {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 40px;
}
.contact-map .action .btn {
  font-weight: normal;
}

.map-page.site-container {
  margin-top: 119px;
}
.map-page .nav-map {
  text-align: right;
  position: fixed;
  z-index: 99;
  top: 38px;
  right: 0;
  width: 100%;
}
.map-page .nav-map .nav-list {
  display: inline-block;
  vertical-align: middle;
}
.map-page .nav-map .nav-list > li + li {
  margin-left: 20px;
}
.map-page .nav-map .nav-list .btn {
  min-width: 180px;
  height: 40px;
  line-height: 38px;
  font-weight: normal;
  text-transform: uppercase;
}
.map-page .iframe-container {
  padding-bottom: 0;
  height: calc(100vh - 119px);
}
.map-page .map-graphic {
  padding: 30px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/background/bg-map-graphic.jpg);
}
.map-page .map-graphic .cover img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  height: calc(100vh - 179px);
}

.member-page {
  padding-bottom: 70px;
  background-color: #ffffff;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.member-page .row-inner {
  margin: 0 -40px;
}
.member-page .row-inner > div {
  padding: 0 40px;
}
.member-page .row-inner > div + div {
  border-left: 1px solid #CCCCCC;
}

.member-userbox {
  width: 320px;
}
.member-userbox .user-profile {
  padding: 0 0 30px 0px;
  background-color: #ffffff;
  border-bottom: 1px solid #EBEBEB;
}
.member-userbox .user-profile .thumb .link {
  display: block;
  position: relative;
}
.member-userbox .user-profile .thumb .cover {
  width: 160px;
  height: 160px;
  overflow: hidden;
  margin: 0 auto;
  border: 3px solid #EBEBEB;
  position: relative;
  border-radius: 50%;
  transition: all 400ms ease-out;
}
.member-userbox .user-profile .thumb .cover .lazy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms ease-out;
}
.member-userbox .user-profile .thumb .icon {
  width: 30px;
  height: 30px;
  background-color: rgba(51, 51, 51, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -13px;
  margin: auto;
  z-index: 1;
  border-radius: 50%;
  transition: all 400ms ease-out;
}
.member-userbox .user-profile .thumb .link:hover .cover {
  border-color: #FF6600;
}
.member-userbox .user-profile .thumb .link:hover .cover .lazy {
  transform: scale(1.1);
}
.member-userbox .user-profile .thumb .link:hover .icon {
  background-color: rgba(51, 51, 51, 0.8);
}
.member-userbox .user-profile .title {
  margin-top: 20px;
  text-align: center;
  color: #333333;
  font-size: 36px;
  line-height: 1;
  text-transform: uppercase;
}
.member-userbox .user-profile .nav-list {
  margin-top: 30px;
}
.member-userbox .user-profile .nav-list li {
  width: 50%;
}
.member-userbox .user-profile .nav-list li + li {
  border-left: 1px solid #EBEBEB;
  padding-left: 30px;
}
.member-userbox .user-profile .nav-list li .link {
  display: block;
  font-size: 24px;
  color: #333333;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 30px;
}
.member-userbox .user-profile .nav-list li .link img {
  margin-right: 5px;
  position: relative;
  top: -3px;
}
.member-userbox .user-profile .nav-list li .link strong {
  font-size: 30px;
}
.member-userbox .user-profile .nav-list li .link .text-color {
  color: #FF6600;
}
.member-userbox .user-profile .nav-list li .link:hover {
  color: #FF6600;
}
.member-userbox .user-menu .nav-list li {
  width: 100%;
}
.member-userbox .user-menu .nav-list li .link {
  border-bottom: 1px solid #EBEBEB;
  padding: 20px 0;
  position: relative;
  color: rgba(51, 51, 51, 0.4);
  font-size: 24px;
  background-color: #ffffff;
  text-transform: uppercase;
}
.member-userbox .user-menu .nav-list li .link .icon {
  display: inline-block;
  vertical-align: middle;
  opacity: 0.4;
  margin-right: 20px;
  position: relative;
  top: -2px;
  width: 21px;
  transition: all 400ms ease-out;
}
.member-userbox .user-menu .nav-list li .link .icon img {
  margin: 0 auto;
}
.member-userbox .user-menu .nav-list li .link .noti {
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 22px;
  font-weight: bold;
  background-color: #FF6600;
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
}
.member-userbox .user-menu .nav-list li .link:hover,
.member-userbox .user-menu .nav-list li.active .link {
  color: #333333;
  border-bottom-color: #4B4B4B;
}
.member-userbox .user-menu .nav-list li .link:hover .icon,
.member-userbox .user-menu .nav-list li.active .link .icon {
  opacity: 1;
}
.member-userbox .user-dealer {
  margin-top: 40px;
}
.member-userbox .user-dealer .link {
  display: block;
  position: relative;
}
.member-userbox .user-dealer .txt {
  position: absolute;
  z-index: 1;
  top: 25px;
  left: 33px;
  text-transform: uppercase;
}
.member-userbox .user-dealer .txt p {
  font-size: 31px;
  font-weight: bold;
  line-height: 0.7;
  color: #333333;
  margin: 0;
}
.member-userbox .user-dealer .txt h6 {
  font-size: 41px;
  font-weight: bold;
  line-height: 0.7;
  color: #FF6600;
  margin: 0;
}
.member-userbox .user-dealer .cover {
  position: relative;
  overflow: hidden;
  padding-bottom: 68.43%;
}
.member-userbox .user-dealer .cover .lazy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms ease-out;
}
.member-userbox .user-dealer .link:hover .cover .lazy {
  transform: scale(1.1);
}
.member-userbox .user-menu-mobile {
  display: none;
  margin-top: 20px;
}
.member-userbox .user-menu-mobile .link {
  display: block;
  border: 1px solid #EFEFEF;
  padding: 15px 20px;
  position: relative;
  background-color: #FF6600;
  color: #ffffff;
  font-size: 22px;
  text-transform: uppercase;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.member-userbox .user-menu-mobile .link:before {
  content: "";
  font-family: "FontAwesome";
  font-size: 24px;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  width: 16px;
  height: 16px;
  color: #ffffff;
  transition: all 400ms ease-out;
  transform: rotate(0deg);
}
.member-userbox .user-menu-mobile .link:after {
  content: "";
  border: 1px dashed #fba760;
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  border-radius: 6px;
}
.member-userbox .user-menu-mobile .link.active:before {
  transform: rotate(-180deg);
}

.member-content .card {
  padding: 0 0 40px 0;
  border: none;
  border-radius: 0;
}
.member-content .card + .card {
  border-top: 1px solid #CCCCCC;
  padding-top: 40px;
}
.member-content .card:last-child {
  padding-bottom: 0;
}
.member-content .card .h-title {
  font-size: 30px;
  font-weight: normal;
  color: #333333;
}
.member-content .card .h-title img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  position: relative;
  top: -3px;
}
.member-content .card .h-title.-border {
  padding-bottom: 20px;
  border-bottom: 1px solid #CCCCCC;
}
.member-content .card .h-title.-border + .data-content {
  padding-top: 20px;
}
.member-content .card .data-content {
  padding-top: 30px;
}
.member-content .card .data-content .title {
  font-size: 20px;
  font-weight: normal;
  color: #9B9B9B;
}
.member-content .card .data-content .desc {
  font-size: 26px;
  font-weight: normal;
  color: #4B4B4B;
  line-height: 1;
}
.member-content .card .data-content .title + .desc {
  margin-top: 8px;
}
.member-content .card .data-content .row + .row {
  margin-top: 30px;
}
.member-content .card .form-default .form-group {
  margin-bottom: 0;
}
.member-content .card .form-default .control-label {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: normal;
  line-height: 0.8em;
  color: #9B9B9B;
}
.member-content .card .form-default .form-control {
  color: #555555;
  background-color: #F7F7F7;
  border: 1px solid #F7F7F7;
}
.member-content .card .form-default .form-control:focus {
  border-color: #FF3A3A;
}
.member-content .card .form-default .select2-container--default .select2-selection--single {
  border: 1px solid #F7F7F7;
  background-color: #F7F7F7;
}
.member-content .card .form-default .select2-container .select2-selection--single .select2-selection__rendered {
  color: #555555;
}
.member-content .card .action {
  padding-top: 30px;
}
.member-content .card .action .btn {
  font-weight: normal;
  min-width: 195px;
}
.member-content .card .action .btn + .btn {
  margin-left: 20px;
}
.member-content .card .address-list {
  margin: 0 -10px;
}
.member-content .card .address-list li {
  width: 100%;
  padding: 0 10px;
  margin-bottom: 20px;
}
.member-content .card .address-list li .wrapper {
  position: relative;
  border: 1px solid #DFDFDF;
  padding: 10px 20px;
}
.member-content .card .address-list li .btn-box {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 10px;
}
.member-content .card .address-list li .btn-box .link {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  line-height: 34px;
  text-align: center;
  background-color: #fff;
  font-size: 16px;
  color: #754199;
  border-radius: 50%;
}
.member-content .card .address-list li .btn-box .link.bg {
  background-color: #F1F2F4;
}
.member-content .card .address-list li .btn-box .link + .link {
  margin-left: 4px;
}
.member-content .card .address-list li .btn-box .link:hover {
  color: #FF6600;
}
.member-content .card .order-list table {
  width: 100%;
}
.member-content .card .order-list table thead {
  border-bottom: 1px solid #CCCCCC;
}
.member-content .card .order-list table thead th {
  padding: 15px 0;
  font-size: 24px;
  font-weight: normal;
  color: #ADADAD;
}
.member-content .card .order-list table tbody {
  border-bottom: 0px solid #CCCCCC;
}
.member-content .card .order-list table tbody tr {
  vertical-align: top;
}
.member-content .card .order-list table tbody td {
  padding: 35px 0;
  font-size: 26px;
  font-weight: normal;
}
.member-content .card .order-list .col-I {
  width: 370px;
}
.member-content .card .order-list .col-II {
  width: auto;
}
.member-content .card .order-list .col-III {
  width: 180px;
  text-align: center;
}
.member-content .card .order-list .txt-mobile {
  display: none;
  line-height: 1;
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: 15px;
  left: 15px;
}
.member-content .card .order-list .box + .box {
  margin-top: 10px;
}
.member-content .card .order-list .box > span {
  display: inline-block;
  vertical-align: middle;
}
.member-content .card .order-list .box .bc-I {
  color: #9B9B9B;
  width: 120px;
}
.member-content .card .order-list .box .bc-II {
  color: #555555;
  padding-left: 10px;
}
.member-content .card .order-list .status .txt {
  position: relative;
  padding-left: 15px;
}
.member-content .card .order-list .status .txt:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.member-content .card .order-list .status .link {
  width: 120px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  display: block;
  font-size: 24px;
  background-color: #FF3A3A;
  border: 1px solid #FF3A3A;
  color: #ffffff;
  margin-top: 10px;
  border-radius: 5px;
}
.member-content .card .order-list .status .link:hover {
  background-color: #ffffff;
  color: #FF3A3A;
}
.member-content .card .order-list .status p {
  margin: 5px 0 0;
  font-weight: normal;
  line-height: 1;
  color: #333333;
  font-size: 24px;
}
.member-content .card .order-list .status.-wait .txt {
  color: #FF6600;
}
.member-content .card .order-list .status.-wait .txt:before {
  background-color: #FF6600;
}
.member-content .card .order-list .status.-topay .txt {
  color: #FF3A3A;
}
.member-content .card .order-list .status.-topay .txt:before {
  background-color: #FF3A3A;
}
.member-content .card .order-list .status.-complete .txt {
  color: #2AA795;
}
.member-content .card .order-list .status.-complete .txt:before {
  background-color: #2AA795;
}
.member-content .card .order-list .action {
  padding-top: 0px;
}
.member-content .card .order-list .action .btn {
  min-width: inherit;
  width: 100%;
  color: #333333;
  border-color: #ccc;
  background-color: #ffffff;
}
.member-content .card .order-list .action .btn:before {
  background-color: #FF6600;
}
.member-content .card .order-list .action .btn:hover {
  color: #ffffff;
  border-color: #FF6600;
}
.member-content .card .order-list .accordion {
  border-bottom: 1px solid #ccc;
}
.member-content .card .order-list .collapse-box {
  background-color: #F9F9F9;
  padding: 15px 30px 30px;
}
.member-content .card .order-list .collapse-box + table {
  border-top: 1px solid #ccc;
}
.member-content .card .order-list .collapse-box > table > tbody > tr > td {
  padding: 0;
}
.member-content .card .order-list .collapse-box > table > tbody > tr:nth-child(odd) {
  background-color: transparent;
}
.member-content .card .order-list .collapse-box > table > tbody > tr:nth-child(even) {
  background-color: transparent;
}
.member-content .card .order-list .collapse-box .order-dealer-list table thead {
  border-bottom: 1px solid #EBEBEB;
}
.member-content .card .order-list .collapse-box .order-dealer-list table tbody tr {
  vertical-align: middle;
}
.member-content .card .order-list .collapse-box .order-dealer-list table tbody tr:nth-child(odd) {
  background-color: transparent;
}
.member-content .card .order-list .collapse-box .order-dealer-list table tbody tr:nth-child(even) {
  background-color: transparent;
}
.member-content .card .order-list .collapse-box .order-dealer-list table tbody td {
  padding: 20px 0;
}
.member-content .card .order-list .collapse-box .data-content {
  position: relative;
  padding-right: 140px;
  border-top: 1px solid #EBEBEB;
}
.member-content .card .order-list .collapse-box .data-content .desc {
  color: #797979;
}
.member-content .card .order-list .collapse-box .data-content .btn-tax {
  position: absolute;
  right: 0;
  bottom: 0;
}
.member-content .card .order-list .collapse-box .data-content .btn-tax .btn {
  min-width: 120px;
  color: #ffffff;
  background-color: #333333;
  border-color: #333333;
  font-weight: normal;
}
.member-content .card .order-list .collapse-box .data-content .btn-tax .btn:hover {
  background-color: #ffffff;
  color: #333333;
}
.member-content .card .order-dealer-list table {
  width: 100%;
}
.member-content .card .order-dealer-list table thead {
  border-bottom: 1px solid #CCCCCC;
}
.member-content .card .order-dealer-list table thead th {
  padding: 15px 5px;
  font-size: 24px;
  font-weight: normal;
  color: #ADADAD;
}
.member-content .card .order-dealer-list table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
.member-content .card .order-dealer-list table tbody tr:nth-child(even) {
  background-color: #fbfbfb;
}
.member-content .card .order-dealer-list table tbody td {
  padding: 10px 5px;
  font-size: 20px;
  font-weight: normal;
}
.member-content .card .order-dealer-list .col-I {
  width: 80px;
  text-align: center;
}
.member-content .card .order-dealer-list .col-II {
  width: auto;
}
.member-content .card .order-dealer-list .col-III {
  width: 100px;
  text-align: center;
}
.member-content .card .order-dealer-list .col-IV {
  width: 120px;
  text-align: center;
}
.member-content .card .order-dealer-list .col-V {
  width: 120px;
}
.member-content .card .order-dealer-list .txt-mobile {
  display: none;
  line-height: 1;
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: 15px;
  left: 15px;
}
.member-content .card .order-dealer-list .num {
  font-weight: normal;
  line-height: 1;
  color: #797979;
}
.member-content .card .order-dealer-list .product-item {
  display: flex;
  align-items: center;
}
.member-content .card .order-dealer-list .product-item .thumb {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.member-content .card .order-dealer-list .product-item .thumb .cover {
  width: 55px;
  height: 55px;
  position: relative;
  overflow: hidden;
  border: 1px solid #EBEBEB;
  transition: all 400ms ease-out;
}
.member-content .card .order-dealer-list .product-item .thumb .cover .lazy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.member-content .card .order-dealer-list .product-item .content {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  padding-left: 15px;
}
.member-content .card .order-dealer-list .product-item .content .txt {
  font-weight: normal;
  line-height: 1;
  color: #797979;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.member-content .card .order-dealer-list .product-item:hover .thumb .cover {
  border-color: #333333;
}
.member-content .card .order-dealer-list .status .txt {
  position: relative;
  padding-left: 15px;
}
.member-content .card .order-dealer-list .status .txt:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.member-content .card .order-dealer-list .status.-wait .txt {
  color: #FF6600;
}
.member-content .card .order-dealer-list .status.-wait .txt:before {
  background-color: #FF6600;
}
.member-content .card .order-dealer-list .status.-topay .txt {
  color: #FF3A3A;
}
.member-content .card .order-dealer-list .status.-topay .txt:before {
  background-color: #FF3A3A;
}
.member-content .card .order-dealer-list .status.-complete .txt {
  color: #2AA795;
}
.member-content .card .order-dealer-list .status.-complete .txt:before {
  background-color: #2AA795;
}
.member-content .card .point-list {
  padding-top: 20px;
  border-bottom: 1px solid #CCCCCC;
}
.member-content .card .point-list .search-box .form-default .form-group .form-control {
  padding: 12px 45px 12px 15px;
  font-size: 20px;
  font-weight: normal;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.member-content .card .point-list .search-box .form-default .form-group .feather {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 19px;
  height: 19px;
  font-size: 19px;
  color: #333333;
}
.member-content .card .point-list .search-box .form-default .form-group :-ms-input-placeholder {
  color: #9B9B9B;
}
.member-content .card .point-list .search-box .form-default .form-group ::-moz-placeholder {
  color: #9B9B9B;
}
.member-content .card .point-list .search-box .form-default .form-group ::placeholder {
  color: #9B9B9B;
}
.member-content .card .point-list .search-box .form-default .action {
  padding-top: 0;
}
.member-content .card .point-list .search-box .form-default .action .btn {
  min-width: 180px;
}
.member-content .card .point-list .nav-list li {
  width: 50%;
  position: relative;
}
.member-content .card .point-list .nav-list li + li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  background-color: #EBEBEB;
  height: 50px;
}
.member-content .card .point-list .nav-list .link {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #333333;
  text-align: center;
  opacity: 0.4;
  font-size: 26px;
  font-weight: normal;
  color: #333333;
}
.member-content .card .point-list .nav-list .link:hover {
  opacity: 1;
}
.member-content .card .point-list .nav-list .link .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  position: relative;
  top: -2px;
}
.member-content .card .point-list .nav-list li.active .link {
  opacity: 1;
}
.member-content .card .point-list .item-list {
  margin: -20px;
  padding: 40px 0;
}
.member-content .card .point-list .item-list li {
  padding: 20px;
  width: 50%;
}
.member-content .card .point-list .item-list .wrapper {
  display: block;
}
.member-content .card .point-list .item-list .thumb .cover {
  position: relative;
  overflow: hidden;
  padding-bottom: 60%;
  border-radius: 5px;
}
.member-content .card .point-list .item-list .thumb .cover .lazy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms ease-out;
}
.member-content .card .point-list .item-list .thumb:hover .cover .lazy {
  transform: scale(1.1);
}
.member-content .card .point-list .item-list .content {
  padding: 10px 0;
}
.member-content .card .point-list .item-list .content .txt {
  font-size: 25px;
  font-weight: 500;
  line-height: 1;
  color: #333333;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-content .card .point-list .item-list .content .num {
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
  color: #9B9B9B;
}
.member-content .card .point-list .item-list .content .num .color {
  color: #FF6600;
}
.member-content .card .point-list .item-list .bar {
  background-color: #EAE8E8;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
}
.member-content .card .point-list .item-list .bar .inside {
  height: 10px;
  background-color: #9B9B9B;
  border-radius: 30px;
}
.member-content .card .point-list .item-list .btn-box {
  padding-top: 10px;
}
.member-content .card .point-list .item-list .btn-box .btn {
  background-color: #EBEBEB;
  color: #ffffff;
  font-weight: normal;
  border-color: #EBEBEB;
  pointer-events: none;
  text-transform: uppercase;
}
.member-content .card .point-list .item-list li.active .bar .inside {
  background-color: #FF6600;
}
.member-content .card .point-list .item-list li.active .btn-box .btn {
  background-color: #FF6600;
  border-color: #FF6600;
  pointer-events: visible;
}
.member-content .card .point-list .item-list li.active .btn-box .btn:hover {
  background-color: transparent;
}
.member-content .card .point-list .item-list li.active .btn-box .btn:before {
  background-color: #FF6600;
}
.member-content .card .point-list .item-list.-redeemed .bar .inside {
  background-color: #EBEBEB;
}
.member-content .card .point-list .item-list.-redeemed .btn-box .btn {
  background-color: #EBEBEB;
  border-color: #EBEBEB;
  pointer-events: none;
}
.member-content .card .wish-list {
  padding-top: 0;
  border-bottom: 1px solid #CCCCCC;
}
.member-content .card .wish-list .nav-list li {
  width: 50%;
  position: relative;
}
.member-content .card .wish-list .nav-list li + li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  background-color: #EBEBEB;
  height: 50px;
}
.member-content .card .wish-list .nav-list .link {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #333333;
  text-align: center;
  opacity: 0.4;
  font-size: 26px;
  font-weight: normal;
  color: #333333;
}
.member-content .card .wish-list .nav-list .link:hover {
  opacity: 1;
}
.member-content .card .wish-list .nav-list .link .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  position: relative;
  top: -2px;
}
.member-content .card .wish-list .nav-list li.active .link {
  opacity: 1;
}
.member-content .card .wish-list .item-list {
  margin: 0 -20px;
  padding: 20px 0;
}
.member-content .card .wish-list .item-list .item {
  padding: 20px;
  width: calc(100%/3);
}
.member-content .card .wish-list .item-list .wrapper {
  background-color: #ffffff;
  position: relative;
  border: 1px solid #F4F4F4;
  transition: all 400ms ease-out;
}
.member-content .card .wish-list .item-list .wrapper:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: all 400ms ease-out;
}
.member-content .card .wish-list .item-list:hover .wrapper:before {
  opacity: 1;
}
.member-content .card .wish-list .item-list:hover .wrapper:hover {
  border-color: #333333;
}
.member-content .card .wish-list .item-list:hover .wrapper:hover:before {
  opacity: 0;
}
.member-content .card .dealer-list {
  padding-top: 0;
}
.member-content .card .dealer-list .nav-list {
  border-bottom: 0;
}
.member-content .card .dealer-list .nav-list li {
  width: 50%;
  position: relative;
}
.member-content .card .dealer-list .nav-list li + li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  background-color: #EBEBEB;
  height: 50px;
}
.member-content .card .dealer-list .nav-list .link {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #333333;
  text-align: center;
  opacity: 0.4;
  font-size: 26px;
  font-weight: normal;
  color: #333333;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  padding: 0;
  border-radius: 0;
}
.member-content .card .dealer-list .nav-list .link:hover {
  opacity: 1;
}
.member-content .card .dealer-list .nav-list .link .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  position: relative;
  top: -2px;
}
.member-content .card .dealer-list .nav-list .link.active {
  opacity: 1;
}
.member-content .card .dealer-list .brand {
  padding-top: 35px;
  padding-bottom: 10px;
  text-align: center;
}
.member-content .card .dealer-list .brand .lazy {
  margin: 0 auto;
}
.member-content .card .dealer-list .form-default .control-label {
  text-transform: uppercase;
}
.member-content .card .dealer-list .form-default .form-group {
  margin-bottom: 20px;
}
.member-content .card .dealer-list .form-default .-attachment {
  background-color: #F7F7F7;
  padding: 4px 10px;
  display: flex;
  align-items: center;
}
.member-content .card .dealer-list .form-default .-attachment .txt {
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
  color: #9B9B9B;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.member-content .card .dealer-list .form-default .-attachment .btn {
  min-width: 80px;
  height: 30px;
  line-height: 28px;
  font-size: 16px;
  background-color: #4B4B4B;
  border-color: #4B4B4B;
  color: #ffffff;
}
.member-content .card .dealer-list .form-default .-attachment .btn:before {
  background-color: #4B4B4B;
}
.member-content .card .dealer-list .form-default .-attachment .btn:hover {
  background-color: transparent;
}
.member-content .card .dealer-list .form-default .form-button {
  border-top: 1px solid #CCCCCC;
  padding-top: 40px;
  margin-top: 20px;
  text-align: center;
}
.member-content .card .dealer-list .form-default .form-button .btn {
  min-width: 180px;
}
.member-content .card .dealer-list .form-default .form-button .btn + .btn {
  margin-left: 40px;
}

.payment-page {
  position: relative;
  padding-bottom: 120px;
}
.payment-page .h-title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  color: #333333;
  padding-bottom: 10px;
  border-bottom: 1px solid #707070;
  margin-bottom: 40px;
}

.payment-box {
  display: none;
}
.payment-box.active {
  display: block;
}
.payment-box .form-default .form-control {
  background-color: #F7F7F7;
  border-color: #F7F7F7;
  color: #FF6600;
  font-weight: 500;
}
.payment-box .form-default .icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  color: #000000;
  width: 18px;
  height: 20px;
  font-size: 20px;
}
.payment-box .form-default .block-control.-icon .form-control {
  padding-right: 15px;
}
.payment-box .form-default .block-control.-icon .form-control-feedback {
  right: 40px;
}
.payment-box .form-default .block-control.-icon input[type=time]::-webkit-calendar-picker-indicator {
  display: none;
}
.payment-box .form-default .-attachment {
  background-color: #F7F7F7;
  padding: 4px 10px;
  display: flex;
  align-items: center;
}
.payment-box .form-default .-attachment .txt {
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
  color: #9B9B9B;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.payment-box .form-default .-attachment .btn {
  min-width: 80px;
  height: 30px;
  line-height: 28px;
  font-size: 16px;
  z-index: 0;
  background-color: #4B4B4B;
  border-color: #4B4B4B;
  color: #ffffff;
}
.payment-box .form-default .-attachment .btn:before {
  background-color: #4B4B4B;
}
.payment-box .form-default .-attachment .btn:hover {
  background-color: transparent;
}
.payment-box .form-account {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
}
.payment-box .form-account .head {
  border-bottom: 1px solid #EFEFEF;
  padding: 12px 15px;
  display: flex;
  align-items: center;
}
.payment-box .form-account .head .thumb {
  width: 50px;
  margin-right: 17px;
}
.payment-box .form-account .head .txt {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  font-size: 22px;
  font-weight: normal;
  line-height: 1;
  color: #333333;
}
.payment-box .form-account .body {
  padding: 25px;
}
.payment-box .form-account .payment-list li {
  width: 100%;
}
.payment-box .form-account .payment-list li + li {
  margin-top: 30px;
}
.payment-box .form-account .payment-list .radio-control {
  display: block;
  padding-left: 40px;
  min-height: inherit;
}
.payment-box .form-account .payment-list .inner {
  font-size: 18px;
  font-weight: normal;
  color: #333333;
  line-height: 1;
}
.payment-box .form-account .payment-list .inner .color {
  color: #CDCDCD;
  margin: 0 15px;
}
.payment-box .form-account .payment-list .icon {
  width: 20px;
  height: 20px;
  top: 0px;
  left: 0px;
  background-color: #fff;
  border: 1px solid #9B9B9B;
}
.payment-box .form-account .payment-list .icon-bank {
  display: inline-block;
  vertical-align: top;
  margin-top: -6px;
  margin-right: 8px;
}
.payment-box .form-account .payment-list .icon-bank img {
  width: 30px;
  height: 30px;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
}
.payment-box .form-account .payment-list .bank-name {
  display: inline-block;
  vertical-align: top;
  min-width: 120px;
}
.payment-box .form-account .payment-list .radio-control input[type=radio]:checked ~ .inner .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #FF6600;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.payment-box .btn-box {
  border-top: 1px solid #CCCCCC;
  margin-top: 20px;
  padding-top: 40px;
  text-align: center;
}
.payment-box .btn-box .btn {
  min-width: 180px;
}
.payment-box .btn-box .btn + .btn {
  margin-left: 40px;
}

.submit-box {
  display: none;
  padding: 90px 0;
}
.submit-box.active {
  display: block;
}

.order-success {
  text-align: center;
}
.order-success .title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #FF6600;
  margin-bottom: 15px;
}
.order-success .icon {
  width: 90px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.order-success .qrcode {
  width: 183px;
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: 20px;
}
.order-success .price {
  width: 183px;
  margin: 0 auto;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.order-success .price > div {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.order-success .price .txt {
  text-align: left;
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
  color: #333333;
}
.order-success .price .num {
  text-align: right;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #FF6600;
}
.order-success .desc {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: #333333;
}
.order-success .desc .num {
  font-size: 24px;
  color: #FF6600;
}
.order-success .desc + .desc {
  margin-top: 30px;
}
.order-success .btn-box {
  padding-top: 30px;
  text-align: center;
}
.order-success .btn-box .btn {
  min-width: 180px;
  font-size: 20px;
  font-weight: 500;
}
.order-success .btn-box .btn + .btn {
  margin-left: 15px;
}

.cart-nav {
  margin-bottom: 60px;
}
.cart-nav .item-list li {
  width: calc(100%/5);
  position: relative;
}
.cart-nav .item-list li:before, .cart-nav .item-list li:after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 50%;
  height: 1px;
  background-color: #ebebeb;
  top: 47px;
}
.cart-nav .item-list li:before {
  left: 0;
}
.cart-nav .item-list li:after {
  right: 0;
}
.cart-nav .item-list li:first-child:before {
  display: none;
}
.cart-nav .item-list li:last-child:after {
  display: none;
}
.cart-nav .wrapper {
  position: relative;
  z-index: 1;
}
.cart-nav .thumb {
  border: 1px solid #ebebeb;
  width: 90px;
  height: 90px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 50%;
}
.cart-nav .thumb .lazy {
  max-width: 36px;
  max-height: 36px;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(1);
  opacity: 0.2;
}
.cart-nav .txt {
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  color: #CCCCCC;
  text-align: center;
  margin-top: 15px;
  text-transform: uppercase;
}
.cart-nav li.active .thumb .lazy {
  filter: grayscale(0);
  opacity: 1;
}
.cart-nav li.active .txt {
  color: #333333;
}
.cart-nav li.active:nth-child(1) .thumb {
  border-color: #FF6600;
}
.cart-nav li.active:nth-child(2) .thumb {
  border-color: #D2D568;
}
.cart-nav li.active:nth-child(3) .thumb {
  border-color: #FFB196;
}
.cart-nav li.active:nth-child(4) .thumb {
  border-color: #649C94;
}
.cart-nav li.active:nth-child(5) .thumb {
  border-color: #FFCA37;
}

.order-cart {
  padding-bottom: 30px;
}
.order-cart .col-L {
  width: 890px;
}
.order-cart .col-R {
  width: 330px;
}
.order-cart .item + .item {
  margin-top: 40px;
}
.order-cart .h-title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  color: #333333;
  padding-bottom: 15px;
  border-bottom: 1px solid #707070;
}
.order-cart .h-title .checkbox-control {
  vertical-align: middle;
  margin-left: 15px;
}
.order-cart .data-content {
  border: 1px solid #EFEFEF;
  border-top: 0;
  border-radius: 0 0 5px 5px;
}
.order-cart .action {
  padding: 20px;
  border-top: 1px solid #EFEFEF;
}
.order-cart .action .btn {
  min-width: 120px;
  height: 40px;
  line-height: 38px;
  font-size: 20px;
  font-weight: 500;
}
.order-cart .data-content.-address {
  border: 0px;
  border-top: 0;
  border-radius: 0;
}
.order-cart .data-content.-address .action {
  padding: 0px;
  border-top: 0;
  min-width: 150px;
}
.order-cart .data-content.-payment {
  border: 0px;
  border-top: 0;
  border-radius: 0;
}
.order-cart .order-success {
  padding-bottom: 30px;
}

.mycart-list .col-I,
.mycart-list .col-II,
.mycart-list .col-III,
.mycart-list .col-IV,
.mycart-list .col-V {
  padding-left: 20px;
  padding-right: 20px;
}
.mycart-list .col-I {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.mycart-list .col-II {
  flex: 0 0 auto;
  max-width: 100%;
  width: 140px;
  text-align: center;
}
.mycart-list .col-III {
  flex: 0 0 auto;
  max-width: 100%;
  width: 150px;
  text-align: center;
}
.mycart-list .col-IV {
  flex: 0 0 auto;
  max-width: 100%;
  width: 140px;
  text-align: center;
}
.mycart-list .col-V {
  flex: 0 0 auto;
  max-width: 100%;
  width: 90px;
  text-align: center;
}
.mycart-list .head {
  background-color: #F7F7F7;
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: #333333;
}
.mycart-list .head > div {
  padding-top: 10px;
  padding-bottom: 10px;
}
.mycart-list .body {
  position: relative;
}
.mycart-list .body .item-list li {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 0;
}
.mycart-list .body .item-list li + li {
  border-top: 1px solid #EFEFEF;
}
.mycart-list .txt-mobile {
  display: none;
  line-height: 1;
  color: #333333;
  z-index: 1;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  top: 10px;
  left: 12px;
}
.mycart-list .product-item {
  display: flex;
  align-items: center;
}
.mycart-list .product-item .thumb {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.mycart-list .product-item .thumb .cover {
  width: 78px;
  height: 78px;
  position: relative;
  overflow: hidden;
  border: 1px solid #EBEBEB;
  transition: all 400ms ease-out;
}
.mycart-list .product-item .thumb .cover .lazy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mycart-list .product-item .thumb:hover .cover {
  border-color: #333333;
}
.mycart-list .product-item .content {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  padding-left: 15px;
}
.mycart-list .product-item .content .title {
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  color: #333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.mycart-list .product-item .content .desc {
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  color: #999;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.mycart-list .product-item .content .num {
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  color: #FF3A3A;
}
.mycart-list .product-item .content .num.link {
  display: inline-block;
  position: relative;
}
.mycart-list .product-item .content .num.link:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  background-color: #FF3A3A;
  width: 0;
  transition: all 400ms ease-out;
}
.mycart-list .product-item .content .num.link:hover:before {
  width: 100%;
}
.mycart-list .price {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  color: #FF3A3A;
}
.mycart-list .input-number-group .input-number,
.mycart-list .input-number-group .input-number-decrement,
.mycart-list .input-number-group .input-number-increment {
  line-height: 28px;
  font-size: 12px;
  background-color: transparent;
}
.mycart-list .input-number-group .input-number .feather,
.mycart-list .input-number-group .input-number-decrement .feather,
.mycart-list .input-number-group .input-number-increment .feather {
  line-height: 28px;
}
.mycart-list .input-number-group .input-number {
  border-color: transparent;
  width: 40px;
  font-size: 20px;
}
.mycart-list .input-number-group .txt {
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
  color: #707070;
}
.mycart-list .btn-del {
  font-size: 16px;
  color: #333333;
}
.mycart-list .btn-del:hover {
  color: #FF3A3A;
}

.shipping-list .head {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: #333333;
  padding: 10px 20px;
  border-top: 1px solid #EFEFEF;
}
.shipping-list .body {
  border-top: 1px solid #EFEFEF;
  padding: 20px;
}
.shipping-list .body .item-list {
  margin: -4px;
}
.shipping-list .body .item-list li {
  width: 50%;
  padding: 4px;
}
.shipping-list .radio-control {
  display: block;
  min-height: inherit;
}
.shipping-list .radio-control .inner {
  border: 1px solid #EFEFEF;
  position: relative;
  padding: 10px 40px;
  border-radius: 5px;
}
.shipping-list .radio-control .thumb {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
}
.shipping-list .radio-control .thumb .lazy {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
}
.shipping-list .radio-control .title {
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  color: #333333;
}
.shipping-list .radio-control .title small {
  font-size: 18px;
  font-weight: normal;
  color: #666666;
}
.shipping-list .radio-control input[type=radio]:checked ~ .inner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #FF3A3A;
  border-radius: 5px;
}

.address-list {
  padding: 15px 0;
}
.address-list .item-list li {
  width: 100%;
}
.address-list .item-list li + li {
  margin-top: 15px;
}
.address-list .radio-control {
  display: block;
  min-height: inherit;
  position: relative;
}
.address-list .radio-control .link {
  position: absolute;
  z-index: 6;
  font-size: 24px;
  font-weight: 500;
  color: #FF3A3A;
  top: 15px;
  right: 15px;
}
.address-list .radio-control .link:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  background-color: #FF3A3A;
  width: 0;
  transition: all 400ms ease-out;
}
.address-list .radio-control .link:hover:before {
  width: 100%;
}
.address-list .radio-control .inner {
  border: 1px solid #EFEFEF;
  position: relative;
  padding: 23px 23px;
  border-radius: 5px;
}
.address-list .radio-control .thumb {
  width: 67px;
  height: 67px;
  background-color: #EFEFEF;
  margin-right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 400ms ease-out;
  border-radius: 50%;
}
.address-list .radio-control .thumb .feather {
  font-size: 30px;
  color: #ffffff;
}
.address-list .radio-control .title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  color: #333333;
  margin-bottom: 5px;
}
.address-list .radio-control .desc {
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
}
.address-list .radio-control input[type=radio]:checked ~ .inner .thumb {
  background-color: #333333;
}
.address-list .radio-control input[type=radio]:checked ~ .inner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #333333;
  border-radius: 5px;
}

.payment-method-list {
  padding: 15px 0;
}
.payment-method-list > .item-list > li {
  width: 100%;
}
.payment-method-list > .item-list > li + li {
  margin-top: 15px;
}
.payment-method-list .radio-control {
  display: block;
  min-height: inherit;
  position: relative;
}
.payment-method-list .radio-control .inner {
  border: 1px solid #EFEFEF;
  position: relative;
  border-radius: 5px;
}
.payment-method-list .radio-control .icon {
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border: 1px solid #9B9B9B;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
  border-radius: 50%;
}
.payment-method-list .radio-control .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  background-color: #FF6600;
  opacity: 0;
  transition: all 400ms ease-out;
  border-radius: 50%;
}
.payment-method-list .radio-control .content {
  padding: 20px;
  padding-left: 60px;
  display: flex;
  align-items: center;
  position: relative;
}
.payment-method-list .radio-control .thumb {
  min-width: 55px;
}
.payment-method-list .radio-control .thumb img {
  max-height: 45px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.payment-method-list .radio-control .title {
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  color: #555;
  padding-left: 15px;
}
.payment-method-list .radio-control input[type=radio]:checked ~ .inner .icon:before {
  opacity: 1;
}
.payment-method-list .radio-control input[type=radio]:checked ~ .inner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #FF3A3A;
  border-radius: 5px;
}
.payment-method-list .radio-control .collapse-content {
  padding: 20px;
  padding-left: 60px;
  border-top: 1px solid #EFEFEF;
}
.payment-method-list .payment-list li {
  width: 100%;
}
.payment-method-list .payment-list li + li {
  margin-top: 25px;
}
.payment-method-list .payment-list .info {
  font-size: 18px;
  font-weight: normal;
  color: #333333;
  line-height: 1;
}
.payment-method-list .payment-list .info .color {
  color: #CDCDCD;
  margin: 0 15px;
}
.payment-method-list .payment-list .icon-bank {
  display: inline-block;
  vertical-align: top;
  margin-top: -6px;
  margin-right: 8px;
}
.payment-method-list .payment-list .icon-bank img {
  width: 30px;
  height: 30px;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
}
.payment-method-list .payment-list .bank-name {
  display: inline-block;
  vertical-align: top;
  min-width: 120px;
}

.order-summary {
  position: relative;
}
.order-summary .content {
  padding: 15px;
}
.order-summary .content + .content {
  border-top: 1px solid #EFEFEF;
}
.order-summary .content table {
  width: 100%;
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
  color: #333333;
}
.order-summary .content table strong {
  color: #666666;
}
.order-summary .content table .total {
  font-size: 30px;
  font-weight: 500;
}
.order-summary .content table td {
  padding: 5px 0;
}
.order-summary .content table td:nth-child(2) {
  text-align: right;
  width: 100px;
}
.order-summary .content table .form-control {
  color: #333333;
  background-color: #F7F7F7;
  border: 1px solid #F7F7F7;
  height: auto;
  line-height: 1.2em;
  padding: 5px 15px;
  font-size: 18px;
  min-height: 40px;
  border-radius: 0px;
  box-shadow: none;
}
.order-summary .content table .form-control:focus {
  border-color: #FF3A3A;
}
.order-summary .content table .btn {
  min-width: 76px;
  height: 40px;
  line-height: 38px;
  font-size: 20px;
  font-weight: 500;
  margin-left: 5px;
}
.order-summary .content table.address {
  color: #555555;
}
.order-summary .content table.address .t-head {
  font-size: 22px;
  font-weight: normal;
  color: #FF3A3A;
}
.order-summary .content table.address .t-head.link {
  position: relative;
}
.order-summary .content table.address .t-head.link:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  background-color: #FF3A3A;
  width: 0;
  transition: all 400ms ease-out;
}
.order-summary .content table.address .t-head.link:hover:before {
  width: 100%;
}
.order-summary .content .coupon-box {
  margin: 10px -15px -15px -15px;
  padding: 15px;
  background-color: #FCFCFC;
}
.order-summary .btn-box .btn {
  font-size: 20px;
  font-weight: 500;
}

.search-page {
  position: relative;
  background-image: url(../img/background/bg-service.jpg);
  background-color: #ffffff;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.search-page .search-box .form-group {
  margin-bottom: 0;
}
.search-page .search-box .form-control {
  padding-right: 60px;
  min-height: inherit;
  height: 40px;
  transition: all 400ms ease-out;
}
.search-page .search-box .btn {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  border: none;
  min-width: inherit;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  padding: 0;
  color: #333333;
}
.search-page .search-box .btn:hover {
  color: #FF6600;
}

.search-list {
  padding-top: 40px;
}
.search-list .search-txt {
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
  color: #333333;
}
.search-list .search-txt .color {
  color: #FF6600;
}
.search-list .item-list {
  margin: -20px;
}
.search-list .item-list li {
  width: calc(100%/4);
  padding: 20px;
}
.search-list .wrapper {
  background-color: #ffffff;
  position: relative;
  border: 1px solid #F4F4F4;
  transition: all 400ms ease-out;
}
.search-list .wrapper:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: all 400ms ease-out;
}
.search-list .item-list:hover .wrapper:before {
  opacity: 1;
}
.search-list .item-list:hover .wrapper:hover {
  border-color: #333333;
}
.search-list .item-list:hover .wrapper:hover:before {
  opacity: 0;
}

.service-page {
  position: relative;
  padding-bottom: 100px;
  background-image: url(../img/background/bg-service.jpg);
  background-color: #ffffff;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.service-page .col-L {
  width: 290px;
}
.service-page .col-R {
  width: auto;
}
.service-page .h-title {
  padding-bottom: 20px;
  border-bottom: 1px solid #CCCCCC;
}
.service-page .h-title .txt {
  font-size: 48px;
  font-weight: bold;
  line-height: 1;
  color: #333333;
  margin: 0;
}

.service-nav {
  position: relative;
}
.service-nav .btn-service {
  position: absolute;
  color: #ffffff;
  width: 30px;
  height: 30px;
  line-height: 28px;
  top: 8px;
  right: 8px;
  text-align: center;
  display: none;
  border: 1px solid #ffffff;
  background-color: #FF6600;
  transition: all 400ms ease-out;
}
.service-nav .btn-service:after {
  content: "";
  font-family: "FontAwesome";
  font-weight: normal;
  font-size: 14px;
  transition: all 400ms ease-out;
}
.service-nav .btn-service.active:after {
  content: "";
}
.service-nav .nav-list li {
  width: 100%;
}
.service-nav .nav-list .link {
  display: block;
  padding: 10px 20px;
  background-color: #ffffff;
  border: 1px solid #F4F4F4;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #333333;
}
.service-nav li.active .link {
  background-color: #FF6600;
  border-color: #FF6600;
  color: #ffffff;
}

.service-content {
  padding-top: 20px;
}
.service-content .editor-content p {
  font-size: 24px;
}
.service-content .editor-content strong {
  color: #FF6600;
}

.news-page {
  position: relative;
  padding-bottom: 100px;
  background-image: url(../img/background/bg-service.jpg);
  background-color: #ffffff;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.news-list .item-list {
  margin: -20px;
}
.news-list .item-list li {
  width: calc(100%/2);
  padding: 20px;
}
.news-list .link {
  border: 1px solid #F4F4F4;
}
.news-list .thumb {
  position: relative;
}
.news-list .thumb .cover {
  position: relative;
  padding-bottom: 60%;
  overflow: hidden;
}
.news-list .thumb .cover:before {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.15);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms ease-out;
}
.news-list .thumb .cover .lazy {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms ease-out;
}
.news-list .content {
  background-color: #ffffff;
  padding: 20px;
  padding-bottom: 35px;
}
.news-list .content .title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2em;
  color: #333333;
  height: 1.2em;
  margin-bottom: 5px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: all 400ms ease-out;
}
.news-list .content .desc {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2em;
  color: #555555;
  max-height: 2.4em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-list .link:hover .thumb .cover:before {
  background-color: rgba(0, 0, 0, 0);
}
.news-list .link:hover .thumb .cover .lazy {
  transform: scale(1.1);
}
.news-list .link:hover .content .title {
  color: #FF6600;
}

.news-list.-small .item-list li {
  width: calc(100%/3);
}
.news-list.-small .content .title {
  font-size: 24px;
}
.news-list.-small .content .desc {
  font-size: 20px;
}

.detail-page {
  position: relative;
  padding-bottom: 60px;
  background-image: url(../img/background/bg-service.jpg);
  background-color: #ffffff;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.detail-page .head-box {
  padding-bottom: 20px;
  margin-bottom: 40px;
  border-bottom: 1px solid #CCCCCC;
}
.detail-page .head-box .title {
  font-family: "db_Narai_X";
  font-weight: bold;
  line-height: 1;
  color: #333333;
  font-size: 48px;
  margin: 0;
}
.detail-page .head-box .date {
  font-family: "db_Narai_X";
  font-weight: bold;
  line-height: 1;
  color: #333333;
  font-size: 24px;
}
.detail-page .head-box .social-list li + li {
  margin-left: 20px;
}
.detail-page .head-box .social-list .link {
  position: relative;
  top: 0;
}
.detail-page .head-box .social-list:hover .link {
  opacity: 0.5;
}
.detail-page .head-box .social-list:hover .link:hover {
  opacity: 1;
  top: -3px;
}
.detail-page .thumb-slider .slider-for {
  padding-bottom: 20px;
}
.detail-page .thumb-slider .slider-for .thumb .cover {
  padding-bottom: 48%;
}
.detail-page .thumb-slider .slider-nav {
  margin: 0 -10px;
  padding-bottom: 40px;
}
.detail-page .thumb-slider .slider-nav .item {
  padding: 0 10px;
}
.detail-page .thumb-slider .slider-nav .thumb .cover {
  padding-bottom: 100%;
}
.detail-page .thumb-slider .thumb {
  position: relative;
}
.detail-page .thumb-slider .thumb .cover {
  position: relative;
  overflow: hidden;
}
.detail-page .thumb-slider .thumb .cover .lazy {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-position: top center;
     object-position: top center;
  transition: all 400ms ease-out;
}
.detail-page .thumb-slider .link:hover .thumb .cover .lazy {
  transform: scale(1.05);
}
.detail-page .editor-content {
  padding: 28px 0;
}
.detail-page .video-box {
  padding: 80px 130px;
  border-bottom: 1px solid #EAE8E8;
}
.detail-page .download-box {
  padding: 40px 0;
  border-bottom: 1px solid #EAE8E8;
}
.detail-page .download-box .slick-dots {
  position: relative;
  bottom: 0;
  margin-top: 10px;
}
.detail-page .download-box .slick-dots li:before {
  border-color: #CCCCCC;
}
.detail-page .download-box .slick-dots li button {
  background: #CCCCCC;
}
.detail-page .download-box .slick-dots li.slick-active button {
  background: #333333;
}
.detail-page .download-box .slick {
  margin: 0 -20px;
}
.detail-page .download-box .item {
  padding: 0 20px;
}
.detail-page .download-box .wrapper {
  border: 1px solid #CCCCCC;
  overflow: hidden;
  background-color: #ffffff;
  padding: 0 30px;
}
.detail-page .download-box .height {
  height: 120px;
}
.detail-page .download-box .icon-load {
  width: 49px;
}
.detail-page .download-box .content {
  padding: 0 15px;
}
.detail-page .download-box .content img {
  display: inline-block;
  vertical-align: middle;
}
.detail-page .download-box .content .title {
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 5px;
  max-height: 1em;
  line-height: 1em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.detail-page .download-box .content .desc {
  font-size: 20px;
  line-height: 1;
  font-weight: normal;
  color: #555555;
}
.detail-page .download-box .content .desc .color {
  color: #FF6600;
}
.detail-page .download-box .content .desc .item-list {
  margin: 0 -5px;
}
.detail-page .download-box .content .desc .item-list li {
  padding: 0 5px;
}
.detail-page .download-box .content .desc .item-list li + li {
  border-left: 1px solid #CCCCCC;
}
.detail-page .download-box .content .desc .update {
  color: #9B9B9B;
  font-size: 20px;
  line-height: 1;
  font-weight: normal;
  margin-top: 5px;
}
.detail-page .download-box .action .btn {
  min-width: 120px;
  font-size: 24px;
  font-weight: normal;
  border: 1px solid #CCCCCC;
  color: #FF6600;
}
.detail-page .download-box .action .btn:before {
  background-color: #FF6600;
}
.detail-page .download-box .link:hover .btn {
  color: #ffffff;
  background-color: transparent;
  border-color: #FF6600;
}
.detail-page .download-box .link:hover .btn:before {
  transform: scaleX(1);
}
.detail-page .end-box {
  padding-top: 40px;
  text-align: right;
}
.detail-page .end-box .btn {
  min-width: 180px;
}

.news-other {
  padding: 60px 0;
  background-color: #F4F4F4;
}
.news-other .h-title {
  font-size: 48px;
  font-weight: bold;
  line-height: 1;
  color: #333333;
  margin-bottom: 20px;
}
.news-other .slick-dotted.slick-slider {
  margin-bottom: 0;
}

.news-other-slider {
  margin: 0 -20px;
}
.news-other-slider .item {
  padding: 0 20px;
}
.news-other-slider .slick-prev, .news-other-slider .slick-next {
  color: #9B9B9B;
}
.news-other-slider .slick-prev:hover, .news-other-slider .slick-next:hover {
  color: #FF6600;
}
.news-other-slider .slick-dots {
  bottom: 0;
  position: relative;
  margin-top: 45px;
}
.news-other-slider .slick-dots li:before {
  border-color: #FF6600;
}
.news-other-slider .slick-dots li button {
  background: #FF6600;
}
.news-other-slider .slick-dots li.slick-active button {
  background: #FF6600;
}
.news-other-slider .link {
  border: 1px solid #F4F4F4;
  display: block;
}
.news-other-slider .thumb {
  position: relative;
}
.news-other-slider .thumb .cover {
  position: relative;
  padding-bottom: 60%;
  overflow: hidden;
}
.news-other-slider .thumb .cover:before {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.15);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms ease-out;
}
.news-other-slider .thumb .cover .lazy {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms ease-out;
}
.news-other-slider .content {
  background-color: #ffffff;
  padding: 20px;
  padding-bottom: 35px;
}
.news-other-slider .content .title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2em;
  color: #333333;
  height: 1.2em;
  margin-bottom: 5px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: all 400ms ease-out;
}
.news-other-slider .content .desc {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.2em;
  color: #555555;
  max-height: 2.4em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-other-slider .link:hover .thumb .cover:before {
  background-color: rgba(0, 0, 0, 0);
}
.news-other-slider .link:hover .thumb .cover .lazy {
  transform: scale(1.1);
}
.news-other-slider .link:hover .content .title {
  color: #FF6600;
}

.about-nav {
  margin-bottom: 35px;
}
.about-nav .btn-filter {
  position: relative;
  display: none;
  border: 1px solid #FF6600;
  background-color: #FF6600;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  border-radius: 5px;
}
.about-nav .btn-filter:after {
  content: "";
  font-family: "FontAwesome";
  font-weight: normal;
  font-size: 12px;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  position: absolute;
  transition: all 400ms ease-out;
}
.about-nav .btn-filter.active:after {
  content: "";
}

.about-nav-list {
  position: relative;
  margin: 0 -10px;
  overflow: auto;
  transition: all 400ms ease-out;
}
.about-nav-list .item-list {
  display: flex;
  flex-wrap: nowrap;
}
.about-nav-list .item {
  padding: 0 10px;
  min-width: calc(100%/4);
  flex: 0 0 auto;
  transition: all 400ms ease-out;
}
.about-nav-list.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.about-nav-list .link {
  display: block;
  border: 1px solid #EBEBEB;
  background-color: #ffffff;
  padding: 10px 20px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #333333;
  border-radius: 5px;
}
.about-nav-list .link:hover {
  border-color: #FF6600;
  color: #FF6600;
}
.about-nav-list .active .link {
  color: #ffffff;
  border-color: #FF6600;
  background-color: #FF6600;
}

/* layouts */
.site-header {
  position: fixed;
  z-index: 99;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.site-header .top-bar {
  background-color: #F4F4F4;
  position: relative;
  z-index: 12;
  pointer-events: visible;
}
.site-header .top-bar:after {
  content: "";
  display: table;
  clear: both;
}
.site-header .top-bar .item-list.-main {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 40px;
  float: right;
}
.site-header .top-bar .item-list.-main > li {
  position: relative;
  padding: 0 20px;
}
.site-header .top-bar .item-list.-main > li + li:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 20px;
  width: 1px;
  background-color: #CCCCCC;
}
.site-header .top-bar .dropdown-toggle::after {
  display: none;
}
.site-header .top-bar .point-box .link {
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
  color: #333333;
}
.site-header .top-bar .point-box .link .color {
  color: #FF6600;
}
.site-header .top-bar .user-box {
  position: relative;
}
.site-header .top-bar .cart-box.dropdown > a.link {
  position: relative;
}
.site-header .top-bar .cart-box.dropdown > a.link .alert-box {
  position: absolute;
  top: -8px;
  right: -12px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 16px;
  text-align: center;
  font-weight: normal;
  line-height: 1;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: #FF6600;
  color: #ffffff;
  border-radius: 50px;
}
.site-header .top-bar .cart-box.dropdown > a.link .alert-box.active {
  display: flex;
}
.site-header .top-bar .cart-box.dropdown .dropdown-menu {
  min-width: 320px;
  border: 0;
  overflow: hidden;
  padding: 20px;
  margin: 0;
  right: 0;
  left: auto !important;
  top: 30px !important;
  transform: none !important;
  border-radius: 0%;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.site-header .top-bar .cart-box.dropdown .dropdown-menu li {
  width: 100%;
}
.site-header .top-bar .cart-dropdown .h-title {
  font-size: 30px;
  font-weight: bold;
  color: #333333;
  line-height: 1;
  margin-bottom: 20px;
}
.site-header .top-bar .cart-dropdown .cart-list {
  overflow: auto;
  max-height: 191px;
}
.site-header .top-bar .cart-dropdown .cart-list li {
  background-color: #F3F4F5;
  padding: 14px 13px;
  position: relative;
}
.site-header .top-bar .cart-dropdown .cart-list li + li {
  margin-top: 3px;
}
.site-header .top-bar .cart-dropdown .cart-list .link.btn-close {
  position: absolute;
  color: #CCCCCC;
  top: 10px;
  right: 10px;
}
.site-header .top-bar .cart-dropdown .cart-list .link.btn-close:hover {
  color: #333333;
}
.site-header .top-bar .cart-dropdown .cart-list .thumb {
  background-color: #ffffff;
  border: 1px solid #EBEBEB;
  margin-right: 10px;
  transition: All 400ms ease;
}
.site-header .top-bar .cart-dropdown .cart-list .thumb:hover {
  border-color: #333333;
  cursor: pointer;
}
.site-header .top-bar .cart-dropdown .cart-list .thumb .contain {
  position: relative;
  overflow: hidden;
  width: 67px;
  height: 62px;
}
.site-header .top-bar .cart-dropdown .cart-list .thumb .contain .lazy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.site-header .top-bar .cart-dropdown .cart-list .content {
  text-align: left;
}
.site-header .top-bar .cart-dropdown .cart-list .content .title {
  font-size: 14px;
  font-weight: normal;
  color: #333333;
  overflow: hidden;
  padding-right: 25px;
  line-height: 1em;
  max-height: 2em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.site-header .top-bar .cart-dropdown .cart-list .content .price {
  font-size: 20px;
  font-weight: bold;
  color: #FF6600;
  line-height: 1;
}
.site-header .top-bar .cart-dropdown .cart-list .content .input-number-group {
  width: 92px;
}
.site-header .top-bar .cart-dropdown .cart-list .content .input-number-group .input-number {
  width: 48px;
  margin: 0 2px;
}
.site-header .top-bar .cart-dropdown .cart-list .content .input-number-group .input-number-decrement,
.site-header .top-bar .cart-dropdown .cart-list .content .input-number-group .input-number-increment {
  width: 20px;
  background-color: transparent;
}
.site-header .top-bar .cart-dropdown .cart-list .content .input-number-group .input-number,
.site-header .top-bar .cart-dropdown .cart-list .content .input-number-group .input-number-decrement,
.site-header .top-bar .cart-dropdown .cart-list .content .input-number-group .input-number-increment {
  line-height: 28px;
  font-size: 19px;
}
.site-header .top-bar .cart-dropdown .action {
  padding-top: 20px;
}
.site-header .top-bar .cart-dropdown .action .total-price {
  line-height: 0.7;
  color: #FF6600;
  font-size: 30px;
  font-weight: bold;
}
.site-header .top-bar .cart-dropdown .action .total-price small {
  font-size: 14px;
  font-weight: normal;
  color: #333333;
}
.site-header .top-bar .cart-dropdown .action .btn {
  min-width: 140px;
  height: 40px;
  line-height: 38px;
  font-size: 20px;
  font-weight: normal;
  background-color: #FF6600;
  border-color: #FF6600;
  color: #ffffff;
  border-radius: 5px;
}
.site-header .top-bar .cart-dropdown .action .btn:hover {
  background-color: #ffffff;
  color: #FF6600;
}
.site-header .top-bar .language-box.dropdown a.link {
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
  color: #333333;
}
.site-header .top-bar .language-box.dropdown a.link .icon {
  display: inline-block;
  vertical-align: middle;
}
.site-header .top-bar .language-box.dropdown a.link .icon:before {
  content: "";
  font-family: "FontAwesome";
}
.site-header .top-bar .language-box.dropdown.show a.link .icon:before {
  content: "";
}
.site-header .top-bar .language-box.dropdown .dropdown-menu {
  min-width: inherit;
  width: 100%;
  border: 0;
  left: -20px !important;
  border-radius: 0%;
}
.site-header .top-bar .language-box.dropdown .dropdown-menu li {
  width: 100%;
}
.site-header .top-bar .language-box.dropdown .dropdown-menu li + li {
  border-top: 1px solid #ebebeb;
}
.site-header .top-bar .language-box.dropdown .dropdown-menu .link {
  padding: 3px 5px;
  text-align: center;
}
.site-header .top-bar .language-box.dropdown .dropdown-menu .link:hover {
  background-color: #ebebeb;
}
.site-header .top-bar .language-box.dropdown .dropdown-menu .active .link {
  background-color: #333333;
  color: #ffffff;
}
.site-header .middle-bar {
  padding: 20px 0;
  background-color: #ffffff;
  position: relative;
  z-index: 11;
  pointer-events: visible;
}
.site-header .middle-bar:after {
  content: "";
  display: table;
  clear: both;
}
.site-header .middle-bar .logo {
  width: 430px;
  transition: all 400ms ease-out;
}
.site-header .middle-bar .search-box {
  transition: all 400ms ease-out;
}
.site-header .middle-bar .search-box:after {
  content: "";
  display: table;
  clear: both;
}
.site-header .middle-bar .search-box .form-default {
  float: right;
  width: 400px;
  transition: all 400ms ease-out;
}
.site-header .middle-bar .search-box .form-group {
  margin-bottom: 0;
}
.site-header .middle-bar .search-box .form-control {
  padding-right: 60px;
  min-height: inherit;
  height: 40px;
  transition: all 400ms ease-out;
}
.site-header .middle-bar .search-box .btn {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  border: none;
  min-width: inherit;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  padding: 0;
  color: #333333;
}
.site-header .middle-bar .search-box .btn:hover {
  color: #FF6600;
}
.site-header .middle-bar .menu-box {
  transition: all 400ms ease-out;
}
.site-header .middle-bar .menu-box:after {
  content: "";
  display: table;
  clear: both;
}
.site-header .middle-bar .menu-box .menu {
  float: right;
  padding-top: 16px;
  transition: all 400ms ease-out;
}
.site-header .middle-bar .visible-sm {
  display: none;
}
.site-header .bottom-bar {
  background-color: #333333;
  pointer-events: visible;
}
.site-header .bottom-bar .btn-head-category {
  display: none;
  position: relative;
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
  padding: 8px 0px;
  text-decoration: none;
  border-radius: 0px;
}
.site-header .bottom-bar .btn-head-category:before {
  content: "+";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2px;
  margin: auto;
  font-size: 30px;
  font-weight: normal;
  color: #ffffff;
  height: 10px;
  line-height: 10px;
  transition: All 400ms ease;
}
.site-header .bottom-bar .btn-head-category.active:before {
  content: "-";
}
.site-header .bottom-bar .nav-list {
  transition: all 400ms ease-out;
}
.site-header .bottom-bar .nav-list li {
  width: calc(100%/10);
  transition: All 400ms ease;
}
.site-header .bottom-bar .nav-list .link {
  font-size: 20px;
  font-weight: normal;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  background-color: #333333;
  text-transform: uppercase;
}
.site-header .bottom-bar .nav-list .link:hover {
  background-color: #000000;
}
.site-header .bottom-bar .nav-list > li.active > .link {
  background-color: #FF6600;
}
.site-header .bottom-bar .nav-list > li.show > .link {
  background-color: #FF6600;
}
.site-header .bottom-bar .nav-list .dropdown-toggle::after {
  display: none;
}
.site-header .bottom-bar .dropdown-menu {
  position: fixed !important;
  top: 200px !important;
  right: 0;
  transform: none !important;
  min-width: inherit;
  border: none;
  margin: 0;
  padding: 30px 0 0 0;
  max-height: calc(100vh - 200px);
  overflow: auto;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  transition: All 400ms ease;
}
.site-header .bottom-bar .dropdown-menu .box-list {
  margin: 0 -10px;
}
.site-header .bottom-bar .dropdown-menu .box-list:after {
  content: "";
  display: table;
  clear: both;
}
.site-header .bottom-bar .dropdown-menu .box-item {
  float: left;
  width: calc(100%/6);
  padding: 0 10px;
}
.site-header .bottom-bar .dropdown-menu .h-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #707070;
  margin-bottom: 10px;
}
.site-header .bottom-bar .dropdown-menu .nav-list {
  margin-bottom: 23px;
}
.site-header .bottom-bar .dropdown-menu li {
  width: 100%;
}
.site-header .bottom-bar .dropdown-menu li + li {
  margin-top: 7px;
}
.site-header .bottom-bar .dropdown-menu .link {
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  color: #707070;
  background-color: transparent;
  text-align: left;
  text-transform: inherit;
}
.site-header .bottom-bar .dropdown-menu .link span {
  border-bottom: 1px solid transparent;
  transition: All 400ms ease;
}
.site-header .bottom-bar .dropdown-menu .link:hover {
  background-color: transparent;
  color: #FF6600;
}
.site-header .bottom-bar .dropdown-menu .nav-list > li.active > .link {
  background-color: transparent;
}
.site-header .bottom-bar .dropdown-menu .nav-list > li.active > .link span {
  border-bottom-color: #FF6600;
}

.site-header.tiny .middle-bar .logo {
  width: 200px;
}
.site-header.tiny .middle-bar .search-box {
  float: right;
}
.site-header.tiny .middle-bar .search-box .form-default {
  width: 250px;
}
.site-header.tiny .middle-bar .search-box .form-control {
  height: 30px;
}
.site-header.tiny .middle-bar .menu-box {
  float: right;
  padding-right: 30px;
}
.site-header.tiny .middle-bar .menu-box .menu {
  padding-top: 6px;
}
.site-header.tiny .bottom-bar .nav-list .link {
  font-size: 16px;
  line-height: 30px;
}
.site-header.tiny .bottom-bar .dropdown-menu {
  top: 147px !important;
  max-height: calc(100vh - 147px);
}
.site-header.tiny .bottom-bar .dropdown-menu .link {
  line-height: 1;
}
.site-header.tiny nav.menu li + li {
  margin-left: 20px;
}
.site-header.tiny nav.menu li a.link {
  font-size: 20px;
}

.site-footer .sitemap {
  padding: 60px 0;
  background-color: #333333;
}
.site-footer .sitemap .h-title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1em;
  color: #ffffff;
}
.site-footer .sitemap .desc {
  font-size: 20px;
  font-weight: normal;
  line-height: 1em;
  color: #ffffff;
  margin-top: 15px;
}
.site-footer .sitemap .address,
.site-footer .sitemap .fax,
.site-footer .sitemap .tel {
  padding-left: 30px;
  position: relative;
}
.site-footer .sitemap .address {
  margin-top: 15px;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.2em;
  color: #ffffff;
}
.site-footer .sitemap .fax {
  margin-top: 10px;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2em;
  color: #ffffff;
}
.site-footer .sitemap .tel {
  margin-top: 10px;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2em;
  color: #ffffff;
}
.site-footer .sitemap .tel .link {
  color: #ffffff;
  position: relative;
}
.site-footer .sitemap .tel .link:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 1px;
  background-color: #ffffff;
  transition: All 400ms ease;
  opacity: 0;
  width: 0;
}
.site-footer .sitemap .tel .link:hover:before {
  opacity: 1;
  width: 100%;
}
.site-footer .sitemap .icon {
  position: absolute;
  top: 2px;
  left: 0;
  max-width: 21px;
  max-height: 21px;
}
.site-footer .btn-sitemap {
  display: none;
  position: relative;
  font-size: 22px;
  font-weight: bold;
  color: #ffffff;
  padding: 15px 0;
  text-decoration: none;
  border-radius: 5px;
}
.site-footer .btn-sitemap:before {
  content: "+";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  font-size: 30px;
  font-weight: normal;
  color: #ffffff;
  height: 10px;
  line-height: 10px;
  transition: All 400ms ease;
}
.site-footer .btn-sitemap.active:before {
  content: "-";
}
.site-footer .sitemap-list {
  margin-top: 20px;
}
.site-footer .sitemap-list .item-list {
  transition: All 400ms ease;
}
.site-footer .sitemap-list li {
  width: 100%;
}
.site-footer .sitemap-list li + li {
  margin-top: 10px;
}
.site-footer .sitemap-list .link {
  font-size: 20px;
  font-weight: normal;
  line-height: 1em;
  color: #ffffff;
  position: relative;
  display: inline;
}
.site-footer .sitemap-list .link:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 1px;
  background-color: #ffffff;
  width: 0;
  opacity: 0;
  transition: All 400ms ease;
}
.site-footer .sitemap-list li.active .link:before,
.site-footer .sitemap-list .link:hover:before {
  opacity: 1;
  width: 100%;
}
.site-footer .sitemap-list:hover .link {
  opacity: 0.5;
}
.site-footer .sitemap-list:hover .link:hover {
  opacity: 1;
}
.site-footer .social-list {
  margin-top: 25px;
}
.site-footer .social-list li + li {
  margin-left: 15px;
}
.site-footer .social-list .link {
  position: relative;
  top: 0;
}
.site-footer .social-list:hover .link {
  opacity: 0.5;
}
.site-footer .social-list:hover .link:hover {
  opacity: 1;
  top: -3px;
}
.site-footer .policy-list {
  margin-top: 25px;
}
.site-footer .policy-list li + li {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #ffffff;
}
.site-footer .policy-list .link {
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
  color: #ffffff;
  position: relative;
}
.site-footer .policy-list .link:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 1px;
  background-color: #ffffff;
  opacity: 0;
  width: 0;
  transition: All 400ms ease;
}
.site-footer .policy-list:hover .link {
  opacity: 0.5;
}
.site-footer .policy-list:hover .link:hover {
  opacity: 1;
}
.site-footer .policy-list:hover .link:hover:before {
  opacity: 1;
  width: 100%;
}
.site-footer .copyright {
  background-color: #ffffff;
  padding: 18px 0;
}
.site-footer .copyright .txt {
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
  color: #333333;
  text-align: center;
}

.pdpa {
  background-color: rgba(51, 51, 51, 0.9);
  position: fixed;
  z-index: 99;
  left: 0;
  right: 0;
  bottom: 0;
  transition: All 400ms ease;
}
.pdpa.hide {
  opacity: 0;
  pointer-events: none;
}
.pdpa .height {
  height: 120px;
}
.pdpa .icon {
  margin-right: 20px;
}
.pdpa .txt {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2;
  color: #ffffff;
}
.pdpa .txt .link {
  text-decoration: underline;
  color: #ffffff;
}
.pdpa .txt .link:hover {
  color: #FF6600;
}
.pdpa .action {
  margin-left: 130px;
}
.pdpa .action .btn {
  min-width: 180px;
  height: 40px;
  line-height: 40px;
}

@media (max-width: 1600px) {
  .container {
    max-width: inherit;
    width: 1210px;
  }

  .top-graphic .wrapper .cover {
    padding-bottom: 720px;
  }

  .wg-highlight-slider .slick-slide.slick-current .thumb .contain {
    padding-bottom: 117.25%;
  }

  .wg-bakeware .content .txt,
.wg-cooktools .content .txt,
.wg-ingredients .content .txt {
    font-size: 42px;
  }

  .wg-cooktools .sub-pin .thumb .cover {
    padding-bottom: 46.5%;
  }

  .wg-ingredients .thumb .cover {
    padding-bottom: 46.5%;
  }

  .product-detail .product-slider .slider-for {
    width: 483px;
  }

  .default-header .height {
    height: 240px;
  }

  .contact-map .nav-tabs {
    height: 90px;
  }

  .contact-map .nav-tabs .nav-link {
    height: 90px;
    font-size: 42px;
  }

  .contact-map .nav-tabs .nav-item.show .nav-link,
.contact-map .nav-tabs .nav-link.active {
    margin-bottom: -10px;
    height: 110px;
  }

  .member-content .card .action .btn {
    min-width: 180px;
  }

  .order-cart .col-L {
    width: 820px;
  }
}
@media (max-width: 1440px) {
  .container {
    max-width: inherit;
    width: 1210px;
  }

  .site-header .top-bar .item-list.-main {
    height: 30px;
  }

  .site-header .top-bar .point-box .link {
    font-size: 20px;
  }

  .site-header .top-bar .cart-box.dropdown a.link .alert-box {
    top: -4px;
    right: -14px;
  }

  .site-header .top-bar .cart-box.dropdown .dropdown-menu {
    top: 25px !important;
  }

  .site-header .top-bar .language-box.dropdown a.link {
    font-size: 20px;
  }

  .site-header .middle-bar .logo {
    width: 352px;
  }

  .site-header .middle-bar .search-box .form-control {
    height: 30px;
  }

  .site-header .middle-bar .menu-box .menu {
    padding-top: 12px;
  }

  .site-header .bottom-bar .nav-list .link {
    font-size: 16px;
    line-height: 35px;
  }

  .site-header .bottom-bar .dropdown-menu {
    top: 169.9px !important;
    max-height: calc(100vh - 169.9px);
  }

  .site-header .bottom-bar .dropdown-menu .link {
    line-height: 1;
  }

  nav.menu li + li {
    margin-left: 40px;
  }

  nav.menu li a.link {
    font-size: 20px;
  }

  .site-header.tiny .middle-bar .logo {
    width: 160px;
  }

  .site-header.tiny .bottom-bar .dropdown-menu {
    top: 130px !important;
    max-height: calc(100vh - 130px);
  }

  .site-container {
    margin-top: 170px;
  }

  .whead .title {
    font-size: 80px;
  }

  .whead .desc {
    font-size: 36px;
    padding-left: 250px;
  }

  .slick-prev {
    margin-left: -670px;
  }

  .slick-next {
    margin-right: -670px;
  }

  .slick-prev, .slick-next {
    width: 45px;
    height: 45px;
    line-height: 48px;
    font-size: 40px;
  }

  .top-graphic .wrapper .cover {
    padding-bottom: 50%;
  }

  .top-graphic .wrapper .content {
    bottom: 140px;
  }

  .top-graphic .wrapper .content .txt {
    width: 720px;
    font-size: 24px;
  }

  .wg-menu.active {
    right: 10px;
  }

  .wg-menu .item-list {
    width: 50px;
  }

  .wg-menu .item-list li {
    height: 50px;
  }

  .wg-menu .item-list .icon {
    width: 50px;
    height: 50px;
  }

  .wg-menu .item-list .icon .lazy {
    max-width: 60%;
  }

  .wg-menu .item-list .txt {
    line-height: 48px;
    height: 50px;
  }

  .wg-menu .item-list .link:hover .txt {
    right: 50px;
  }

  .wg-highlight .line-ojb {
    top: -100px;
    height: 220px;
  }

  .wg-highlight .overflow-box {
    padding-top: 120px;
    padding-bottom: 150px;
  }

  .wg-highlight-slider .slick-dots {
    bottom: -80px;
  }

  .wg-highlight-slider .content .txt {
    font-size: 28px;
  }

  .wg-bakeware .overflow-box,
.wg-cooktools .overflow-box,
.wg-ingredients .overflow-box {
    padding: 120px 0;
  }

  .wg-bakeware .content .txt,
.wg-cooktools .content .txt,
.wg-ingredients .content .txt {
    font-size: 36px;
  }

  .wg-bakeware .content .txt small,
.wg-cooktools .content .txt small,
.wg-ingredients .content .txt small {
    font-size: 26px;
  }

  .wg-bakeware .content .desc,
.wg-cooktools .content .desc,
.wg-ingredients .content .desc,
.wg-electrics-outdoor .content .txt,
.wg-promotion .txt,
.wg-event .content .desc,
.wg-academy .txt {
    font-size: 22px;
  }

  .wg-bakeware .content .action,
.wg-cooktools .content .action,
.wg-ingredients .content .action,
.wg-electrics-outdoor .content .action {
    margin-top: 20px;
    font-size: 40px;
  }

  .wg-bakeware .pin .content .txt,
.wg-cooktools .pin .content .txt,
.wg-ingredients .pin .content .txt {
    font-size: 60px;
  }

  .wg-bakeware .line-ojb {
    height: 265px;
  }

  .wg-cooktools .line-ojb {
    height: 265px;
  }

  .wg-ingredients .line-ojb {
    height: 265px;
  }

  .wg-promotion .content {
    height: 400px;
  }

  .wg-promotion-menu {
    padding-bottom: 60px;
  }

  .wg-promotion-menu .nav-link {
    font-size: 18px;
  }

  .wg-promotion-menu .tab-content {
    padding-top: 50px;
  }

  .wg-event {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .wg-event .content .title,
.wg-purchasing-process .title {
    font-size: 28px;
  }

  .wg-academy .whead .desc {
    padding-left: 150px;
  }

  .wg-academy .thumb {
    width: 470px;
    margin-top: -260px;
    margin-bottom: -200px;
  }

  .wg-purchasing-process {
    padding: 60px 0;
  }

  .wg-purchasing-process .thumb {
    height: 65px;
  }

  .wg-purchasing-process .thumb .lazy {
    max-height: 65px;
    max-width: 100px;
  }

  .wg-banner .thumb .contain {
    padding-bottom: 60%;
    max-width: 150px;
  }

  .pdpa .txt {
    font-size: 20px;
  }

  .-product-default .content .txt {
    font-size: 22px;
  }

  .-product-default .content .desc {
    font-size: 18px;
  }

  .-product-default .content .price {
    font-size: 38px;
  }

  .-product-default .content .price small {
    font-size: 18px;
  }

  .breadcrumb li,
.breadcrumb li .link {
    font-size: 18px;
  }

  .editor-content .font-base-editor,
.editor-content p,
.editor-content .editor-content {
    font-size: 24px;
  }

  .product-detail .product-data .tag-list .link {
    font-size: 26px;
  }

  .product-detail .product-data .title {
    font-size: 32px;
  }

  .product-detail .product-data .price-box .sale {
    font-size: 32px;
  }

  .product-detail .product-data .price-box .price {
    font-size: 48px;
  }

  .product-detail .product-data .price-box .off {
    font-size: 28px;
    top: -3px;
  }

  .product-detail .product-data .shipping-cost,
.product-detail .product-data .select-color .txt,
.product-detail .product-data .share-box .social-list .txt {
    font-size: 24px;
  }

  .product-info .h-title {
    font-size: 32px;
  }

  .product-content .download-box .icon-load {
    width: 45px;
  }

  .product-content .download-box .content .title {
    font-size: 22px;
    margin-bottom: 3px;
  }

  .product-content .download-box .content .desc {
    font-size: 18px;
  }

  .product-content .download-box .content .desc .update {
    font-size: 18px;
    margin-top: 3px;
  }

  .product-content .download-box .action .btn {
    font-size: 20px;
  }

  .product-review .wrapper .content .title {
    margin-bottom: 5px;
  }

  .product-review .wrapper .content .txt-product {
    margin-bottom: 15px;
  }

  .product-review .wrapper .content .desc {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .product-review .wrapper .content .title,
.product-review .wrapper .content .txt-product,
.product-review .wrapper .content .date {
    font-size: 22px;
  }

  .related-products .h-title {
    font-size: 45px;
    margin-bottom: 25px;
  }

  .default-header .height {
    height: 200px;
  }

  .default-header .txt {
    font-size: 45px;
  }

  .contact-info {
    padding-bottom: 50px;
  }

  .contact-info .contact-data .inner {
    width: 470px;
    padding: 60px 30px;
  }

  .contact-info .contact-data .nav-tabs .nav-link {
    font-size: 18px;
  }

  .contact-info .contact-data .nav-tabs .nav-link:before {
    height: 1px;
  }

  .contact-info .contact-data .tab-content > .tab-pane {
    padding-top: 30px;
  }

  .contact-info .contact-data .h-title {
    font-size: 32px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .contact-info .contact-data .address,
.contact-info .contact-data .fax,
.contact-info .contact-data .mail,
.contact-info .contact-data .tel,
.contact-info .contact-data .social-list .txt {
    font-size: 22px;
  }

  .contact-info .contact-form .inner {
    padding: 30px;
  }

  .contact-info .contact-form .h-title {
    font-size: 38px;
    margin-bottom: 15px;
  }

  .contact-info .captcha-box > div + div {
    margin-left: 15px;
  }

  .contact-info .form-button {
    padding-top: 30px;
  }

  .contact-map .nav-tabs {
    height: 70px;
  }

  .contact-map .nav-tabs .nav-link {
    height: 70px;
    font-size: 30px;
  }

  .contact-map .nav-tabs .nav-item.show .nav-link,
.contact-map .nav-tabs .nav-link.active {
    height: 80px;
  }

  .form-default .form-group {
    margin-bottom: 15px;
  }

  .form-default .control-label {
    margin-bottom: 5px;
    font-size: 22px;
  }

  .form-default .form-control {
    font-size: 22px;
  }

  .form-default .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 20px;
  }

  .map-page.site-container {
    margin-top: 104.97px;
  }

  .map-page .nav-map {
    top: 32px;
  }

  .map-page .map-graphic .cover img {
    height: calc(100vh - 164.97px);
  }

  .map-page .iframe-container {
    height: calc(100vh - 104.97px);
  }

  .member-userbox {
    width: 300px;
  }

  .member-userbox .user-profile .thumb .cover {
    width: 120px;
    height: 120px;
    border-width: 2px;
  }

  .member-userbox .user-profile .title {
    font-size: 30px;
  }

  .member-userbox .user-profile .nav-list li .link {
    font-size: 22px;
  }

  .member-userbox .user-profile .nav-list li .link strong {
    font-size: 26px;
  }

  .member-userbox .user-menu .nav-list li .link {
    padding: 20px 0px;
    font-size: 22px;
  }

  .member-userbox .user-menu .nav-list li .link .icon {
    margin-right: 15px;
  }

  .member-userbox .user-dealer .txt {
    top: 20px;
    left: 20px;
  }

  .member-userbox .user-dealer .txt p {
    font-size: 25px;
  }

  .member-userbox .user-dealer .txt h6 {
    font-size: 30px;
  }

  .member-content .card .h-title {
    font-size: 26px;
  }

  .member-content .card .h-title img {
    margin-right: 10px;
  }

  .member-content .card .data-content .row + .row {
    margin-top: 25px;
  }

  .member-content .card .data-content .title + .desc {
    margin-top: 5px;
  }

  .member-content .card .data-content .desc {
    font-size: 22px;
  }

  .member-content .card .order-list .col-III {
    width: 140px;
  }

  .member-content .card .order-list table thead th,
.member-content .card .order-list table tbody td,
.member-content .card .order-list .status .link,
.member-content .card .order-list .status p {
    font-size: 22px;
  }

  .member-content .card .order-list .action .btn {
    height: 40px;
    line-height: 40px;
    font-size: 22px;
  }

  .member-content .card .order-dealer-list table thead th {
    font-size: 22px;
  }

  .member-content .card .point-list .nav-list .link {
    font-size: 24px;
  }

  .member-content .card .point-list .item-list .content .txt {
    font-size: 24px;
  }

  .member-content .card .point-list .item-list .content .num {
    font-size: 22px;
  }

  .member-content .card .wish-list .nav-list .link {
    font-size: 24px;
  }

  .member-content .card .dealer-list .nav-list .link {
    font-size: 24px;
  }

  .service-page .h-title .txt {
    font-size: 40px;
  }

  .news-list .content .title {
    font-size: 28px;
  }

  .news-list .content .desc {
    font-size: 22px;
  }

  .detail-page .head-box .title {
    font-size: 45px;
  }

  .detail-page .download-box .icon-load {
    width: 45px;
  }

  .detail-page .download-box .content .title {
    font-size: 22px;
    margin-bottom: 3px;
  }

  .detail-page .download-box .content .desc {
    font-size: 18px;
  }

  .detail-page .download-box .content .desc .update {
    font-size: 18px;
    margin-top: 3px;
  }

  .detail-page .download-box .action .btn {
    font-size: 20px;
  }

  .news-other .h-title {
    font-size: 45px;
  }
}
@media (max-width: 1199px) {
  .container {
    max-width: inherit;
    width: 970px;
  }

  .modal-lg, .modal-xl {
    max-width: 800px;
  }

  .modal-md {
    max-width: 750px;
  }

  .site-header .top-bar .item-list.-main {
    height: 20px;
  }

  .site-header .top-bar .point-box .link {
    font-size: 16px;
  }

  .site-header .top-bar .user-box a.link .lazy {
    height: 12px;
  }

  .site-header .top-bar .cart-box.dropdown a.link .lazy {
    height: 14px;
  }

  .site-header .top-bar .cart-box.dropdown a.link .alert-box {
    top: -1px;
    right: -12px;
    min-width: 14px;
    height: 14px;
    padding: 0 4px;
    font-size: 14px;
  }

  .site-header .top-bar .cart-box.dropdown .dropdown-menu {
    top: 20px !important;
  }

  .site-header .top-bar .language-box.dropdown a.link {
    font-size: 16px;
  }

  .site-header .middle-bar {
    padding: 10px 0;
  }

  .site-header .middle-bar .logo {
    width: 320px;
  }

  .site-header .middle-bar .search-box .form-control {
    padding: 5px 15px;
    font-size: 18px;
  }

  .site-header .middle-bar .menu-box .menu {
    padding-top: 10px;
  }

  .site-header .bottom-bar .nav-list .link {
    font-size: 15px;
    line-height: 30px;
  }

  .site-header .bottom-bar .dropdown-menu {
    top: 129px !important;
    max-height: calc(100vh - 129px);
  }

  .site-header .bottom-bar .dropdown-menu .link {
    line-height: 1;
  }

  nav.menu li + li {
    margin-left: 30px;
  }

  nav.menu li a.link {
    font-size: 18px;
  }

  .site-header.tiny .middle-bar .search-box .form-default {
    width: 200px;
  }

  .site-header.tiny .middle-bar .menu-box {
    padding-right: 15px;
  }

  .site-header.tiny nav.menu li a.link {
    font-size: 18px;
  }

  .site-header.tiny .bottom-bar .nav-list .link {
    font-size: 15px;
    line-height: 25px;
  }

  .site-header.tiny .bottom-bar .dropdown-menu {
    top: 95px !important;
    max-height: calc(100vh - 95px);
  }

  .site-header.tiny .bottom-bar .dropdown-menu .link {
    line-height: 1;
  }

  .site-container {
    margin-top: 129px;
  }

  .btn {
    min-width: 200px;
    height: 40px;
    line-height: 38px;
    font-size: 20px;
  }

  .whead {
    margin-bottom: 30px;
  }

  .whead .title {
    font-size: 60px;
  }

  .whead .desc {
    font-size: 25px;
    padding-left: 190px;
  }

  .top-graphic .wrapper .content {
    bottom: 120px;
    padding: 20px 0;
  }

  .top-graphic .wrapper .content .txt {
    font-size: 20px;
  }

  .wg-menu.active {
    right: 0;
  }

  .wg-highlight .line-ojb {
    top: -80px;
    height: 150px;
  }

  .wg-highlight .overflow-box {
    padding: 60px 0;
  }

  .wg-highlight .whead {
    margin-bottom: 30px;
  }

  .wg-highlight-slider {
    margin: -20px -10px;
  }

  .wg-highlight-slider .slick-dots {
    bottom: -20px;
  }

  .wg-highlight-slider .slick-slide.slick-current .thumb .contain {
    padding-bottom: 115.835%;
  }

  .wg-highlight-slider .wrapper {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
  }

  .wg-highlight-slider .item {
    padding: 20px 10px;
  }

  .wg-highlight-slider .thumb .contain {
    padding-bottom: 82.5%;
  }

  .wg-bakeware .overflow-box,
.wg-cooktools .overflow-box,
.wg-ingredients .overflow-box {
    padding: 60px 0;
  }

  .wg-bakeware .content .txt,
.wg-cooktools .content .txt,
.wg-ingredients .content .txt {
    font-size: 30px;
  }

  .wg-bakeware .content .txt small,
.wg-cooktools .content .txt small,
.wg-ingredients .content .txt small {
    font-size: 20px;
  }

  .wg-bakeware .content .desc,
.wg-cooktools .content .desc,
.wg-ingredients .content .desc,
.wg-electrics-outdoor .content .txt,
.wg-promotion .txt,
.wg-event .content .desc,
.wg-academy .txt {
    font-size: 20px;
  }

  .wg-bakeware .content .action,
.wg-cooktools .content .action,
.wg-ingredients .content .action,
.wg-electrics-outdoor .content .action {
    margin-top: 15px;
    font-size: 35px;
  }

  .wg-bakeware .pin .content .txt,
.wg-cooktools .pin .content .txt,
.wg-ingredients .pin .content .txt {
    font-size: 50px;
  }

  .wg-bakeware .item-list,
.wg-cooktools .item-list,
.wg-ingredients .item-list {
    margin: -10px;
  }

  .wg-bakeware .item-list .item,
.wg-cooktools .item-list .item,
.wg-ingredients .item-list .item {
    padding: 10px;
  }

  .wg-bakeware .line-ojb {
    height: 150px;
    top: -40px;
  }

  .wg-bakeware .pin .thumb .cover {
    margin-left: -50px;
  }

  .wg-cooktools .line-ojb {
    height: 150px;
    top: -40px;
  }

  .wg-cooktools .sub-pin .thumb .cover {
    padding-bottom: 48%;
  }

  .wg-cooktools .pin .thumb .cover {
    margin-right: -50px;
  }

  .wg-ingredients .line-ojb {
    height: 150px;
    top: -40px;
  }

  .wg-ingredients .thumb .cover {
    padding-bottom: 47.8%;
  }

  .wg-ingredients .pin .thumb .cover {
    margin-left: -50px;
  }

  .wg-electrics-outdoor .content {
    padding: 50px;
  }

  .wg-promotion .content {
    height: 320px;
  }

  .wg-promotion-menu .nav-link {
    font-size: 15px;
  }

  .wg-promotion-menu .tab-content {
    padding-top: 30px;
  }

  .wg-promotion-slider {
    margin: 0 -10px;
  }

  .wg-promotion-slider .item {
    padding: 0 10px;
  }

  .wg-promotion-slider .slick-dots {
    margin-top: 15px;
  }

  .wg-event {
    padding: 60px 0;
  }

  .wg-event .whead .desc {
    padding-left: 350px;
  }

  .wg-event .item-list {
    margin: 0 -10px;
  }

  .wg-event .item-list li {
    padding: 0 10px;
  }

  .wg-event .action {
    padding-top: 30px;
  }

  .wg-event .content .title,
.wg-purchasing-process .title {
    font-size: 26px;
  }

  .wg-academy {
    padding: 60px 0;
  }

  .wg-academy .whead .desc {
    padding-left: 120px;
  }

  .wg-academy .thumb {
    width: 320px;
    margin-top: -110px;
    margin-bottom: -60px;
  }

  .wg-purchasing-process .slider {
    margin: 0 -10px;
  }

  .wg-purchasing-process .item {
    padding: 0 10px;
  }

  .wg-purchasing-process .thumb {
    height: 45px;
  }

  .wg-purchasing-process .thumb .lazy {
    max-height: 45px;
    max-width: 60px;
  }

  .wg-purchasing-process .desc {
    font-size: 18px;
  }

  .wg-banner {
    padding: 30px 0;
  }

  .wg-banner .slider {
    margin: 0 -10px;
  }

  .wg-banner .item {
    padding: 0 10px;
  }

  .wg-banner .thumb .contain {
    padding-bottom: 80%;
    max-width: 100px;
  }

  .site-footer .sitemap .h-title {
    font-size: 26px;
  }

  .site-footer .sitemap-list {
    margin-top: 15px;
    margin-bottom: 50px;
  }

  .site-footer .sitemap-list .item-list {
    margin: -5px;
  }

  .site-footer .sitemap-list li {
    width: 33.33%;
    padding: 5px;
  }

  .site-footer .sitemap-list li + li {
    margin-top: 0;
  }

  .site-footer .sitemap-list .link {
    font-size: 18px;
  }

  .site-footer .sitemap .icon {
    top: 4px;
    width: 15px;
    height: 15px;
  }

  .site-footer .sitemap .icon .lazy {
    max-height: 100%;
  }

  .site-footer .sitemap .address,
.site-footer .sitemap .fax,
.site-footer .sitemap .tel {
    padding-left: 25px;
  }

  .site-footer .sitemap .address {
    margin-top: 15px;
  }

  .site-footer .sitemap .address,
.site-footer .sitemap .tel,
.site-footer .sitemap .fax,
.site-footer .sitemap .desc {
    font-size: 18px;
  }

  .site-footer .social-list {
    margin-top: 15px;
  }

  .site-footer .policy-list {
    margin-top: 20px;
  }

  .site-footer .policy-list li + li {
    margin-left: 20px;
    padding-left: 20px;
  }

  .site-footer .policy-list .link {
    font-size: 18px;
  }

  .site-footer .copyright {
    padding: 10px 0;
  }

  .site-footer .copyright .txt {
    font-size: 16px;
  }

  .pdpa .height {
    height: 80px;
  }

  .pdpa .icon {
    width: 40px;
  }

  .pdpa .txt {
    font-size: 16px;
  }

  .pdpa .action {
    margin-left: 100px;
  }

  .pdpa .action .btn {
    min-width: 120px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    font-weight: normal;
  }

  .-product-default .thumb .tag {
    padding: 10px 6px;
    font-size: 20px;
  }

  .-product-default .thumb .tag small {
    font-size: 14px;
  }

  .-product-default .content .txt {
    font-size: 20px;
    margin-bottom: 5px;
  }

  .-product-default .content .desc {
    font-size: 16px;
    margin-bottom: 8px;
  }

  .breadcrumb-block {
    padding: 10px 0;
  }

  .input-number-group .input-number,
.input-number-group .input-number-decrement,
.input-number-group .input-number-increment {
    font-size: 24px;
  }

  .editor-content .font-base-editor,
.editor-content p,
.editor-content .editor-content {
    font-size: 20px;
  }

  .pagination-label .title {
    font-size: 20px;
  }

  .pagination .link {
    min-width: 36px;
    height: 36px;
    line-height: 34px;
  }

  .pagination .jumpPage {
    width: 100px;
    padding-top: 2px;
  }

  .pagination .select2-container--default .select2-selection--single {
    height: 30px;
  }

  .pagination .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 28px;
  }

  .pagination .select2-container--default .select2-selection--single .select2-selection__arrow:before {
    font-size: 20px;
  }

  .select2-results__option {
    padding: 5px 18px;
  }

  .product-detail {
    padding: 20px 0;
  }

  .product-detail .product-slider .slider-for {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }

  .product-detail .product-slider .slider-for .item figure {
    padding-bottom: 100%;
  }

  .product-detail .product-slider .slider-nav {
    float: none;
    width: auto;
    margin: 0 -10px;
  }

  .product-detail .product-slider .slider-nav .slick-slide {
    padding: 0 10px;
  }

  .product-detail .product-slider .slider-nav .item figure {
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
  }

  .product-detail .product-slider .slider-nav .item figure img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .product-detail .product-data .tag-list .item-list li {
    margin-bottom: 15px;
  }

  .product-detail .product-data .tag-list .link {
    font-size: 22px;
  }

  .product-detail .product-data .title {
    font-size: 26px;
    margin-bottom: 15px;
  }

  .product-detail .product-data .price-box {
    margin-bottom: 15px;
  }

  .product-detail .product-data .price-box .sale {
    font-size: 24px;
  }

  .product-detail .product-data .price-box .price {
    font-size: 40px;
  }

  .product-detail .product-data .price-box .off {
    font-size: 20px;
    top: -4px;
  }

  .product-detail .product-data .shipping-cost,
.product-detail .product-data .select-color .txt,
.product-detail .product-data .share-box .social-list .txt {
    font-size: 20px;
  }

  .product-detail .product-data .shipping-cost {
    margin-bottom: 15px;
  }

  .product-detail .product-data .select-color {
    padding-top: 15px;
  }

  .product-detail .product-data .select-color .item-list {
    padding: 15px 0;
  }

  .product-detail .product-data .input-number-group {
    padding: 20px 0;
  }

  .product-info {
    padding-top: 30px;
  }

  .product-info .h-title {
    font-size: 28px;
    padding-bottom: 15px;
  }

  .product-content .editor-content {
    padding: 15px 0;
  }

  .product-content .video-box {
    padding: 25px 200px;
  }

  .product-content .download-box {
    padding: 30px 0;
  }

  .product-content .download-box .wrapper {
    padding: 0 20px;
  }

  .product-content .download-box .height {
    height: 80px;
  }

  .product-content .end-box {
    padding-top: 30px;
  }

  .product-content .end-box .btn {
    min-width: 140px;
  }

  .product-review .wrapper .thumb {
    width: 60px;
  }

  .product-review .wrapper .thumb .cover img {
    width: 60px;
    height: 60px;
  }

  .product-review .wrapper .content .list-gallery .item-list {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 10px;
  }

  .product-review .wrapper .content .list-gallery .item-list .item {
    padding: 0 5px;
    margin-bottom: 10px;
  }

  .product-review .wrapper .content .list-gallery .item-list .cover img {
    width: 50px;
    height: 50px;
  }

  .related-products {
    padding: 40px 0;
  }

  .related-products .h-title {
    font-size: 38px;
    margin-bottom: 15px;
  }

  .related-products-slider {
    margin: 0 -10px;
  }

  .related-products-slider .item {
    padding: 0 10px;
  }

  .related-products-slider .slick-dots {
    margin-top: 15px;
  }

  .product-box {
    margin: 0 -10px;
  }

  .product-box .filter {
    width: 220px;
  }

  .product-box .L-box {
    padding: 0 10px;
  }

  .product-box .btn-banner {
    margin-top: 20px;
  }

  .product-box .R-box {
    padding: 0 10px;
  }

  .product-box .product-list .item-list {
    margin: -10px;
  }

  .product-box .product-list .item {
    padding: 10px;
  }

  .product-box .product-cover {
    margin-bottom: 30px;
  }

  .product-box .product-cover .cover {
    padding-bottom: 28%;
  }

  .product-box .product-cover .whead .title {
    font-size: 60px;
  }

  .product-box .product-cover .whead .desc {
    font-size: 25px;
  }

  .default-header .height {
    height: 150px;
  }

  .default-header .txt {
    font-size: 40px;
  }

  .contact-info .contact-data .inner {
    width: 420px;
  }

  .contact-info .contact-data .tab-content > .tab-pane {
    padding-top: 20px;
  }

  .contact-info .contact-data .h-title {
    font-size: 28px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }

  .contact-info .contact-data .address,
.contact-info .contact-data .fax,
.contact-info .contact-data .mail,
.contact-info .contact-data .tel,
.contact-info .contact-data .social-list .txt {
    font-size: 20px;
  }

  .contact-info .contact-form .h-title {
    font-size: 32px;
  }

  .contact-info .form-button .btn {
    height: 35px;
    line-height: 33px;
    min-width: 140px;
    font-size: 20px;
  }

  .contact-map .nav-tabs {
    height: 60px;
  }

  .contact-map .nav-tabs .nav-link {
    height: 60px;
    font-size: 26px;
  }

  .contact-map .nav-tabs .nav-item + .nav-item:before {
    height: 30px;
  }

  .contact-map .nav-tabs .nav-item.show .nav-link,
.contact-map .nav-tabs .nav-link.active {
    height: 70px;
  }

  .contact-map .graphic-map {
    background-size: cover;
  }

  .contact-map .graphic-map .container,
.contact-map .google-map .container {
    height: 490px;
  }

  .contact-map .graphic-map .contain {
    height: 450px;
  }

  .contact-map .google-map .iframe-container {
    padding-bottom: 490px;
  }

  .form-default .control-label {
    font-size: 20px;
  }

  .form-default .form-control {
    font-size: 20px;
  }

  .form-default .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 20px;
  }

  .form-default .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 16px;
  }

  .form-default .select2-container--default .select2-selection--single .select2-selection__arrow:before {
    font-size: 24px;
  }

  .map-page .nav-map {
    top: 23px;
  }

  .map-page .nav-map .nav-list .btn {
    min-width: 140px;
    height: 35px;
    line-height: 33px;
  }

  .map-page.site-container {
    margin-top: 79.06px;
  }

  .map-page .map-graphic .cover img {
    height: calc(100vh - 139.06px);
  }

  .map-page .iframe-container {
    height: calc(100vh - 79.06px);
  }

  .modal-header .modal-title {
    font-size: 26px;
  }

  .modal-content button.close {
    top: 10px;
    right: 10px;
    line-height: 36px;
    font-size: 20px;
    width: 30px;
    height: 30px;
  }

  .modal-login .thumb-cover {
    padding: 40px;
  }

  .modal-login .info-box {
    padding: 50px 40px;
  }

  .modal-login .nav-box {
    top: 50px;
    right: 40px;
  }

  .modal-login .nav-box .nav-list li .link img {
    margin-right: 4px;
    position: relative;
    top: -1px;
  }

  .modal-login .h-title {
    font-size: 26px;
  }

  .modal-login .form-btn-social .nav-list {
    margin: 0 -5px;
  }

  .modal-login .form-btn-social .nav-list li {
    padding: 0 5px;
  }

  .modal-login .form-btn-social .nav-list li .btn .fa {
    font-size: 20px;
    top: 3px;
    margin-right: 3px;
  }

  .member-page {
    padding-bottom: 40px;
  }

  .member-userbox {
    width: 250px;
  }

  .member-userbox .user-profile .thumb .cover {
    width: 100px;
    height: 100px;
  }

  .member-userbox .user-profile .title {
    font-size: 26px;
  }

  .member-userbox .user-profile .nav-list li .link {
    font-size: 20px;
  }

  .member-userbox .user-profile .nav-list li .link img {
    top: -1px;
  }

  .member-userbox .user-profile .nav-list li .link strong {
    font-size: 24px;
  }

  .member-userbox .user-menu .nav-list li .link {
    padding: 15px 0;
    font-size: 20px;
  }

  .member-userbox .user-menu .nav-list li .link .noti {
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 18px;
  }

  .member-userbox .user-dealer .txt p {
    font-size: 22px;
  }

  .member-userbox .user-dealer .txt h6 {
    font-size: 24px;
  }

  .member-content .card .h-title {
    font-size: 24px;
  }

  .member-content .card .order-list .col-I {
    width: 300px;
  }

  .member-content .card .order-list .col-III {
    width: 120px;
  }

  .member-content .card .order-list table thead th,
.member-content .card .order-list table tbody td,
.member-content .card .order-list .status .link,
.member-content .card .order-list .status p {
    font-size: 20px;
  }

  .member-content .card .order-list .status .link {
    width: 90px;
  }

  .member-content .card .order-list .action .btn {
    height: 35px;
    line-height: 33px;
    font-size: 20px;
  }

  .member-content .card .order-dealer-list .col-I {
    width: 50px;
  }

  .member-content .card .order-dealer-list .col-III {
    width: 60px;
  }

  .member-content .card .order-dealer-list .col-IV {
    width: 90px;
  }

  .member-content .card .order-dealer-list .col-V {
    width: 110px;
  }

  .member-content .card .order-dealer-list table thead th {
    font-size: 20px;
  }

  .member-content .card .point-list .search-box .form-default .form-group .form-control {
    padding: 7px 45px 7px 15px;
  }

  .member-content .card .point-list .nav-list li + li:before {
    height: 30px;
  }

  .member-content .card .point-list .nav-list .link {
    font-size: 22px;
    height: 60px;
    line-height: 60px;
  }

  .member-content .card .point-list .item-list .content .txt {
    font-size: 22px;
  }

  .member-content .card .point-list .item-list .content .num {
    font-size: 20px;
  }

  .member-content .card .wish-list .nav-list li + li:before {
    height: 30px;
  }

  .member-content .card .wish-list .nav-list .link {
    font-size: 22px;
    height: 60px;
    line-height: 60px;
  }

  .member-content .card .dealer-list .nav-list li + li:before {
    height: 30px;
  }

  .member-content .card .dealer-list .nav-list .link {
    font-size: 22px;
    height: 60px;
    line-height: 60px;
  }

  .member-content .card .dealer-list .brand .lazy {
    width: 300px;
  }

  .payment-page {
    padding-bottom: 60px;
  }

  .payment-box .form-account .head .thumb {
    width: 40px;
    margin-right: 15px;
  }

  .payment-box .form-account .head .txt {
    font-size: 20px;
  }

  .payment-box .form-account .payment-list .icon {
    width: 15px;
    height: 15px;
  }

  .payment-box .form-account .payment-list .radio-control {
    padding-left: 25px;
  }

  .payment-box .form-account .payment-list .radio-control input[type=radio]:checked ~ .inner .icon:before {
    width: 9px;
    height: 9px;
  }

  .payment-box .form-account .payment-list .icon-bank {
    margin-right: 4px;
  }

  .payment-box .form-account .payment-list .bank-name {
    min-width: 90px;
  }

  .payment-box .form-account .payment-list .inner {
    font-size: 16px;
  }

  .payment-box .form-account .payment-list .inner .color {
    margin: 0 5px;
  }

  .submit-box {
    padding: 60px 0;
  }

  .cart-nav {
    margin-bottom: 30px;
  }

  .order-cart .col-L {
    width: 610px;
  }

  .order-cart .col-R {
    width: 300px;
  }

  .order-cart .h-title {
    font-size: 26px;
    padding-bottom: 10px;
  }

  .mycart-list .col-I,
.mycart-list .col-II,
.mycart-list .col-III,
.mycart-list .col-IV,
.mycart-list .col-V {
    padding-left: 10px;
    padding-right: 10px;
  }

  .mycart-list .col-II {
    width: 100px;
  }

  .mycart-list .col-III {
    width: 120px;
  }

  .mycart-list .col-IV {
    width: 100px;
  }

  .mycart-list .col-V {
    width: 60px;
  }

  .mycart-list .head {
    font-size: 18px;
  }

  .mycart-list .body .item-list li {
    padding: 10px 0;
  }

  .mycart-list .product-item .thumb .cover {
    width: 60px;
    height: 60px;
  }

  .mycart-list .product-item .content {
    padding-left: 10px;
  }

  .mycart-list .product-item .content .title {
    font-size: 20px;
  }

  .mycart-list .product-item .content .desc {
    font-size: 16px;
  }

  .mycart-list .product-item .content .num {
    font-size: 16px;
  }

  .mycart-list .price {
    font-size: 18px;
  }

  .mycart-list .input-number-group .txt {
    font-size: 18px;
  }

  .shipping-list .head {
    padding: 10px;
  }

  .shipping-list .body {
    padding: 10px;
  }

  .shipping-list .radio-control .inner {
    padding: 10px 20px;
  }

  .shipping-list .radio-control .thumb {
    width: 60px;
    height: 60px;
  }

  .shipping-list .radio-control .title {
    font-size: 20px;
  }

  .order-cart .action {
    padding: 10px;
  }

  .address-list .radio-control .link {
    font-size: 22px;
  }

  .address-list .radio-control .thumb {
    width: 60px;
    height: 60px;
    margin-right: 15px;
  }

  .address-list .radio-control .title {
    font-size: 22px;
  }

  .address-list .radio-control .desc {
    font-size: 18px;
  }

  .service-page .col-L {
    width: 250px;
  }

  .service-nav .nav-list .link {
    font-size: 22px;
  }

  .service-page .h-title .txt {
    font-size: 30px;
  }

  .service-content .editor-content p {
    font-size: 22px;
  }

  .news-list .item-list {
    margin: -10px;
  }

  .news-list .item-list li {
    padding: 10px;
  }

  .news-list .content .title {
    font-size: 26px;
  }

  .news-list .content .desc {
    font-size: 26px;
  }

  .detail-page .head-box .title {
    font-size: 38px;
  }

  .detail-page .editor-content {
    padding: 15px 0;
  }

  .detail-page .video-box {
    padding: 25px 200px;
  }

  .detail-page .download-box {
    padding: 30px 0;
  }

  .detail-page .download-box .wrapper {
    padding: 0 20px;
  }

  .detail-page .download-box .height {
    height: 80px;
  }

  .detail-page .end-box {
    padding-top: 30px;
  }

  .detail-page .end-box .btn {
    min-width: 140px;
  }

  .news-other {
    padding: 40px 0;
  }

  .news-other .h-title {
    font-size: 38px;
    margin-bottom: 15px;
  }

  .news-other-slider {
    margin: 0 -10px;
  }

  .news-other-slider .item {
    padding: 0 10px;
  }

  .news-other-slider .slick-dots {
    margin-top: 15px;
  }

  .about-nav-list .item {
    min-width: calc(100%/3);
  }
}
@media (max-width: 991px) {
  .container {
    max-width: inherit;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal-lg, .modal-xl {
    max-width: 680px;
  }

  .modal-md, .modal-xl {
    max-width: 600px;
  }

  .modal-header .modal-title {
    font-size: 24px;
  }

  .site-header .top-bar .language-box.dropdown .dropdown-menu {
    left: -10px !important;
  }

  .site-header .middle-bar {
    padding: 5px 0;
  }

  .site-header .middle-bar .hidden-sm {
    display: none;
  }

  .site-header .middle-bar .visible-sm {
    display: block;
  }

  .site-header .middle-bar .logo {
    width: 162px;
  }

  .site-header .middle-bar .search-box {
    background-color: #ffffff;
    padding: 7px;
    border-top: 1px solid #ebebeb;
  }

  .site-header .middle-bar .search-box .form-default {
    float: none;
    width: 100%;
  }

  .site-header .middle-bar .search-box .btn {
    right: 15px;
  }

  .site-header .middle-bar .menu-box .menu {
    padding-top: 0;
  }

  /*mobile-menu (start)*/
  .global-container {
    position: relative;
    overflow: hidden;
    right: 0;
  }

  .global-container .site-header .overlay {
    visibility: hidden;
    opacity: 0;
    transition: all 400ms ease;
  }

  .global-container .site-container {
    position: relative;
    right: 0;
    transition: all 400ms ease;
  }

  .global-container .site-footer {
    position: relative;
    right: 0;
    transition: all 400ms ease;
  }

  .global-container.sidebar-open .site-header .overlay {
    opacity: 1;
    visibility: visible;
  }

  .global-container.sidebar-open .site-container {
    right: 260px;
  }

  .global-container.sidebar-open .site-footer {
    right: 260px;
  }

  .site-header > .container {
    position: relative;
    z-index: 99;
  }

  .site-header .overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(150, 150, 150, 0.8);
  }

  .menu-mobile-btn {
    display: block;
  }

  nav.menu {
    position: fixed;
    z-index: 100;
    top: 60px;
    bottom: 0;
    width: 260px;
    overflow: auto;
    right: -260px;
    padding-left: 0;
    background-color: #ffffff;
    transition: all 400ms ease;
  }

  nav.menu.open {
    right: 0;
  }

  nav.menu .nav-list {
    border-bottom: 1px solid #ebebeb;
  }

  nav.menu li {
    width: 100%;
    border-top: 1px solid #ebebeb;
    background-color: #ffffff;
  }

  nav.menu li + li {
    margin-left: 0;
  }

  nav.menu li a.link {
    font-size: 20px;
    padding: 10px 15px;
  }

  nav.menu li a.link:hover {
    color: #FF6600;
  }

  nav.menu li a.link:before {
    display: none;
  }

  nav.menu li.active a.link {
    color: #ffffff;
    background-color: #FF6600;
  }

  /*mobile-menu (end)*/
  .site-header .bottom-bar .btn-head-category {
    display: block;
  }

  .site-header .bottom-bar .nav-list {
    height: 0;
    opacity: 0;
    pointer-events: none;
  }

  .site-header .bottom-bar .nav-list li {
    width: 100%;
    height: 0;
  }

  .site-header .bottom-bar .nav-list .link {
    font-size: 16px;
    line-height: 1;
    padding: 10px 15px;
    text-align: left;
    height: 0;
  }

  .site-header .bottom-bar .nav-list.open {
    height: calc(100vh - 60px);
    opacity: 1;
    pointer-events: visible;
    overflow: auto;
  }

  .site-header .bottom-bar .nav-list.open li {
    height: auto;
  }

  .site-header .bottom-bar .nav-list.open li + li {
    border-top: 1px solid #252525;
  }

  .site-header .bottom-bar .nav-list.open .link {
    height: auto;
  }

  .site-header.tiny .middle-bar .logo {
    width: 162px;
  }

  .site-header.tiny .middle-bar .search-box {
    float: none;
  }

  .site-header.tiny .middle-bar .search-box .form-default {
    width: 100%;
  }

  .site-header.tiny .middle-bar .menu-box .menu {
    padding-top: 0;
  }

  .site-header.tiny nav.menu li + li {
    margin-left: 0;
  }

  .site-header.tiny nav.menu li a.link {
    font-size: 20px;
  }

  .site-header.tiny .bottom-bar .nav-list .link {
    font-size: 16px;
    line-height: 1;
  }

  .site-header .bottom-bar .dropdown-menu {
    position: relative !important;
    top: 0 !important;
    max-height: inherit;
    box-shadow: none;
    background-color: transparent;
    padding: 15px;
  }

  .site-header .bottom-bar .dropdown-menu .container {
    padding: 0;
  }

  .site-header .bottom-bar .dropdown-menu li + li {
    margin-top: 0;
  }

  .site-header .bottom-bar .dropdown-menu .box-item {
    width: 100%;
  }

  .site-header .bottom-bar .dropdown-menu .nav-list {
    height: inherit;
    margin-bottom: 0;
  }

  .site-header .bottom-bar .dropdown-menu .h-title {
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 5px;
  }

  .site-header .bottom-bar .dropdown-menu .link {
    color: #ffffff;
  }

  .site-header.tiny .bottom-bar .dropdown-menu {
    top: 0 !important;
    max-height: inherit;
  }

  .site-container {
    margin-top: 92px;
  }

  .slick-dots li button {
    width: 6px;
    height: 6px;
  }

  .btn {
    min-width: 180px;
  }

  .whead {
    margin-bottom: 20px;
  }

  .whead .title {
    font-size: 50px;
  }

  .whead .desc {
    padding-left: 150px;
  }

  .top-graphic .social-list {
    right: 20px;
  }

  .top-graphic .slick-dots {
    left: 20px;
  }

  .top-graphic .wrapper .content {
    bottom: 70px;
    padding: 15px 0;
  }

  .top-graphic .wrapper .content .txt {
    width: 80%;
    font-size: 18px;
  }

  .top-graphic .wrapper .content .action {
    margin-bottom: -40px;
  }

  .wg-highlight .line-ojb {
    top: -30px;
    height: 90px;
  }

  .wg-highlight-slider .thumb {
    margin-top: 76px;
  }

  .wg-bakeware .content,
.wg-cooktools .content,
.wg-ingredients .content {
    padding: 15px;
  }

  .wg-bakeware .content .txt,
.wg-cooktools .content .txt,
.wg-ingredients .content .txt {
    font-size: 26px;
  }

  .wg-bakeware .content .action,
.wg-cooktools .content .action,
.wg-ingredients .content .action,
.wg-electrics-outdoor .content .action {
    font-size: 30px;
  }

  .wg-bakeware .pin .content .txt,
.wg-cooktools .pin .content .txt,
.wg-ingredients .pin .content .txt {
    font-size: 40px;
  }

  .wg-bakeware .pin .thumb .cover {
    margin-left: -20px;
  }

  .wg-bakeware .pin .content .txt span {
    padding-right: 30px;
  }

  .wg-cooktools .sub-pin .thumb .cover {
    padding-bottom: 47%;
  }

  .wg-cooktools .pin .thumb .cover {
    margin-right: -20px;
  }

  .wg-cooktools .pin .content .txt small {
    padding-left: 100px;
  }

  .wg-ingredients .thumb .cover {
    padding-bottom: 47.1%;
  }

  .wg-ingredients .pin .thumb .cover {
    margin-left: -20px;
  }

  .wg-ingredients .pin .content {
    padding: 15px;
    padding-left: 0;
  }

  .wg-promotion .content {
    height: 280px;
  }

  .wg-promotion-nav {
    overflow: auto;
    border-bottom: 1px solid #f9f9f9;
    padding-bottom: 5px;
  }

  .wg-promotion-menu .nav-tabs {
    white-space: nowrap;
    flex-wrap: nowrap;
    width: 100vw;
  }

  .wg-promotion-menu .nav-item {
    width: auto;
    padding: 0 20px;
  }

  .wg-event .whead .desc {
    padding-left: 300px;
  }

  .wg-academy {
    padding: 40px 0;
  }

  .wg-academy .content {
    width: 450px;
  }

  .wg-academy .thumb {
    width: 260px;
    margin-top: -70px;
    margin-bottom: -40px;
  }

  .site-footer .sitemap-list li {
    width: 50%;
  }

  .site-footer .sitemap .fax {
    margin-bottom: 30px;
  }

  .product-detail .product-data .share-box .social-list .txt {
    margin-right: 10px;
  }

  .product-detail .product-data .share-box .social-list .item-list li + li {
    margin-left: 15px;
  }

  .product-content .video-box {
    padding: 25px 100px;
  }

  .product-box {
    display: block;
  }

  .product-box > div {
    display: block;
  }

  .product-box .filter {
    width: 100%;
  }

  .product-box .h-filter .btn-filter {
    display: block;
  }

  .product-box .menu-filter {
    display: none;
  }

  .product-box .menu-filter.open {
    display: block;
  }

  .product-box .btn-banner {
    display: none;
  }

  .product-box .R-box {
    margin-top: 20px;
  }

  .product-box .product-cover .cover {
    padding-bottom: 25%;
  }

  .product-box .product-cover .whead .title {
    font-size: 50px;
  }

  .default-header .height {
    height: 100px;
  }

  .default-header .txt {
    font-size: 30px;
  }

  .contact-info .contact-data .inner {
    width: 100%;
    padding: 30px;
  }

  .contact-info .contact-data .logo {
    width: 250px;
  }

  .contact-info .contact-data .h-title {
    font-size: 24px;
  }

  .contact-map .nav-tabs {
    height: 50px;
  }

  .contact-map .nav-tabs .nav-link {
    height: 50px;
    font-size: 24px;
  }

  .contact-map .nav-tabs .nav-item.show .nav-link,
.contact-map .nav-tabs .nav-link.active {
    height: 60px;
  }

  .contact-map .graphic-map .container,
.contact-map .google-map .container {
    height: auto;
  }

  .contact-map .graphic-map .contain {
    height: 0;
    padding-bottom: 60%;
  }

  .contact-map .google-map .iframe-container {
    padding-bottom: 60%;
    position: relative;
  }

  .contact-map .action {
    right: 20px;
  }

  .map-page.site-container {
    margin-top: 39.89px;
  }

  .map-page .nav-map {
    top: 2px;
  }

  .map-page .nav-map .nav-list > li + li {
    margin-left: 5px;
  }

  .map-page .map-graphic {
    background-size: cover;
  }

  .map-page .map-graphic .cover img {
    height: calc(100vh - 99.89px);
  }

  .map-page .iframe-container {
    height: calc(100vh - 39.89px);
  }

  .member-content .card .data-content .row > div + div {
    margin-top: 10px;
  }

  .member-content .card .pagination-block > .row > div {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .member-content .card .pagination-label .title {
    text-align: center;
    margin-bottom: 15px;
  }

  .member-content .card .pagination {
    justify-content: center;
  }

  .member-content .card .pagination .link {
    min-width: 30px;
    height: 30px;
    line-height: 28px;
    padding: 0;
  }

  .member-content .card .pagination li + li {
    margin-left: 0;
  }

  .member-content .card .pagination .jumpPage {
    width: 100px;
    padding-top: 0;
  }

  .member-content .card .order-list .col-I,
.member-content .card .order-list .col-II,
.member-content .card .order-list .col-III {
    width: 100%;
    text-align: left;
    position: relative;
  }

  .member-content .card .order-list table thead {
    display: none;
  }

  .member-content .card .order-list table tbody {
    display: block;
  }

  .member-content .card .order-list table tbody > tr {
    display: block;
  }

  .member-content .card .order-list table tbody > tr > td {
    display: block;
    padding: 15px 15px;
  }

  .member-content .card .order-list table tbody > tr > td + td {
    border-top: 1px dashed #e8e8e8;
  }

  .member-content .card .order-list .box {
    line-height: 1;
  }

  .member-content .card .order-list .box + .box {
    margin-top: 0px;
  }

  .member-content .card .order-list .box .bc-I {
    width: 100px;
  }

  .member-content .card .order-list .txt-mobile {
    display: block;
  }

  .member-content .card .order-list .status .txt {
    display: inline;
  }

  .member-content .card .order-list .action .btn {
    height: 30px;
    line-height: 28px;
    min-width: 120px;
    width: inherit;
  }

  .member-content .card .order-list .box,
.member-content .card .order-list .status,
.member-content .card .order-list .action {
    padding-left: 20px;
    margin-left: 70px;
    border-left: 1px dashed #e8e8e8;
  }

  .member-content .card .order-list .collapse-box {
    padding: 5px 15px 15px;
  }

  .member-content .card .order-list .collapse-box .order-dealer-list table {
    background-color: transparent;
  }

  .member-content .card .order-list .collapse-box .order-dealer-list table tbody td {
    padding: 15px 0;
  }

  .member-content .card .order-list .collapse-box .data-content {
    padding-right: 0px;
  }

  .member-content .card .order-list .collapse-box .data-content .col-lg-5 {
    padding-right: 130px;
  }

  .member-content .card .order-list .collapse-box .data-content .btn-tax .btn {
    min-width: 90px;
  }

  .member-content .card .order-dealer-list .col-I,
.member-content .card .order-dealer-list .col-II,
.member-content .card .order-dealer-list .col-III,
.member-content .card .order-dealer-list .col-IV,
.member-content .card .order-dealer-list .col-V {
    width: 100%;
    text-align: left;
    position: relative;
  }

  .member-content .card .order-dealer-list .col-II .txt-mobile {
    display: none;
  }

  .member-content .card .order-dealer-list table thead {
    display: none;
  }

  .member-content .card .order-dealer-list table tbody {
    display: block;
  }

  .member-content .card .order-dealer-list table tbody > tr {
    display: block;
  }

  .member-content .card .order-dealer-list table tbody > tr + tr {
    border-top: 1px solid #CCCCCC;
  }

  .member-content .card .order-dealer-list table tbody > tr > td {
    display: block;
    padding: 15px 15px;
  }

  .member-content .card .order-dealer-list table tbody > tr > td + td {
    border-top: 1px dashed #e8e8e8;
  }

  .member-content .card .order-dealer-list .txt-mobile {
    display: block;
  }

  .member-content .card .order-dealer-list .status .txt {
    display: inline;
  }

  .member-content .card .order-dealer-list .num,
.member-content .card .order-dealer-list .status {
    padding-left: 20px;
    margin-left: 70px;
    border-left: 1px dashed #e8e8e8;
  }

  .member-content .card .wish-list .item-list {
    margin: 0 -10px;
    padding: 10px 0;
  }

  .member-content .card .wish-list .item-list .item {
    padding: 10px;
    width: calc(100%/2);
  }

  .member-content .card .dealer-list .brand .lazy {
    width: 200px;
  }

  .member-content .card .dealer-list .form-default .form-button {
    padding-top: 20px;
    margin-top: 0px;
  }

  .member-content .card .dealer-list .form-default .form-button .btn {
    min-width: 150px;
  }

  .member-content .card .dealer-list .form-default .form-button .btn + .btn {
    margin-left: 20px;
  }

  .payment-box .btn-box {
    padding-top: 20px;
  }

  .payment-box .btn-box .btn + .btn {
    margin-left: 20px;
  }

  .cart-nav .item-list li:before, .cart-nav .item-list li:after {
    top: 36px;
  }

  .cart-nav .thumb {
    width: 70px;
    height: 70px;
  }

  .order-cart .col-L {
    width: 100%;
  }

  .order-cart .col-R {
    width: 100%;
    margin-top: 40px;
  }

  .order-cart .h-title {
    font-size: 24px;
  }

  .search-list .item-list {
    margin: -10px;
  }

  .search-list .item-list li {
    width: calc(100%/3);
    padding: 10px;
  }

  .service-page .row-40 {
    margin: 0 -10px;
  }

  .service-page .row-40 > div {
    padding: 0 10px;
  }

  .service-page .col-L {
    width: 205px;
  }

  .service-nav .nav-list .link {
    font-size: 20px;
  }

  .service-page .h-title .txt {
    font-size: 26px;
  }

  .service-content .editor-content p {
    font-size: 20px;
  }

  .news-page {
    padding-bottom: 30px;
  }

  .detail-page {
    padding-bottom: 40px;
  }

  .detail-page .video-box {
    padding: 25px 100px;
  }
}
@media (max-width: 767px) {
  .container {
    max-width: inherit;
    width: 100%;
  }

  .modal-md, .modal-lg, .modal-xl {
    max-width: 90%;
    margin: 0 auto;
  }

  .btn {
    min-width: 150px;
    height: 35px;
    line-height: 33px;
    font-size: 16px;
    font-weight: normal;
  }

  .whead .title {
    font-size: 40px;
  }

  .whead .desc {
    font-size: 18px;
    padding-left: 100px;
  }

  .site-header .top-bar .cart-box.dropdown .dropdown-menu {
    left: 0 !important;
    right: 0 !important;
    position: fixed !important;
  }

  .site-header .top-bar .cart-dropdown .cart-list {
    max-height: inherit;
    height: calc(100vh - 172px);
  }

  .top-graphic .social-list {
    display: none;
  }

  .top-graphic .slick-dots {
    left: 0;
    top: auto;
    bottom: 15px;
    transform: none;
    width: 100%;
  }

  .top-graphic .slick-dots li {
    margin: 0 10px;
    display: inline-block;
    width: auto;
  }

  .top-graphic .wrapper .cover {
    padding-bottom: 68%;
  }

  .top-graphic .wrapper .content {
    bottom: 70px;
    padding: 10px 0;
  }

  .top-graphic .wrapper .content .txt {
    font-size: 16px;
  }

  .wg-menu {
    display: none;
  }

  .wg-highlight .line-ojb {
    top: -30px;
    height: 60px;
  }

  .wg-highlight .overflow-box {
    padding: 30px 0;
  }

  .wg-highlight-slider .thumb {
    margin-top: 0;
  }

  .wg-highlight-slider .thumb .contain {
    padding-bottom: 80%;
  }

  .wg-highlight-slider .slick-slide.slick-current .thumb .contain {
    padding-bottom: 80%;
  }

  .wg-bakeware .overflow-box,
.wg-cooktools .overflow-box,
.wg-ingredients .overflow-box {
    padding: 30px 0;
  }

  .wg-bakeware .pin .content .txt,
.wg-cooktools .pin .content .txt,
.wg-ingredients .pin .content .txt {
    font-size: 35px;
  }

  .wg-bakeware .content .txt small,
.wg-cooktools .content .txt small,
.wg-ingredients .content .txt small {
    font-size: 16px;
  }

  .wg-bakeware .content .action,
.wg-cooktools .content .action,
.wg-ingredients .content .action,
.wg-electrics-outdoor .content .action {
    font-size: 26px;
  }

  .wg-bakeware .content .txt,
.wg-cooktools .content .txt,
.wg-ingredients .content .txt {
    font-size: 22px;
  }

  .wg-bakeware .content .desc,
.wg-cooktools .content .desc,
.wg-ingredients .content .desc,
.wg-electrics-outdoor .content .txt,
.wg-promotion .txt,
.wg-event .content .desc,
.wg-academy .txt {
    font-size: 18px;
  }

  .wg-bakeware .line-ojb {
    margin-left: -120px;
    top: -40px;
    height: 120px;
  }

  .wg-bakeware .item-list .item {
    width: 50%;
  }

  .wg-bakeware .item-list .item.pin {
    width: 100%;
  }

  .wg-bakeware .pin .thumb .cover {
    margin-left: 0;
  }

  .wg-cooktools .line-ojb {
    margin-right: -140px;
    top: -20px;
    height: 100px;
  }

  .wg-cooktools .item-list .item {
    width: 50%;
  }

  .wg-cooktools .item-list .item.sub-pin,
.wg-cooktools .item-list .item.pin {
    width: 100%;
  }

  .wg-cooktools .pin .thumb .cover {
    margin-right: 0;
  }

  .wg-cooktools .pin .content .txt small {
    padding-left: 80px;
  }

  .wg-cooktools .sub-pin .thumb .cover {
    padding-bottom: 50%;
  }

  .wg-ingredients .line-ojb {
    margin-left: -160px;
    top: -20px;
    height: 100px;
  }

  .wg-ingredients .item-list .item,
.wg-ingredients .item-list .item.pin {
    width: 100%;
  }

  .wg-ingredients .thumb .cover {
    padding-bottom: 50%;
  }

  .wg-ingredients .pin .thumb .cover {
    margin-left: 0;
  }

  .wg-ingredients .pin .content {
    padding: 15px;
  }

  .wg-promotion .content {
    height: auto;
    padding: 20px;
  }

  .wg-promotion .content .inner {
    width: 100%;
  }

  .wg-promotion-menu {
    padding-bottom: 30px;
  }

  .wg-event {
    padding: 30px 0;
  }

  .wg-event .whead .desc {
    padding-left: 140px;
  }

  .wg-event .content {
    padding: 15px;
  }

  .wg-event .content .title,
.wg-purchasing-process .title {
    font-size: 20px;
  }

  .wg-academy {
    padding: 30px 0;
  }

  .wg-academy .row > div {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .wg-academy .content {
    width: 100%;
  }

  .wg-academy .thumb {
    width: 140px;
    float: right;
    margin-top: -60px;
    margin-bottom: -30px;
    pointer-events: none;
  }

  .wg-purchasing-process {
    padding: 30px 0;
    padding-bottom: 40px;
  }

  .site-footer .sitemap {
    padding: 0;
  }

  .site-footer .container > .row > div + div {
    border-top: 1px solid #252525;
  }

  .site-footer .sitemap .h-title {
    display: none;
  }

  .site-footer .btn-sitemap {
    display: block;
  }

  .site-footer .-list-item-xs {
    display: none;
  }

  .site-footer .-list-item-xs.open {
    display: block;
  }

  .site-footer .sitemap-list {
    margin-top: 0;
    margin-bottom: 0;
  }

  .site-footer .sitemap-list .item-list {
    margin: 5px -5px 15px -5px;
  }

  .site-footer .sitemap .desc {
    margin-top: 0;
  }

  .site-footer .sitemap-list li {
    width: 100%;
  }

  .site-footer .sitemap .address {
    margin-top: 5px;
  }

  .site-footer .sitemap .fax {
    margin-bottom: 15px;
  }

  .site-footer .policy-list {
    padding-bottom: 15px;
  }

  .site-footer .policy-list li + li {
    margin-left: 18px;
    padding-left: 18px;
  }

  .site-footer .policy-list .link {
    font-size: 16px;
  }

  .pdpa .height {
    height: auto;
    padding: 15px 0;
  }

  .pdpa .row > div {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .pdpa .icon {
    width: 30px;
    margin-right: 0;
    position: absolute;
    top: 0;
    left: 0;
  }

  .pdpa .txt {
    padding-left: 40px;
  }

  .pdpa .action {
    margin-left: 40px;
    margin-top: 10px;
  }

  .pdpa .action .btn {
    min-width: 100px;
    height: 30px;
    line-height: 28px;
    font-size: 16px;
  }

  .-product-default .thumb .tag {
    font-size: 16px;
  }

  .-product-default .thumb .tag small {
    font-size: 11px;
  }

  .-product-default .thumb .btn-favorite {
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
  }

  .-product-default .thumb .btn-favorite.-review .lazy {
    width: 10px;
    top: 0px;
  }

  .-product-default .content {
    padding: 10px;
  }

  .-product-default .content .btn-cart {
    bottom: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    line-height: 16px;
  }

  .-product-default .content .btn-cart .lazy {
    width: 14px;
  }

  .-product-default .content .price {
    font-size: 28px;
  }

  .breadcrumb-block .container {
    overflow: auto;
    white-space: nowrap;
    display: flex;
  }

  .breadcrumb {
    flex-wrap: nowrap;
  }

  .pagination-block > .row > div {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .pagination-label .title {
    text-align: center;
    margin-bottom: 15px;
  }

  .pagination {
    justify-content: center;
  }

  .pagination .link {
    min-width: 30px;
    height: 30px;
    line-height: 28px;
    padding: 0;
  }

  .pagination li + li {
    margin-left: 0;
  }

  .pagination .jumpPage {
    width: 100px;
    padding-top: 0;
  }

  .product-detail .product-data {
    padding-top: 20px;
  }

  .product-detail .product-data .title {
    font-size: 22px;
  }

  .product-detail .product-data .price-box .sale {
    font-size: 20px;
  }

  .product-detail .product-data .price-box .price {
    font-size: 30px;
  }

  .product-detail .product-data .price-box .off {
    font-size: 18px;
    top: -3px;
    margin-left: 5px;
  }

  .product-info {
    padding-top: 10px;
  }

  .product-content .video-box {
    padding: 25px 20px;
  }

  .product-content .download-box .wrapper {
    padding: 15px;
  }

  .product-content .download-box .height {
    height: auto;
    padding-bottom: 40px;
    align-items: flex-start !important;
    position: relative;
  }

  .product-content .download-box .icon-load {
    width: 20px;
  }

  .product-content .download-box .content {
    padding: 0 0 0 15px;
  }

  .product-content .download-box .content .title {
    font-size: 20px;
  }

  .product-content .download-box .content .desc {
    font-size: 16px;
  }

  .product-content .download-box .content .desc .item-list {
    margin: 0 -3px;
  }

  .product-content .download-box .content .desc .item-list li {
    padding: 0 3px;
  }

  .product-content .download-box .content .desc .item-list li + li {
    border-left: 0;
  }

  .product-content .download-box .content .desc .update {
    font-size: 16px;
  }

  .product-content .download-box .height > div:nth-child(3) {
    position: absolute;
    left: 35px;
    bottom: 0px;
  }

  .product-review .item-list li {
    padding: 20px 15px;
  }

  .product-review .wrapper .thumb {
    width: 40px;
    margin-right: 10px;
  }

  .product-review .wrapper .thumb .cover img {
    width: 40px;
    height: 40px;
  }

  .product-review .wrapper .comment {
    padding: 10px;
  }

  .product-box .h-filter {
    font-size: 20px;
    font-weight: normal;
  }

  .product-box .product-cover .cover {
    padding-bottom: 30%;
  }

  .product-box .product-cover .whead .title {
    font-size: 34px;
  }

  .product-box .product-cover .whead .desc {
    font-size: 15px;
  }

  .product-box .product-list .item {
    width: 50%;
  }

  .related-products .h-title {
    font-size: 30px;
    text-align: center;
  }

  .default-header .height {
    height: 70px;
  }

  .default-header .txt {
    font-size: 22px;
  }

  .contact-info .contact-data .inner {
    padding: 20px;
  }

  .contact-info .contact-data .logo {
    width: 220px;
  }

  .contact-info .contact-data .nav-tabs .nav-link {
    font-size: 14px;
  }

  .contact-info .contact-form .inner {
    padding: 20px;
  }

  .contact-info .contact-form .h-title {
    font-size: 26px;
  }

  .contact-info .form-button {
    padding-top: 20px;
  }

  .contact-map .nav-tabs .nav-item {
    width: 50%;
  }

  .contact-map .nav-tabs .nav-item:nth-child(3) {
    display: none;
  }

  .contact-map .nav-tabs .nav-link {
    font-size: 20px;
  }

  .map-page .nav-map {
    top: auto;
    bottom: 20px;
  }

  .map-page .nav-map .nav-list {
    display: block;
    margin: 0 -10px;
  }

  .map-page .nav-map .nav-list > li {
    width: 50%;
    padding: 0 10px;
  }

  .map-page .nav-map .nav-list > li + li {
    margin-left: 0;
  }

  .map-page .nav-map .nav-list .btn {
    min-width: inherit;
    width: 100%;
  }

  .modal-login .thumb-cover {
    padding: 20px 60px;
  }

  .modal-login .info-box {
    padding: 20px 25px;
  }

  .modal-login .nav-box {
    top: 20px;
    right: 25px;
  }

  .modal-login .nav-box .nav-list {
    width: 200px;
  }

  .modal-login .form-button .btn {
    font-size: 18px;
    line-height: 33px;
    height: 35px;
  }

  .modal-login .form-btn-social .nav-list li .btn {
    height: 35px;
    line-height: 33px;
    font-size: 16px;
  }

  .modal-login .form-btn-social .nav-list li .btn .fa {
    font-size: 16px;
    top: 2px;
  }

  .member-userbox {
    width: 100%;
    margin-bottom: 20px;
  }

  .member-userbox .user-profile {
    padding: 0 0 20px 0px;
  }

  .member-userbox .user-profile .nav-list {
    margin-top: 20px;
  }

  .member-userbox .user-menu-mobile {
    display: block;
  }

  .member-userbox .user-menu,
.member-userbox .user-dealer {
    display: none;
  }

  .member-userbox .user-menu.active,
.member-userbox .user-dealer.active {
    display: block;
  }

  .member-userbox .user-menu .nav-list {
    margin-top: 5px;
  }

  .member-userbox .user-menu .nav-list li + li {
    margin-top: 3px;
  }

  .member-userbox .user-dealer {
    margin-top: 5px;
  }

  .member-userbox .user-dealer .txt {
    text-shadow: 1px 2px 3px white;
  }

  .member-userbox .user-dealer .cover {
    padding-bottom: 40%;
  }

  .member-content .card {
    padding: 0 0 25px 0;
  }

  .member-content .card + .card {
    padding-top: 25px;
  }

  .member-content .card .action .btn {
    font-size: 18px;
    min-width: 120px;
    height: 35px;
    line-height: 33px;
  }

  .member-content .card .action .btn + .btn {
    margin-left: 10px;
  }

  .member-content .card .pagination-block {
    padding-bottom: 0;
  }

  .member-content .card .point-list .search-box .form-default .form-group .form-control {
    padding: 4.5px 45px 4.5px 15px;
    min-height: 35px;
  }

  .member-content .card .point-list .search-box .form-default .action .btn {
    min-width: 100px;
  }

  .member-content .card .point-list .nav-list .link {
    font-size: 18px;
    height: 50px;
    line-height: 50px;
  }

  .member-content .card .point-list .nav-list .link .icon {
    margin-right: 3px;
    width: 15px;
    top: -2px;
    height: 15px;
  }

  .member-content .card .point-list .nav-list .link .icon > .lazy {
    max-height: 100%;
  }

  .member-content .card .point-list .item-list {
    margin: -10px;
    padding: 20px 0;
  }

  .member-content .card .point-list .item-list li {
    padding: 10px;
  }

  .member-content .card .point-list .item-list .content .txt {
    font-size: 18px;
  }

  .member-content .card .point-list .item-list .content .num {
    font-size: 18px;
  }

  .member-content .card .point-list .item-list .bar .inside {
    height: 5px;
  }

  .member-content .card .dealer-list .nav-list .link {
    font-size: 18px;
    height: 50px;
    line-height: 50px;
  }

  .member-content .card .dealer-list .brand {
    padding-top: 20px;
  }

  .payment-page .h-title {
    font-size: 26px;
    margin-bottom: 20px;
  }

  .payment-box .form-account .body {
    padding: 17px;
  }

  .payment-box .form-account .payment-list .item-list {
    margin: -5px;
  }

  .payment-box .form-account .payment-list li {
    width: 50%;
    padding: 5px;
  }

  .payment-box .form-account .payment-list li + li {
    margin-top: 0;
  }

  .payment-box .form-account .payment-list .radio-control {
    padding: 5px;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
  }

  .payment-box .form-account .payment-list .inner {
    position: relative;
    padding-left: 30px;
  }

  .payment-box .form-account .payment-list .icon {
    top: auto;
    left: 3px;
    bottom: 0;
  }

  .payment-box .form-account .payment-list .icon-bank {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0px;
  }

  .payment-box .form-account .payment-list .icon-bank img {
    width: 20px;
    height: 20px;
  }

  .payment-box .form-account .payment-list .bank-name {
    min-width: inherit;
    display: block;
  }

  .payment-box .form-account .payment-list .inner .color {
    margin: 2px 0;
    display: block;
    font-size: 0;
  }

  .payment-box .btn-box .btn {
    min-width: 150px;
  }

  .submit-box {
    padding: 30px 0;
  }

  .order-success .btn-box .btn {
    min-width: 150px;
  }

  .cart-nav .item-list li:before,
.cart-nav .item-list li:after {
    top: 25px;
  }

  .cart-nav .thumb {
    width: 50px;
    height: 50px;
  }

  .cart-nav .thumb .lazy {
    max-width: 25px;
    max-height: 25px;
  }

  .cart-nav .txt {
    font-size: 12px;
    margin-top: 5px;
  }

  .order-cart .col-R {
    margin-top: 20px;
  }

  .order-cart .item + .item {
    margin-top: 20px;
  }

  .mycart-list .head {
    display: none;
  }

  .mycart-list .col-I,
.mycart-list .col-II,
.mycart-list .col-III,
.mycart-list .col-IV {
    width: 100%;
    text-align: left;
    position: relative;
  }

  .mycart-list .col-V {
    width: auto;
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 10px;
  }

  .mycart-list .txt-mobile {
    display: block;
  }

  .mycart-list .body .item-list li {
    display: block;
    padding: 0;
    position: relative;
  }

  .mycart-list .body .item-list li:nth-child(odd) {
    background-color: #fff;
  }

  .mycart-list .body .item-list li:nth-child(even) {
    background-color: #f9f9f9;
  }

  .mycart-list .body .item-list li > div {
    padding: 10px;
  }

  .mycart-list .body .item-list li > div + div {
    border-top: 1px dashed #e8e8e8;
  }

  .mycart-list .body .item-list li > div + .col-V {
    border-top: 0;
    padding: 0;
  }

  .mycart-list .price,
.mycart-list .input-number-group {
    padding-left: 20px;
    margin-left: 70px;
    border-left: 1px dashed #e8e8e8;
  }

  .mycart-list .input-number-group .row-table {
    width: 90px;
  }

  .mycart-list .product-item .content {
    padding-right: 40px;
  }

  .mycart-list .btn-del {
    border: 1px solid #ebebeb;
    padding: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
  }

  .shipping-list .radio-control .thumb {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 5px;
  }

  .address-list .radio-control .link {
    font-size: 20px;
  }

  .address-list .radio-control .thumb {
    width: 40px;
    height: 40px;
    margin-right: 15px;
  }

  .address-list .radio-control .thumb .feather {
    font-size: 20px;
  }

  .address-list .radio-control .title {
    font-size: 20px;
  }

  .payment-method-list .radio-control .title {
    font-size: 20px;
  }

  .payment-method-list .payment-list .item-list {
    margin: -5px;
  }

  .payment-method-list .payment-list li + li {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #efefef;
  }

  .payment-method-list .payment-list .info {
    position: relative;
    padding-left: 30px;
  }

  .payment-method-list .payment-list .icon {
    top: auto;
    left: 3px;
    bottom: 0;
  }

  .payment-method-list .payment-list .icon-bank {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0px;
  }

  .payment-method-list .payment-list .icon-bank img {
    width: 20px;
    height: 20px;
  }

  .payment-method-list .payment-list .bank-name {
    min-width: inherit;
    display: block;
  }

  .payment-method-list .payment-list .info .color {
    margin: 2px 0;
    display: block;
    font-size: 0;
  }

  .search-list {
    padding-top: 20px;
  }

  .search-list .search-txt {
    margin-bottom: 20px;
    font-size: 22px;
  }

  .search-list .item-list li {
    width: calc(100%/2);
  }

  .service-page {
    padding-bottom: 30px;
  }

  .service-page .col-L {
    width: 100%;
  }

  .service-page .col-R {
    padding-top: 20px;
  }

  .service-nav .btn-service {
    display: block;
  }

  .service-nav .nav-list .link {
    height: 0;
    opacity: 0;
    pointer-events: none;
    padding: 0 20px;
  }

  .service-nav .nav-list li.active .link,
.service-nav .nav-list.open .link {
    height: auto;
    opacity: 1;
    pointer-events: visible;
    padding: 10px 20px;
  }

  .news-list .content {
    padding: 15px;
  }

  .news-list .content .title {
    font-size: 20px;
  }

  .news-list .content .desc {
    font-size: 18px;
  }

  .news-list.-small .item-list li {
    width: calc(100%/2);
  }

  .news-list.-small .content .title {
    font-size: 20px;
  }

  .news-list.-small .content .desc {
    font-size: 18px;
  }

  .detail-page .thumb-slider .slider-nav {
    padding-bottom: 10px;
  }

  .detail-page .head-box .title {
    font-size: 30px;
    margin-bottom: 5px;
  }

  .detail-page .video-box {
    padding: 25px 20px;
  }

  .detail-page .download-box .wrapper {
    padding: 15px;
  }

  .detail-page .download-box .height {
    height: auto;
    padding-bottom: 40px;
    align-items: flex-start !important;
    position: relative;
  }

  .detail-page .download-box .icon-load {
    width: 20px;
  }

  .detail-page .download-box .content {
    padding: 0 0 0 15px;
  }

  .detail-page .download-box .content .title {
    font-size: 20px;
  }

  .detail-page .download-box .content .desc {
    font-size: 16px;
  }

  .detail-page .download-box .content .desc .item-list {
    margin: 0 -3px;
  }

  .detail-page .download-box .content .desc .item-list li {
    padding: 0 3px;
  }

  .detail-page .download-box .content .desc .item-list li + li {
    border-left: 0;
  }

  .detail-page .download-box .content .desc .update {
    font-size: 16px;
  }

  .detail-page .download-box .height > div:nth-child(3) {
    position: absolute;
    left: 35px;
    bottom: 0px;
  }

  .news-other .h-title {
    font-size: 30px;
    text-align: center;
  }

  .news-other-slider .content {
    padding: 15px;
  }

  .news-other-slider .content .title {
    font-size: 20px;
  }

  .news-other-slider .content .desc {
    font-size: 18px;
  }

  .about-nav {
    margin-bottom: 15px;
  }

  .about-nav .btn-filter {
    display: block;
  }

  .about-nav-list {
    margin: 0;
    overflow: visible;
  }

  .about-nav-list .item-list {
    display: block;
    flex-wrap: inherit;
  }

  .about-nav-list .link {
    font-size: 20px;
  }

  .about-nav-list .item {
    height: 0;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    width: 100%;
  }

  .about-nav-list .item > .link {
    height: 0;
    opacity: 0;
    pointer-events: none;
  }

  .about-nav-list.open {
    padding-top: 5px;
    margin-top: 5px;
    border-top: 1px solid #ebebeb;
  }

  .about-nav-list.open .item,
.about-nav-list.open .item > .link {
    height: auto;
    opacity: 1;
    pointer-events: visible;
  }

  .about-nav-list.open .item + .item {
    margin-top: 5px;
  }
}
@media (max-width: 575px) {
  .container {
    max-width: inherit;
    width: 100%;
  }
}/*# sourceMappingURL=source.css.map */