@font-face {
  font-family: "chinese";
  src: url(fonts/CSong3HK-Medium.OTF);
}
@font-face {
  font-family: "pt";
  src: url(fonts/PTSerif-Regular.ttf);
}
@font-face {
  font-family: "roboto";
  src: url(fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family: "roboto-bold";
  src: url(fonts/Roboto-Bold.ttf);
}
.mobile-nav {
  position: fixed;
  left: 100%;
  transition: 0.5s;
  height: 100%;
  width: 100%;
  top: 180px;
  z-index: 600;
  background: #ffffff;
}

.mobile-nav.show {
  left: 0;
}

.mobile-nav ul {
  padding-left: 0;
  list-style: none;
}

.mobile-nav ul li {
  display: block;
}

.mobile-nav ul li a {
  display: block;
  background: #edece6;
  border-bottom: 1px solid #ffffff;
  text-align: center;
  color: #34617a;
  font-size: 19px;
  padding: 15px;
}

.headerWrapper {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
  background: #ffffff;
}

.content {
  margin-top: 175px;
}

.glyphicon.glyphicon-triangle-right {
  position: absolute;
  top: 50%;
  right: -20px;
}

.glyphicon.glyphicon-triangle-left {
  position: absolute;
  top: 50%;
  left: -20px;
}

.glyphicon.glyphicon-triangle-left, .glyphicon.glyphicon-triangle-right {
  color: #34617a;
  font-size: 36px;
  margin-top: -10px;
  z-index: 500;
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 960px;
  margin: 20px auto;
}

#privacy-popup .title, #condition-popup .title {
  font-size: 24px;
  font-weight: bold;
}

#privacy-popup p, #condition-popup p {
  font-size: 12px;
}

.en {
  font-family: "roboto";
  color: #34617a;
}
.en .title, .en .subTitle {
  font-family: "pt";
}
.en a, .en a:hover {
  color: #34617a;
  text-decoration: none;
  outline: none;
}
.en a:focus {
  text-decoration: none;
  border: none;
}
.en p {
  font-size: 12px;
}
.en ul li {
  font-size: 12px;
}
.en .header {
  min-height: 170px;
  padding: 30px 0 20px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.en .header .logoWrapper {
  width: 100%;
  display: block;
  align-items: center;
  justify-content: space-between;
}
.en .header .downloadWrapper {
  width: 100%;
  text-align: right;
}
.en .header .logo img {
  max-width: 330px;
  width: 100%;
  height: auto;
  padding: 5px 20px 5px 0;
}
.en .header .logoTgc img {
  max-width: 130px;
  width: 100%;
  height: auto;
}
.en .header .download {
  background: #34617a;
  display: inline-block;
  padding: 5px 15px;
  color: #ffffff;
  font-size: 19px;
  text-decoration: none;
}
.en .header .share {
  display: flex;
  align-items: center;
  padding: 15px 0 0 0;
}
.en .header .share .lang {
  font-size: 18px;
  font-weight: bold;
  color: #34617a;
  text-decoration: none;
  padding: 0 3px;
}
.en .header .share .social {
  padding-left: 5px;
  list-style: none;
}
.en .header .share .social li {
  display: inline-block;
  padding: 0 3px;
}
.en .header .share .social .fb img {
  width: 29px;
  height: auto;
}
.en .header .share .social .wtsapp img {
  width: 29px;
  height: auto;
}
.en .header .share .social .line img {
  width: 30px;
  height: auto;
}
.en .header .share .social .link img {
  width: 27px;
  height: auto;
}
.en .top-nav {
  padding: 15px 0 0 0;
}
.en .top-nav ul.navBtn {
  list-style: none;
}
.en .top-nav ul.navBtn li {
  display: inline-block;
}
.en .top-nav ul.navBtn a {
  color: #34617a;
  font-size: 19px;
  display: inline-block;
  padding: 5px 15px;
  font-family: "pt";
}
.en .bannerWrapper {
  background: #edece6;
}
.en .bannerWrapper .topOffer {
  padding: 0 10px;
  margin-top: -10px;
}
.en .bannerWrapper .comboWrapper {
  padding: 20px;
  display: block;
}
.en .bannerWrapper .comboWrapper .titleWrapper {
  display: block;
  width: 100%;
  flex-wrap: wrap;
  align-content: space-between;
  color: #34617a;
  text-align: center;
  margin: 30px auto;
}
.en .bannerWrapper .comboWrapper .titleWrapper .title {
  font-size: 24px;
  line-height: 40px;
}
.en .bannerWrapper .comboWrapper .titleWrapper .subTitle {
  font-size: 16px;
  margin-bottom: 20px;
}
.en .bannerWrapper .comboWrapper .titleWrapper .subTitle .price {
  font-size: 18px;
  color: #34617a;
}
.en .bannerWrapper .comboWrapper .titleWrapper .subTitle .special {
  color: #ec6e60;
  font-family: "roboto-bold";
  font-size: 28px;
}
.en .bannerWrapper .comboWrapper .titleWrapper span {
  color: #a38b4b;
}
.en .bannerWrapper .comboWrapper .combo {
  width: 100%;
}
.en .bannerWrapper .comboWrapper .combo .subtitle {
  font-size: 24px;
  text-align: center;
  padding: 20px 0;
}
.en .bannerWrapper .comboWrapper .combo .item {
  padding: 0 30px;
  width: 100%;
}
.en .bannerWrapper .comboWrapper .combo .images {
  width: 270px;
  height: 270px;
  border-radius: 100%;
  background: #34617a;
  margin: 0 auto;
  display: flex;
  align-content: center;
  justify-content: center;
}
.en .bannerWrapper .comboWrapper .combo .images img {
  object-fit: contain;
  width: 70%;
}
.en .bannerWrapper .comboWrapper .combo .images.cooker {
  background: #c5aa74;
}
.en .bannerWrapper .comboWrapper .combo .details {
  text-align: center;
  padding: 20px 15px;
}
.en .bannerWrapper .comboWrapper .combo span.price {
  font-size: 18px;
}
.en .bannerWrapper .comboWrapper .combo span.special {
  color: #f37268;
  font-family: "roboto-bold";
  font-size: 15px;
}
.en .bannerWrapper .comboWrapper .combo span.special .largePrice {
  font-size: 18px;
}
.en .package {
  background: #34617a;
  padding: 20px;
}
.en .package .title {
  color: #ffffff;
  font-size: 24px;
  text-align: center;
}
.en .package .title span.brown {
  color: #bfa37a;
}
.en .package .title span.red {
  color: #f37268;
}
.en .package .heaterWrapper, .en .package .cookingWrapper {
  background: #eae0cd;
  padding: 20px;
  margin-top: 20px;
}
.en .package .heaterWrapper .title, .en .package .cookingWrapper .title {
  text-align: center;
  color: #34617a;
  font-size: 34px;
  padding-bottom: 15px;
}
.en .package .heaterWrapper .subTitle, .en .package .cookingWrapper .subTitle {
  color: #a38b4b;
  font-size: 26px;
  border-top: 1px solid #34617a;
  text-align: center;
  padding: 15px 0;
}
.en .package .heaterWrapper .heater, .en .package .heaterWrapper .cooking, .en .package .heaterWrapper .topcooker, .en .package .cookingWrapper .heater, .en .package .cookingWrapper .cooking, .en .package .cookingWrapper .topcooker {
  text-align: center;
  padding: 15px;
}
.en .package .heaterWrapper .heater .images, .en .package .heaterWrapper .cooking .images, .en .package .heaterWrapper .topcooker .images, .en .package .cookingWrapper .heater .images, .en .package .cookingWrapper .cooking .images, .en .package .cookingWrapper .topcooker .images {
  padding: 5px 40px;
}
.en .package .heaterWrapper .heater .details, .en .package .heaterWrapper .cooking .details, .en .package .heaterWrapper .topcooker .details, .en .package .cookingWrapper .heater .details, .en .package .cookingWrapper .cooking .details, .en .package .cookingWrapper .topcooker .details {
  text-align: center;
  padding: 0 5px;
}
.en .package .heaterWrapper .heater span.price, .en .package .heaterWrapper .cooking span.price, .en .package .heaterWrapper .topcooker span.price, .en .package .cookingWrapper .heater span.price, .en .package .cookingWrapper .cooking span.price, .en .package .cookingWrapper .topcooker span.price {
  font-size: 18px;
}
.en .package .heaterWrapper .heater span.special, .en .package .heaterWrapper .cooking span.special, .en .package .heaterWrapper .topcooker span.special, .en .package .cookingWrapper .heater span.special, .en .package .cookingWrapper .cooking span.special, .en .package .cookingWrapper .topcooker span.special {
  color: #f37268;
  font-family: "roboto-bold";
  font-size: 15px;
}
.en .package .heaterWrapper .heater span.special .largePrice, .en .package .heaterWrapper .cooking span.special .largePrice, .en .package .heaterWrapper .topcooker span.special .largePrice, .en .package .cookingWrapper .heater span.special .largePrice, .en .package .cookingWrapper .cooking span.special .largePrice, .en .package .cookingWrapper .topcooker span.special .largePrice {
  font-size: 18px;
}
.en .package .heaterWrapper .cooking, .en .package .cookingWrapper .cooking {
  margin-bottom: 30px;
}
.en .package .heaterWrapper .topcooker, .en .package .cookingWrapper .topcooker {
  margin-bottom: 30px;
}
.en .package .heaterWrapper .topcooker .group, .en .package .cookingWrapper .topcooker .group {
  display: flex;
}
.en .package .plus {
  margin: 20px 0;
  text-align: center;
}
.en .package .plus img {
  width: 39px;
  height: auto;
  margin: 0 auto;
}
.en .gasDryer {
  background: #edece6;
  padding: 20px;
  margin: 10px 0;
  display: block;
}
.en .gasDryer .titleWrapper {
  width: 100%;
  display: block;
  flex-wrap: wrap;
  align-content: space-between;
}
.en .gasDryer .titleWrapper .title {
  font-size: 32px;
  color: #34617a;
  text-align: center;
  line-height: 40px;
}
.en .gasDryer .titleWrapper .subTitle {
  font-size: 18px;
  color: #a38b4b;
  text-align: center;
}
.en .gasDryer .titleWrapper .price {
  color: #ec6e60;
  font-family: "roboto-bold";
  font-size: 26px;
}
.en .gasDryer .gas .item {
  width: 100%;
  text-align: center;
  font-size: 15px;
}
.en .gasDryer .gas .item .image {
  padding: 10px;
}
.en .gasDryer .gas .item .orginal {
  font-size: 13px;
}
.en .gasDryer .gas .item .special {
  font-size: 15px;
  color: #ec6e60;
  font-family: "roboto-bold";
}
.en .gasDryer .gas .item .special .largePrice {
  font-size: 18px;
}
.en .additional {
  background: #eae0cd;
  padding: 20px;
  margin: 10px 0;
}
.en .additional .square {
  font-family: "pt";
  border: 1px solid #34617a;
  padding: 10px;
  width: 100%;
  height: auto;
  display: block;
  font-size: 32px;
  align-items: center;
  justify-content: center;
  color: #34617a;
  text-align: center;
  margin-bottom: 20px;
}
.en .additional .square .span {
  color: #c5aa74;
}
.en .additional .range .item {
  width: 100%;
  text-align: center;
  font-size: 15px;
}
.en .additional .range .item .orginal {
  font-size: 13px;
}
.en .additional .range .item .special {
  font-size: 26px;
  color: #ec6e60;
  font-family: "roboto-bold";
}
.en .free {
  padding: 20px 10px;
}
.en .mia {
  background: #8DC7CD;
  padding: 20px;
}
.en .mia .title {
  font-size: 24px;
  color: #34617A;
  text-align: center;
}
.en .mia .title .big {
  font-size: 32px;
}
.en .mia .title .yellow {
  color: #BE9232;
}
.en .mia .title img {
  vertical-align: text-bottom;
  display: inline-block;
}
.en .mia .inner {
  background: #eeeeee;
  padding: 15px;
  margin-top: 20px;
  text-align: center;
}
.en .mia .inner .discount {
  font-size: 15px;
  display: block;
}
.en .mia .inner .small-unit {
  background: #C5C7A9;
  padding: 15px;
  text-align: center;
  font-size: 20px;
  margin: 15px 0;
}
.en .mia .inner .small-unit .price {
  color: #F37268;
  font-size: 20px;
}
.en .mia .inner .big-unit {
  background: #416479;
  padding: 15px;
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  margin: 15px 0;
}
.en .mia .inner .big-unit .price {
  color: #BFA37A;
  font-size: 20px;
}
.en .mia .inner .more a {
  background: #F37268;
  padding: 10px;
  color: #ffffff;
  color: #ffffff;
  max-width: 200px;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  font-size: 20px;
}
.en .mia .inner .phone {
  font-size: 18px;
}
.en .mia .inner .phone img {
  vertical-align: text-bottom;
  padding-right: 6px;
  max-height: 26px;
}
.en .mia .inner .book {
  font-size: 18px;
  padding: 15px 0;
}
.en .mia .inner .promo {
  font-size: 12px;
}
.en .mia .inner .promo span {
  display: block;
}
.en .mia .innerFlex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.en .mia .inner.call {
  color: #416379;
  text-align: center;
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 20px;
}
.en .mia .inner.call .heading {
  max-width: 400px;
  margin-bottom: 15px;
  font-size: 16px;
}
.en .mia .inner.call .email {
  margin-top: 15px;
  font-size: 14px;
}
.en .mia .inner.call .email img {
  vertical-align: text-bottom;
  padding-right: 6px;
  max-height: 16px;
}
.en .mia .inner.call .item {
  text-align: center;
}
.en .mia .gallery-small, .en .mia .gallery-big {
  padding: 20px;
  border-bottom: 1px solid #34617A;
}
.en .mia .gallery-small .item, .en .mia .gallery-big .item {
  padding: 0 20px;
}
.en .footer {
  color: #34617a;
}
.en .footer .termsWrapper {
  border-bottom: 1px solid #34617a;
}
.en .footer .termsWrapper .terms {
  color: #34617a;
  margin: 15px 0;
  border-right: 1px solid #34617a;
  padding: 0 10px;
}
.en .footer .termsWrapper .terms ul {
  padding-left: 0;
  margin-left: 20px;
}
.en .footer .termsWrapper .contact {
  color: #34617a;
  margin: 15px 0;
  padding: 0 10px;
}
.en .footer .termsWrapper .contact ul {
  list-style: none;
  padding: 0;
}
.en .footer .termsWrapper .contact ul li {
  display: flex;
  margin: 0 0 10px 0;
}
.en .footer .termsWrapper .contact ul li img {
  width: 25px;
  padding-right: 10px;
}
.en .footer .copyrightWrapper {
  display: block;
  justify-content: space-between;
  padding: 10px 15px;
}

.remark {
  font-size: 14px;
  margin: 10px 0 50px 0;
}

.tc {
  font-family: "chinese", "roboto";
}
.tc .title, .tc .subTitle {
  font-family: "chinese";
}

.tc .package .title, .tc .gasDryer .titleWrapper .title, .tc .additional .square {
  font-size: 32px !important;
}

.tc .additional .square {
  font-size: 28px !important;
}

@media (min-width: 768px) {
  .content {
    margin-top: 175px;
  }
  .en .header .logoWrapper {
    display: flex;
  }
  .en .bannerWrapper .comboWrapper .titleWrapper .title {
    font-size: 36px;
  }
  .en .additional .square {
    font-family: "pt";
    border: 1px solid #34617a;
    padding: 15px;
    display: flex;
    font-size: 26px;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .en .gasDryer {
    display: flex;
  }
  .en .gasDryer .titleWrapper {
    width: 30%;
    display: flex;
  }
  .en .gasDryer .titleWrapper .title {
    font-size: 40px;
    text-align: left;
    line-height: 46px;
  }
  .en .gasDryer .titleWrapper .subTitle {
    font-size: 18px;
    text-align: left;
  }
  .en .gasDryer .gas {
    width: 70%;
  }
  .en .package .heaterWrapper .title, .en .package .cookingWrapper .title {
    font-size: 36px;
  }
  .en .package .heater .images {
    padding: 5px 25px;
  }
  .en .mia .inner .discount {
    display: inline-block;
  }
  .en .footer .copyrightWrapper {
    display: flex;
  }
  .topOffer {
    padding: 0 20px;
    margin-top: -40px;
  }
  .free {
    padding: 20px 30px;
  }
}
@media (min-width: 1024px) {
  .en .mia .innerFlex {
    flex-wrap: nowrap;
  }
  .en .mia .inner.call {
    width: 49%;
  }
  .en .mia .inner .phone {
    font-size: 22px;
  }
  .en .mia .inner .email {
    font-size: 16px;
  }
}/*# sourceMappingURL=custom.css.map */