@charset "utf-8";/* Container:START*/.container {  max-width: none;}@media (min-width: 768px) {  .container {    max-width: 720px;  }}@media (min-width: 992px) {  .container {    max-width: 960px;  }}@media (min-width: 1200px) {  .container {    max-width: 1140px;  }}/* Container:END*//* Hot-prod BG : START */@keyframes flickerAnimation {  0% {    opacity: 0.4;  }  50% {    opacity: 1;  }  100% {    opacity: 0.4;  }}@-o-keyframes flickerAnimation {  0% {    opacity: 0.4;  }  50% {    opacity: 1;  }  100% {    opacity: 0.4;  }}@-moz-keyframes flickerAnimation {  0% {    opacity: 0.4;  }  50% {    opacity: 1;  }  100% {    opacity: 0.4;  }}@-webkit-keyframes flickerAnimation {  0% {    opacity: 0.4;  }  50% {    opacity: 1;  }  100% {    opacity: 0.4;  }}/* Hot-prod BG : END *//* Hot Prod Slick Arrow : START */figure.hot-prod-btn {  display: none;}figure.hot-prod-btn img {  display: none;}@media (min-width: 768px) {  figure.hot-prod-btn {    /*flex make element centered*/    display: -webkit-box;    display: -moz-box;    display: -ms-flexbox;    display: -webkit-flex;    display: flex;    -ms-flex-align: center;    -webkit-align-items: center;    align-items: center;    -webkit-justify-content: center;    -moz-justify-content: center;    -ms-justify-content: center;    -o-justify-content: center;    justify-content: center;    /*other*/    position: absolute;    top: 0;    bottom: 0;    width: 3em;    cursor: pointer;  }  figure.hot-prod-btn img {    display: block;    opacity: 0.7;    transition: all 0.4s;    /*arrow*/    width: 2em;    height: 2em;  }  figure.hot-prod-btn:active {    outline: none;    border: none;    -moz-outline-style: none;  }  figure.hot-prod-btn:focus {    outline: none;    border: none;    -moz-outline-style: none;  }  figure.hot-prod-btn:hover img {    opacity: 1;  }  figure.hot-prod-btn-left {    left: -46px;  }  figure.hot-prod-btn-right {    right: -46px;  }}@media (min-width: 1366px) {  figure.hot-prod-btn-left {    left: -70px;  }  figure.hot-prod-btn-right {    right: -70px;  }}/* Hot Prod Slick Arrow : END *//*----------------Kenny CSS SET: START-------------------------*/body {  background-color: white;  /*ALL FONT STYLE*/  /*OTHER STYLE*/}body a,body a:link,body a:active,body a:hover,body a:visited {  text-decoration: none;  outline: none;}body button,body button:link,body button:active,body button:hover,body button:visited {  text-decoration: none;  outline: none;}body .container {  margin-bottom: 0;}body section h1 {  font-size: 1.7em;  letter-spacing: 1px;  font-weight: 600;  color: #ffffff;  margin-top: 0.5em;  margin-bottom: 0.6em;}body section h1 span {  font-size: 1.5em;  color: #009F97;}body section h2 {  font-size: 2em;  line-height: 100%;  letter-spacing: 0;  color: #009F97;  font-weight: 600;  margin-top: 12px;  margin-bottom: 12px;}body section h3 {  font-size: 1.2em;  font-weight: 600;  line-height: 150%;  letter-spacing: 0;  color: #009F97;  margin-top: 12px;  margin-bottom: 12px;}body section p {  color: #231815;  line-height: 170%;  font-size: 1em;  font-weight: normal;  letter-spacing: 0;  margin: 0;}body section ul li {  font-size: 1em;}body h1,body h2,body h3,body h4,body h5,body p {  overflow-wrap: break-word;  word-wrap: break-word;  -webkit-hyphens: auto;  -ms-hyphens: auto;  -moz-hyphens: auto;  hyphens: auto;}body section img {  image-rendering: -webkit-optimize-contrast;}body figure {  margin-bottom: 0;}body .row {  margin-left: 0;  margin-right: 0;}body button.btn-style {  background-color: rgba(255, 255, 255, 0);  -moz-transition: all 200ms;  -o-transition: all 200ms;  -webkit-transition: all 200ms;  transition: all 200ms;  outline: none !important;  border-radius: 30px;  padding-left: 2em;  padding-right: 2em;  padding-top: 0.2em;  padding-bottom: 0.2em;  border-style: none;}body button.btn-style p {  line-height: 130%;}body button.btn-style p span {  margin-left: 0.3em;}body button.btn-style:hover {  outline: none !important;}body button.btn-style:active {  outline: none !important;}body button.btn-style:focus {  outline: none !important;}body .white {  color: #ffffff;}/*----------------Kenny CSS set: END-------------------------*//* -----------------Mobile--------------------------------------*/body {  /*all section style*/  /*individual style*/}body section.section-style {  font-size: 16px;  display: block;}body section.section-style div.sec-title-row {  padding-top: 2.3em;}body section.section-style div.sec-title-row div.title-box {  margin-bottom: 2em;}body section.section-style div.sec-title-row div.title-box h2 {  text-align: center;}body section.section-style div.sec-title-row div.content-box p {  text-align: center;}body section.hot-prod-sec {  display: block;  position: relative;}body section.hot-prod-sec div.container {  /*no padding in mobile*/  padding-right: 0;  padding-left: 0;}body section.hot-prod-sec div.container div.sec-title-row {  padding-right: 15px;  padding-left: 15px;  margin-bottom: 1.5em;}body section.hot-prod-sec div.container div.sec-title-row div.title-box {  margin-bottom: 1.5em;}body section.hot-prod-sec div.container div.sec-title-row div.title-box h2 {  font-size: 1.7em;}body section.hot-prod-sec div.container div.slide-row {  display: block;  width: 100%;}body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider {  display: block;  width: 100%;  /*item*/}body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.slick-list {  /*make center mode and show 1/3 item*/  padding: 0 60px;}body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.slick-list div.slick-track {  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row;  -webkit-flex-wrap: nowrap;  -ms-flex-wrap: nowrap;  flex-wrap: nowrap;  -webkit-align-items: stretch;  -ms-flex-align: stretch;  align-items: stretch;}body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.hot-prod-column {  padding: 0 0.5em;  height: auto;}body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.hot-prod-column div.hot-prod-tile {  display: block;  border: 1px solid #e0e0e0;  background-color: #ffffff;  padding-left: 0.5em;  padding-right: 0.5em;  height: 100%;  position: relative;}body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.hot-prod-column div.hot-prod-tile div.pic-box {  display: block;  border-bottom: 2px solid #009F97;}body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.hot-prod-column div.hot-prod-tile div.pic-box img {  width: 100%;}body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.hot-prod-column div.hot-prod-tile div.title-box {  display: block;}body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.hot-prod-column div.hot-prod-tile div.title-box h3 {  font-size: 1em;  text-align: center;  color: #231815;  line-height: 110%;}body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.hot-prod-column div.hot-prod-tile div.content-box {  display: none;}body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.hot-prod-column div.hot-prod-tile div.link-box {  display: none;}body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.hot-prod-column div.hot-prod-tile > a {  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;}body section.news-sec div.container {  /*no padding in mobile*/  padding-right: 0;  padding-left: 0;}body section.news-sec div.container div.row {  /*item*/}body section.news-sec div.container div.row div.column {  padding-left: 0;  padding-right: 0;  margin-bottom: 1.3em;}body section.news-sec div.container div.row div.column article.news-tile {  overflow: hidden;  position: relative;  display: block;}body section.news-sec div.container div.row div.column article.news-tile:hover div.news-entry-content div.news-entry-wrapper div.entry-content {  opacity: 1;}body section.news-sec div.container div.row div.column article.news-tile div.news-pic {  position: relative;  display: block;  width: 100%;}body section.news-sec div.container div.row div.column article.news-tile div.news-pic img {  width: 100%;  max-width: 100%;  height: auto;}body section.news-sec div.container div.row div.column article.news-tile div.news-entry-content {  position: absolute;  top: 0;  left: 0;  height: 100%;  width: 100%;  overflow: hidden;}body section.news-sec div.container div.row div.column article.news-tile div.news-entry-content:before {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  opacity: 1;  content: '';  -webkit-transform: translate3d(0, 30%, 0);  transform: translate3d(0, 30%, 0);  /*bg*/  background: rgba(0, 0, 0, 0.5);  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.9) 70%, #000000 100%);  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.9) 70%, #000000 100%);  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.9) 70%, #000000 100%);  /*TEST*/}body section.news-sec div.container div.row div.column article.news-tile div.news-entry-content div.news-entry-wrapper {  position: absolute;  bottom: 0;  left: 0;  width: 100%;  padding: 0 1.1em;  transform: translateY(57px);  /*transition*/  -webkit-transition: opacity 0.35s, bottom 0.35s, -webkit-transform 0.4s;  transition: opacity 0.35s, bottom 0.35s, transform 0.4s;}body section.news-sec div.container div.row div.column article.news-tile div.news-entry-content div.news-entry-wrapper div.entry-title {  margin-bottom: 0.5em;}body section.news-sec div.container div.row div.column article.news-tile div.news-entry-content div.news-entry-wrapper div.entry-title h3 {  color: #ffffff;  /*****variables*****/  display: block;  /* Fallback for non-webkit */  display: -webkit-box;  height: 20.8px;  /* Fallback for non-webkit */  margin: 0 auto;  font-size: 16px;  line-height: 1.3;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}body section.news-sec div.container div.row div.column article.news-tile div.news-entry-content div.news-entry-wrapper div.entry-content {  opacity: 0;  transition: all 0.5s;  margin-bottom: 0.6em;}body section.news-sec div.container div.row div.column article.news-tile div.news-entry-content div.news-entry-wrapper div.entry-content p {  color: #ffffff;  padding: 0 1px;  /*****variables*****/  display: block;  /* Fallback for non-webkit */  display: -webkit-box;  height: 51.2px;  /* Fallback for non-webkit */  margin: 0 auto;  font-size: 16px;  line-height: 1.6;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}body section.news-sec div.container div.row div.column article.news-tile a {  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;}body section.new-prod-sec div.container {  /*no padding in mobile*/  padding-right: 0;  padding-left: 0;}body section.new-prod-sec div.container div.row {  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}body section.new-prod-sec div.container div.row div.column {  padding-right: 0;  padding-left: 0;  /*item*/  /*star item*/}body section.new-prod-sec div.container div.row div.column div.prod-tile {  background-color: #F5F5F5;  margin-bottom: 1em;  position: relative;}body section.new-prod-sec div.container div.row div.column div.prod-tile figure {  width: 100%;  text-align: center;}body section.new-prod-sec div.container div.row div.column div.prod-tile figure img {  width: 80%;}body section.new-prod-sec div.container div.row div.column div.prod-tile article {  padding-left: 1em;  padding-right: 1em;}body section.new-prod-sec div.container div.row div.column div.prod-tile article div.title-box h3 {  color: #231815;  margin-top: 0;  text-align: center;  /*****variables*****/  display: block;  /* Fallback for non-webkit */  display: -webkit-box;  height: 46.8px;  /* Fallback for non-webkit */  margin: 0 auto;  font-size: 18px;  line-height: 1.3;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}body section.new-prod-sec div.container div.row div.column div.prod-tile article div.content-box {  display: none;}body section.new-prod-sec div.container div.row div.column div.prod-tile article div.content-box p {  max-width: 500px;  /*****variables*****/  display: block;  /* Fallback for non-webkit */  display: -webkit-box;  height: 48px;  /* Fallback for non-webkit */  margin: 0 auto;  font-size: 16px;  line-height: 1.5;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}body section.new-prod-sec div.container div.row div.column div.prod-tile article div.btn-box {  text-align: center;}body section.new-prod-sec div.container div.row div.column div.prod-tile article div.btn-box a button.btn-style {  display: inline-block;  font-size: 14px;  border: 1px solid #009F97;  margin-top: 0.5em;  margin-bottom: 1em;}body section.new-prod-sec div.container div.row div.column div.prod-tile article div.btn-box a button.btn-style p {  color: #009F97;}body section.new-prod-sec div.container div.row div.column div.prod-tile > a {  z-index: 10;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;}body section.new-prod-sec div.container div.row div.column div.star-prod {  background-color: #F5F5F5;}body section.new-prod-sec div.container div.row div.column div.star-prod figure img {  width: 62%;  max-width: 350px;}body section.new-prod-sec div.container div.row div.column div.star-prod article div.title-box h3 {  color: #ffffff;  margin-top: 0;  text-align: center;  line-height: 180%;  height: auto;  /*****variables*****/  display: block;  /* Fallback for non-webkit */  display: -webkit-box;  /* Fallback for non-webkit */  margin: 0 auto;  font-size: 28px;}body section.new-prod-sec div.container div.row div.column div.star-prod article div.content-box {  display: block;}body section.new-prod-sec div.container div.row div.column div.star-prod article div.content-box p {  color: #ffffff;  /*****variables*****/  display: block;  /* Fallback for non-webkit */  display: -webkit-box;  height: 48px;  /* Fallback for non-webkit */  margin: 0 auto;  font-size: 16px;  line-height: 1.5;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}body section.new-prod-sec div.container div.row div.column div.star-prod article div.btn-box a button.btn-style {  font-size: 16px;  border: 2px solid #ffffff;}body section.new-prod-sec div.container div.row div.column div.star-prod article div.btn-box a button.btn-style p {  color: #ffffff;}body section.new-prod-sec div.container div.row div.column div.star-prod article div.btn-box a button.btn-style p span {  color: #ffffff;}body section.new-prod-sec div.container div.row div.column div.star-prod.star-prod-bg-1 {  background: #00d1d3;  /* Old browsers */  background: -moz-linear-gradient(-45deg, #00d1d3 0%, #fbab89 100%);  /* FF3.6-15 */  background: -webkit-linear-gradient(-45deg, #00d1d3 0%, #fbab89 100%);  /* Chrome10-25,Safari5.1-6 */  background: linear-gradient(135deg, #00d1d3 0%, #fbab89 100%);  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}body section.new-prod-sec div.container div.row div.column div.star-prod.star-prod-bg-2 {  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#21c7ff+0,ff9496+100 */  background: #21c7ff;  /* Old browsers */  background: -moz-linear-gradient(-45deg, #21c7ff 0%, #ff9496 100%);  /* FF3.6-15 */  background: -webkit-linear-gradient(-45deg, #21c7ff 0%, #ff9496 100%);  /* Chrome10-25,Safari5.1-6 */  background: linear-gradient(135deg, #21c7ff 0%, #ff9496 100%);  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}body section.new-prod-sec div.container div.row div.column:nth-child(2) div.prod-tile {  margin-right: 0.2em;}body section.new-prod-sec div.container div.row div.column:nth-child(3) div.prod-tile {  margin-left: 0.2em;}body section.solution-sec {  padding-bottom: 1.5em;}body section.solution-sec div.container div.row {  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  /*item*/}body section.solution-sec div.container div.row div.column div.item-box {  margin-bottom: 1em;  /*Flex*/  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  /*Flex Direction*/  -webkit-flex-direction: row;  -moz-flex-direction: row;  -ms-flex-direction: row;  -o-flex-direction: row;  flex-direction: row;}body section.solution-sec div.container div.row div.column div.item-box a {  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;}body section.solution-sec div.container div.row div.column div.item-box img {  width: 1em;  height: 1em;  margin-right: 1em;  margin-top: 0.3em;  /* for browser ie */  min-width: 1em;  min-height: 1em;}body section.solution-sec div.container div.row div.column div.item-box h3 {  margin-top: 0;  color: #231815;}body section.service-sec div.container-wide div.row {  display: flex;}body section.service-sec div.container-wide div.row div.column {  overflow: hidden;  padding: 0;  /*ODM tile*/  /*LIVE tile*/  /*Memberzone tile*/}body section.service-sec div.container-wide div.row div.column div.service-tile {  /*flex*/  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  /*vertical*/  -ms-flex-align: center;  -webkit-align-items: center;  align-items: center;  /*horizental*/  -webkit-justify-content: center;  -moz-justify-content: center;  -ms-justify-content: center;  -o-justify-content: center;  justify-content: center;  /*others*/  position: relative;  height: auto;  min-height: 23em;}body section.service-sec div.container-wide div.row div.column div.service-tile > a {  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  z-index: 40;}body section.service-sec div.container-wide div.row div.column div.service-tile img {  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translateX(-50%) translateY(-50%);  -moz-transform: translateX(-50%) translateY(-50%);  -ms-transform: translateX(-50%) translateY(-50%);  -o-transform: translateX(-50%) translateY(-50%);  transform: translateX(-50%) translateY(-50%);  width: 230%;  opacity: 0.5;  transition: all 0.3s ease-out;  max-width: 260%;  zoom: 1;}body section.service-sec div.container-wide div.row div.column div.service-tile article {  width: 90%;  z-index: 15;}body section.service-sec div.container-wide div.row div.column div.service-tile article div.title-box {  width: 100%;  margin-top: 2em;}body section.service-sec div.container-wide div.row div.column div.service-tile article div.title-box h3 {  font-size: 1.4em;  color: #ffffff;  text-align: center;}body section.service-sec div.container-wide div.row div.column div.service-tile article hr {  max-width: 30em;  border-bottom: 1px solid #ffffff;}body section.service-sec div.container-wide div.row div.column div.service-tile article div.content-box {  width: 100%;  padding-left: 1.5em;  /*flex*/  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  /*center*/  -webkit-justify-content: center;  -moz-justify-content: center;  -ms-justify-content: center;  -o-justify-content: center;  justify-content: center;}body section.service-sec div.container-wide div.row div.column div.service-tile article div.content-box ul {  list-style: disc;}body section.service-sec div.container-wide div.row div.column div.service-tile article div.content-box ul li {  color: #ffffff;}body section.service-sec div.container-wide div.row div.column div.service-tile article div.content-box ul li * {color: #ffffff} body section.service-sec div.container-wide div.row div.column div.service-tile article div.btn-box {  width: 100%;  margin-bottom: 2em;  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-justify-content: center;  -moz-justify-content: center;  -ms-justify-content: center;  -o-justify-content: center;  justify-content: center;}body section.service-sec div.container-wide div.row div.column div.service-tile article div.btn-box button.btn-style {  border: 1px solid #ffffff;  background-color: #ffffff;  min-width: 10em;}body section.service-sec div.container-wide div.row div.column div.service-tile:before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 10;  transition: all 300ms ease-out;}body section.service-sec div.container-wide div.row div.column:nth-child(1) div.service-tile:before {  background-color: rgba(0, 142, 185, 0.6);}body section.service-sec div.container-wide div.row div.column:nth-child(1) div.service-tile article div.btn-box button.btn-style p {  color: #00A3CA;}body section.service-sec div.container-wide div.row div.column:nth-child(1) div.service-tile article div.btn-box button.btn-style p span {  color: #00A3CA;}body section.service-sec div.container-wide div.row div.column:nth-child(2) div.service-tile:before {  background-color: rgba(216, 86, 12, 0.6);}body section.service-sec div.container-wide div.row div.column:nth-child(2) div.service-tile article div.btn-box button.btn-style p {  color: #EF8244;}body section.service-sec div.container-wide div.row div.column:nth-child(2) div.service-tile article div.btn-box button.btn-style p span {  color: #EF8244;}body section.service-sec div.container-wide div.row div.column:nth-child(3) div.service-tile:before {  background-color: rgba(3, 162, 133, 0.6);}body section.service-sec div.container-wide div.row div.column:nth-child(3) div.service-tile article div.btn-box button.btn-style p {  color: #009C7F;}body section.service-sec div.container-wide div.row div.column:nth-child(3) div.service-tile article div.btn-box button.btn-style p span {  color: #009C7F;}body section.hotline-sec {  background-color: #8C8C8C;  padding-top: 0.3em;  padding-bottom: 0.3em;}body section.hotline-sec img.hotline-icon {  width: 1.2em;  height: 1.2em;}/* -----------------Pad--------------------------------------*/@media only screen and (min-width: 768px) {  body {    /*ALL FONT STYLE*/    /*all section style*/    /*individual style*/  }  body section h1 {    font-size: 2.7em;    letter-spacing: 1px;    font-weight: 600;  }  body section h1 span {    font-size: 1.5em;  }  body section h2 {    font-size: 1.9em;    line-height: 150%;    letter-spacing: 0;    font-weight: 600;  }  body section h3 {    font-size: 1.2em;    font-weight: 600;    line-height: 150%;  }  body section p {    line-height: 170%;    font-size: 1em;  }  body section ul li {    font-size: 1em;  }  body section.section-style div.sec-title-row {    padding-top: 2.5em;  }  body section.hot-prod-sec {    position: relative;  }  body section.hot-prod-sec div.container div.slide-row {    padding-left: 2em;    padding-right: 2em;  }  body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider {    /*slick-list*/    /*item*/  }  body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.slick-list {    padding: 0;  }  body section.news-sec div.container {    /*no padding in mobile*/  }  body section.news-sec div.container div.row {    /*item*/  }  body section.news-sec div.container div.row div.column {    padding-right: 0.1em;    padding-left: 0.1em;  }  body section.new-prod-sec div.container div.row div.column {    padding-right: 0.1em;    padding-left: 0.1em;    /*item*/    /*star item*/  }  body section.new-prod-sec div.container div.row div.column div.prod-tile article div.title-box {    margin-bottom: 0.5em;  }  body section.new-prod-sec div.container div.row div.column div.prod-tile article div.title-box h3 {    /*****variables*****/    height: 27px;    font-size: 18px;    line-height: 1.5;    -webkit-line-clamp: 1;  }  body section.new-prod-sec div.container div.row div.column div.star-prod article div.title-box {    margin-bottom: 0.5em;  }  body section.new-prod-sec div.container div.row div.column div.star-prod article div.title-box h3 {    /*****variables*****/    height: 36.4px;    font-size: 28px;    line-height: 1.3;    -webkit-line-clamp: 1;  }  body section.solution-sec div.container div.row {    /*item*/  }  body section.hotline-sec {    background-color: #7CD2DC;    padding-top: 0.5em;    padding-bottom: 0.5em;  }}/*---------------Desktops and laptops-------------------------*/@media only screen and (min-width: 992px) {  body {    /*all section style*/    /*individual style*/  }  body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider {    /*item*/  }  body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.hot-prod-column {    margin-top: 1em;    margin-bottom: 1em;  }  body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.hot-prod-column div.hot-prod-tile {    transition: all 0.4s;  }  body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.hot-prod-column div.hot-prod-tile div.title-box {    margin-bottom: 1.2em;  }  body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.hot-prod-column div.hot-prod-tile div.content-box {    display: block;  }  body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.hot-prod-column div.hot-prod-tile div.content-box ul {    list-style-type: circle;    padding-left: 1.1em;    color: #232323;    color: red;  }  body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.hot-prod-column div.hot-prod-tile div.content-box ul li {    font-size: 0.9em;    color: #231815;    margin-bottom: 0.2em;  }  body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.hot-prod-column div.hot-prod-tile div.content-box p {    font-size: 0.9em;  }  body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.hot-prod-column div.hot-prod-tile div.link-box {    display: block;    margin-top: 1em;    margin-bottom: 1em;  }  body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.hot-prod-column div.hot-prod-tile div.link-box p {    color: #009F97;  }  body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.hot-prod-column div.hot-prod-tile div.link-box p span {    color: #009F97;    margin-left: 3px;  }  body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider div.hot-prod-column div.hot-prod-tile:hover {    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);  }  body section.news-sec div.container {    /*no padding in mobile*/  }  body section.news-sec div.container div.row {    /*item*/  }  body section.news-sec div.container div.row div.column:first-child {    padding-right: 0.4em;  }  body section.news-sec div.container div.row div.column:last-child {    padding-left: 0.4em;  }  body section.news-sec div.container div.row div.column article.news-tile:hover div.news-entry-content div.news-entry-wrapper {    transform: translateY(0px);  }  body section.news-sec div.container div.row div.column article.news-tile div.news-entry-content div.news-entry-wrapper div.entry-title h3 {    /*****variables*****/    display: block;    /* Fallback for non-webkit */    display: -webkit-box;    height: 24.7px;    /* Fallback for non-webkit */    margin: 0 auto;    font-size: 19px;    line-height: 1.3;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;  }  body section.new-prod-sec div.container div.row {    margin-bottom: 1.5em;    /*make all elements the same height as the tallest element*/    display: -ms-flexbox;    display: -webkit-flex;    display: flex;    -webkit-flex-direction: row;    -ms-flex-direction: row;    flex-direction: row;    -webkit-flex-wrap: nowrap;    -ms-flex-wrap: nowrap;    flex-wrap: nowrap;    -webkit-align-items: stretch;    -ms-flex-align: stretch;    align-items: stretch;    /*item*/  }  body section.new-prod-sec div.container div.row div.column {    height: auto;    /*star item*/    /* HOVER */  }  body section.new-prod-sec div.container div.row div.column:nth-child(1) {    padding-left: 0;    padding-right: 0.4em;  }  body section.new-prod-sec div.container div.row div.column:nth-child(2) {    padding-right: 0.4em;    padding-left: 0.4em;  }  body section.new-prod-sec div.container div.row div.column:nth-child(2) div.prod-tile {    margin-right: 0;  }  body section.new-prod-sec div.container div.row div.column:nth-child(2) div.prod-tile figure img {    margin-top: 1em;  }  body section.new-prod-sec div.container div.row div.column:nth-child(3) {    padding-left: 0.4em;  }  body section.new-prod-sec div.container div.row div.column:nth-child(3) div.prod-tile {    margin-left: 0;  }  body section.new-prod-sec div.container div.row div.column:nth-child(3) div.prod-tile figure img {    margin-top: 1em;  }  body section.new-prod-sec div.container div.row div.column div.prod-tile {    margin: 0;    padding-bottom: 2em;    height: 100%;    transition: all 0.5s;  }  body section.new-prod-sec div.container div.row div.column div.prod-tile article {    position: relative;  }  body section.new-prod-sec div.container div.row div.column div.prod-tile article div.content-box {    display: block;    transition: all 0.4s;  }  body section.new-prod-sec div.container div.row div.column div.prod-tile article div.btn-box {    display: block;    position: absolute;    left: 0;    right: 0;    bottom: -30px;    opacity: 0;    transition: bottom 0.5s ease-in-out, opacity 0.3s linear;  }  body section.new-prod-sec div.container div.row div.column div.prod-tile article div.btn-box a {    z-index: 20;    cursor: pointer;    position: absolute;    bottom: 0;    /*center the button*/    left: 0;    right: 0;  }  body section.new-prod-sec div.container div.row div.column div.prod-tile article div.btn-box a button.btn-style {    cursor: pointer;    transition: all 0.3s;  }  body section.new-prod-sec div.container div.row div.column div.prod-tile article div.btn-box a button.btn-style p {    transition: all 0.3s;  }  body section.new-prod-sec div.container div.row div.column div.prod-tile article div.btn-box a:hover {    cursor: pointer;  }  body section.new-prod-sec div.container div.row div.column div.prod-tile article div.btn-box a:hover button.btn-style {    background-color: #009F97;  }  body section.new-prod-sec div.container div.row div.column div.prod-tile article div.btn-box a:hover button.btn-style p {    color: #ffffff;  }  body section.new-prod-sec div.container div.row div.column div.star-prod figure img {    width: 200px;    height: 200px;    transition: all 0.4s;  }  body section.new-prod-sec div.container div.row div.column div.star-prod article div.title-box {    margin-bottom: 0.5em;  }  body section.new-prod-sec div.container div.row div.column div.star-prod article div.title-box h3 {    /*****variables*****/    display: block;    /* Fallback for non-webkit */    display: -webkit-box;    height: 36.4px;    /* Fallback for non-webkit */    margin: 0 auto;    font-size: 28px;    line-height: 1.3;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;  }  body section.new-prod-sec div.container div.row div.column div.star-prod article div.btn-box a:hover button.btn-style {    background-color: rgba(0, 0, 0, 0.1);  }  body section.new-prod-sec div.container div.row div.column:hover div.prod-tile article div.content-box {    will-change: opacity;    opacity: 0;  }  body section.new-prod-sec div.container div.row div.column:hover div.prod-tile article div.btn-box {    bottom: -5px;    opacity: 1;  }  body section.new-prod-sec div.container div.row div.column:hover div.regular-prod {    background-color: #ffffff;    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);  }  body section.new-prod-sec div.container div.row div.column:hover div.star-prod figure img {    will-change: transform;    -moz-transform: scale(1.1);    -webkit-transform: scale(1.1);    transform: scale(1.1);  }  body section.solution-sec div.container div.row {    /*item*/  }  body section.solution-sec div.container div.row div.column div.item-box img {    transition: all 0.4s;  }  body section.solution-sec div.container div.row div.column div.item-box h3 {    transition: all 0.4s;  }  body section.solution-sec div.container div.row div.column div.item-box:hover img {    transform: translateX(5px);  }  body section.solution-sec div.container div.row div.column div.item-box:hover h3 {    color: #009F97;  }  body section.service-sec div.container-wide div.row div.column div.service-tile {    /*vertical*/    -ms-flex-align: flex-start;    -webkit-align-items: flex-start;    align-items: flex-start;  }  body section.service-sec div.container-wide div.row div.column div.service-tile:hover img {    will-change: width;    will-change: filter;    width: 260%;    -webkit-filter: blur(10px);    filter: blur(10px);  }  body section.service-sec div.container-wide div.row div.column div.service-tile article div.title-box {    margin-top: 5em;  }  body section.service-sec div.container-wide div.row div.column div.service-tile:hover article div.btn-box button.btn-style {    will-change: box-shadow;    box-shadow: 1px -1px 12px rgba(255, 255, 255, 0.6);  }}/*---------------Desktops-1200--------------------------------*/@media only screen and (min-width: 1200px) {  body {    /*all section style*/    /*individual style*/  }  body section.section-style div.sec-title-row div.title-box h2 {    font-size: 2em;  }  body section.hot-prod-sec div.container:before {    z-index: -1;    content: "";    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    /*white mask at the bottom*/    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, #ffffff 100%);    /* FF3.6-15 */    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, #ffffff 100%);    /* Chrome10-25,Safari5.1-6 */    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, #ffffff 100%);    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);    /* IE6-9 */  }  body section.hot-prod-sec div.container:after {    z-index: -2;    content: "";    background-image: url(../images/hot-prod-bg.jpg);    background-size: cover;    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    /*flicker for bg*/    -webkit-animation: flickerAnimation 3s infinite;    -moz-animation: flickerAnimation 3s infinite;    -o-animation: flickerAnimation 3s infinite;    animation: flickerAnimation 3s infinite;  }  body section.hot-prod-sec div.container div.sec-title-row div.title-box h2 {    font-size: 2em;  }  body section.hot-prod-sec div.container div.slide-row div.hot-prod-slider {    /*item*/  }  body section.news-sec div.container div.row {    /*item*/  }  body section.new-prod-sec {    position: relative;  }  body section.new-prod-sec div.container:before {    z-index: -1;    content: "";    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    /*white mask at the bottom*/    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, #ffffff 100%);    /* FF3.6-15 */    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, #ffffff 100%);    /* Chrome10-25,Safari5.1-6 */    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, #ffffff 100%);    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);    /* IE6-9 */  }  body section.new-prod-sec div.container:after {    z-index: -2;    content: "";    background-image: url(../images/new-prod-bg.jpg);    background-position: center top;    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;  }  body section.new-prod-sec div.container div.row {    /*item*/  }  body section.new-prod-sec div.container div.row div.column {    /*star item*/  }  body section.new-prod-sec div.container div.row div.column:nth-child(2) div.prod-tile figure img {    margin-top: 0;  }  body section.new-prod-sec div.container div.row div.column:nth-child(3) div.prod-tile figure img {    margin-top: 0;  }  body section.new-prod-sec div.container div.row div.column div.prod-tile figure img {    width: 217px;    height: 217px;  }  body section.new-prod-sec div.container div.row div.column div.star-prod figure img {    width: 217px;    height: 217px;  }  body section.new-prod-sec div.container div.row div.column div.star-prod article div.title-box {    margin-bottom: 0.3em;  }  body section.solution-sec div.container div.row {    /*item*/  }}/*---------------Desktops-1920--------------------------------*/@media only screen and (min-width: 1920px) {  /*all section style*/  /*individual style*/  section.hot-prod-sec div.container div.slide-row div.hot-prod-slider {    /*item*/  }  section.news-sec div.container div.row {    /*item*/  }  section.new-prod-sec div.container div.row div.column {    /*item*/    /*star item*/  }  section.solution-sec div.container div.row {    /*item*/  }}