@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400,500,700&display=swap");
* {
  position: relative;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  *::-moz-selection {
    background: #f5f5f5; }
  *::selection {
    background: #f5f5f5; }
  *::-moz-selection {
    background: #f5f5f5; }

html {
  font-size: calc(16px * 100 / 16);
  width: 100%;
  margin: 0; }

body {
  width: 100%;
  margin: 0;
  font-family: "Noto Sans", "Noto Sans CJK TC", "Noto Sans CJK SC", "Noto Sans CJK", "Source Han Sans TC", "Source Han Sans SC", "Source Han Sans CN", "Source Han Sans", "Noto Sans TC", "微軟正黑體", sans-serif;
  font-size: 0.17rem;
  font-weight: 400;
  letter-spacing: 0.024rem;
  line-height: 1.8;
  color: #666; }

#hover-mobile {
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  overflow: auto;
  z-index: -9999; }
  #hover-mobile .hover-bg {
    display: inline-block;
    width: 100%;
    height: 100%; }
.form-group.annoying-input{
  height: 0.1px;
  width: 0.1px;
  overflow: hidden;
  opacity: 0;
}

/* ----------------------------------- */
/* ------ Labels ------ */
/* ----------------------------------- */
a {
  display: inline-block;
  text-decoration: none !important;
  color: inherit; }
  a:hover {
    color: inherit; }

button:focus {
  outline: 0; }

img.img {
  width: 100%;
  max-width: 100%; }

ul {
  list-style: none;
  padding: 0;
  margin: 0; }
ol {
  margin-bottom: 0;
}

table {
  max-width: 100%; }
  table * {
    position: static; }

hr {
  margin: 0.1rem 0; }

i:not(.dropdown-toggle) {
  margin-right: 5px; }

.fa, .fab, .fal, .far, .fas {
  display: inline; }

/* ----------------------------------- */
/* ------ Fonts ------ */
/* ----------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-weight: 500; }

h1, h2, h3, h4, h5, h6, p {
  margin: 0; }

h1.slogan {
  font-size: 0.34rem;
  letter-spacing: 0.06rem; }

h2.sub-slogan {
  font-size: 0.18rem;
  line-height: 200%;
  letter-spacing: 0.01rem;
  color: #333; }

h2.title {
  font-size: 0.28rem;
  letter-spacing: 0.048rem;
  line-height: 1.7;
  color: #044791; }

h2.title-small, h2.title-small span {
  font-size: 0.22rem;
  letter-spacing: 0.036rem;
  line-height: 1.6;
  color: #044791; }

h2.subtitle-small {
  font-size: 0.19rem;
  letter-spacing: 0.03rem; 
  line-height: 1.5;}

h3.item, .subtitle {
  font-size: 0.18rem;
  letter-spacing: 0.03rem;
  line-height: 1.7; }

h3.feature {
  font-size: 0.17rem;
  letter-spacing: 0.024rem;
  line-height: 1.7; }

p {
  line-height: 1.8;
  text-align: justify; }

p.day {
  font-size: 0.24rem;
  letter-spacing: 0.038rem; }

.p-btn {
  font-size: 0.17rem;
  letter-spacing: 0.024rem; }

.p-footer {
  font-size: 0.15rem;
  letter-spacing: 0.014rem; }

p.small, span.model, .btn-more {
  font-size: 0.16rem;
  letter-spacing: 0.022rem; }

.bold {
  font-weight: 700; }

.color-red {
  color: #b75e5e !important; }

.tag-red {
  color: #b75e5e !important; }

.tag-green {
  color: #4E8C00 !important; }

.bgc-red {
  background-color: #b75e5e !important; }

@media (max-width: 767px) {
  h1.slogan {
    font-size: 0.32rem;
    letter-spacing: 0.046rem; }
  h2.sub-slogan {
    font-size: 0.19rem;
    letter-spacing: 0.03rem; }
  h2.title {
    font-size: 0.25rem;
    letter-spacing: 0.03rem;
    line-height: 1.7; } }

@media (max-width: 575px) {
  h1.slogan {
    font-size: 0.26rem;
    letter-spacing: 0.04rem; }
  h2.sub-slogan {
    font-size: 0.18rem;
    font-weight: 400;
    letter-spacing: 0.028rem;
    line-height: 1.6; }
  h2.title {
    font-size: 0.23rem;
    letter-spacing: 0.032rem;
    line-height: 1.7; }
  p.day {
    font-size: 0.2rem;
    letter-spacing: 0.03rem; } }

/* ----------------------------------- */
/* ------ Adjustments ------ */
/* ----------------------------------- */
/* -- title-wrapper -- */
.title-wrapper {
  margin-bottom: 0.7rem; }
  .title-wrapper h2.subtitle {
    margin-top: 0.08rem; }

/* -- btn-more -- */
.btn-more {
  padding: 0.1rem 1.8rem 0 0;
  margin-top: 1rem;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  .btn-more:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
    background-color: #666;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  .btn-more:hover {
    color: #044791;
    padding: 0.1rem 1rem 0 0; }
    .btn-more:hover:before {
      background-color: #044791; }

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

/* -- deco -- */
.deco {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  z-index: 100; }

.deco.bubble01 {
  width: 20vw;
  min-width: 3.4rem;
  left: 0;
  bottom: 2.8rem; }

.deco.bubble02 {
  width: 28vw;
  min-width: 4.6rem;
  right: 0;
  bottom: -0.8rem; }

.deco.bubble03 {
  width: 34vw;
  min-width: 5rem;
  left: 0;
  bottom: 1.4rem;
  z-index: -1; }

.deco.bubble04 {
  width: 22vw;
  min-width: 2.8rem;
  right: 0;
  bottom: 0;
  z-index: -1; }
.notice-bar{
  position: absolute;
  bottom: 0;
  margin: auto;
  background: #b75e5e;
  width: 100%;
}
.notice-bar p{
  color: #fff;
  text-align: center;
  font-size: 14px;
}
.notice-bar a{
  font-size: 14px;
  padding-left: 15px;
  text-decoration: underline !important;
}
@media (max-width: 575px) {
  /* -- title-wrapper -- */
  .title-wrapper {
    margin-bottom: 12vw; }
    .title-wrapper h2.subtitle {
      margin-top: 0.08rem; }
  /* -- btn-more -- */
  .btn-more {
    padding: 0.1rem 24vw 0 0;
    margin-top: 14vw; }
    .btn-more:hover {
      padding: 0.1rem 16vw 0 0; }
  /* -- deco -- */
  .deco.bubble01 {
    width: 55vw;
    min-width: inherit;
    bottom: 6.6rem; }
  .deco.bubble02 {
    width: 72vw;
    min-width: inherit;
    bottom: -0.4rem; }
  .deco.bubble03 {
    width: 90vw;
    min-width: inherit;
    bottom: 2.8rem; }
  .deco.bubble04 {
    width: 46vw;
    min-width: inherit; } }

/* ----------------------------------- */
/* ------ Components ------ */
/* ----------------------------------- */
.product-card .img-mask:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 70%;
  left: 0;
  top: auto;
  bottom: 0;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(251, 251, 251, 0)), to(#e5e5e5));
  background-image: -webkit-linear-gradient(right, rgba(251, 251, 251, 0), #e5e5e5);
  background-image: -o-linear-gradient(right, rgba(251, 251, 251, 0), #e5e5e5);
  background-image: linear-gradient(to left, rgba(251, 251, 251, 0), #e5e5e5); }

.product-card .img-mask img {
  width: 90%;
  -webkit-filter: drop-shadow(0 1px 10px rgba(70, 70, 70, 0.3));
  filter: drop-shadow(0 1px 10px rgba(70, 70, 70, 0.3));
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s; }

.product-card .img-mask:hover img, .product-card .img-mask:active img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05); }

.product-card .title-product {
  margin: 0.1rem 2vw 0; }
  .product-card .title-product h2.title-small {
    margin-bottom: 0.06rem; }
  .product-card .title-product span.model {
    margin-left: 0.1rem; }

/* -- ul.btn-link -- */
nav.btn-data-area ul.btn-data {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0.7rem;
  z-index: 999; }
  nav.btn-data-area ul.btn-data li {
    -webkit-box-shadow: 0 0 6px rgba(102, 102, 102, 0.4);
    box-shadow: 0 0 6px rgba(102, 102, 102, 0.4); }
    nav.btn-data-area ul.btn-data li:hover .p-btn, nav.btn-data-area ul.btn-data li.active .p-btn {
      background-color: #4E8C00;
      color: #fff; }
  nav.btn-data-area ul.btn-data .p-btn {
    padding: 0.04rem 0.2rem;
    background-color: #f5f5f5;
    color: #464646;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }

@media (max-width: 767px) {
  .product-card .img-mask img {
    width: 98%; } }

/* -- new-wrapper -- */
.new-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.2rem 1vw;
  border-top: 1px solid rgba(102, 102, 102, 0.3);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  .new-wrapper:last-child {
    border-bottom: 1px solid rgba(102, 102, 102, 0.3); }
  .new-wrapper:hover {
    background-color: rgba(149, 195, 85, 0.1); }
    .new-wrapper:hover .content p {
      color: #044791; }
  .new-wrapper .date {
    margin-right: 3vw; }
  .new-wrapper p.day {
    line-height: 1.4; }
  .new-wrapper .content p {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }

@media (max-width: 575px) {
  /* -- ul.btn-link -- */
  nav.btn-data-area ul.btn-data {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 14vw; }
  /* -- new-wrapper -- */
  .new-wrapper {
    padding: 4vw 4vw; } }

/* ----------------------------------- */
/* ------ Div ------ */
/* ----------------------------------- */
/* -- #logo-burger -- */
#logo-burger {
  position: absolute;
  z-index: 99999; }
  #logo-burger a.logo-wrapper {
    width: 3rem;
    margin: 0.3rem 0 0 0.6rem; }

/* -- nav#navbar -- */
nav#navbar {
  position: fixed;
  width: 0.5rem;
  height: 100%;
  right: 0;
  top: 0;
  background-color: #f5f5f5;
  -webkit-box-shadow: -2px 0 0 0 rgba(70, 70, 70, 0.15);
  box-shadow: -2px 0 0 0 rgba(70, 70, 70, 0.15);
  overflow: hidden;
  z-index: 9999;
  -webkit-transition: width 0.8s, opacity 2s;
  -o-transition: width 0.8s, opacity 2s;
  transition: width 0.8s, opacity 2s; }
  nav#navbar ul.btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 100%;
    padding: 0.8rem 0;
    text-align: right;
    white-space: nowrap; }
    nav#navbar ul.btn-wrapper:before {
      content: '';
      display: block;
      position: absolute;
      width: 0.08rem;
      height: 100%;
      left: 0;
      top: 0;
      border-right: 2px solid #95c355;
      background-color: #f5f5f5;
      z-index: 10; }
    nav#navbar ul.btn-wrapper li {
      margin-bottom: 0.3rem;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      nav#navbar ul.btn-wrapper li:last-child {
        margin-bottom: 0; }
    nav#navbar ul.btn-wrapper a {
      padding-right: 0.8rem;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      nav#navbar ul.btn-wrapper a:after {
        content: '';
        display: block;
        position: absolute;
        width: 0.3rem;
        height: 1px;
        left: auto;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #666;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; }
      nav#navbar ul.btn-wrapper a:hover, nav#navbar ul.btn-wrapper a.active {
        color: #044791; }
        nav#navbar ul.btn-wrapper a:hover:after, nav#navbar ul.btn-wrapper a.active:after {
          content: '';
          display: block;
          position: absolute;
          width: 0.6rem;
          height: 1px;
          left: auto;
          top: 50%;
          background-color: #044791; }

nav#navbar.isOpened {
  width: 2.9rem;
  overflow: auto; }
  nav#navbar.isOpened ul.btn-wrapper li {
    opacity: 1;
    visibility: visible; }

/* -- header#header -- */
header#header {
  width: calc(100vw - 0.5rem);
  height: 100vh;
  background-image: url("../img/banner.jpg");
  background-size: cover;
  background-position: 55% center;
  -webkit-transition: width 0.8s, opacity 2s;
  -o-transition: width 0.8s, opacity 2s;
  transition: width 0.8s, opacity 2s; }
  header#header:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% - 0.3rem);
    height: 100%;
    left: 0;
    top: auto;
    bottom: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(181, 240, 100, 0.2)), color-stop(10%, rgba(181, 240, 100, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(181, 240, 100, 0.2), rgba(181, 240, 100, 0) 10%);
    background-image: -o-linear-gradient(bottom, rgba(181, 240, 100, 0.2), rgba(181, 240, 100, 0) 10%);
    background-image: linear-gradient(to top, rgba(181, 240, 100, 0.2), rgba(181, 240, 100, 0) 10%); }
  header#header .slogan-wrapper {
    position: absolute;
    right: 6.5vw;
    max-width: 600px;
    bottom: 20%; 
    padding: 20px;
    background: rgba(255, 255, 255, .5)}
    header#header .slogan-wrapper h1.slogan {
      margin-bottom: 0.2rem;
      color: #b75e5e; }
    header#header .slogan-wrapper .btn-more {
      margin-top: .15rem;
      color: #b75e5e;
    } 
    header#header .slogan-wrapper .btn-more:before{
      background-color: #b75e5e;
    }
   
header#header.navOpened {
  width: calc(100vw - 2.9rem); }

/* -- main#main -- */
main#main {
  margin-right: 2.9rem;
  overflow: hidden; }

/* -- section.section_features -- */
section.section_features {
  padding: 0.7rem 4vw; }
  section.section_features:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% - 0.3rem);
    height: calc(100% - 0.3rem);
    left: 0;
    top: auto;
    bottom: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(251, 251, 251, 0)), to(#f5f5f5));
    background-image: -webkit-linear-gradient(bottom, rgba(251, 251, 251, 0), #f5f5f5);
    background-image: -o-linear-gradient(bottom, rgba(251, 251, 251, 0), #f5f5f5);
    background-image: linear-gradient(to top, rgba(251, 251, 251, 0), #f5f5f5); }
  section.section_features .container {
    max-width: 1140px; }
  section.section_features ul.features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    section.section_features ul.features li {
      width: 25%;
      padding: 0.4rem 0.15rem;
      text-align: center; }
      section.section_features ul.features li:before {
        content: '';
        display: block;
        position: absolute;
        width: calc(100% - 0.4rem);
        height: 1px;
        left: 50%;
        top: auto;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: rgba(70, 70, 70, 0.3); }
      section.section_features ul.features li:after {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: calc(100% - 0.4rem);
        left: auto;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: rgba(102, 102, 102, 0.3); }
      section.section_features ul.features li:nth-child(4):after, section.section_features ul.features li:nth-child(8):after {
        display: none; }
      section.section_features ul.features li:nth-child(n+5):before {
        display: none; }
  section.section_features img {
    width: 1.2rem; }

/* -- section.section_latest_products -- */
  section.section_latest_products .img-box img{
    transition:.5s;
   }
section.section_latest_products {
  padding: 1.6rem 8vw 1.8rem; }
  section.section_latest_products .container {
    max-width: 1100px; }
  section.section_latest_products a.row:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    transition:.5s; }
  section.section_latest_products .title-product {
    margin-bottom: 0.30rem; }
  section.section_latest_products .subtitle-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
    section.section_latest_products .subtitle-wrapper h2.title {
      margin-right: 0.1rem; }
    section.section_latest_products .subtitle-wrapper span.subtitle {
      margin-top: 0.1rem;
      margin-bottom: 0.04rem; }
  section.section_latest_products h3.item {
    margin-bottom: 0.12rem; }
    section.section_latest_products h3.item:last-child {
      margin-bottom: 0; }
  section.section_latest_products .img-mask {
    position: absolute;
    width: 160%;
    min-width: 5.4rem;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    section.section_latest_products .img-mask img {
      -webkit-transition: -webkit-transform 0.5s;
      transition: -webkit-transform 0.5s;
      -o-transition: transform 0.5s;
      transition: transform 0.5s;
      transition: transform 0.5s, -webkit-transform 0.5s; }

section.section_latest_products.first:before {
  content: '';
  display: block;
  position: absolute;
  width: calc(100% - 0.3rem);
  height: 100%;
  left: auto;
  top: 0;
  right: 0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(251, 251, 251, 0)), to(#f5f5f5));
  background-image: -webkit-linear-gradient(bottom, rgba(251, 251, 251, 0), #f5f5f5);
  background-image: -o-linear-gradient(bottom, rgba(251, 251, 251, 0), #f5f5f5);
  background-image: linear-gradient(to top, rgba(251, 251, 251, 0), #f5f5f5); }

section.section_latest_products.first .img-mask {
  left: 0;
  top: 80%;
  margin-left: -1.5rem;
  -webkit-filter: drop-shadow(3px 1px 15px rgba(70, 70, 70, 0.3));
  filter: drop-shadow(3px 1px 15px rgba(70, 70, 70, 0.3)); }

section.section_latest_products.second:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(181, 240, 100, 0.15)), to(rgba(181, 240, 100, 0)));
  background-image: -webkit-linear-gradient(left, rgba(181, 240, 100, 0.15), rgba(181, 240, 100, 0));
  background-image: -o-linear-gradient(left, rgba(181, 240, 100, 0.15), rgba(181, 240, 100, 0));
  background-image: linear-gradient(to right, rgba(181, 240, 100, 0.15), rgba(181, 240, 100, 0)); }

section.section_latest_products.second:after {
  content: '';
  display: block;
  position: absolute;
  width: 20%;
  height: 1.8rem;
  left: auto;
  top: 20%;
  right: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(251, 251, 251, 0)), to(#e5e5e5));
  background-image: -webkit-linear-gradient(left, rgba(251, 251, 251, 0), #e5e5e5);
  background-image: -o-linear-gradient(left, rgba(251, 251, 251, 0), #e5e5e5);
  background-image: linear-gradient(to right, rgba(251, 251, 251, 0), #e5e5e5);
  z-index: -1; }

section.section_latest_products.second .img-mask {
  right: 0;
  top: 60%;
  margin-right: -0.5rem;
  -webkit-filter: drop-shadow(-3px 1px 15px rgba(70, 70, 70, 0.3));
  filter: drop-shadow(-3px 1px 15px rgba(70, 70, 70, 0.3)); }

/* -- section.section_products -- */
section.section_products {
  padding: 1.4rem 6vw; }
  section.section_products:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% - 0.3rem);
    height: 100%;
    left: auto;
    top: 0;
    right: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 251, 251, 0)), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, rgba(251, 251, 251, 0), #f5f5f5);
    background-image: -o-linear-gradient(top, rgba(251, 251, 251, 0), #f5f5f5);
    background-image: linear-gradient(to bottom, rgba(251, 251, 251, 0), #f5f5f5); }
  section.section_products .container-fluid {
    max-width: 1600px; }

/* -- section.section_about -- */
section.section_about {
  padding: 1.4rem 6vw 1.6rem;
  background-image: url("../img/index-about-bg.jpg");
  background-size: cover;
  background-position: center center; }
  section.section_about:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(40%);
    height: 100%;
    left: auto;
    top: -0.4rem;
    right: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(181, 240, 100, 0.2)), to(rgba(181, 240, 100, 0)));
    background-image: -webkit-linear-gradient(right, rgba(181, 240, 100, 0.2), rgba(181, 240, 100, 0));
    background-image: -o-linear-gradient(right, rgba(181, 240, 100, 0.2), rgba(181, 240, 100, 0));
    background-image: linear-gradient(to left, rgba(181, 240, 100, 0.2), rgba(181, 240, 100, 0)); }
  section.section_about .container {
    max-width: 1400px; }
  section.section_about .title-wrapper h2.title {
    color: #5c90e5; }
  section.section_about .title-wrapper h2.subtitle {
    color: #fff; }
  section.section_about .content {
    max-width: 620px; }
    section.section_about .content * {
      color: #fff; }

/* -- section.section_projects -- */
section.section_projects {
  padding: 1.4rem 0 1.4rem 6vw; }
  section.section_projects:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(251, 251, 251, 0)), to(#f5f5f5));
    background-image: -webkit-linear-gradient(left, rgba(251, 251, 251, 0), #f5f5f5);
    background-image: -o-linear-gradient(left, rgba(251, 251, 251, 0), #f5f5f5);
    background-image: linear-gradient(to right, rgba(251, 251, 251, 0), #f5f5f5); }
  section.section_projects .container-fluid {
    max-width: 1600px;
    margin-right: 0; }
  section.section_projects .col-md-12, section.section_projects .col-xl-3 {
    padding: 0; }
  section.section_projects .col-xl-3:nth-child(even) .text-wrapper:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(251, 251, 251, 0)), to(rgba(155, 155, 155, 0.4)));
    background-image: -webkit-linear-gradient(bottom, rgba(251, 251, 251, 0), rgba(155, 155, 155, 0.4));
    background-image: -o-linear-gradient(bottom, rgba(251, 251, 251, 0), rgba(155, 155, 155, 0.4));
    background-image: linear-gradient(to top, rgba(251, 251, 251, 0), rgba(155, 155, 155, 0.4)); }
  section.section_projects .col-xl-3:nth-child(odd) .text-wrapper:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(251, 251, 251, 0)), to(rgba(155, 155, 155, 0.2)));
    background-image: -webkit-linear-gradient(bottom, rgba(251, 251, 251, 0), rgba(155, 155, 155, 0.2));
    background-image: -o-linear-gradient(bottom, rgba(251, 251, 251, 0), rgba(155, 155, 155, 0.2));
    background-image: linear-gradient(to top, rgba(251, 251, 251, 0), rgba(155, 155, 155, 0.2)); }
  section.section_projects a.col-xl-3:hover .img-mask {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    z-index: 10; }
  section.section_projects .img-mask {
    height: 2.7rem;
    background-size: cover;
    background-position: center center;
    -webkit-box-shadow: 4px 2px 10px 0 rgba(70, 70, 70, 0.4);
    box-shadow: 4px 2px 10px 0 rgba(70, 70, 70, 0.4);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s; }
  section.section_projects .text-wrapper {
    padding: 0.3rem 2vw 0.8rem; }
  section.section_projects p.head {
    margin-bottom: 0.1rem;
    color: #044791; }

/* -- section.section_news -- */
section.section_news {
  padding: 1.4rem 6vw; }
  section.section_news:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% - 0.3rem);
    height: 100%;
    left: 0;
    top: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(181, 240, 100, 0.15)), to(rgba(181, 240, 100, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(181, 240, 100, 0.15), rgba(181, 240, 100, 0));
    background-image: -o-linear-gradient(bottom, rgba(181, 240, 100, 0.15), rgba(181, 240, 100, 0));
    background-image: linear-gradient(to top, rgba(181, 240, 100, 0.15), rgba(181, 240, 100, 0));
    z-index: -1; }
  section.section_news:after {
    content: '';
    display: block;
    position: absolute;
    width: 20%;
    height: 1.8rem;
    left: auto;
    top: 20%;
    right: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(251, 251, 251, 0)), to(#e5e5e5));
    background-image: -webkit-linear-gradient(left, rgba(251, 251, 251, 0), #e5e5e5);
    background-image: -o-linear-gradient(left, rgba(251, 251, 251, 0), #e5e5e5);
    background-image: linear-gradient(to right, rgba(251, 251, 251, 0), #e5e5e5);
    z-index: -1; }
  section.section_news .container {
    max-width: 960px; }
  section.section_news .title-wrapper {
    text-align: center; }

/* -- footer#footer -- */
footer#footer {
  padding: 0.6rem 6vw;
  z-index: 10; }
  footer#footer:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(251, 251, 251, 0)), to(#f5f5f5));
    background-image: -webkit-linear-gradient(right, rgba(251, 251, 251, 0), #f5f5f5);
    background-image: -o-linear-gradient(right, rgba(251, 251, 251, 0), #f5f5f5);
    background-image: linear-gradient(to left, rgba(251, 251, 251, 0), #f5f5f5); }
  footer#footer .footer-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1400px;
    margin: 0 auto; }
  footer#footer .left-area, footer#footer .right-area {
    padding: 0.3rem 0; }
  footer#footer .right-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 3.5vw;
    margin-left: 3.5vw;
    border-left: 1px solid #666; }
  footer#footer a.logo-wrapper {
    width: 2.6rem; }
  footer#footer p.hotline {
    margin: 0.4rem 0 0.1rem; }
  footer#footer ul.btn-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 620px; }
    footer#footer ul.btn-footer li {
      margin-right: 2.4vw;
      margin-top: 0.08rem; }
    footer#footer ul.btn-footer a {
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      footer#footer ul.btn-footer a:hover, footer#footer ul.btn-footer a.active {
        color: #044791; }
  footer#footer #copyright {
    margin-top: auto; }

/* ----------------------------------- */
/* ------ Inner ------ */
/* ----------------------------------- */
/* -- header#header.inner -- */
header#header.inner {
  height: 30vh;
  background-image: url("../img/banner-inner.jpg");
  background-position: 55% 50%; }
  header#header.inner:before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(181, 240, 100, 0.12)), color-stop(10%, rgba(181, 240, 100, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(181, 240, 100, 0.12), rgba(181, 240, 100, 0) 10%);
    background-image: -o-linear-gradient(bottom, rgba(181, 240, 100, 0.12), rgba(181, 240, 100, 0) 10%);
    background-image: linear-gradient(to top, rgba(181, 240, 100, 0.12), rgba(181, 240, 100, 0) 10%); }
  header#header.inner .slogan-wrapper {
    bottom: 12%;
    text-align: right; }

/* -- main#main.inner -- */
main#main.inner {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem; }

main#main.inner.bg:before {
  content: '';
  display: block;
  position: absolute;
  width: calc(100% - 0.3rem);
  height: calc(100% - 0.3rem);
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(251, 251, 251, 0)), to(#f5f5f5));
  background-image: -webkit-linear-gradient(bottom, rgba(251, 251, 251, 0), #f5f5f5);
  background-image: -o-linear-gradient(bottom, rgba(251, 251, 251, 0), #f5f5f5);
  background-image: linear-gradient(to top, rgba(251, 251, 251, 0), #f5f5f5);
  z-index: -1; }

main#main.inner.app:before {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(251, 251, 251, 0)), to(#f5f5f5));
  background-image: -webkit-linear-gradient(left, rgba(251, 251, 251, 0), #f5f5f5);
  background-image: -o-linear-gradient(left, rgba(251, 251, 251, 0), #f5f5f5);
  background-image: linear-gradient(to right, rgba(251, 251, 251, 0), #f5f5f5); }

main#main.inner.product:before {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(251, 251, 251, 0)), to(#f5f5f5));
  background-image: -webkit-linear-gradient(left, rgba(251, 251, 251, 0), #f5f5f5);
  background-image: -o-linear-gradient(left, rgba(251, 251, 251, 0), #f5f5f5);
  background-image: linear-gradient(to right, rgba(251, 251, 251, 0), #f5f5f5); }

/* -- section.section_about_inner -- */
section.section_about_inner {
  padding: 1.4rem 6vw; }
  section.section_about_inner .container {
    max-width: 1350px; }
  section.section_about_inner .row.cert {
    margin: 0.3rem -0.1rem; }
    section.section_about_inner .row.cert img {
      -webkit-box-shadow: 0 1px 10px rgba(70, 70, 70, 0.3);
      box-shadow: 0 1px 10px rgba(70, 70, 70, 0.3); }
  section.section_about_inner .col-lg-3.col-md-4.col-6, section.section_about_inner .col-lg-4.col-sm-6 {
    padding: 0.2rem 0.1rem 0; }
  section.section_about_inner .title-wrapper {
    margin-bottom: 0.4rem; }
  section.section_about_inner ul.cert li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    section.section_about_inner ul.cert li p.head {
      -ms-flex-negative: 0;
      flex-shrink: 0; }

section.section_about_inner#item-intro {
  margin-top: -1.4rem; }
  section.section_about_inner#item-intro:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% - 0.3rem);
    height: calc(100% - 0.3rem);
    left: 0;
    top: auto;
    bottom: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(251, 251, 251, 0)), to(#f5f5f5));
    background-image: -webkit-linear-gradient(right, rgba(251, 251, 251, 0), #f5f5f5);
    background-image: -o-linear-gradient(right, rgba(251, 251, 251, 0), #f5f5f5);
    background-image: linear-gradient(to left, rgba(251, 251, 251, 0), #f5f5f5); }
  section.section_about_inner#item-intro .deco.bubble02 {
    bottom: -5rem; }

section.section_about_inner#item-manager {
  margin-bottom: -1.4rem; }
  section.section_about_inner#item-manager:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% - 0.3rem);
    height: 100%;
    left: auto;
    top: 0;
    right: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(251, 251, 251, 0)), to(#f5f5f5));
    background-image: -webkit-linear-gradient(left, rgba(251, 251, 251, 0), #f5f5f5);
    background-image: -o-linear-gradient(left, rgba(251, 251, 251, 0), #f5f5f5);
    background-image: linear-gradient(to right, rgba(251, 251, 251, 0), #f5f5f5); }

/* -- section.section_news_inner -- */
section.section_news_inner {
  padding: 0 6vw; }
  section.section_news_inner .container {
    max-width: 1200px; }

/* -- section.section_products_inner -- */
section.section_products_inner .fixed{
    position: fixed;
    top: 5%;
    z-index: 10;
    width: 1400px;
    transition: 1s;
  }
section.section_products_inner {
  padding: 0 6vw;
  transition: 0.7s; }
  section.section_products_inner .container {
    max-width: 1400px; }
  section.section_products_inner .col-xl-4.col-sm-6 {
    margin-top: 0.5rem; }
  section.section_products_inner .cate-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.15rem;
    margin-bottom: 0.5rem; }
    section.section_products_inner .cate-wrapper li {
      margin-left: 0.15rem;
      margin-bottom: 0.15rem; }
    section.section_products_inner .cate-wrapper a {
      padding: 0.05rem 0.2rem;
      border: 1px solid #044791;
      background-color: #044791;
      color: #fff;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      section.section_products_inner .cate-wrapper a:hover, section.section_products_inner .cate-wrapper a.active {
        background-color: #fff;
        color: #044791; }
  section.section_products_inner .cate-wrapper.mobile {
    display: none; }
  section.section_products_inner h3.item {
    color: #044791;
    margin-right: 0.1rem; }
  

/* -- section.section_products_detail -- */
section.section_products_detail {
  padding: 0 6vw; }
  section.section_products_detail:after {
    content: '';
    display: block;
    position: absolute;
    width: 4rem;
    height: 1.7rem;
    left: auto;
    top: 0;
    right: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(251, 251, 251, 0)), to(#e5e5e5));
    background-image: -webkit-linear-gradient(left, rgba(251, 251, 251, 0), #e5e5e5);
    background-image: -o-linear-gradient(left, rgba(251, 251, 251, 0), #e5e5e5);
    background-image: linear-gradient(to right, rgba(251, 251, 251, 0), #e5e5e5);
    z-index: -1; }
  section.section_products_detail .container {
    max-width: 1200px; }
  section.section_products_detail nav ol.breadcrumb {
    padding-bottom: 0.7rem; }
  section.section_products_detail .info {
    padding: 0.7rem 15px; }
    section.section_products_detail .info .title-wrapper {
      margin-bottom: 0.4rem; }
  section.section_products_detail .description {
    margin-top: 0.7rem; }
    section.section_products_detail .description .title-wrapper {
      padding-bottom: 0.2rem;
      margin-bottom: 0;
      border-bottom: 1px solid #464646; }
  section.section_products_detail .img-mask {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-filter: drop-shadow(0 0 10px rgba(70, 70, 70, 0.2));
    filter: drop-shadow(0 0 10px rgba(70, 70, 70, 0.2)); }

/* -- section.section_application_inner -- */
section.section_application_inner {
  padding: 0 6vw; }
  section.section_application_inner .container {
    max-width: 1200px; }
  section.section_application_inner .col-md-12 {
    margin-bottom: 0.8rem; }
    section.section_application_inner .col-md-12:nth-child(odd) .deco.bubble03 {
      left: -2rem;
      bottom: -3rem; }
    section.section_application_inner .col-md-12:nth-child(even) .deco.bubble03 {
      left: calc(100% - 3.2rem);
      bottom: -3rem;
      -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
      transform: scaleX(-1); }
    section.section_application_inner .col-md-12:last-child {
      margin-bottom: 0; }
      section.section_application_inner .col-md-12:last-child .deco.bubble03 {
        display: none; }
  section.section_application_inner h3.item {
    margin-bottom: 0.3rem;
    font-size: 0.2rem;
    color: #044791;
    text-align: center; }
  section.section_application_inner .app-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.2rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(70, 70, 70, 0.2);
    box-shadow: 0 0 10px rgba(70, 70, 70, 0.2); }
  section.section_application_inner .item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-top: 1px solid rgba(102, 102, 102, 0.5); }
    section.section_application_inner .item-wrapper:first-child {
      border-top: none; }
  section.section_application_inner .text-editor p {
    padding: 0; }
  section.section_application_inner .text-editor, section.section_application_inner p {
    padding: 0.1rem 0.2rem; }
  section.section_application_inner p.head {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.4rem;
    padding: 0.1rem 0.2rem;
    font-weight: 500; }
  section.section_application_inner .deco.bubble03 {
    min-width: 6rem; }

/* -- section.section_heatPump_inner -- */
section.section_heatPump_inner {
  padding: 0 6vw; }
  section.section_heatPump_inner:after {
    content: '';
    display: block;
    position: absolute;
    width: 20%;
    height: 1.8rem;
    left: auto;
    top: 65%;
    right: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(181, 240, 100, 0)), to(rgba(181, 240, 100, 0.2)));
    background-image: -webkit-linear-gradient(left, rgba(181, 240, 100, 0), rgba(181, 240, 100, 0.2));
    background-image: -o-linear-gradient(left, rgba(181, 240, 100, 0), rgba(181, 240, 100, 0.2));
    background-image: linear-gradient(to right, rgba(181, 240, 100, 0), rgba(181, 240, 100, 0.2));
    pointer-events: none; }
  section.section_heatPump_inner .container {
    max-width: 1400px; }
  section.section_heatPump_inner .row {
    margin: -0.24rem -0.12rem 0; }
  section.section_heatPump_inner .col-md-6 {
    padding: 0.12rem 0.12rem; }
  section.section_heatPump_inner .card-wrapper {
    display: block;
    padding: 0.15rem;
    -webkit-box-shadow: 0 -2px 12px 0 rgba(70, 70, 70, 0.1);
    box-shadow: 0 -2px 12px 0 rgba(70, 70, 70, 0.1);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    section.section_heatPump_inner .card-wrapper:hover {
      -webkit-box-shadow: 0 6px 30px -6px rgba(70, 70, 70, 0.3);
      box-shadow: 0 6px 30px -6px rgba(70, 70, 70, 0.3); }
      section.section_heatPump_inner .card-wrapper:hover .img {
        -webkit-transform: scale(1.08);
        -ms-transform: scale(1.08);
        transform: scale(1.08); }
  section.section_heatPump_inner .img-mask {
    overflow: hidden; }
  section.section_heatPump_inner .img {
    height: 2.4rem;
    background-size: cover;
    background-position: center center;
    -webkit-transition: 0.4s cubic-bezier(0.5, 0, 0.4, 1);
    -o-transition: 0.4s cubic-bezier(0.5, 0, 0.4, 1);
    transition: 0.4s cubic-bezier(0.5, 0, 0.4, 1); }
  section.section_heatPump_inner .text-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0.15rem; }

/* -- section.section_projects_inner -- */
section.section_projects_inner {
  padding: 0 4vw; }
  section.section_projects_inner .container {
    max-width: 1400px; }
  section.section_projects_inner .col-xl-6 {
    margin-top: 30px; }
  section.section_projects_inner .filter-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.4rem; }
  section.section_projects_inner .area, section.section_projects_inner .cate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0.3rem; }
  section.section_projects_inner h3.item {
    color: #044791;
    margin-right: 0.1rem; }
  section.section_projects_inner button {
    padding: 0 0.2rem;
    border: 1px solid #044791;
    background-color: #044791;
    color: #fff;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    section.section_projects_inner button:hover {
      background-color: transparent;
      color: #044791; }
  section.section_projects_inner .card-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.2rem;
    border-radius: 10px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    section.section_projects_inner .card-container:after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background-image: -webkit-gradient(linear, right top, left top, from(rgba(251, 251, 251, 0)), to(rgba(155, 155, 155, 0.2)));
      background-image: -webkit-linear-gradient(right, rgba(251, 251, 251, 0), rgba(155, 155, 155, 0.2));
      background-image: -o-linear-gradient(right, rgba(251, 251, 251, 0), rgba(155, 155, 155, 0.2));
      background-image: linear-gradient(to left, rgba(251, 251, 251, 0), rgba(155, 155, 155, 0.2));
      background-size: 100% 100%;
      z-index: -1;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
    section.section_projects_inner .card-container:hover {
      -webkit-box-shadow: 0 6px 26px -10px rgba(70, 70, 70, 0.4);
      box-shadow: 0 6px 26px -10px rgba(70, 70, 70, 0.4); }
      section.section_projects_inner .card-container:hover:after {
        background-size: 200% 100%;
        background-position: 90% 0; }
    section.section_projects_inner .card-container .img-mask {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      min-width: 2rem;
      min-height: 1.6rem;
      overflow: hidden; }
      section.section_projects_inner .card-container .img-mask img {
        position: absolute;
        min-width: 100%;
        min-height: 100%;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -o-object-fit: cover;
        object-fit: cover; }
    section.section_projects_inner .card-container .text-area {
      width: 100%;
      padding-left: 0.2rem; }
    section.section_projects_inner .card-container .item-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid rgba(70, 70, 70, 0.4); }
      section.section_projects_inner .card-container .item-wrapper:last-child {
        border-bottom: none; }
    section.section_projects_inner .card-container p {
      padding: 0.05rem 0; }
    section.section_projects_inner .card-container p.head {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      padding-right: 0.3rem;
      font-weight: 500; }

/* -- section.section_spreadsheet_inner -- */
section.section_spreadsheet_inner {
  padding: 0 6vw; }
  section.section_spreadsheet_inner .container {
    max-width: 1200px; }
  section.section_spreadsheet_inner .filter-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 15px 0.7rem;
    border-bottom: 1px solid rgba(70, 70, 70, 0.4); }
    section.section_spreadsheet_inner .filter-wrapper .wrapper {
      margin-right: 1rem;
      margin-bottom: 0.4rem; }
    section.section_spreadsheet_inner .filter-wrapper .wrapper.water input {
      margin-bottom: 0.1rem; }
    section.section_spreadsheet_inner .filter-wrapper .wrapper.water p:not(.remark) {
      font-size: 0.15rem;
      color: #b75e5e; }
  section.section_spreadsheet_inner .data-wrapper {
    padding-top: 0.7rem; }
    section.section_spreadsheet_inner .data-wrapper h3.item {
      color: #464646; }
  section.section_spreadsheet_inner h2.title-small {
    margin-bottom: 0.1rem; }
  section.section_spreadsheet_inner .title-area {
    margin-bottom: 0.1rem; }
  section.section_spreadsheet_inner input.enter-block {
    -webkit-appearance: none;
    width: 2rem;
    height: 0.38rem;
    padding: 0.12rem 0.15rem;
    border-radius: 4px;
    border: 1px solid rgba(70, 70, 70, 0.4);
    background-color: #fff;
    letter-spacing: 0.02rem;
    color: #464646 !important;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  section.section_spreadsheet_inner input:focus {
    outline: none;
    border: 1px solid #044791; }
  section.section_spreadsheet_inner input::-webkit-input-placeholder {
    font-size: 0.16rem;
    color: #9b9b9b;
    opacity: 0.7;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  section.section_spreadsheet_inner input:-ms-input-placeholder {
    font-size: 0.16rem;
    color: #9b9b9b;
    opacity: 0.7;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  section.section_spreadsheet_inner input::-ms-input-placeholder {
    font-size: 0.16rem;
    color: #9b9b9b;
    opacity: 0.7;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  section.section_spreadsheet_inner input::placeholder {
    font-size: 0.16rem;
    color: #9b9b9b;
    opacity: 0.7;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  section.section_spreadsheet_inner .table-wrapper {
    overflow: auto; }
  section.section_spreadsheet_inner table {
    width: 100%;
    min-width: 1055px; }
    section.section_spreadsheet_inner table tr {
      border-bottom: 1px solid #fff; }
    section.section_spreadsheet_inner table tr.detail > td {
      height: 0;
      padding: 0; }
    section.section_spreadsheet_inner table tr.detail table {
      border: 6px solid #fff; }
    section.section_spreadsheet_inner table th, section.section_spreadsheet_inner table td {
      height: 0.34rem;
      padding: 0.06rem 0.15rem;
      text-align: center; }
    section.section_spreadsheet_inner table th {
      border-left: 1px solid #fff;
      background-color: #044791;
      font-weight: 500;
      color: #fff; }
    section.section_spreadsheet_inner table th.left {
      background-color: rgba(78, 140, 0, 0.38); }
    section.section_spreadsheet_inner table td {
      background-color: #eee; }
    section.section_spreadsheet_inner table p {
      line-height: 1.5;
      text-align: center; }
    section.section_spreadsheet_inner table span.color-red {
      display: inline-block;
      width: 0.8rem;
      padding: 0.05rem 0.15rem 0.05rem 0;
      text-align: right; }
    section.section_spreadsheet_inner table .color-red {
      font-weight: 500; }
  section.section_spreadsheet_inner h3.item {
    color: #044791; }
  section.section_spreadsheet_inner p.remark {
    font-size: 0.16rem; }
  section.section_spreadsheet_inner .card-body {
    padding: 0; }
  section.section_spreadsheet_inner button {
    padding: 0;
    border: none;
    background-color: transparent;
    color: #b75e5e;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    section.section_spreadsheet_inner button.collapsed {
      color: #044791; }
    section.section_spreadsheet_inner button:hover {
      color: #b75e5e; }
  section.section_spreadsheet_inner .align-left {
    text-align: left; }
  section.section_spreadsheet_inner .align-right {
    text-align: right; }
  section.section_spreadsheet_inner .deco.bubble03 {
    left: -4.2rem;
    bottom: -3rem; }
  section.section_spreadsheet_inner .deco.bubble03.right {
    left: calc(100% - 2rem);
    bottom: -2rem;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1); }

/* -- section.section_download_inner -- */
section.section_download_inner table {
  width: 100%; }

section.section_download_inner tr:nth-child(odd) {
  background-color: #f5f5f5; }

section.section_download_inner tr:nth-child(even) {
  background-color: rgba(245, 245, 245, 0.4); }

section.section_download_inner tr:last-child td:first-child {
  border-bottom-left-radius: 10px; }

section.section_download_inner tr:last-child td:last-child {
  border-bottom-right-radius: 10px; }

section.section_download_inner tr {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  section.section_download_inner tr:hover {
    background-color: rgba(4, 71, 145, 0.1); }

section.section_download_inner th, section.section_download_inner td {
  padding: 0.1rem 0.2rem;
  text-align: center; }
  section.section_download_inner th.name, section.section_download_inner td.name {
    text-align: left; }
  section.section_download_inner th:first-child, section.section_download_inner td:first-child {
    width: 0.8rem; }

section.section_download_inner th {
  border-right: 1px solid #fff;
  background-color: #044791;
  color: #fff; }

section.section_download_inner th:last-child {
  border-right: 1px solid #464646; }

section.section_download_inner a.download {
  border-bottom: 1px solid transparent;
  color: #b75e5e;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  section.section_download_inner a.download:hover {
    border-bottom: 1px solid #b75e5e; }

/* -- section.section_links_inner -- */
section.section_links_inner table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0; }

section.section_links_inner tr:nth-child(odd) {
  background-color: #f5f5f5; }

section.section_links_inner tr:nth-child(even) {
  background-color: rgba(245, 245, 245, 0.4); }

section.section_links_inner tr:last-child td:first-child {
  border-bottom-left-radius: 10px; }

section.section_links_inner tr:last-child td:last-child {
  border-bottom-right-radius: 10px; }

section.section_links_inner th, section.section_links_inner td {
  padding: 0.1rem 0.2rem; }

section.section_links_inner th {
  padding: 0.1rem 0.2rem;
  background-color: #044791;
  color: #fff; }

section.section_links_inner td {
  width: 50%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  section.section_links_inner td:hover {
    background-color: rgba(4, 71, 145, 0.1); }
    section.section_links_inner td:hover a {
      color: #b75e5e; }

section.section_links_inner a {
  width: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

/* -- section.section_detail_inner -- */
section.section_detail_inner {
  padding: 0 4vw; }
  section.section_detail_inner .container {
    max-width: 1200px; }
  section.section_detail_inner h2.title-small {
    padding-bottom: 0.24rem;
    border-bottom: 1px solid #044791; }

section.section_detail_inner.project .col-md-12.order-md-3 {
  padding-top: 0.7rem; }

section.section_detail_inner.project .info-area {
  padding: 0.3rem 0.1rem; }
  section.section_detail_inner.project .info-area .info-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.15rem; }
  section.section_detail_inner.project .info-area p.head {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 500;
    margin-right: 0.3rem; }

/* -- section.section_contact_inner -- */
section.section_contact_inner {
  padding: 0 6vw; }
  section.section_contact_inner .container {
    max-width: 1300px; }
  section.section_contact_inner .paddingTop {
    padding-top: 0.7rem; }
  section.section_contact_inner h2.title-small {
    margin-bottom: 0.4rem; }
  section.section_contact_inner ul.info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.2rem; }
  section.section_contact_inner ul.info li.addr {
    width: 100%; }
  section.section_contact_inner ul.info p.head {
    width: 1.1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  section.section_contact_inner ul.info .p-info {
    color: rgba(102, 102, 102, 0.7);
    word-break: break-all; }
  section.section_contact_inner ul.info a {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s; }
  section.section_contact_inner ul.info a:hover {
    color: #044791; }
  section.section_contact_inner .item-wrapper h2.title-small {
    padding-bottom: 0.2rem;
    margin-bottom: 0.4rem;
    border-bottom: 1px solid #464646; }
  section.section_contact_inner ul.store {
    padding: 0.2rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(70, 70, 70, 0.15);
    box-shadow: 0 0 10px rgba(70, 70, 70, 0.15); }
    section.section_contact_inner ul.store li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 0.1rem; }
      section.section_contact_inner ul.store li:last-child {
        margin-bottom: 0; }
      section.section_contact_inner ul.store li * {
        line-height: 1.7; }
    section.section_contact_inner ul.store li.address {
      margin-top: 0.35rem; }
    section.section_contact_inner ul.store h3.item {
      margin-bottom: 0.15rem;
      font-weight: 700; }
    section.section_contact_inner ul.store p.head {
      -ms-flex-negative: 0;
      flex-shrink: 0; }
    section.section_contact_inner ul.store a {
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      section.section_contact_inner ul.store a:hover {
        color: #044791; }

@media (max-width: 1366px) {
  /* ----------------------------------- */
  /* ------ Div ------ */
  /* ----------------------------------- */
  /* -- nav#navbar -- */
  nav#navbar ul.btn-wrapper:before {
    content: '';
    display: block;
    position: absolute;
    width: 0.06rem;
    height: 100%;
    left: 0;
    top: 0; }
  nav#navbar ul.btn-wrapper a {
    padding-right: 0.4rem; }
    nav#navbar ul.btn-wrapper a:after {
      content: '';
      display: block;
      position: absolute;
      width: 0.2rem;
      height: 1px;
      left: auto;
      top: 50%; }
    nav#navbar ul.btn-wrapper a:hover:after, nav#navbar ul.btn-wrapper a.active:after {
      content: '';
      display: block;
      position: absolute;
      width: 0.3rem;
      height: 1px;
      left: auto;
      top: 50%; }
  nav#navbar.isOpened {
    width: 2.2rem; }
  main#main{
    margin-right: 2.2rem;
  }
  /* -- header#header -- */
  header#header.navOpened {
    width: calc(100vw - 2.2rem); }
  /* -- section.section_spreadsheet_inner -- */
  section.section_spreadsheet_inner .deco.bubble03 {
    left: -1.6rem; }
  section.section_spreadsheet_inner .deco.bubble03.right {
    left: calc(100% - 3.6rem); } }

@media (max-width: 1200px) {
  html {
    font-size: calc(15px * 100 / 16); } }

@media (max-width: 1024px) {
  html {
    font-size: calc(14px * 100 / 16); } }

@media (max-width: 991px) {
  /* ----------------------------------- */
  /* ------ Div ------ */
  /* ----------------------------------- */
  /* -- nav#navbar -- */
  nav#navbar {
    width: 0;
    overflow: hidden; }
    nav#navbar ul.btn-wrapper li {
      opacity: 0;
      visibility: hidden; }
  /* -- header#header -- */
  header#header {
    width: 100%; }
  header#header.navOpened {
    width: 100%; }
  /* -- main#main -- */
  main#main {
    margin-right: 0; }
  /* ----------------------------------- */
  /* ------ Inner ------ */
  /* ----------------------------------- */
  /* -- section.section_contact_inner -- */
  section.section_contact_inner ul.info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    section.section_contact_inner ul.info li {
      width: 50%;
      display: block; } }

@media (max-width: 767px) {
  /* ----------------------------------- */
  /* ------ Div ------ */
  /* ----------------------------------- */
  /* -- header#header -- */
  header#header .slogan-wrapper {
    right: 10vw;
    bottom: 18%; }
  /* -- section.section_features -- */
  section.section_features ul.features li {
    width: 33.3333%; }
    section.section_features ul.features li:nth-child(4):after, section.section_features ul.features li:nth-child(8):after {
      display: block; }
    section.section_features ul.features li:nth-child(n+5):before {
      display: block; }
    section.section_features ul.features li:nth-child(3n+3):after {
      display: none; }
    section.section_features ul.features li:nth-child(n+7):before {
      display: none; }
  /* -- footer#footer -- */
  footer#footer {
    padding: 1rem 6vw; }
    footer#footer .footer-container {
      display: block; }
    footer#footer .left-area, footer#footer .right-area {
      padding: 0; }
    footer#footer .right-area {
      padding-left: 0;
      padding-top: 0.2rem;
      margin-left: 0;
      margin-top: 0.1rem;
      border-left: none;
      border-top: 1px solid #666; }
    footer#footer p.hotline {
      margin: 0.4rem 0 0.2rem; }
    footer#footer #copyright {
      margin-top: 0.7rem; }
  /* ----------------------------------- */
  /* ------ Inner ------ */
  /* ----------------------------------- */
  /* -- section.section_application_inner -- */
  section.section_application_inner .col-md-12:nth-child(odd) .deco.bubble03 {
    left: -1rem;
    bottom: -2rem; }
  section.section_application_inner .col-md-12:nth-child(even) .deco.bubble03 {
    left: calc(100% - 4.5rem);
    bottom: -2rem; }
  section.section_application_inner .item-wrapper {
    display: block; }
  section.section_application_inner p.head {
    padding: 0.15rem 0.2rem 0; }
  /* -- section.section_products_detail -- */
  section.section_products_detail {
    padding: 0 6vw; }
    section.section_products_detail:after {
      content: '';
      display: block;
      position: absolute;
      width: 110%;
      height: 1.7rem;
      left: auto;
      top: 8%; }
    section.section_products_detail .info {
      padding: 0.7rem 15px; }
      section.section_products_detail .info .title-wrapper {
        margin-bottom: 0.4rem; }
    section.section_products_detail .description {
      margin-top: 0; }
    section.section_products_detail .img-mask {
      height: auto; }
      section.section_products_detail .img-mask img {
        max-width: 5.4rem; }
  /* -- section.section_contact_inner -- */
  section.section_contact_inner ul.info {
    display: block; }
    section.section_contact_inner ul.info li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: auto; } }

@media (max-width: 575px) {
  /* ----------------------------------- */
  /* ------ Div ------ */
  /* ----------------------------------- */
  /* -- #logo-burger -- */
  #logo-burger a.logo-wrapper {
    width: 2.4rem;
    margin: 0.2rem 0 0 6vw; }
  /* -- nav#navbar -- */
  nav#navbar ul.btn-wrapper {
    padding: 1.4rem 0 1rem; }
  /* -- header#header -- */
  header#header {
    height: 90vh;
    background-position: 45% center; }
    header#header:before {
      content: '';
      display: block;
      position: absolute;
      width: calc(100% - 0.15rem);
      height: 100%;
      left: 0;
      top: auto; }
    header#header .slogan-wrapper {
      left: 8vw;
      right: auto;
      bottom: 15%;
      margin-right: 10vw; }

  /* -- section.section_features -- */
  section.section_features {
    padding: 14vw 0; }
    section.section_features:before {
      content: '';
      display: block;
      position: absolute;
      width: calc(100% - 0.15rem);
      height: calc(100% - 0.15rem);
      left: 0;
      top: auto; }
    section.section_features ul.features li {
      width: 50%;
      padding: 0.18rem 0.15rem; }
      section.section_features ul.features li:before {
        content: '';
        display: block;
        position: absolute;
        width: calc(100% - 0.2rem);
        height: 1px;
        left: 50%;
        top: auto; }
      section.section_features ul.features li:after {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: calc(100% - 0.2rem);
        left: auto;
        top: 50%; }
      section.section_features ul.features li:nth-child(3n+3):after {
        display: block; }
      section.section_features ul.features li:nth-child(n+7):before {
        display: none; }
      section.section_features ul.features li:nth-child(2n+2):after {
        display: none; }
    section.section_features img {
      width: 1rem; }

  /* -- section.section_latest_products -- */
 
  section.section_latest_products {
    padding: 16vw 8vw 18vw; }
    section.section_latest_products .title-product {
      margin-bottom: 12vw; }
    section.section_latest_products .subtitle-wrapper {
      display: block; }
      section.section_latest_products .subtitle-wrapper h2.title {
        margin-right: 0; }
      section.section_latest_products .subtitle-wrapper span.subtitle {
        margin-bottom: 0; }
    section.section_latest_products .img-mask {
      position: relative;
      width: 120%;
      min-width: inherit;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      margin-top: 8vw; }
  section.section_latest_products.first:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% - 0.15rem);
    height: 100%;
    left: auto;
    top: 0; }
  section.section_latest_products.first .img-mask {
    top: 0;
    margin-left: 0;
    -webkit-filter: drop-shadow(3px 1px 10px rgba(70, 70, 70, 0.3));
    filter: drop-shadow(3px 1px 10px rgba(70, 70, 70, 0.3)); }
  section.section_latest_products.second:after {
    content: '';
    display: block;
    position: absolute;
    width: 20%;
    height: 22vw;
    left: auto;
    top: 20%; }
  section.section_latest_products.second .img-mask {
    top: 0;
    margin-left: -0.8rem;
    margin-right: 0;
    -webkit-filter: drop-shadow(-3px 1px 10px rgba(70, 70, 70, 0.3));
    filter: drop-shadow(-3px 1px 10px rgba(70, 70, 70, 0.3)); }

  /* -- section.section_products -- */
  section.section_products {
    padding: 16vw 4vw; }
    section.section_products:before {
      content: '';
      display: block;
      position: absolute;
      width: calc(100% - 0.15rem);
      height: 100%;
      left: auto;
      top: 0; }

  /* -- section.section_about -- */
  section.section_about {
    padding: 16vw 4vw 18vw; }
    section.section_about:before {
      content: '';
      display: block;
      position: absolute;
      width: calc(40%);
      height: 100%;
      left: auto;
      top: -0.3rem; }

  /* -- section.section_projects -- */
  section.section_projects {
    padding: 16vw 0 16vw 8vw; }
    section.section_projects .text-wrapper {
      padding: 6vw 8vw 14vw; }

  /* -- section.section_news -- */
  section.section_news {
    padding: 16vw 2vw; }
    section.section_news:before {
      content: '';
      display: block;
      position: absolute;
      width: calc(100% - 0.15rem);
      height: 100%;
      left: 0;
      top: 0; }
    section.section_news:after {
      content: '';
      display: block;
      position: absolute;
      width: 20%;
      height: 22vw;
      left: auto;
      top: 20%; }

  /* -- footer#footer -- */
  footer#footer {
    padding: 16vw 8vw; }
    footer#footer a.logo-wrapper {
      width: 2.2rem; }
    footer#footer .right-area {
      padding-top: 6vw;
      margin-top: 10vw; }
    footer#footer ul.info .p-footer {
      line-height: 2; }
    footer#footer ul.btn-footer li {
      margin-right: 5vw;
      margin-top: 0.1rem; }
    footer#footer p.hotline {
      margin: 10vw 0 6vw; }
    footer#footer #copyright {
      margin-top: 12vw; }

  /* ----------------------------------- */
  /* ------ Inner ------ */
  /* ----------------------------------- */
  /* -- header#header.inner -- */
  header#header.inner {
    height: 40vh;
    background-image: url("../img/banner-inner-m.jpg");
    background-position: 80% center; }
    header#header.inner .slogan-wrapper {
      text-align: left; }

  /* -- main#main.inner -- */
  main#main.inner {
    padding-top: 16vw;
    padding-bottom: 16vw; }
  main#main.inner.bg:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% - 0.15rem);
    height: calc(100% - 0.15rem);
    left: auto;
    top: auto; }

  /* -- section.section_about_inner -- */
  section.section_about_inner {
    padding: 16vw 2vw; }
  section.section_about_inner#item-intro {
    margin-top: -16vw; }
    section.section_about_inner#item-intro:before {
      content: '';
      display: block;
      position: absolute;
      width: calc(100% - 0.15rem);
      height: calc(100% - 0.15rem);
      left: 0;
      top: auto; }
    section.section_about_inner#item-intro .deco.bubble02 {
      bottom: -3rem; }
  section.section_about_inner#item-manager {
    margin-bottom: -16vw; }
    section.section_about_inner#item-manager:before {
      content: '';
      display: block;
      position: absolute;
      width: calc(100% - 0.15rem);
      height: 100%;
      left: auto;
      top: 0; }
    section.section_about_inner#item-manager .deco.bubble03 {
      bottom: -3rem;
      z-index: 1; }

  /* -- section.section_news_inner -- */
  section.section_news_inner {
    padding: 0 1vw; }

  /* -- section.section_products_inner -- */
  section.section_products_inner {
    padding: 0 1vw; }
    section.section_products_inner .col-xl-4.col-sm-6 {
      margin-top: 10vw; }
    section.section_products_inner ul.cate-wrapper {
      display: none; }
    section.section_products_inner .cate-wrapper.mobile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: 0;
      margin-bottom: 10vw; }

  /* -- section.section_products_detail -- */
  section.section_products_detail {
    padding: 0 1vw; }
    section.section_products_detail nav ol.breadcrumb {
      padding-bottom: 12vw; }
    section.section_products_detail .info {
      padding: 8vw 15px 12vw; }
      section.section_products_detail .info .title-wrapper {
        margin-bottom: 8vw; }

  /* -- section.section_application_inner -- */
  section.section_application_inner {
    padding: 0 1vw; }
    section.section_application_inner .col-md-12 {
      margin-bottom: 14vw; }
      section.section_application_inner .col-md-12:nth-child(odd) .deco.bubble03 {
        left: -1rem;
        bottom: 1rem; }
      section.section_application_inner .col-md-12:nth-child(even) .deco.bubble03 {
        left: calc(100% - 5.5rem);
        bottom: 1rem; }
    section.section_application_inner p, section.section_application_inner .text-editor {
      padding: 0.1rem 2vw; }
    section.section_application_inner p.head {
      padding: 0.15rem 2vw 0; }

  /* -- section.section_heatPump_inner -- */
  section.section_heatPump_inner {
    padding: 0 1vw; }
    section.section_heatPump_inner .img {
      height: 0;
      padding-bottom: 65%; }

  /* -- section.section_projects_inner -- */
  section.section_projects_inner {
    padding: 0; }
    section.section_projects_inner .row {
      margin: 0 -1vw; }
    section.section_projects_inner .col-xl-6 {
      padding: 0 1vw;
      margin-top: 5vw; }
    section.section_projects_inner .filter-wrapper {
      display: block;
      margin-bottom: 0.4rem; }
    section.section_projects_inner .area, section.section_projects_inner .cate {
      margin-right: 0;
      margin-bottom: 0.15rem; }
    section.section_projects_inner h3.item {
      margin-right: 0.15rem; }
    section.section_projects_inner .card-container {
      display: block;
      padding: 0.1rem; }
      section.section_projects_inner .card-container:after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(251, 251, 251, 0)), to(rgba(155, 155, 155, 0.2)));
        background-image: -webkit-linear-gradient(bottom, rgba(251, 251, 251, 0), rgba(155, 155, 155, 0.2));
        background-image: -o-linear-gradient(bottom, rgba(251, 251, 251, 0), rgba(155, 155, 155, 0.2));
        background-image: linear-gradient(to top, rgba(251, 251, 251, 0), rgba(155, 155, 155, 0.2)); }
      section.section_projects_inner .card-container:hover {
        -webkit-box-shadow: 0 2px 26px -10px rgba(70, 70, 70, 0.4);
        box-shadow: 0 2px 26px -10px rgba(70, 70, 70, 0.4); }
        section.section_projects_inner .card-container:hover:after {
          background-size: 100% 200%;
          background-position: 0 60%; }
      section.section_projects_inner .card-container .img-mask {
        min-width: inherit;
        min-height: inherit;
        height: 0;
        padding-bottom: 68%; }
        section.section_projects_inner .card-container .img-mask img {
          min-width: inherit;
          min-height: inherit;
          -o-object-fit: none;
          object-fit: none; }
      section.section_projects_inner .card-container .text-area {
        padding: 1vw; }
      section.section_projects_inner .card-container .item-wrapper {
        display: block; }
      section.section_projects_inner .card-container p {
        padding: 0.04rem 0; }
      section.section_projects_inner .card-container p:not(.head) {
        font-size: 0.16rem;
        line-height: 1.6; }
      section.section_projects_inner .card-container p.head {
        padding-right: 0;
        line-height: 1.6; }
    section.section_projects_inner .deco.bubble03 {
      left: -1.2rem; }

  /* -- section.section_detail_inner -- */
  section.section_detail_inner {
    padding: 0 1vw; }
    section.section_detail_inner .container {
      max-width: 1200px; }
    section.section_detail_inner h2.title-small {
      font-size: 0.19rem;
      padding-bottom: 0.24rem; }
  section.section_detail_inner.project .col-md-12.order-md-3 {
    padding-top: 12vw; }
  section.section_detail_inner.project .info-area {
    padding: 0.3rem 0.06rem; }
    section.section_detail_inner.project .info-area .info-wrapper {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 0.1rem; }
    section.section_detail_inner.project .info-area p.head {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      font-weight: 500;
      margin-right: 0.3rem; }

  /* -- section.section_spreadsheet_inner -- */
  section.section_spreadsheet_inner {
    padding: 0 1vw; }
    section.section_spreadsheet_inner .filter-wrapper {
      padding: 0 15px 14vw; }
      section.section_spreadsheet_inner .filter-wrapper .wrapper {
        margin-right: 0;
        margin-bottom: 10vw; }
    section.section_spreadsheet_inner .data-wrapper {
      padding-top: 14vw; }
    section.section_spreadsheet_inner table {
      min-width: 860px; }
      section.section_spreadsheet_inner table tr.detail table {
        border: 4px solid #fff; }
      section.section_spreadsheet_inner table th, section.section_spreadsheet_inner table td {
        height: 0.3rem;
        padding: 0.04rem 0.1rem; }
    section.section_spreadsheet_inner .deco.bubble03 {
      left: -0.8rem; }
    section.section_spreadsheet_inner .deco.bubble03.right {
      left: calc(100% - 2.6rem); }

  /* -- section.section_links_inner -- */
  section.section_links_inner th, section.section_links_inner td {
    padding: 2vw 3vw; }

  /* -- section.section_contact_inner -- */
  section.section_contact_inner {
    padding: 0 1vw; }
    section.section_contact_inner .paddingTop {
      padding-top: 12vw; }
    section.section_contact_inner h2.title-small {
      margin-bottom: 8vw; }
    section.section_contact_inner ul.info li {
      display: block;
      margin-top: 4vw; }
    section.section_contact_inner .item-wrapper h2.title-small {
      padding-bottom: 4vw;
      margin-bottom: 6vw; }
    section.section_contact_inner ul.store {
      padding: 4vw; }
      section.section_contact_inner ul.store li.address {
        margin-top: 8vw; }
      section.section_contact_inner ul.store h3.item {
        margin-bottom: 6vw; } }