@charset "UTF-8";
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@-webkit-keyframes searchBtnfadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(-200%, -50%);
    transform: translate(-200%, -50%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); } }

@keyframes searchBtnfadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(-200%, -50%);
    transform: translate(-200%, -50%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); } }

@-webkit-keyframes scrollDown {
  0% {
    -webkit-transform: translate(-50%, 100%) scale(0.3, 0);
    transform: translate(-50%, 100%) scale(0.3, 0);
    -webkit-transform-origin: center top;
    transform-origin: center top; }
  50% {
    -webkit-transform: translate(-50%, 100%) scale(0.3, 1);
    transform: translate(-50%, 100%) scale(0.3, 1);
    -webkit-transform-origin: center top;
    transform-origin: center top; }
  60% {
    -webkit-transform: translate(-50%, 100%) scale(0.3, 1);
    transform: translate(-50%, 100%) scale(0.3, 1);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  100% {
    -webkit-transform: translate(-50%, 100%) scale(0.3, 0);
    transform: translate(-50%, 100%) scale(0.3, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; } }

@keyframes scrollDown {
  0% {
    -webkit-transform: translate(-50%, 100%) scale(0.3, 0);
    transform: translate(-50%, 100%) scale(0.3, 0);
    -webkit-transform-origin: center top;
    transform-origin: center top; }
  50% {
    -webkit-transform: translate(-50%, 100%) scale(0.3, 1);
    transform: translate(-50%, 100%) scale(0.3, 1);
    -webkit-transform-origin: center top;
    transform-origin: center top; }
  60% {
    -webkit-transform: translate(-50%, 100%) scale(0.3, 1);
    transform: translate(-50%, 100%) scale(0.3, 1);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  100% {
    -webkit-transform: translate(-50%, 100%) scale(0.3, 0);
    transform: translate(-50%, 100%) scale(0.3, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; } }

@-webkit-keyframes toTop {
  0% {
    -webkit-transform: translate(-50%, -100%) scale(0.3, 0);
    transform: translate(-50%, -100%) scale(0.3, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: translate(-50%, -100%) scale(0.3, 1);
    transform: translate(-50%, -100%) scale(0.3, 1);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  60% {
    -webkit-transform: translate(-50%, -100%) scale(0.3, 1);
    transform: translate(-50%, -100%) scale(0.3, 1);
    -webkit-transform-origin: center top;
    transform-origin: center top; }
  100% {
    -webkit-transform: translate(-50%, -100%) scale(0.3, 0);
    transform: translate(-50%, -100%) scale(0.3, 0);
    -webkit-transform-origin: center top;
    transform-origin: center top; } }

@keyframes toTop {
  0% {
    -webkit-transform: translate(-50%, -100%) scale(0.3, 0);
    transform: translate(-50%, -100%) scale(0.3, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: translate(-50%, -100%) scale(0.3, 1);
    transform: translate(-50%, -100%) scale(0.3, 1);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  60% {
    -webkit-transform: translate(-50%, -100%) scale(0.3, 1);
    transform: translate(-50%, -100%) scale(0.3, 1);
    -webkit-transform-origin: center top;
    transform-origin: center top; }
  100% {
    -webkit-transform: translate(-50%, -100%) scale(0.3, 0);
    transform: translate(-50%, -100%) scale(0.3, 0);
    -webkit-transform-origin: center top;
    transform-origin: center top; } }

body, html {
  margin: 0;
  padding: 0;
  word-break: normal;
  -webkit-font-smoothing: antialiased;
  color: #333333;
  font-family: 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑", Arial;
  font-weight: 500;
  text-align: left; }
  body.js-no-scroll, html.js-no-scroll {
    overflow-y: hidden; }

body {
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
  -webkit-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
  transition: opacity .5s ease;
  scroll-behavior: smooth; }

.u-test {
  border: .5px solid orange; }

.u-test * {
  border: .5px solid orange; }

.u-dn {
  display: none; }

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  font-weight: normal; }

h1 {
  font-size: 4.6rem; }

h2 {
  font-size: 4rem; }

h3 {
  font-size: 2.5rem; }

h4 {
  font-size: 1.5rem; }

h5 {
  font-size: 1rem; }

span {
  font-size: 100%; }
  span.no__wrap {
    white-space: nowrap; }

p, a, li {
  font-size: 1.5rem;
  margin: 0; }

p {
  font-size: 1.5rem; }

b, strong {
  font-weight: bold; }

@media all and (max-width: 768px) {
  h1 {
    font-size: 3.3rem; }
  h2 {
    font-size: 1.8rem; }
  h3 {
    font-size: 2rem; }
  h4 {
    font-size: 1.4rem; }
  h5 {
    font-size: 1rem; }
  p, a, li {
    font-size: 1.4rem; } }

.gradient-bg {
  background: -webkit-gradient(linear, left top, right top, from(#4bccd7), color-stop(#75e5de), color-stop(66%, #75e5de), to(#47BFA7));
  background: -webkit-linear-gradient(left, #4bccd7, #75e5de, #75e5de 66%, #47BFA7);
  background: -o-linear-gradient(left, #4bccd7, #75e5de, #75e5de 66%, #47BFA7);
  background: linear-gradient(to right, #4bccd7, #75e5de, #75e5de 66%, #47BFA7); }

@media all and (max-width: 1199px) {
  .gradient-bg {
    background: -webkit-gradient(linear, left top, right top, from(#4bccd7), color-stop(36%, #75e5de), color-stop(#57dfd7), to(#57dfd7));
    background: -webkit-linear-gradient(left, #4bccd7, #75e5de 36%, #57dfd7, #57dfd7);
    background: -o-linear-gradient(left, #4bccd7, #75e5de 36%, #57dfd7, #57dfd7);
    background: linear-gradient(to right, #4bccd7, #75e5de 36%, #57dfd7, #57dfd7); } }

@media all and (max-width: 768px) {
  .gradient-bg {
    background: -webkit-gradient(linear, left top, right top, from(#4bccd7), color-stop(7%, #4bccd7), color-stop(#75e5de), to(#75e5de));
    background: -webkit-linear-gradient(left, #4bccd7, #4bccd7 7%, #75e5de, #75e5de);
    background: -o-linear-gradient(left, #4bccd7, #4bccd7 7%, #75e5de, #75e5de);
    background: linear-gradient(to right, #4bccd7, #4bccd7 7%, #75e5de, #75e5de); } }

.scroll-down-btn, .to-top-btn {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.4px;
  display: inline-block;
  text-transform: uppercase;
  color: #333333;
  position: relative;
  padding: 20px 0; }
  .scroll-down-btn:after, .to-top-btn:after {
    content: '';
    display: block;
    width: 0.5px;
    height: 87px;
    opacity: 1;
    background-color: #333333;
    position: absolute;
    left: 50%; }
  .scroll-down-btn.fixed, .to-top-btn.fixed {
    position: fixed;
    z-index: 1111;
    right: 5vw;
    bottom: 15vh; }
  .scroll-down-btn.no-line:after, .to-top-btn.no-line:after {
    display: none; }
  .scroll-down-btn.big-line:after, .to-top-btn.big-line:after {
    bottom: 13px;
    height: 565px;
    z-index: 0;
    background-color: #4bccd7;
    -webkit-animation: scrollDown 3s ease-in-out infinite;
    animation: scrollDown 3s ease-in-out infinite; }

.to-top-btn-wrap {
  width: 100%;
  position: relative;
  height: 190px;
  margin-bottom: 23px; }

.to-top-btn {
  right: 0;
  position: absolute;
  bottom: 0;
  right: 5vw;
  bottom: 0;
  cursor: pointer; }
  .to-top-btn:after {
    top: 0;
    -webkit-transform: translate(-50%, -100%) scale(0.3, 0);
    -ms-transform: translate(-50%, -100%) scale(0.3, 0);
    transform: translate(-50%, -100%) scale(0.3, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation: toTop 1.8s ease-in-out infinite both;
    animation: toTop 1.8s ease-in-out infinite both; }

.scroll-down-btn:after {
  bottom: 0;
  -webkit-transform: translate(-50%, 100%) scale(0.3, 0);
  -ms-transform: translate(-50%, 100%) scale(0.3, 0);
  transform: translate(-50%, 100%) scale(0.3, 0);
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-animation: scrollDown 1.8s ease-in-out infinite;
  animation: scrollDown 1.8s ease-in-out infinite; }

@media all and (max-width: 1199px) {
  .scroll-down-btn {
    display: none; } }

.main-btn-wrap {
  text-align: center; }
  .main-btn-wrap .main-btn {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 2rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 3px;
    text-align: center;
    color: #333333;
    cursor: pointer;
    width: 420px;
    max-width: 100%;
    padding: 15px 30px;
    display: inline-block;
    position: relative;
    -webkit-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out; }
    .main-btn-wrap .main-btn:before {
      content: '';
      position: absolute;
      z-index: -1;
      width: 100%;
      height: 100%;
      right: 0;
      bottom: 0;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
      border: 4px solid #85e6d3;
      background-color: #fff; }
    .main-btn-wrap .main-btn:after {
      content: '';
      position: absolute;
      z-index: -2;
      width: 100%;
      height: 100%;
      right: 0;
      bottom: 0;
      -webkit-transform: translate(0, 0) rotate(180deg);
      -ms-transform: translate(0, 0) rotate(180deg);
      transform: translate(0, 0) rotate(180deg);
      background: -webkit-gradient(linear, left top, right top, from(#4bccd7), color-stop(7%, #4bccd7), color-stop(#75e5de), to(#75e5de));
      background: -webkit-linear-gradient(left, #4bccd7, #4bccd7 7%, #75e5de, #75e5de);
      background: -o-linear-gradient(left, #4bccd7, #4bccd7 7%, #75e5de, #75e5de);
      background: linear-gradient(to right, #4bccd7, #4bccd7 7%, #75e5de, #75e5de);
      -webkit-transition: .2s ease-in-out;
      -o-transition: .2s ease-in-out;
      transition: .2s ease-in-out; }
  .main-btn-wrap a.main-btn {
    text-decoration: none; }
  .main-btn-wrap button {
    background-color: transparent;
    outline: 0;
    border: 0; }

@media all and (min-width: 991px) {
  .main-btn-wrap .main-btn:hover {
    -webkit-transform: translate(-5px, -5px);
    -ms-transform: translate(-5px, -5px);
    transform: translate(-5px, -5px); }
    .main-btn-wrap .main-btn:hover:before {
      -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1); }
    .main-btn-wrap .main-btn:hover:after {
      -webkit-transform: translate(15px, 15px) rotate(180deg);
      -ms-transform: translate(15px, 15px) rotate(180deg);
      transform: translate(15px, 15px) rotate(180deg); } }

.step-btn-section {
  background-color: #fff;
  padding: 30px 15px; }

.step-btn-wrap {
  max-width: 1086px;
  margin: 0 auto; }

.step-btn {
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 3px;
  text-align: center;
  color: #333333;
  text-transform: uppercase;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  text-decoration: none;
  color: inherit;
  position: relative;
  padding: 15px;
  min-width: 185px;
  text-align: center; }
  .step-btn:hover, .step-btn:active, .step-btn:focus, .step-btn:visited {
    color: inherit;
    text-decoration: none; }
  .step-btn:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 18px;
    border-bottom: 3px solid #47BFA7;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
  .step-btn.back {
    float: left; }
    .step-btn.back:before {
      left: 0;
      border-left: 4px solid #47BFA7;
      -webkit-transform: skewX(-45deg);
      -ms-transform: skewX(-45deg);
      transform: skewX(-45deg); }
  .step-btn.next {
    float: right; }
    .step-btn.next:before {
      right: 0;
      border-right: 4px solid #47BFA7;
      -webkit-transform: skewX(45deg);
      -ms-transform: skewX(45deg);
      transform: skewX(45deg); }

@media all and (max-width: 991px) {
  .step-btn {
    font-size: 1.8rem; } }

@media all and (max-width: 768px) {
  .step-btn {
    font-size: 1.6rem;
    min-width: 120px; } }

@media all and (min-width: 992px) {
  .step-btn:hover {
    color: #47BFA7; }
    .step-btn:hover.back {
      -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
      transform: translateX(10px); }
      .step-btn:hover.back:before {
        -webkit-transform: skewX(-45deg) translateX(-15px);
        -ms-transform: skewX(-45deg) translateX(-15px);
        transform: skewX(-45deg) translateX(-15px); }
    .step-btn:hover.next {
      -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
      transform: translateX(-10px); }
      .step-btn:hover.next:before {
        -webkit-transform: skewX(45deg) translateX(15px);
        -ms-transform: skewX(45deg) translateX(15px);
        transform: skewX(45deg) translateX(15px); } }

.u-btn-wrap {
  text-align: center; }

.sub-btn-wrap {
  text-align: center; }

.main-container {
  margin-top: 100px;
  overflow: hidden; }

@media (min-width: 768px) {
  .container {
    width: 100%; } }

@media (min-width: 992px) {
  .container {
    width: 970px; } }

@media (min-width: 1200px) {
  .container {
    width: 1170px; } }

@media (min-width: 1720px) {
  .container {
    width: 1680px; } }

.u-content-box {
  background-color: #fff;
  -webkit-box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.1);
  box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.1);
  position: relative; }
  .u-content-box .main-btn-wrap {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    width: 100%;
    max-width: 90%; }

section.triangle-bg {
  position: relative; }
  section.triangle-bg:before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 300%;
    height: 100%;
    background-color: #f6fafb;
    left: 0;
    top: 111px;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg); }

section.square-gradient-bg {
  position: relative; }
  section.square-gradient-bg:before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 39%;
    max-height: 355px;
    background: -webkit-gradient(linear, left top, right top, from(#4bccd7), color-stop(#75e5de), color-stop(66%, #75e5de), to(#47BFA7));
    background: -webkit-linear-gradient(left, #4bccd7, #75e5de, #75e5de 66%, #47BFA7);
    background: -o-linear-gradient(left, #4bccd7, #75e5de, #75e5de 66%, #47BFA7);
    background: linear-gradient(to right, #4bccd7, #75e5de, #75e5de 66%, #47BFA7);
    left: 0;
    bottom: 0; }

@media all and (max-width: 1199px) {
  section.square-gradient-bg:before {
    background: -webkit-gradient(linear, left top, right top, from(#4bccd7), color-stop(36%, #75e5de), color-stop(#57dfd7), to(#57dfd7));
    background: -webkit-linear-gradient(left, #4bccd7, #75e5de 36%, #57dfd7, #57dfd7);
    background: -o-linear-gradient(left, #4bccd7, #75e5de 36%, #57dfd7, #57dfd7);
    background: linear-gradient(to right, #4bccd7, #75e5de 36%, #57dfd7, #57dfd7); } }

@media all and (max-width: 768px) {
  section.square-gradient-bg:before {
    background: -webkit-gradient(linear, left top, right top, from(#4bccd7), color-stop(7%, #4bccd7), color-stop(#75e5de), to(#75e5de));
    background: -webkit-linear-gradient(left, #4bccd7, #4bccd7 7%, #75e5de, #75e5de);
    background: -o-linear-gradient(left, #4bccd7, #4bccd7 7%, #75e5de, #75e5de);
    background: linear-gradient(to right, #4bccd7, #4bccd7 7%, #75e5de, #75e5de); } }

.tabs-container .tabs-content {
  display: none; }
  .tabs-container .tabs-content.active {
    display: block;
    -webkit-animation: fadeIn 1.5s ease;
    animation: fadeIn 1.5s ease; }

.tabs-container .tabs-nav li {
  cursor: pointer; }

.error-hint {
  color: #cc2b00;
  padding: 8px;
  text-indent: -10px; }
  .error-hint:before {
    content: '* '; }

.product-swiper-wrap {
  position: relative; }

.product-swiper-button {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1.4px;
  text-align: center;
  color: #333333;
  text-transform: uppercase;
  padding: 10px 15px;
  border-radius: 20px;
  position: relative;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
  outline: 0; }
  .product-swiper-button.swiper-button-disabled {
    opacity: 0; }

.product-swiper-button-prev {
  padding-left: calc( 15px + 30px + 10px); }
  .product-swiper-button-prev:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 7px;
    border-left: 1px solid #333333;
    border-bottom: 1px solid #333333;
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translate(0, -50%) skewX(-45deg);
    -ms-transform: translate(0, -50%) skewX(-45deg);
    transform: translate(0, -50%) skewX(-45deg); }

.product-swiper-button-next {
  padding-right: calc( 15px + 30px + 10px); }
  .product-swiper-button-next:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 7px;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translate(0, -50%) skewX(45deg);
    -ms-transform: translate(0, -50%) skewX(45deg);
    transform: translate(0, -50%) skewX(45deg); }

.product-swiper {
  margin: 0 10vw; }
  .product-swiper .item-box {
    text-align: center;
    position: relative; }
    .product-swiper .item-box .img-box {
      display: inline-block;
      width: 84px;
      height: 84px;
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat; }
    .product-swiper .item-box p.num {
      font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
      font-size: 3rem;
      font-weight: normal;
      font-style: italic;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #333333;
      margin-bottom: 25px; }
    .product-swiper .item-box p.name {
      font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
      font-size: 1.8rem;
      font-weight: bold;
      line-height: normal;
      letter-spacing: 2px;
      text-align: center;
      color: #333333;
      margin-top: 25px; }
    .product-swiper .item-box a.link {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }

@media all and (min-width: 769px) {
  .product-swiper-button {
    background-color: rgba(71, 191, 167, 0.1);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .product-swiper-button-prev {
    left: 25px; }
  .product-swiper-button-next {
    right: 25px; } }

@media all and (min-width: 991px) {
  .product-swiper-button {
    background-color: rgba(71, 191, 167, 0.1); }
  .product-swiper-button-prev:hover {
    left: 20px;
    padding-left: calc( 15px + 30px + 10px + 10px); }
  .product-swiper-button-next:hover {
    padding-right: calc( 15px + 30px + 10px + 10px);
    right: 20px; } }

@media all and (max-width: 1199px) {
  .product-swiper {
    margin: 0 15vw; }
    .product-swiper .item-box p.num {
      font-size: 1.8rem;
      margin-bottom: 15px; }
    .product-swiper .item-box p.name {
      font-size: 1.6rem;
      letter-spacing: 0.9px;
      margin-top: 15px; } }

@media all and (max-width: 991px) {
  .product-swiper {
    margin: 0 15vw; } }

@media all and (max-width: 768px) {
  .product-swiper {
    margin: 0; }
    .product-swiper .item-box p.num {
      font-size: 1.6rem; }
    .product-swiper .item-box p.name {
      font-size: 1.4rem; }
  .product-swiper-button {
    margin-top: 60px; }
  .product-swiper-button-prev {
    float: left; }
  .product-swiper-button-next {
    float: right; } }

section.news-list-wrap.square-gradient-bg:before {
  height: 65%; }

.news-list-wrap {
  margin-top: 150px;
  margin-bottom: 60px;
  padding-bottom: 75px; }

.news-list-wrap .news-item {
  position: relative; }
  .news-list-wrap .news-item .news-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10; }
  .news-list-wrap .news-item .share-link-wrap {
    margin: 0;
    position: relative;
    z-index: 11; }
  .news-list-wrap .news-item .head {
    font-size: 0;
    letter-spacing: 0;
    position: absolute;
    left: 20px;
    top: 20px; }
  .news-list-wrap .news-item .tag, .news-list-wrap .news-item .share-link-wrap {
    display: inline-block;
    vertical-align: middle; }
  .news-list-wrap .news-item p.tag {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 1.8rem;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.8px;
    text-align: center;
    color: #ffffff;
    text-transform: capitalize;
    background-color: #47BFA7;
    padding: 2px 15px;
    border-radius: 25px;
    margin-right: 5px; }
  .news-list-wrap .news-item .img-box {
    width: 91%;
    padding-top: calc(91% / 415 * 467);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
  .news-list-wrap .news-item .title-box {
    width: 80.5%;
    margin-left: 19.5%;
    margin-top: -60px;
    background-color: #fff;
    padding: 25px 0;
    font-size: 0;
    letter-spacing: 0;
    white-space: nowrap;
    min-height: 125px; }

.news-list-wrap .news-title, .news-list-wrap .news-date {
  display: inline-block;
  vertical-align: middle; }

.news-list-wrap .news-title {
  width: 75%;
  padding: 0 25px; }

.news-list-wrap .news-date {
  width: 25%; }

.news-list-wrap .news-title h1 {
  font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: normal;
  color: #333333;
  white-space: normal;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-align: left; }

.news-list-wrap .news-date span {
  display: block;
  font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
  font-weight: bold;
  line-height: normal;
  letter-spacing: normal;
  font-size: 1.4rem;
  text-align: center; }
  .news-list-wrap .news-date span.year {
    color: #a4aab3; }
  .news-list-wrap .news-date span.day {
    font-size: 3rem;
    color: #47BFA7; }
  .news-list-wrap .news-date span.month {
    color: #333333;
    text-transform: uppercase; }

@media all and (max-width: 1440px) {
  .news-list-wrap {
    margin-top: 85px; } }

@media all and (min-width: 992px) {
  .news-list-wrap .news-item {
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease; }
    .news-list-wrap .news-item .title-box {
      -webkit-transition: .5s ease;
      -o-transition: .5s ease;
      transition: .5s ease; }
  .news-list-wrap .news-list-swiper:hover .news-item {
    opacity: 0.9;
    -webkit-filter: grayscale(0.3); }
    .news-list-wrap .news-list-swiper:hover .news-item:hover {
      opacity: 1;
      -webkit-filter: grayscale(0); }
      .news-list-wrap .news-list-swiper:hover .news-item:hover .title-box {
        -webkit-transform: translate(-10px, -10px);
        -ms-transform: translate(-10px, -10px);
        transform: translate(-10px, -10px); } }

@media all and (max-width: 991px) {
  .news-list-wrap .news-item .news-title h1 {
    font-size: 1.6rem; }
  .news-list-wrap .news-item p.tag {
    font-size: 1.6rem; } }

@media all and (max-width: 768px) {
  .news-list-wrap {
    margin-top: 55px; }
  .news-list-wrap .news-item .news-title h1 {
    font-size: 1.4rem; }
  .news-list-wrap .news-item p.tag {
    font-size: 1.4rem; }
  .news-list-wrap .news-date span {
    font-size: 1.2rem; }
    .news-list-wrap .news-date span.day {
      font-size: 2rem; } }

@media all and (max-width: 576px) {
  .news-list-wrap .news-title {
    padding: 0 15px; } }

.breadcrumb-wrap {
  margin-bottom: 15px;
  border-left: 3px solid #47BFA7; }

.breadcrumb {
  padding: 0;
  margin: 0 15px;
  background-color: transparent;
  border-radius: 0; }
  .breadcrumb li {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: normal;
    color: #333333; }
    .breadcrumb li a {
      font-family: inherit;
      font-size: inherit;
      letter-spacing: inherit;
      line-height: inherit;
      font-weight: inherit;
      color: inherit;
      text-decoration: none;
      color: inherit;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }
      .breadcrumb li a:hover, .breadcrumb li a:active, .breadcrumb li a:focus, .breadcrumb li a:visited {
        color: inherit;
        text-decoration: none; }

.breadcrumb > li + li:before {
  content: '\003e';
  color: #333333;
  padding: 0 10px; }

.breadcrumb > .active {
  color: #333333; }

@media all and (min-width: 992px) {
  .breadcrumb li a:hover {
    opacity: 0.7; } }

@media all and (max-width: 991px) {
  .breadcrumb li {
    font-size: 1.8rem; } }

@media all and (max-width: 768px) {
  .breadcrumb li {
    font-size: 1.4rem; } }

.owl-carousel.nav-style-a .owl-nav button.owl-next, .owl-carousel.nav-style-a .owl-nav button.owl-prev {
  padding: 35px 15px !important;
  background-color: #fff;
  opacity: 0.4;
  outline: 0; }
  .owl-carousel.nav-style-a .owl-nav button.owl-next.disabled, .owl-carousel.nav-style-a .owl-nav button.owl-prev.disabled {
    display: none; }
  .owl-carousel.nav-style-a .owl-nav button.owl-next span, .owl-carousel.nav-style-a .owl-nav button.owl-prev span {
    font-size: 0; }
  .owl-carousel.nav-style-a .owl-nav button.owl-next:before, .owl-carousel.nav-style-a .owl-nav button.owl-prev:before {
    content: '';
    position: absolute;
    width: 45%;
    padding-top: 45%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top; }

.owl-carousel.nav-style-a .owl-nav button.owl-prev:before {
  -webkit-transform: rotate(-45deg) translate(-50%, -50%);
  -ms-transform: rotate(-45deg) translate(-50%, -50%);
  transform: rotate(-45deg) translate(-50%, -50%);
  border-left: 2px solid #333;
  border-top: 2px solid #333; }

.owl-carousel.nav-style-a .owl-nav button.owl-next:before {
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  -ms-transform: rotate(45deg) translate(-50%, -50%);
  transform: rotate(45deg) translate(-50%, -50%);
  border-right: 2px solid #333;
  border-top: 2px solid #333; }

.owl-carousel.nav-style-a .owl-prev, .owl-carousel.nav-style-a .owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }

.owl-carousel.nav-style-a .owl-prev {
  left: 0; }

.owl-carousel.nav-style-a .owl-next {
  right: 0; }

@media all and (min-width: 991px) {
  .owl-carousel.nav-style-a button.owl-next, .owl-carousel.nav-style-a button.owl-prev {
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease; }
    .owl-carousel.nav-style-a button.owl-next:hover, .owl-carousel.nav-style-a button.owl-prev:hover {
      opacity: 0.6; } }

.input-clear {
  width: 15px;
  height: 15px;
  position: relative;
  margin-right: 10px;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important; }
  .input-clear:before, .input-clear:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 1px;
    background-color: #47BFA7; }
  .input-clear:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg); }
  .input-clear:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg); }
  .input-clear:hover {
    opacity: 0.8; }

.form-item-row {
  margin-bottom: 30px;
  font-size: 0px;
  letter-spacing: 0; }
  .form-item-row .title {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.7px;
    display: inline-block;
    vertical-align: top;
    color: #333333;
    width: 120px;
    padding: 8px 0;
    margin-right: 60px;
    text-align: right;
    text-transform: capitalize; }
  .form-item-row .u-select-wrap {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 120px - 60px); }
  .form-item-row .input-wrap {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 120px - 60px); }
    .form-item-row .input-wrap .form-group {
      margin-bottom: 0px; }
    .form-item-row .input-wrap input {
      border-radius: 0;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      display: block;
      width: 100%;
      height: 100%;
      padding: 8px 35px 8px 8px;
      font-size: 1.6rem;
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: 0.3px;
      color: #333333;
      background-color: rgba(255, 255, 255, 0);
      border-radius: 5px;
      border-bottom: 1px solid #47BFA7; }
      .form-item-row .input-wrap input:link, .form-item-row .input-wrap input:visited, .form-item-row .input-wrap input:hover, .form-item-row .input-wrap input:focus {
        outline: none; }
      .form-item-row .input-wrap input:focus {
        border-bottom: 1px solid #85e6d3; }
      .form-item-row .input-wrap input::-webkit-input-placeholder {
        color: #333333; }
      .form-item-row .input-wrap input:-ms-input-placeholder {
        color: #333333; }
      .form-item-row .input-wrap input::-ms-input-placeholder {
        color: #333333; }
      .form-item-row .input-wrap input::placeholder {
        color: #333333; }

textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 109px;
  min-height: 109px;
  max-height: 250px;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 5px;
  border: 1px solid #47BFA7;
  color: #333333;
  padding: 8px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.3px; }
  textarea:focus {
    border: 1px solid #85e6d3; }

.nice-number {
  display: inline-block;
  position: relative;
  border: 1px solid #47BFA7;
  border-radius: 50px;
  min-width: 250px;
  font-size: 0;
  letter-spacing: 0; }
  .nice-number input {
    padding: 1rem 40px;
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 2.2rem;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    border: 0;
    outline: 0;
    width: 100%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent; }
  .nice-number button {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    border: 0;
    outline: 0;
    position: relative;
    color: #47BFA7;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease; }
    .nice-number button:before {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 50%;
      height: 2px;
      background-color: #47BFA7; }
    .nice-number button:last-child {
      right: 5px; }
      .nice-number button:last-child:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 2px;
        height: 50%;
        background-color: #47BFA7; }
    .nice-number button:first-child {
      left: 5px; }

.selectric-wrapper {
  border-radius: 5px;
  border-bottom: 1px solid #47BFA7; }

.selectric-wrapper.is-placeholder .selectric .label {
  color: #47BFA7;
  text-align: left; }

.u-select-wrap .selectric {
  border: 0;
  background: transparent; }
  .u-select-wrap .selectric .button {
    background-color: transparent; }
    .u-select-wrap .selectric .button:after {
      border-top-color: #47BFA7; }

.u-select-wrap .selectric-items {
  margin-top: 5px;
  border: 1px solid #47BFA7;
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0 5px 20px rgba(71, 191, 167, 0.1);
  box-shadow: 0 5px 20px rgba(71, 191, 167, 0.1); }
  .u-select-wrap .selectric-items li {
    padding: 7px 10px;
    color: #333333;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    font-size: 14px;
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑"; }

.search-input-wrap {
  text-align: center;
  padding-bottom: 30px;
  white-space: nowrap; }
  .search-input-wrap .input-wrap {
    display: inline-block;
    position: relative;
    white-space: nowrap; }
    .search-input-wrap .input-wrap:before {
      content: '';
      position: absolute;
      left: 50px;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      margin-top: -7.5px;
      width: 25px;
      height: 25px;
      background-image: url("../images/icon_search.png?v=2");
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
      z-index: 1;
      -webkit-transition: .5s ease, opacity .3s ease , -webkit-transform .5s ease;
      transition: .5s ease, opacity .3s ease , -webkit-transform .5s ease;
      -o-transition: .5s ease, opacity .3s ease , transform .5s ease;
      transition: .5s ease, opacity .3s ease , transform .5s ease;
      transition: .5s ease, opacity .3s ease , transform .5s ease, -webkit-transform .5s ease; }
    .search-input-wrap .input-wrap.focus {
      padding-right: 50px; }
      .search-input-wrap .input-wrap.focus:before {
        opacity: 0;
        left: 100%;
        -webkit-transform: translate(0, -50%) scale(0);
        -ms-transform: translate(0, -50%) scale(0);
        transform: translate(0, -50%) scale(0);
        -webkit-transition: .5s ease, opacity .3s ease , -webkit-transform .3s .5s ease;
        transition: .5s ease, opacity .3s ease , -webkit-transform .3s .5s ease;
        -o-transition: .5s ease, opacity .3s ease , transform .3s .5s ease;
        transition: .5s ease, opacity .3s ease , transform .3s .5s ease;
        transition: .5s ease, opacity .3s ease , transform .3s .5s ease, -webkit-transform .3s .5s ease; }
      .search-input-wrap .input-wrap.focus .submit-btn {
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        display: block;
        -webkit-animation: searchBtnfadeInLeft .5s ease both;
        animation: searchBtnfadeInLeft .5s ease both; }
      .search-input-wrap .input-wrap.focus input {
        padding-left: 30px;
        text-align: left; }
  .search-input-wrap input {
    padding: 15px 50px;
    padding-left: 75px;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 3px;
    text-align: center;
    color: #333333;
    text-transform: uppercase;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    border: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    display: inline-block;
    border-bottom: 1px solid #333333; }
    .search-input-wrap input:focus {
      letter-spacing: 3px;
      padding-left: 50px; }
      .search-input-wrap input:focus::-webkit-input-placeholder {
        color: #a4aab3;
        letter-spacing: 3px; }
      .search-input-wrap input:focus:-ms-input-placeholder {
        color: #a4aab3;
        letter-spacing: 3px; }
      .search-input-wrap input:focus::-ms-input-placeholder {
        color: #a4aab3;
        letter-spacing: 3px; }
      .search-input-wrap input:focus::placeholder {
        color: #a4aab3;
        letter-spacing: 3px; }
    .search-input-wrap input::-webkit-input-placeholder {
      color: #333333;
      letter-spacing: 9.9px;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }
    .search-input-wrap input:-ms-input-placeholder {
      color: #333333;
      letter-spacing: 9.9px;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }
    .search-input-wrap input::-ms-input-placeholder {
      color: #333333;
      letter-spacing: 9.9px;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }
    .search-input-wrap input::placeholder {
      color: #333333;
      letter-spacing: 9.9px;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }
  .search-input-wrap .input-clear:before, .search-input-wrap .input-clear:after {
    background-color: #a4aab3; }
  .search-input-wrap .submit-btn {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    -webkit-transition: .3s ease, -webkit-transform .3s .3s ease;
    transition: .3s ease, -webkit-transform .3s .3s ease;
    -o-transition: .3s ease, transform .3s .3s ease;
    transition: .3s ease, transform .3s .3s ease;
    transition: .3s ease, transform .3s .3s ease, -webkit-transform .3s .3s ease;
    margin-top: -7.5px;
    background-color: transparent;
    border: 0;
    outline: 0;
    border-radius: 0;
    display: none; }
    .search-input-wrap .submit-btn img {
      width: 24px;
      height: auto; }
    .search-input-wrap .submit-btn:active {
      -webkit-transform: translate(0, -50%) scale(0.9);
      -ms-transform: translate(0, -50%) scale(0.9);
      transform: translate(0, -50%) scale(0.9); }

@media all and (min-width: 992px) {
  .nice-number button:hover {
    background-color: rgba(238, 238, 238, 0.8); }
  .u-select-wrap .selectric-items li:hover {
    background-color: #47BFA7;
    color: #fff; } }

@media all and (max-width: 991px) {
  .nice-number input {
    font-size: 1.8rem; } }

@media all and (max-width: 768px) {
  .form-item-row .title {
    margin-right: 30px;
    font-size: 1.6rem;
    width: 85px; }
  .form-item-row .input-wrap {
    width: calc(100% - 85px - 30px); }
  .form-item-row .u-select-wrap {
    width: calc(100% - 85px - 30px); }
  .nice-number {
    width: 150px;
    min-width: 150px; }
    .nice-number input {
      font-size: 1.4rem; }
    .nice-number button {
      width: 25px;
      height: 25px; }
  .search-input-wrap .input-wrap:before {
    width: 17px;
    height: 17px;
    left: 58px;
    left: 67px; }
  .search-input-wrap input {
    font-size: 1.4rem;
    padding-left: 67px; }
    .search-input-wrap input::-webkit-input-placeholder {
      letter-spacing: 5px; }
    .search-input-wrap input:-ms-input-placeholder {
      letter-spacing: 5px; }
    .search-input-wrap input::-ms-input-placeholder {
      letter-spacing: 5px; }
    .search-input-wrap input::placeholder {
      letter-spacing: 5px; }
  .search-input-wrap .submit-btn img {
    width: 17px; } }

.homepage .main-container {
  margin: 0; }

.homepage .side-nav {
  position: fixed;
  left: 3vw;
  bottom: 60px;
  z-index: 1000;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease; }
  .homepage .side-nav ul {
    margin: 0;
    padding: 0; }
    .homepage .side-nav ul li {
      margin: 0;
      padding: 0;
      list-style-type: none; }
  .homepage .side-nav .side-nav-item {
    margin-bottom: 20px; }
    .homepage .side-nav .side-nav-item:last-child {
      margin-bottom: 0px; }
    .homepage .side-nav .side-nav-item a {
      display: block;
      padding: 0px 5px;
      position: relative;
      width: 2px;
      height: 25px; }
      .homepage .side-nav .side-nav-item a:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 2px;
        height: 100%;
        background-color: rgba(51, 51, 51, 0.4);
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
        border-radius: 5px; }
    .homepage .side-nav .side-nav-item span {
      display: block;
      position: absolute;
      width: auto;
      white-space: nowrap;
      top: 50%;
      right: 0;
      -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
      transform: translate(100%, -50%);
      font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
      font-size: 1.6rem;
      font-weight: bold;
      line-height: normal;
      letter-spacing: 3px;
      color: #333333;
      text-transform: uppercase;
      padding-left: 15px;
      display: none; }
    .homepage .side-nav .side-nav-item.active a:after, .homepage .side-nav .side-nav-item:hover a:after {
      width: 4px;
      background-color: #333333; }
    .homepage .side-nav .side-nav-item.active span, .homepage .side-nav .side-nav-item:hover span {
      display: block;
      -webkit-animation: fadeIn .3s ease both;
      animation: fadeIn .3s ease both; }
  .homepage .side-nav.at-top .side-nav-item span {
    color: #fff; }
  .homepage .side-nav.at-top .side-nav-item a:after {
    background-color: rgba(255, 255, 255, 0.4); }
  .homepage .side-nav.at-top .side-nav-item.active a:after, .homepage .side-nav.at-top .side-nav-item:hover a:after {
    width: 4px;
    background-color: #fff; }

.homepage .title-num {
  font-family: Arial;
  font-size: 2rem;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 3.8px;
  color: #333333;
  margin-bottom: 15px; }

.homepage .scroll-down-btn.fixed {
  right: 4.5vw;
  bottom: 87px; }
  .homepage .scroll-down-btn.fixed.at-top {
    color: #fff; }
    .homepage .scroll-down-btn.fixed.at-top:after {
      background-color: #fff; }

.homepage .section-title {
  font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
  font-size: 4rem;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 10px;
  color: #333333;
  margin-bottom: 50px;
  text-transform: uppercase; }

@media all and (max-width: 1199px) {
  .homepage .side-nav .side-nav-item span {
    font-size: 1.4rem;
    padding-left: 10px; }
  .homepage .section-title {
    font-size: 2.8rem;
    letter-spacing: 7px; } }

@media all and (max-width: 768px) {
  .homepage .section-title {
    font-size: 2rem;
    letter-spacing: 3px;
    margin-bottom: 30px; } }

@media all and (min-width: 992px) {
  .homepage .section-block {
    padding-top: 30px; }
  .homepage .title-box .body {
    min-height: 410px; } }

@media all and (max-height: 768px) {
  .homepage .section-title {
    font-size: 2.8rem;
    letter-spacing: 3px;
    margin-bottom: 30px; } }

.homepage .section-top {
  background: -webkit-gradient(linear, left top, right top, from(#4BCCD6), to(#55CAB8));
  background: -webkit-linear-gradient(left, #4BCCD6, #55CAB8);
  background: -o-linear-gradient(left, #4BCCD6, #55CAB8);
  background: linear-gradient(to right, #4BCCD6, #55CAB8);
  position: relative;
  overflow: hidden; }
  .homepage .section-top .main-wrap {
    width: 100%;
    max-width: 888px;
    margin: 0 auto;
    position: relative; }
  .homepage .section-top .title-box {
    margin-top: 30px; }
    .homepage .section-top .title-box .body {
      width: 100%;
      padding-top: calc(100% / 888 * 409);
      margin-top: -30px; }
  .homepage .section-top .title-num {
    color: #ffffff; }
  .homepage .section-top .title-top {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.88;
    letter-spacing: 10px;
    color: #ffffff; }
  .homepage .section-top .title-bottom {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.06;
    letter-spacing: 11px;
    color: #ffffff;
    text-align: right;
    margin-top: 20px;
    overflow: hidden; }
    .homepage .section-top .title-bottom span {
      position: relative; }
      .homepage .section-top .title-bottom span:before {
        content: '';
        position: absolute;
        width: 1000px;
        height: 1px;
        background-color: #fff;
        top: 50%;
        left: -40px;
        -webkit-transform: translate(-100%, -50%);
        -ms-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%); }

.homepage .social-media-list {
  margin-top: 35px;
  font-size: 0;
  letter-spacing: 0;
  text-align: right;
  position: absolute;
  z-index: 111;
  bottom: 15vh;
  left: 65%; }
  .homepage .social-media-list .item {
    display: inline-block;
    margin: 0 5px; }
  .homepage .social-media-list a {
    display: block;
    padding: 5px; }
  .homepage .social-media-list img {
    width: 24px;
    height: auto; }

.homepage .kv-swiper-box {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.homepage .kv-swiper .img-box {
  width: 100%;
  padding-top: calc(100% / 884 * 429);
  padding-top: calc(100% / 900 * 550);
  background-color: #fff;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden; }

.homepage .kv-img-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden; }

.homepage .mask {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/img_kv_large@2x.png?v=2"); }
  @media all and (max-width: 991px) {
    .homepage .mask {
      background-image: url("../images/img_kv_medium@2x.png?v=2"); } }
  @media all and (max-width: 768px) {
    .homepage .mask {
      background-image: url("../images/img_kv_small@2x.png?v=2"); } }

.homepage.lang-en .mask {
  background-image: url("../images/img_kv_large_en@2x.png?v=2"); }
  @media all and (max-width: 991px) {
    .homepage.lang-en .mask {
      background-image: url("../images/img_kv_medium_en@2x.png?v=2"); } }
  @media all and (max-width: 768px) {
    .homepage.lang-en .mask {
      background-image: url("../images/img_kv_small_en@2x.png?v=2"); } }

@media all and (max-width: 1680px) {
  .homepage .social-media-list {
    left: 68%; } }

@media all and (max-width: 1280px) {
  .homepage .social-media-list {
    display: none; } }

@media all and (min-width: 992px) and (max-width: 1024px) {
  .homepage .section-top {
    padding-top: 0; }
  .homepage .mask {
    padding-top: calc(100% / 1920 * 1080); }
  .homepage .kv-img-wrap {
    position: relative; } }

@media all and (max-width: 991px) {
  .homepage .mask {
    padding-top: calc(100% / 768 * 868); }
  .homepage .kv-img-wrap {
    position: relative; } }

@media all and (max-width: 768px) {
  .homepage .mask {
    padding-top: calc(100% / 480 * 788); }
  .homepage .kv-img-wrap {
    position: relative; } }

@media all and (min-width: 1920px) {
  .homepage .kv-swiper-box {
    max-width: 80vw; } }

.homepage .section-slogan {
  padding: 50px 150px;
  position: relative; }
  .homepage .section-slogan:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: calc( 4.5vw + 51px);
    background-color: #4bccd7; }
  .homepage .section-slogan .img-box {
    margin: 0 auto;
    text-align: center;
    max-width: 712px;
    width: 100%; }
    .homepage .section-slogan .img-box img {
      width: 100%;
      height: auto; }

@media all and (max-width: 1199px) {
  .homepage .section-slogan:after {
    display: none; } }

@media all and (max-width: 1024px) {
  .homepage .section-slogan {
    padding: 30px 60px; } }

.homepage .section-about {
  background: -webkit-gradient(linear, left top, right top, from(#4bccd7), color-stop(#75e5de), color-stop(66%, #75e5de), to(#47BFA7));
  background: -webkit-linear-gradient(left, #4bccd7, #75e5de, #75e5de 66%, #47BFA7);
  background: -o-linear-gradient(left, #4bccd7, #75e5de, #75e5de 66%, #47BFA7);
  background: linear-gradient(to right, #4bccd7, #75e5de, #75e5de 66%, #47BFA7);
  position: relative; }
  .homepage .section-about:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 640px 0 0 130vw;
    border-color: transparent transparent transparent #F6FAFB;
    top: -60px;
    left: 0; }
  .homepage .section-about .u-content-box {
    width: 48%;
    min-width: 680px;
    position: relative;
    z-index: 1; }
    .homepage .section-about .u-content-box .main-btn-wrap {
      position: relative;
      bottom: auto;
      left: auto;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
      width: auto;
      max-width: 100%;
      padding-top: 20px; }
      .homepage .section-about .u-content-box .main-btn-wrap .main-btn {
        padding: 18px 42px;
        width: auto;
        font-size: 1.4rem;
        font-weight: bold;
        letter-spacing: 4px;
        color: #47BFA7; }
        .homepage .section-about .u-content-box .main-btn-wrap .main-btn:before {
          border: 2px solid #47BFA7; }
    .homepage .section-about .u-content-box .content {
      font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
      font-size: 1.6rem;
      font-weight: normal;
      line-height: 2;
      letter-spacing: normal;
      color: #333333; }
  .homepage .section-about .about-list {
    margin: 0;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 0;
    letter-spacing: 0; }
    .homepage .section-about .about-list li {
      list-style-type: none;
      font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
      font-size: 1.6rem;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 2;
      letter-spacing: normal;
      color: #333333;
      cursor: default; }
  .homepage .section-about .main-wrap {
    position: relative; }
    .homepage .section-about .main-wrap .img-box {
      width: 59.5%;
      min-width: 700px;
      height: calc(100% + 114px * 2);
      position: absolute;
      z-index: 0;
      right: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }
      .homepage .section-about .main-wrap .img-box.active {
        opacity: 1; }

@media all and (max-width: 1199px) {
  .homepage .section-about {
    background: -webkit-gradient(linear, left top, right top, from(#4bccd7), color-stop(36%, #75e5de), color-stop(#57dfd7), to(#57dfd7));
    background: -webkit-linear-gradient(left, #4bccd7, #75e5de 36%, #57dfd7, #57dfd7);
    background: -o-linear-gradient(left, #4bccd7, #75e5de 36%, #57dfd7, #57dfd7);
    background: linear-gradient(to right, #4bccd7, #75e5de 36%, #57dfd7, #57dfd7); }
    .homepage .section-about:before {
      display: none; } }

@media all and (min-width: 992px) {
  .homepage .section-about .u-content-box {
    padding: 75px 7%; }
    .homepage .section-about .u-content-box .main-btn-wrap {
      text-align: left; }
  .homepage .section-about .main-wrap {
    margin: 0 55px 0 75px; }
  .homepage .section-about .about-list {
    margin-left: -7px;
    margin-right: -7px; }
    .homepage .section-about .about-list li {
      display: inline-block;
      padding: 0 7px;
      line-height: normal; }
      .homepage .section-about .about-list li:not(:last-child) {
        border-right: 2px solid #333333; } }

@media all and (min-width: 992px) and (max-width: 1800px) {
  .homepage .section-about .u-content-box {
    padding: 75px 60px; } }

@media all and (max-width: 991px) {
  .homepage .section-about .u-content-box {
    width: 100%;
    min-width: 0;
    padding: 50px 35px;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .homepage .section-about .u-content-box .main-btn-wrap {
      margin-bottom: 5px;
      text-align: left; }
      .homepage .section-about .u-content-box .main-btn-wrap .main-btn {
        width: 100%;
        max-width: 280px; }
    .homepage .section-about .u-content-box .content {
      font-size: 1.4rem; }
  .homepage .section-about .about-list {
    margin-top: 20px;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    column-gap: 40px; }
    .homepage .section-about .about-list li {
      font-size: 1.4rem;
      line-height: 2.29;
      position: relative;
      padding-left: 16px; }
      .homepage .section-about .about-list li:before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 6px;
        height: 2px;
        background-color: #333333; }
  .homepage .section-about .main-wrap .img-box {
    display: none; } }

@media all and (max-width: 1024px) {
  .homepage .section-about {
    padding-bottom: 142px; } }

@media all and (max-height: 768px) {
  .homepage .section-about .main-wrap .img-box {
    height: calc(100% + 70px * 2); } }

.homepage .section-product {
  position: relative; }
  .homepage .section-product:before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 30vw 145vw;
    border-color: transparent transparent #F6FAFB transparent;
    bottom: 0;
    right: 0; }
  .homepage .section-product .title-num, .homepage .section-product .section-title {
    text-align: center; }
  .homepage .section-product .main-btn-wrap .main-btn {
    letter-spacing: 11px;
    width: 420px;
    max-width: 100%; }
    .homepage .section-product .main-btn-wrap .main-btn:after {
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }
    .homepage .section-product .main-btn-wrap .main-btn:before {
      border: 1px solid #333333;
      background-color: #f6fafb;
      -webkit-transition: .1s .3s ease;
      -o-transition: .1s .3s ease;
      transition: .1s .3s ease; }

.homepage .product-swiper-wrap {
  margin-top: 10vh;
  margin-bottom: 13vh; }

@media all and (min-width: 991px) {
  .homepage .section-product .main-btn-wrap .main-btn:hover {
    color: #47BFA7; }
    .homepage .section-product .main-btn-wrap .main-btn:hover:before {
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      border: 1px solid #47BFA7;
      background-color: #fff; } }

@media all and (max-width: 1024px) {
  .homepage .section-product {
    padding: 50px 0; }
    .homepage .section-product:before {
      border-width: 0 0 80vw 195vw; }
    .homepage .section-product .main-btn-wrap .main-btn {
      font-size: 1.6rem; }
  .homepage .product-swiper-button {
    margin-bottom: 50px; } }

@media all and (max-height: 768px) {
  .homepage .product-swiper-wrap {
    margin-top: 5vh;
    margin-bottom: 8vh; } }

@media all and (min-height: 768px) and (min-width: 769px) {
  .homepage .section-product .title-num {
    margin-bottom: 40px; } }

.homepage .section-news .title-num, .homepage .section-news .section-title {
  text-align: center; }

.homepage .section-news .news-list-wrap {
  margin-top: 10vh;
  margin-bottom: 0; }

.homepage .section-news .share-link-wrap ul {
  margin: 0;
  padding: 0;
  font-size: 0;
  letter-spacing: 0;
  text-align: right; }
  .homepage .section-news .share-link-wrap ul li {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .homepage .section-news .share-link-wrap ul li {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 5px; }
  .homepage .section-news .share-link-wrap ul a {
    display: block; }
  .homepage .section-news .share-link-wrap ul img {
    width: 100%;
    height: auto;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease; }

.homepage .section-news .to-top-btn-wrap {
  height: 0;
  margin-bottom: 0;
  position: absolute;
  z-index: 10000;
  bottom: 0; }

.homepage .section-news .news-list-swiper {
  position: relative; }

.homepage .section-news .news-swiper-button {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1.4px;
  text-align: center;
  color: #333333;
  text-transform: uppercase;
  padding: 10px 15px;
  border-radius: 20px;
  position: relative;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
  outline: 0; }
  .homepage .section-news .news-swiper-button.swiper-button-disabled {
    opacity: 0; }

.homepage .section-news .news-swiper-button-prev {
  padding-left: calc( 15px + 30px + 10px); }
  .homepage .section-news .news-swiper-button-prev:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 7px;
    border-left: 1px solid #333333;
    border-bottom: 1px solid #333333;
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translate(0, -50%) skewX(-45deg);
    -ms-transform: translate(0, -50%) skewX(-45deg);
    transform: translate(0, -50%) skewX(-45deg); }

.homepage .section-news .news-swiper-button-next {
  padding-right: calc( 15px + 30px + 10px); }
  .homepage .section-news .news-swiper-button-next:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 7px;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translate(0, -50%) skewX(45deg);
    -ms-transform: translate(0, -50%) skewX(45deg);
    transform: translate(0, -50%) skewX(45deg); }

@media all and (min-width: 769px) {
  .homepage .section-news .news-swiper-button {
    display: none; } }

@media all and (min-width: 991px) {
  .homepage .section-news .news-swiper-button {
    background-color: rgba(71, 191, 167, 0.1); }
  .homepage .section-news .news-swiper-button-prev:hover {
    left: 20px;
    padding-left: calc( 15px + 30px + 10px + 10px); }
  .homepage .section-news .news-swiper-button-next:hover {
    padding-right: calc( 15px + 30px + 10px + 10px);
    right: 20px; } }

@media all and (max-width: 768px) {
  .homepage .section-news {
    position: relative;
    padding-top: 100px; }
    .homepage .section-news .news-swiper-button {
      margin-top: 60px; }
    .homepage .section-news .news-swiper-button-prev {
      float: left; }
    .homepage .section-news .news-swiper-button-next {
      float: right; }
    .homepage .section-news .to-top-btn-wrap {
      bottom: 30px; }
    .homepage .section-news .to-top-btn {
      right: 50%;
      -webkit-transform: translate(50%, 0);
      -ms-transform: translate(50%, 0);
      transform: translate(50%, 0); }
      .homepage .section-news .to-top-btn:after {
        top: auto;
        bottom: 0;
        height: 57px;
        -webkit-transform: translate(-50%, 100%) scale(0.3, 0);
        -ms-transform: translate(-50%, 100%) scale(0.3, 0);
        transform: translate(-50%, 100%) scale(0.3, 0);
        -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
        transform-origin: center top;
        -webkit-animation: scrollDown 1.8s ease-in-out infinite;
        animation: scrollDown 1.8s ease-in-out infinite; } }

@media all and (max-height: 768px) and (min-width: 768px) {
  .homepage .section-news .to-top-btn-wrap {
    bottom: -35px; }
  .homepage .section-news .news-list-wrap {
    padding-bottom: 25px; } }

@media all and (min-width: 992px) {
  .homepage .section-news .share-link-wrap li:hover img {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    opacity: 0.8; } }

@media all and (min-height: 768px) and (min-width: 769px) {
  .homepage .section-news .title-num {
    margin-bottom: 40px; } }

.innerpage section h2 {
  font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
  font-size: 4rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 4px;
  color: #333333;
  text-transform: uppercase;
  position: relative;
  padding-top: 30px;
  padding-bottom: 20px;
  margin-bottom: 40px; }
  .innerpage section h2:before {
    content: '';
    width: 20px;
    height: 3px;
    background-color: #47BFA7;
    position: absolute;
    left: 0;
    top: 0; }
  .innerpage section h2.white {
    color: #fff; }
    .innerpage section h2.white:before {
      background-color: #fff; }

.innerpage section .h2-intro {
  margin-top: -55px;
  margin-bottom: 60px;
  font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.67;
  letter-spacing: 1px;
  color: #333333; }

.innerpage .section-line {
  width: 1px;
  position: absolute;
  opacity: 0.8; }
  .innerpage .section-line.sm {
    height: 47px; }
  .innerpage .section-line.md {
    height: 70px; }
  .innerpage .section-line.green {
    background-color: #4bccd7; }
  .innerpage .section-line.white {
    background-color: #fff; }
  .innerpage .section-line.center.bottom {
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .innerpage .section-line.center.top {
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }

.innerpage .main-title {
  text-align: center;
  font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
  padding-bottom: 20px;
  position: relative;
  margin-top: 110px;
  margin-top: 11.5vh;
  margin-bottom: 45px; }
  .innerpage .main-title:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: calc(70px * 3);
    height: 2px;
    background: -webkit-repeating-linear-gradient(left, #47BFA7, #47BFA7 70px, #82dbc9 70px, #82dbc9 140px);
    background: -o-repeating-linear-gradient(left, #47BFA7, #47BFA7 70px, #82dbc9 70px, #82dbc9 140px);
    background: repeating-linear-gradient(to right, #47BFA7, #47BFA7 70px, #82dbc9 70px, #82dbc9 140px); }
  .innerpage .main-title p {
    font-size: 2rem;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 1px;
    color: #47BFA7; }
  .innerpage .main-title h1 {
    font-size: 4.2rem;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 2px;
    color: #333333;
    margin: 14px 0;
    text-transform: uppercase; }
  .innerpage .main-title.sm h1 {
    font-size: 3rem;
    letter-spacing: 3px;
    margin: 0; }

.innerpage .page-banner {
  height: 421px;
  height: 45vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border-bottom: 7.5vh #efeff2 solid;
  position: relative; }
  .innerpage .page-banner:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 32%;
    height: 28%;
    background-color: #efeff2;
    z-index: 1; }
  .innerpage .page-banner .scroll-down-btn {
    position: absolute;
    bottom: -50px; }

.innerpage .page-title-wrap {
  position: absolute;
  width: 100%;
  bottom: 28%; }

.innerpage .page-title {
  position: absolute;
  width: 100%;
  bottom: 0;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  left: 0;
  z-index: 2; }
  .innerpage .page-title p {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 4rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #333333; }

@media all and (max-width: 1199px) {
  .innerpage .page-title p {
    font-size: 3.2rem; }
  .innerpage .main-title p {
    font-size: 1.6rem; }
  .innerpage .main-title h1 {
    font-size: 3.36rem; }
  .innerpage .main-title.sm h1 {
    font-size: 2.4rem;
    letter-spacing: 2.5px; }
  .innerpage .page-banner .scroll-down-btn {
    display: inline-block;
    bottom: -7.5vh; }
    .innerpage .page-banner .scroll-down-btn.big-line:after {
      height: 87px;
      -webkit-animation: scrollDown 1.8s ease-in-out infinite;
      animation: scrollDown 1.8s ease-in-out infinite; }
  .innerpage section h2 {
    font-size: 3.2rem;
    letter-spacing: 3.8px; }
  .innerpage section .h2-intro {
    font-size: 1.6rem; }
  .innerpage section.square-gradient-bg:before {
    background: -webkit-gradient(linear, left top, right top, from(#4bccd7), color-stop(36%, #75e5de), color-stop(#57dfd7), to(#57dfd7));
    background: -webkit-linear-gradient(left, #4bccd7, #75e5de 36%, #57dfd7, #57dfd7);
    background: -o-linear-gradient(left, #4bccd7, #75e5de 36%, #57dfd7, #57dfd7);
    background: linear-gradient(to right, #4bccd7, #75e5de 36%, #57dfd7, #57dfd7); } }

@media all and (max-width: 768px) {
  .innerpage .main-container {
    padding-top: 40px; }
  .innerpage .page-banner {
    height: 200px; }
    .innerpage .page-banner:before {
      width: 250px; }
  .innerpage .page-title p {
    font-size: 2.8rem; }
  .innerpage .main-title p {
    font-size: 1.4rem; }
  .innerpage .main-title h1 {
    font-size: 2.94rem; }
  .innerpage .main-title.sm h1 {
    font-size: 2rem;
    letter-spacing: 2px; }
  .innerpage section h2 {
    font-size: 2.8rem;
    letter-spacing: 2.8px; }
  .innerpage section .h2-intro {
    font-size: 1.4rem; }
  .innerpage section.square-gradient-bg:before {
    background: -webkit-gradient(linear, left top, right top, from(#4bccd7), color-stop(7%, #4bccd7), color-stop(#75e5de), to(#75e5de));
    background: -webkit-linear-gradient(left, #4bccd7, #4bccd7 7%, #75e5de, #75e5de);
    background: -o-linear-gradient(left, #4bccd7, #4bccd7 7%, #75e5de, #75e5de);
    background: linear-gradient(to right, #4bccd7, #4bccd7 7%, #75e5de, #75e5de); } }

.about-intro-wrap .intro-list-wrap .item {
  font-size: 0px;
  letter-spacing: 0;
  margin-bottom: 30px; }

.about-intro-wrap .intro-list-wrap .title, .about-intro-wrap .intro-list-wrap .content {
  display: inline-block;
  vertical-align: middle; }

.about-intro-wrap .intro-list-wrap .title {
  width: 40%;
  position: relative; }
  .about-intro-wrap .intro-list-wrap .title p {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 3rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 3px;
    color: #ffffff;
    white-space: normal;
    max-width: 70%;
    padding-right: 15px; }
  .about-intro-wrap .intro-list-wrap .title span {
    display: block;
    font-size: 1.6rem;
    line-height: 1.88;
    letter-spacing: 1.7px; }
  .about-intro-wrap .intro-list-wrap .title:after {
    content: '';
    width: 30%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }

.about-intro-wrap .intro-list-wrap .content {
  width: 60%;
  padding-left: 60px; }
  .about-intro-wrap .intro-list-wrap .content p {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.67;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 10px; }

.about-intro-wrap .intro-list-wrap .content.col-2 {
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 30px;
  column-gap: 30px; }

@media all and (max-width: 1199px) {
  .about-intro-wrap h2 {
    font-size: 3.2rem;
    letter-spacing: 3.8px; }
  .about-intro-wrap .intro-list-wrap .item {
    margin-bottom: 55px; }
  .about-intro-wrap .intro-list-wrap .title, .about-intro-wrap .intro-list-wrap .content {
    display: block;
    width: 100%; }
  .about-intro-wrap .intro-list-wrap .title {
    margin-bottom: 15px; }
    .about-intro-wrap .intro-list-wrap .title p {
      font-size: 2.4rem;
      max-width: 100%; }
    .about-intro-wrap .intro-list-wrap .title:after {
      display: none; }
  .about-intro-wrap .intro-list-wrap .content {
    padding-left: 0px; }
    .about-intro-wrap .intro-list-wrap .content p {
      font-size: 1.6rem; } }

@media all and (max-width: 768px) {
  .about-intro-wrap h2 {
    font-size: 2.8rem;
    letter-spacing: 2.8px; }
  .about-intro-wrap .intro-list-wrap .content.col-2 {
    -webkit-column-count: auto;
    column-count: auto; }
  .about-intro-wrap .intro-list-wrap .content p {
    font-size: 1.4rem;
    line-height: 1.45; }
  .about-intro-wrap .intro-list-wrap .title p {
    font-size: 2.1rem; } }

.innerpage .img-gallery .img-box {
  height: 467px; }

.innerpage .img-gallery a {
  display: block;
  height: 100%;
  width: 100%; }

.innerpage .img-gallery img {
  height: 100%;
  width: auto; }

@media all and (max-width: 768px) {
  .innerpage .img-gallery .img-box {
    height: 245px; } }

.innerpage .section-success {
  padding-bottom: 120px; }
  .innerpage .section-success .u-content-box {
    max-width: 1086px;
    margin: 0 auto;
    padding: 55px 25px 100px;
    text-align: center;
    position: relative;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1), 0 30px 55px 0 rgba(106, 158, 162, 0.4);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1), 0 30px 55px 0 rgba(106, 158, 162, 0.4); }
    .innerpage .section-success .u-content-box p {
      font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
      font-size: 2rem;
      font-weight: bold;
      line-height: 2;
      letter-spacing: 1px;
      text-align: center;
      color: #333333; }
  .innerpage .section-success .icon {
    width: 100px;
    margin: 0 auto 55px; }
    .innerpage .section-success .icon img {
      width: 100%;
      height: auto; }

.innerpage.about .page-banner {
  background-image: url("../images/img_aboutvisual.jpg?v=2"); }

.about-nav {
  position: absolute;
  width: calc(100% - 32%);
  height: 28%;
  bottom: 0;
  right: 0;
  z-index: 0; }
  .about-nav ul {
    font-size: 0;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    position: absolute; }
  .about-nav li {
    list-style-type: none; }
  .about-nav a {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.9px;
    text-align: center;
    color: #333333;
    text-decoration: none;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    display: block;
    padding: 10px 0; }

@media all and (max-width: 1480px) {
  .about-nav a {
    font-size: 1.4rem; } }

@media all and (min-width: 992px) {
  .about-nav {
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.5); }
    .about-nav ul {
      left: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    .about-nav li {
      display: inline-block;
      vertical-align: middle;
      width: calc(100% / 8);
      text-align: center; }
      .about-nav li.hover-line {
        position: absolute;
        width: calc(100% / 8 - 4%);
        height: 4px;
        background-color: #47BFA7;
        bottom: -4px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
        .about-nav li.hover-line.dynamic {
          opacity: 0; }
    .about-nav a:hover {
      color: #47BFA7; } }

@media all and (max-width: 991px) {
  .about-nav {
    z-index: 100; }
    .about-nav ul {
      max-height: 0;
      padding: 20px 0;
      overflow: hidden;
      background-color: #fff;
      bottom: 0;
      right: 0;
      opacity: 0;
      -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
      transform: translate(0, 100%);
      -webkit-transition: .4s ease-in-out, opacity .2s .2s ease;
      -o-transition: .4s ease-in-out, opacity .2s .2s ease;
      transition: .4s ease-in-out, opacity .2s .2s ease;
      -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); }
    .about-nav.active ul {
      max-height: 450px;
      opacity: 1;
      -webkit-transition: .4s ease-in-out, opacity .2s ease;
      -o-transition: .4s ease-in-out, opacity .2s ease;
      transition: .4s ease-in-out, opacity .2s ease; }
    .about-nav li a {
      padding: 15px 10px; }
    .about-nav li.active a {
      color: #47BFA7; }
  .about-nav-toggle {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5); }
    .about-nav-toggle .toggle-btn {
      width: 100%;
      font-size: 2.4rem;
      font-weight: 600;
      line-height: 1.44;
      letter-spacing: 1.5px;
      text-align: center;
      color: #333333;
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      cursor: pointer; }
      .about-nav-toggle .toggle-btn span {
        position: relative; }
        .about-nav-toggle .toggle-btn span:after {
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 7.5px 7.5px 0 7.5px;
          border-color: #333333 transparent transparent transparent;
          position: absolute;
          top: 50%;
          right: -15px;
          -webkit-transform: translate(100%, -50%);
          -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%); } }

@media all and (max-width: 768px) {
  .about-nav {
    width: calc(100% - 250px); }
  .about-nav-toggle .toggle-btn {
    font-size: 1.8rem; }
    .about-nav-toggle .toggle-btn span:after {
      border-width: 6px 6px 0 6px; } }

.innerpage[data-page="about-us"] .main-title {
  padding-bottom: 45px; }
  .innerpage[data-page="about-us"] .main-title h1 {
    font-size: 6.8rem;
    letter-spacing: 3rem; }

.innerpage[data-page="about-us"] .section-intro {
  padding-bottom: 145px;
  padding-bottom: 14.8vh;
  background-image: url("../images/img_bgariba.png?v=2");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative; }
  .innerpage[data-page="about-us"] .section-intro:after {
    content: ''; }
  .innerpage[data-page="about-us"] .section-intro .main-title {
    margin-left: 30px; }
  .innerpage[data-page="about-us"] .section-intro p {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 2.14;
    letter-spacing: 0.15rem;
    text-align: center;
    color: #333333; }

.innerpage[data-page="about-us"] .section-service {
  position: relative;
  padding: 100px 0 160px 0; }
  .innerpage[data-page="about-us"] .section-service .about-intro-wrap h2 {
    margin-bottom: calc(115px + 40px); }
    .innerpage[data-page="about-us"] .section-service .about-intro-wrap h2:after {
      content: '';
      width: 1px;
      height: 115px;
      opacity: 0.8;
      background-color: #fff;
      position: absolute;
      left: 20px;
      bottom: 0;
      -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
      transform: translate(0, 100%); }
  .innerpage[data-page="about-us"] .section-service .icon-list-wrap .list {
    font-size: 0px;
    letter-spacing: 0;
    margin-bottom: 55px; }
  .innerpage[data-page="about-us"] .section-service .icon-list-wrap .item {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 5);
    text-align: center;
    margin-bottom: 15px; }
    .innerpage[data-page="about-us"] .section-service .icon-list-wrap .item:nth-child(1) .img-wrap img {
      width: 80%; }
    .innerpage[data-page="about-us"] .section-service .icon-list-wrap .item:nth-child(2) .img-wrap img {
      width: 71%; }
    .innerpage[data-page="about-us"] .section-service .icon-list-wrap .item:nth-child(3) .img-wrap img {
      width: 86.5%; }
    .innerpage[data-page="about-us"] .section-service .icon-list-wrap .item:nth-child(4) .img-wrap img {
      width: 75%; }
    .innerpage[data-page="about-us"] .section-service .icon-list-wrap .item:nth-child(5) .img-wrap img {
      width: 64.5%; }
  .innerpage[data-page="about-us"] .section-service .icon-list-wrap .img-wrap {
    display: inline-block;
    width: 55%;
    padding-bottom: 55%;
    position: relative; }
    .innerpage[data-page="about-us"] .section-service .icon-list-wrap .img-wrap img {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      height: auto; }
  .innerpage[data-page="about-us"] .section-service .icon-list-wrap p {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding: 0 5px;
    margin-top: 15px; }

.innerpage[data-page="about-us"] .section-grid {
  margin-top: -100px; }
  .innerpage[data-page="about-us"] .section-grid .grid-wrap {
    width: calc(100% + 30px); }
  .innerpage[data-page="about-us"] .section-grid .grid-list {
    margin-left: -5px;
    margin-right: -5px; }
  .innerpage[data-page="about-us"] .section-grid .img-box {
    padding-top: calc(100% * 625 / 564);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 40px; }
  .innerpage[data-page="about-us"] .section-grid p {
    padding-left: 40px;
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑"; }
  .innerpage[data-page="about-us"] .section-grid .intro {
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #333333;
    position: relative; }
    .innerpage[data-page="about-us"] .section-grid .intro:before {
      content: '';
      position: absolute;
      left: 0;
      top: 1rem;
      width: 16px;
      height: 3px;
      background-color: #47BFA7; }
  .innerpage[data-page="about-us"] .section-grid .title {
    font-size: 2rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 2.7px;
    color: #333333;
    position: relative;
    margin-top: 35px; }
    .innerpage[data-page="about-us"] .section-grid .title:before {
      content: attr(data-num);
      position: absolute;
      z-index: -1;
      right: 0;
      bottom: 50%;
      -webkit-transform: translate(0, 50%);
      -ms-transform: translate(0, 50%);
      transform: translate(0, 50%);
      font-size: 10rem;
      font-weight: bold;
      font-style: italic;
      line-height: normal;
      letter-spacing: 7.5px;
      color: #f4f4f4; }

@media all and (max-width: 1765px) {
  .innerpage[data-page="about-us"] .section-grid .grid-wrap {
    width: 100%; } }

@media all and (max-width: 1720px) {
  .innerpage[data-page="about-us"] .section-grid .grid-wrap {
    width: calc(100% + 30px); } }

@media all and (max-width: 1275px) {
  .innerpage[data-page="about-us"] .section-grid .grid-wrap {
    width: 100%; } }

@media all and (max-width: 1199px) {
  .innerpage[data-page="about-us"] .main-title h1 {
    font-size: 5.44rem;
    letter-spacing: 2.4rem; }
  .innerpage[data-page="about-us"] .section-grid .title:before {
    font-size: 8rem;
    bottom: 0;
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%); }
  .innerpage[data-page="about-us"] .section-service .icon-list-wrap .item {
    width: calc(100% / 3); } }

@media all and (max-width: 991px) {
  .innerpage[data-page="about-us"] .section-grid .grid-list {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px; }
  .innerpage[data-page="about-us"] .section-service .icon-list-wrap .item {
    width: calc(100% / 5); }
  .innerpage[data-page="about-us"] .section-service .icon-list-wrap p {
    font-size: 1.4rem; } }

@media all and (max-width: 768px) {
  .innerpage[data-page="about-us"] .main-title h1 {
    font-size: 4.76rem;
    letter-spacing: 2.1rem; }
  .innerpage[data-page="about-us"] .section-service .icon-list-wrap .item {
    width: calc(100% / 3); } }

@media all and (max-width: 480px) {
  .innerpage[data-page="about-us"] .section-service .icon-list-wrap .item {
    width: calc(100% / 2); } }

.innerpage[data-page="assurance"] .section-intro {
  padding-bottom: 70px;
  overflow: hidden; }
  .innerpage[data-page="assurance"] .section-intro .list-wrap {
    margin-top: 35px;
    position: relative; }
    .innerpage[data-page="assurance"] .section-intro .list-wrap .list {
      font-size: 0;
      letter-spacing: 0;
      text-align: center; }
    .innerpage[data-page="assurance"] .section-intro .list-wrap .item {
      margin-bottom: 30px;
      text-align: center; }
    .innerpage[data-page="assurance"] .section-intro .list-wrap .icon {
      width: 100%;
      max-width: 120px;
      text-align: center;
      margin: 0 auto; }
      .innerpage[data-page="assurance"] .section-intro .list-wrap .icon img {
        width: 100%;
        height: auto; }
    .innerpage[data-page="assurance"] .section-intro .list-wrap p {
      font-size: 1.8rem;
      font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
      font-family: 'Montserrat';
      font-weight: 500;
      line-height: normal;
      letter-spacing: -1px;
      text-align: center;
      color: #333333; }
      .innerpage[data-page="assurance"] .section-intro .list-wrap p.title {
        margin-top: 20px;
        margin-bottom: 5px; }
      .innerpage[data-page="assurance"] .section-intro .list-wrap p span {
        font-size: 1.4rem;
        font-weight: normal;
        letter-spacing: normal;
        color: #666666;
        display: block; }

.innerpage[data-page="assurance"] .section-lab {
  position: relative;
  padding-top: 105px;
  padding-bottom: 110px; }

.innerpage[data-page="assurance"] .section-equipment {
  padding-top: 100px;
  padding-bottom: 120px;
  margin-bottom: -90px; }
  .innerpage[data-page="assurance"] .section-equipment .img-gallery {
    margin-top: 70px; }

@media all and (max-width: 1199px) {
  .innerpage[data-page="assurance"] .section-intro:before {
    top: 50%; }
  .innerpage[data-page="assurance"] .section-intro .list-wrap p {
    font-size: 1.6rem; }
    .innerpage[data-page="assurance"] .section-intro .list-wrap p span {
      font-size: 1.4rem; } }

@media all and (min-width: 769px) {
  .innerpage[data-page="assurance"] .section-intro .list-wrap .item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 4% 30px;
    width: calc(100% / 3 - 8%);
    padding-top: calc(100% / 3 - 8%);
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); }
  .innerpage[data-page="assurance"] .section-intro .list-wrap .content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%; }
  .innerpage[data-page="assurance"] .section-intro .list-wrap .icon {
    width: 120px;
    max-width: 50%; } }

@media all and (max-width: 1199px) and (min-width: 769px) {
  .innerpage[data-page="assurance"] .section-intro .list-wrap .item {
    margin: 0 2% 30px;
    width: calc(100% / 3 - 4%);
    padding-top: calc(100% / 3 - 4%); } }

@media all and (min-width: 1720px) {
  .innerpage[data-page="assurance"] .section-intro .list-wrap .item {
    margin: 0 4% 30px;
    width: calc(100% / 3.4 - 8%);
    padding-top: calc(100% / 3.4 - 8%); }
  .innerpage[data-page="assurance"] .section-intro .list-wrap .content {
    padding-top: 10%; } }

.innerpage[data-page="declaration"] .section-declaration,
.innerpage[data-page="csr"] .section-declaration,
.innerpage[data-page="us_trade_hts"] .section-declaration {
  margin-bottom: -215px; }
  .innerpage[data-page="declaration"] .section-declaration .u-content-box,
  .innerpage[data-page="csr"] .section-declaration .u-content-box,
  .innerpage[data-page="us_trade_hts"] .section-declaration .u-content-box {
    padding: 115px 150px; }
    .innerpage[data-page="declaration"] .section-declaration .u-content-box p,
    .innerpage[data-page="csr"] .section-declaration .u-content-box p,
    .innerpage[data-page="us_trade_hts"] .section-declaration .u-content-box p {
      font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
      font-size: 1.6rem;
      font-weight: 600;
      line-height: 1.5;
      letter-spacing: 0.8px;
      color: #333333;
      margin-bottom: 20px; }
  .innerpage[data-page="declaration"] .section-declaration.square-gradient-bg:before,
  .innerpage[data-page="csr"] .section-declaration.square-gradient-bg:before,
  .innerpage[data-page="us_trade_hts"] .section-declaration.square-gradient-bg:before {
    bottom: auto;
    top: 35px;
    max-height: calc(100% - 35px - 110px);
    height: calc(100% - 35px - 110px); }

@media all and (max-width: 1199px) {
  .innerpage[data-page="declaration"] .section-declaration .u-content-box,
  .innerpage[data-page="csr"] .section-declaration .u-content-box,
  .innerpage[data-page="us_trade_hts"] .section-declaration .u-content-box {
    padding: 75px 95px; }
    .innerpage[data-page="declaration"] .section-declaration .u-content-box p,
    .innerpage[data-page="csr"] .section-declaration .u-content-box p,
    .innerpage[data-page="us_trade_hts"] .section-declaration .u-content-box p {
      font-weight: normal; } }

@media all and (max-width: 768px) {
  .innerpage[data-page="declaration"] .section-declaration .u-content-box,
  .innerpage[data-page="csr"] .section-declaration .u-content-box,
  .innerpage[data-page="us_trade_hts"] .section-declaration .u-content-box {
    padding: 45px 35px; }
    .innerpage[data-page="declaration"] .section-declaration .u-content-box p,
    .innerpage[data-page="csr"] .section-declaration .u-content-box p,
    .innerpage[data-page="us_trade_hts"] .section-declaration .u-content-box p {
      font-size: 1.4rem; } }

.innerpage[data-page="productivity"] .section-intro {
  margin-bottom: 20px;
  padding-bottom: 500px; }

.innerpage[data-page="productivity"] .section-tab-content {
  margin-top: -500px;
  padding-bottom: 120px;
  position: relative;
  z-index: 0; }

.innerpage[data-page="productivity"] .to-top-btn-wrap {
  height: 0;
  margin-bottom: 0; }

.innerpage[data-page="productivity"] .tabs-content-wrap {
  margin-top: 150px; }

.innerpage[data-page="productivity"] .tabs-nav-select {
  border-bottom: 1px solid #333333;
  width: 80%;
  max-width: 420px;
  margin: 0 auto;
  cursor: pointer;
  position: relative; }
  .innerpage[data-page="productivity"] .tabs-nav-select:after {
    content: '';
    width: 10px;
    height: 10px;
    border-right: 2px solid #333333;
    border-bottom: 2px solid #333333;
    position: absolute;
    right: 10%;
    top: 50%;
    -webkit-transform: translate(50%, -50%) rotate(45deg);
    -ms-transform: translate(50%, -50%) rotate(45deg);
    transform: translate(50%, -50%) rotate(45deg); }
  .innerpage[data-page="productivity"] .tabs-nav-select p {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 1.8rem;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 2px;
    text-align: center;
    color: #333333;
    padding: 15px;
    padding-right: 15%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100%; }

.innerpage[data-page="productivity"] .tabs-nav {
  margin: 0;
  padding: 0;
  width: 80%;
  max-width: 420px;
  margin: 0 auto;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
  position: absolute;
  left: 50%;
  z-index: 100;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  max-height: 0;
  overflow-y: hidden; }
  .innerpage[data-page="productivity"] .tabs-nav li {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .innerpage[data-page="productivity"] .tabs-nav li {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 1.6rem;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 2px;
    text-align: left;
    color: #333333;
    padding: 15px 30px;
    background-color: #fff;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    position: relative; }
    .innerpage[data-page="productivity"] .tabs-nav li:not(:last-child):after {
      content: '';
      width: 90%;
      height: 1px;
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      background-color: #f1f1f1; }
  .innerpage[data-page="productivity"] .tabs-nav.active {
    opacity: 1;
    max-height: 220px;
    overflow-y: auto; }

.innerpage[data-page="productivity"] .owl-item {
  padding: 0 20px; }

.innerpage[data-page="productivity"] .owl-carousel .owl-stage-outer {
  margin-left: -20px; }

@media all and (min-width: 768px) {
  .innerpage[data-page="productivity"] .owl-item {
    padding: 0 35px; }
  .innerpage[data-page="productivity"] .owl-carousel .owl-stage-outer {
    margin-left: -35px; } }

@media all and (min-width: 992px) {
  .innerpage[data-page="productivity"] .tabs-nav li:hover {
    background-color: #f1f1f1; }
  .innerpage[data-page="productivity"] .owl-item {
    padding: 0 95px; }
  .innerpage[data-page="productivity"] .owl-carousel .owl-stage-outer {
    margin-left: -95px; } }

@media all and (max-width: 991px) {
  .innerpage[data-page="productivity"] .tabs-nav-select p {
    font-size: 1.6rem; }
  .innerpage[data-page="productivity"] .tabs-content-wrap {
    margin-top: 70px; } }

.innerpage[data-page="milestone"] .to-top-btn-wrap {
  height: 0;
  margin-bottom: 0; }

.innerpage[data-page="milestone"] .section-intro {
  padding-bottom: 75px; }
  .innerpage[data-page="milestone"] .section-intro p.intro {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 2.14;
    letter-spacing: 0.15rem;
    text-align: center;
    color: #333333; }

.innerpage[data-page="milestone"] .section-milestone {
  padding-bottom: 85px; }
  .innerpage[data-page="milestone"] .section-milestone .list {
    position: relative;
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease; }
    .innerpage[data-page="milestone"] .section-milestone .list:before {
      content: '';
      position: absolute;
      background-color: #fff; }
  .innerpage[data-page="milestone"] .section-milestone .item-wrap {
    position: relative;
    display: block; }
    .innerpage[data-page="milestone"] .section-milestone .item-wrap:before {
      content: '';
      position: absolute;
      width: 16px;
      height: 16px;
      background-color: #fff;
      border-radius: 50%; }
  .innerpage[data-page="milestone"] .section-milestone .item {
    border-radius: 20px;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
    display: block;
    overflow: hidden;
    position: relative; }
  .innerpage[data-page="milestone"] .section-milestone p.year {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 3rem;
    font-weight: bold;
    font-style: italic;
    line-height: normal;
    padding: 0;
    letter-spacing: normal;
    position: relative;
    z-index: 10; }
  .innerpage[data-page="milestone"] .section-milestone .img-wrap {
    width: 100%;
    padding-top: calc(100% / 385 * 182);
    overflow: hidden; }
    .innerpage[data-page="milestone"] .section-milestone .img-wrap img {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%;
      height: auto; }
  .innerpage[data-page="milestone"] .section-milestone .content {
    background-color: #fff;
    padding: 18px;
    position: relative; }
    .innerpage[data-page="milestone"] .section-milestone .content p {
      white-space: normal;
      font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
      font-size: 1.5rem;
      font-weight: bold;
      line-height: normal;
      letter-spacing: normal;
      color: #333333;
      padding-left: 13px;
      position: relative; }
      .innerpage[data-page="milestone"] .section-milestone .content p:not(:last-child) {
        margin-bottom: 10px; }
      .innerpage[data-page="milestone"] .section-milestone .content p:before {
        content: '';
        width: 3px;
        height: 1.4rem;
        background-color: #47BFA7;
        position: absolute;
        left: 0;
        top: 0.1rem; }

.innerpage[data-page="milestone"] section.square-gradient-bg.section-milestone::before {
  max-height: 100%;
  height: 85%; }

.innerpage[data-page="milestone"] .milestone-wrap .nav-wrap {
  display: none; }
  .innerpage[data-page="milestone"] .milestone-wrap .nav-wrap .nav-next, .innerpage[data-page="milestone"] .milestone-wrap .nav-wrap .nav-prev {
    padding: 35px 15px !important;
    background-color: #fff;
    opacity: 0.4;
    outline: 0; }
    .innerpage[data-page="milestone"] .milestone-wrap .nav-wrap .nav-next.disabled, .innerpage[data-page="milestone"] .milestone-wrap .nav-wrap .nav-prev.disabled {
      display: none; }
    .innerpage[data-page="milestone"] .milestone-wrap .nav-wrap .nav-next span, .innerpage[data-page="milestone"] .milestone-wrap .nav-wrap .nav-prev span {
      font-size: 0; }
    .innerpage[data-page="milestone"] .milestone-wrap .nav-wrap .nav-next:before, .innerpage[data-page="milestone"] .milestone-wrap .nav-wrap .nav-prev:before {
      content: '';
      position: absolute;
      width: 14px;
      height: 14px;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      top: 50%;
      left: 50%;
      -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
      transform-origin: left top; }
  .innerpage[data-page="milestone"] .milestone-wrap .nav-wrap .nav-prev:before {
    -webkit-transform: rotate(-45deg) translate(-50%, -50%);
    -ms-transform: rotate(-45deg) translate(-50%, -50%);
    transform: rotate(-45deg) translate(-50%, -50%);
    border-left: 2px solid #333;
    border-top: 2px solid #333; }
  .innerpage[data-page="milestone"] .milestone-wrap .nav-wrap .nav-next:before {
    -webkit-transform: rotate(45deg) translate(-50%, -50%);
    -ms-transform: rotate(45deg) translate(-50%, -50%);
    transform: rotate(45deg) translate(-50%, -50%);
    border-right: 2px solid #333;
    border-top: 2px solid #333; }

.innerpage[data-page="milestone"] .milestone-wrap .nav-prev, .innerpage[data-page="milestone"] .milestone-wrap .nav-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer; }
  .innerpage[data-page="milestone"] .milestone-wrap .nav-prev.disabled, .innerpage[data-page="milestone"] .milestone-wrap .nav-next.disabled {
    display: none; }

.innerpage[data-page="milestone"] .milestone-wrap .nav-prev {
  left: 0; }

.innerpage[data-page="milestone"] .milestone-wrap .nav-next {
  right: 0; }

@media all and (min-width: 991px) {
  .owl-carousel.nav-style-a .nav-next, .owl-carousel.nav-style-a .nav-prev {
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease; }
    .owl-carousel.nav-style-a .nav-next:hover, .owl-carousel.nav-style-a .nav-prev:hover {
      opacity: 0.6; } }

@media all and (min-width: 992px) {
  .innerpage[data-page="milestone"] .section-milestone .milestone-wrap {
    height: calc(270px * 2 + 155px);
    position: relative; }
    .innerpage[data-page="milestone"] .section-milestone .milestone-wrap .nav-wrap {
      display: block; }
  .innerpage[data-page="milestone"] .section-milestone .list {
    white-space: nowrap;
    font-size: 0;
    letter-spacing: 0;
    height: 100%;
    position: absolute; }
    .innerpage[data-page="milestone"] .section-milestone .list:before {
      top: 50%;
      left: 50%;
      width: 100%;
      height: 1px;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      width: calc( 100% - 600px); }
  .innerpage[data-page="milestone"] .section-milestone .item {
    width: 385px;
    height: 270px; }
  .innerpage[data-page="milestone"] .section-milestone p.year {
    position: absolute;
    color: #fff; }
  .innerpage[data-page="milestone"] .section-milestone .img-wrap {
    position: absolute;
    top: 0;
    left: 0; }
  .innerpage[data-page="milestone"] .section-milestone .content {
    min-height: 33%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto; }
  .innerpage[data-page="milestone"] .section-milestone .item-wrap {
    display: inline-block; }
    .innerpage[data-page="milestone"] .section-milestone .item-wrap:before {
      left: 0; }
    .innerpage[data-page="milestone"] .section-milestone .item-wrap:not(:first-child) {
      margin-left: -55px; }
    .innerpage[data-page="milestone"] .section-milestone .item-wrap:first-child {
      margin-left: 300px; }
    .innerpage[data-page="milestone"] .section-milestone .item-wrap:last-child {
      margin-right: 300px; }
    .innerpage[data-page="milestone"] .section-milestone .item-wrap:nth-child(odd):before {
      bottom: calc( -155px / 2);
      -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
      transform: translateY(50%); }
    .innerpage[data-page="milestone"] .section-milestone .item-wrap:nth-child(odd) .img-wrap {
      top: 0; }
    .innerpage[data-page="milestone"] .section-milestone .item-wrap:nth-child(odd) .content {
      bottom: 0; }
    .innerpage[data-page="milestone"] .section-milestone .item-wrap:nth-child(odd) p.year {
      bottom: -18px;
      -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%); }
    .innerpage[data-page="milestone"] .section-milestone .item-wrap:nth-child(even) {
      -webkit-transform: translateY(calc(100% + 155px));
      -ms-transform: translateY(calc(100% + 155px));
      transform: translateY(calc(100% + 155px)); }
      .innerpage[data-page="milestone"] .section-milestone .item-wrap:nth-child(even):before {
        top: calc( -155px / 2);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      .innerpage[data-page="milestone"] .section-milestone .item-wrap:nth-child(even) .img-wrap {
        top: auto;
        bottom: 0; }
      .innerpage[data-page="milestone"] .section-milestone .item-wrap:nth-child(even) .content {
        top: 0;
        bottom: auto; }
      .innerpage[data-page="milestone"] .section-milestone .item-wrap:nth-child(even) p.year {
        top: -18px;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%); }
  .innerpage[data-page="milestone"] .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .innerpage[data-page="milestone"] .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    top: 50%;
    bottom: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .innerpage[data-page="milestone"] .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .innerpage[data-page="milestone"] .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .innerpage[data-page="milestone"] .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .innerpage[data-page="milestone"] .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 16px; }
  .innerpage[data-page="milestone"] .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .innerpage[data-page="milestone"] .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .innerpage[data-page="milestone"] .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .innerpage[data-page="milestone"] .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 16px; }
  .innerpage[data-page="milestone"] .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(133, 230, 211, 0.8); } }

@media all and (max-width: 1720px) and (min-width: 1200px) {
  .innerpage[data-page="milestone"] .section-milestone .item-wrap:first-child {
    margin-left: 180px; }
  .innerpage[data-page="milestone"] .section-milestone .item-wrap:last-child {
    margin-right: 180px; }
  .innerpage[data-page="milestone"] .section-milestone .list:before {
    width: calc( 100% - 360px); } }

@media all and (max-width: 1199px) and (min-width: 992px) {
  .innerpage[data-page="milestone"] .section-milestone .item-wrap:first-child {
    margin-left: 45px; }
  .innerpage[data-page="milestone"] .section-milestone .item-wrap:last-child {
    margin-right: 45px; }
  .innerpage[data-page="milestone"] .section-milestone .list:before {
    width: calc( 100% - 90px); } }

@media all and (max-width: 991px) {
  .innerpage[data-page="milestone"] section.section-milestone.square-gradient-bg:before {
    display: none; }
  .innerpage[data-page="milestone"] .section-milestone .list {
    width: 95%;
    margin: 0 auto; }
    .innerpage[data-page="milestone"] .section-milestone .list:before {
      top: 0;
      left: 10px;
      width: 2px;
      height: 100%;
      background-color: #47BFA7; }
  .innerpage[data-page="milestone"] .section-milestone .item-wrap {
    margin-bottom: 65px;
    margin-left: 50px; }
    .innerpage[data-page="milestone"] .section-milestone .item-wrap:before {
      left: -40px;
      top: 0;
      -webkit-transform: translate(-48%, 0);
      -ms-transform: translate(-48%, 0);
      transform: translate(-48%, 0);
      background-color: #47BFA7; }
  .innerpage[data-page="milestone"] .section-milestone p.year {
    margin-bottom: 15px;
    color: #47BFA7;
    font-size: 3rem; }
  .innerpage[data-page="milestone"] .section-milestone .img-wrap img {
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); } }

.innerpage.news .page-banner {
  background-image: url("../images/img_newsvisual.jpg?v=2"); }

.innerpage.news .share-link-wrap {
  margin-bottom: 20px; }
  .innerpage.news .share-link-wrap ul {
    margin: 0;
    padding: 0;
    font-size: 0;
    letter-spacing: 0;
    text-align: right; }
    .innerpage.news .share-link-wrap ul li {
      margin: 0;
      padding: 0;
      list-style-type: none; }
    .innerpage.news .share-link-wrap ul li {
      display: inline-block;
      width: 24px;
      height: 24px;
      margin: 0 5px; }
    .innerpage.news .share-link-wrap ul a {
      display: block; }
    .innerpage.news .share-link-wrap ul img {
      width: 100%;
      height: auto;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }

@media all and (min-width: 992px) {
  .innerpage.news .share-link-wrap li:hover img {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    opacity: 0.8; } }

.innerpage[data-page="news"] .news-list-wrap {
  margin-top: 150px;
  margin-bottom: 60px;
  padding-bottom: 75px; }

.innerpage[data-page="news"] section.news-list-wrap.square-gradient-bg:before {
  height: 65%; }

.innerpage[data-page="news"] .news-item {
  position: relative; }
  .innerpage[data-page="news"] .news-item .news-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10; }
  .innerpage[data-page="news"] .news-item .share-link-wrap {
    margin: 0;
    position: relative;
    z-index: 11; }
  .innerpage[data-page="news"] .news-item .head {
    font-size: 0;
    letter-spacing: 0;
    position: absolute;
    left: 20px;
    top: 20px; }
  .innerpage[data-page="news"] .news-item .tag, .innerpage[data-page="news"] .news-item .share-link-wrap {
    display: inline-block;
    vertical-align: middle; }
  .innerpage[data-page="news"] .news-item p.tag {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 1.8rem;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.8px;
    text-align: center;
    color: #ffffff;
    text-transform: capitalize;
    background-color: #47BFA7;
    padding: 2px 15px;
    border-radius: 25px;
    margin-right: 5px; }
  .innerpage[data-page="news"] .news-item .img-box {
    width: 91%;
    padding-top: calc(91% / 415 * 467);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
  .innerpage[data-page="news"] .news-item .title-box {
    width: 80.5%;
    margin-left: 19.5%;
    margin-top: -60px;
    background-color: #fff;
    padding: 25px 0;
    font-size: 0;
    letter-spacing: 0;
    white-space: nowrap;
    min-height: 125px; }

.innerpage[data-page="news"] .news-title, .innerpage[data-page="news"] .news-date {
  display: inline-block;
  vertical-align: middle; }

.innerpage[data-page="news"] .news-title {
  width: 75%;
  padding: 0 25px; }

.innerpage[data-page="news"] .news-date {
  width: 25%; }

.innerpage[data-page="news"] .news-title h1 {
  font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: normal;
  color: #333333;
  white-space: normal;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-align: left; }

.innerpage[data-page="news"] .news-date span {
  display: block;
  font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
  font-weight: bold;
  line-height: normal;
  letter-spacing: normal;
  font-size: 1.4rem;
  text-align: center; }
  .innerpage[data-page="news"] .news-date span.year {
    color: #a4aab3; }
  .innerpage[data-page="news"] .news-date span.day {
    font-size: 3rem;
    color: #47BFA7; }
  .innerpage[data-page="news"] .news-date span.month {
    color: #333333;
    text-transform: uppercase; }

@media all and (max-width: 1440px) {
  .innerpage[data-page="news"] .news-list-wrap {
    margin-top: 85px; } }

@media all and (min-width: 992px) {
  .innerpage[data-page="news"] .news-item {
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease; }
    .innerpage[data-page="news"] .news-item .title-box {
      -webkit-transition: .5s ease;
      -o-transition: .5s ease;
      transition: .5s ease; }
  .innerpage[data-page="news"] .news-list-swiper:hover .news-item {
    opacity: 0.9;
    -webkit-filter: grayscale(0.3); }
    .innerpage[data-page="news"] .news-list-swiper:hover .news-item:hover {
      opacity: 1;
      -webkit-filter: grayscale(0); }
      .innerpage[data-page="news"] .news-list-swiper:hover .news-item:hover .title-box {
        -webkit-transform: translate(-10px, -10px);
        -ms-transform: translate(-10px, -10px);
        transform: translate(-10px, -10px); } }

@media all and (max-width: 991px) {
  .innerpage[data-page="news"] .news-item .news-title h1 {
    font-size: 1.6rem; }
  .innerpage[data-page="news"] .news-item p.tag {
    font-size: 1.6rem; } }

@media all and (max-width: 768px) {
  .innerpage[data-page="news"] .news-list-wrap {
    margin-top: 55px; }
  .innerpage[data-page="news"] .news-item .news-title h1 {
    font-size: 1.4rem; }
  .innerpage[data-page="news"] .news-item p.tag {
    font-size: 1.4rem; }
  .innerpage[data-page="news"] .news-date span {
    font-size: 1.2rem; }
    .innerpage[data-page="news"] .news-date span.day {
      font-size: 2rem; } }

@media all and (max-width: 576px) {
  .innerpage[data-page="news"] .news-title {
    padding: 0 15px; } }

.innerpage[data-page="news-page"] .main-body {
  margin-top: 80px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto; }

.innerpage[data-page="news-page"] .seciton-image .img-box {
  width: 100%;
  padding-top: calc(100% * 359 / 1005);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 5px;
  margin-bottom: 15px; }

.innerpage[data-page="news-page"] .news-image-pagination {
  margin: 15px -5px 40px;
  text-align: right; }
  .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 2px;
    background: #dbdbdb;
    border-radius: 4px;
    margin: 0 5px;
    opacity: 1;
    vertical-align: middle;
    outline: 0; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(1):after {
      content: "01";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(2):after {
      content: "02";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(3):after {
      content: "03";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(4):after {
      content: "04";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(5):after {
      content: "05";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(6):after {
      content: "06";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(7):after {
      content: "07";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(8):after {
      content: "08";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(9):after {
      content: "09";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(10):after {
      content: "010";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(11):after {
      content: "011";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(12):after {
      content: "012";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(13):after {
      content: "013";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(14):after {
      content: "014";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(15):after {
      content: "015";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(16):after {
      content: "016";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(17):after {
      content: "017";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(18):after {
      content: "018";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(19):after {
      content: "019";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(20):after {
      content: "020";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(21):after {
      content: "021";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(22):after {
      content: "022";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(23):after {
      content: "023";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(24):after {
      content: "024";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(25):after {
      content: "025";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(26):after {
      content: "026";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(27):after {
      content: "027";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(28):after {
      content: "028";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(29):after {
      content: "029";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet:nth-child(30):after {
      content: "030";
      opacity: 0;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      display: block;
      margin-top: 10px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 2px;
      color: #333333; }
  .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet-active {
    height: 4px;
    background: #47BFA7; }
    .innerpage[data-page="news-page"] .news-image-pagination .swiper-pagination-bullet-active.swiper-pagination-bullet:after {
      opacity: 1; }

.innerpage[data-page="news-page"] .section-news {
  margin-top: 20px; }

.innerpage[data-page="news-page"] .news-title {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 2px solid rgba(151, 151, 151, 0.6); }
  .innerpage[data-page="news-page"] .news-title h1 {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1.3px;
    color: #333333; }

.innerpage[data-page="news-page"] .news-date {
  margin-bottom: 15px; }
  .innerpage[data-page="news-page"] .news-date p {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 3.2rem;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    color: #47BFA7; }
  .innerpage[data-page="news-page"] .news-date span {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 1.4rem;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #a4aab3;
    vertical-align: top;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    padding-right: 10px;
    margin: 0;
    display: inline-block; }

.innerpage[data-page="news-page"] .news-content {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.88;
  letter-spacing: 0.8px;
  color: #333333; }
  .innerpage[data-page="news-page"] .news-content p {
    font-family: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit; }

@media all and (min-width: 992px) {
  .innerpage[data-page="news-page"] .news-title {
    font-size: 0px;
    letter-spacing: 0; }
  .innerpage[data-page="news-page"] .news-date, .innerpage[data-page="news-page"] .news-title h1 {
    display: inline-block;
    vertical-align: middle;
    margin: 0; }
  .innerpage[data-page="news-page"] .news-date {
    padding-right: 40px;
    margin-right: 20px;
    position: relative; }
    .innerpage[data-page="news-page"] .news-date:after {
      content: '';
      width: 25px;
      height: 1px;
      background-color: #333333;
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); } }

@media all and (max-width: 1440px) {
  .innerpage[data-page="news-page"] .main-body {
    margin-top: 55px; } }

@media all and (max-width: 1199px) {
  .innerpage[data-page="news-page"] .news-title h1 {
    font-size: 2.2rem; } }

@media all and (max-width: 768px) {
  .innerpage[data-page="news-page"] .main-body {
    margin-top: 35px; } }

.innerpage.product .main-container {
  padding-top: 0; }

.innerpage.product .product-swiper .item-box .img-box {
  width: 80px;
  height: 80px; }

.innerpage.product .product-swiper-wrap {
  background-color: #f6fafb; }
  .innerpage.product .product-swiper-wrap .item-box {
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    padding: 40px 0 55px;
    cursor: pointer; }
    .innerpage.product .product-swiper-wrap .item-box.active {
      background-color: #d9f0f0; }

@media all and (min-width: 991px) {
  .innerpage.product .product-swiper-wrap .item-box:hover {
    background-color: #d9f0f0; } }

@media all and (max-width: 768px) {
  .innerpage.product .product-swiper-wrap {
    background-color: transparent; }
  .innerpage.product .product-swiper {
    background-color: #f6fafb; }
  .innerpage.product .product-swiper-button {
    margin-top: 30px; } }

.innerpage[data-page="product"] .wrapper1, .innerpage[data-page="product"] .wrapper2 {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden; }

.innerpage[data-page="product"] .wrapper1 {
  height: 20px; }

.innerpage[data-page="product"] .div1 {
  height: 20px; }

.innerpage[data-page="product"] .div2 {
  overflow: none; }

.innerpage[data-page="product"] .search-input-wrap .input-wrap {
  max-width: 350px;
  width: 100%;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease; }

.innerpage[data-page="product"] .search-input-wrap input {
  width: 100%;
  padding: 15px 25px;
  padding-left: 75px; }
  .innerpage[data-page="product"] .search-input-wrap input::-webkit-input-placeholder {
    letter-spacing: 3px; }
  .innerpage[data-page="product"] .search-input-wrap input:-ms-input-placeholder {
    letter-spacing: 3px; }
  .innerpage[data-page="product"] .search-input-wrap input::-ms-input-placeholder {
    letter-spacing: 3px; }
  .innerpage[data-page="product"] .search-input-wrap input::placeholder {
    letter-spacing: 3px; }

.innerpage[data-page="product"] .search-input-wrap .input-wrap.focus input {
  padding: 15px 35px;
  padding-left: 25px; }

.innerpage[data-page="product"] .display-mode {
  text-align: right;
  font-size: 0;
  letter-spacing: 0;
  padding-bottom: 30px;
  max-width: 1000px;
  margin: 0 auto; }
  .innerpage[data-page="product"] .display-mode a {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    border: 1px solid rgba(71, 191, 167, 0);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center center; }
    .innerpage[data-page="product"] .display-mode a:not(:last-child) {
      margin-right: 10px; }
    .innerpage[data-page="product"] .display-mode a[data-mode="thumbnail"] {
      background-image: url("../images/icon_block_gray.png?v=2"); }
    .innerpage[data-page="product"] .display-mode a[data-mode="list"] {
      background-image: url("../images/icon_list_gray.png?v=2"); }
    .innerpage[data-page="product"] .display-mode a.active {
      background-color: #47BFA7; }
      .innerpage[data-page="product"] .display-mode a.active[data-mode="thumbnail"] {
        background-image: url("../images/icon_block_white.png?v=2"); }
      .innerpage[data-page="product"] .display-mode a.active[data-mode="list"] {
        background-image: url("../images/icon_list_white.png?v=2"); }

.innerpage[data-page="product"] .main-body {
  margin-top: 60px;
  min-height: 100vh;
  margin-bottom: 70px;
  position: relative; }

.innerpage[data-page="product"] .product-list-wrap {
  display: none; }
  .innerpage[data-page="product"] .product-list-wrap.active {
    display: block; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="thumbnail"] {
    max-width: 1000px;
    margin: 0 auto; }

.innerpage[data-page="product"] .product-list-wrap[data-mode="thumbnail"] .product-list {
  font-size: 0;
  letter-spacing: 0;
  margin-left: -15px;
  margin-right: -15px; }

.innerpage[data-page="product"] .product-list-wrap[data-mode="thumbnail"] .product-item {
  display: inline-block;
  vertical-align: top;
  margin: 0 15px;
  width: calc(100% / 3 - 30px);
  text-align: center;
  position: relative;
  margin-bottom: 40px;
  background-color: #fff; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="thumbnail"] .product-item:before {
    content: '';
    position: absolute;
    width: 85%;
    height: 20px;
    -webkit-box-shadow: 0px 5px 20px rgba(220, 230, 237, 0.5);
    box-shadow: 0px 5px 20px rgba(220, 230, 237, 0.5);
    background-color: transparent;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: -1;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="thumbnail"] .product-item .img-box {
    width: 100%;
    padding-top: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden; }
    .innerpage[data-page="product"] .product-list-wrap[data-mode="thumbnail"] .product-item .img-box img {
      width: 100%;
      height: auto;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="thumbnail"] .product-item .link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="thumbnail"] .product-item p.name {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: normal;
    color: #333333;
    padding: 0 15px;
    margin: 13px 0;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }

.innerpage[data-page="product"] .product-list-wrap[data-mode="list"] .product-item .name, .innerpage[data-page="product"] .product-list-wrap[data-mode="list"] .product-item .item {
  font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑"; }

.innerpage[data-page="product"] .collapse-nav-toggle {
  position: absolute;
  right: 0;
  top: 170px;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  text-transform: uppercase;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  padding: 50px 15px;
  cursor: pointer;
  font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
  font-size: 1.8rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 10px;
  text-align: center;
  color: #333333;
  background-color: #47BFA7;
  border-radius: 0 5px 5px 0; }
  .innerpage[data-page="product"] .collapse-nav-toggle span {
    position: absolute;
    margin-right: -14px;
    white-space: nowrap;
    letter-spacing: 1.4rem;
    font-size: 1.4rem;
    top: 50%;
    right: 0;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    opacity: 1; }
  .innerpage[data-page="product"] .collapse-nav-toggle.active span {
    opacity: 0; }

.innerpage[data-page="product"] .collapse-nav {
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  -webkit-transition: -webkit-transform .5s ease-out;
  transition: -webkit-transform .5s ease-out;
  -o-transition: transform .5s ease-out;
  transition: transform .5s ease-out;
  transition: transform .5s ease-out, -webkit-transform .5s ease-out;
  z-index: 1001;
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out; }
  .innerpage[data-page="product"] .collapse-nav.active {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

.innerpage[data-page="product"] .filter-box {
  padding: 50px;
  background-color: #fff; }
  .innerpage[data-page="product"] .filter-box .submit-btn-wrap {
    text-align: left; }
  .innerpage[data-page="product"] .filter-box .filter-submit-btn, .innerpage[data-page="product"] .filter-box .filter-clear-btn {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
    max-width: 246px;
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 1.4rem;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 4px;
    text-align: center;
    color: #ffffff;
    padding: 15px 30px;
    background-color: #47BFA7;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease; }
  .innerpage[data-page="product"] .filter-box .filter-clear-btn {
    background-color: transparent;
    border: 1px solid #47BFA7;
    color: #47BFA7; }

.innerpage[data-page="product"] .filter-list {
  margin-bottom: 23.5px; }
  .innerpage[data-page="product"] .filter-list p.title {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 1.6rem;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #333333;
    padding-left: 11px;
    position: relative;
    margin-bottom: 20px;
    cursor: pointer; }
    .innerpage[data-page="product"] .filter-list p.title:before {
      content: '';
      width: 3px;
      height: 85%;
      left: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      background-color: #47BFA7;
      position: absolute; }
    .innerpage[data-page="product"] .filter-list p.title:after {
      content: '';
      position: absolute;
      width: 8px;
      height: 8px;
      border-right: 1px solid #47BFA7;
      border-bottom: 1px solid #47BFA7;
      right: 15px;
      top: 50%;
      -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center;
      -webkit-transform: translate(0, -40%) rotate(-135deg);
      -ms-transform: translate(0, -40%) rotate(-135deg);
      transform: translate(0, -40%) rotate(-135deg); }
  .innerpage[data-page="product"] .filter-list ul {
    max-height: 200px;
    overflow-y: auto;
    display: block; }
  .innerpage[data-page="product"] .filter-list.inactive p.title:after {
    -webkit-transform: translate(0, -60%) rotate(45deg);
    -ms-transform: translate(0, -60%) rotate(45deg);
    transform: translate(0, -60%) rotate(45deg); }
  .innerpage[data-page="product"] .filter-list.inactive ul {
    display: none; }
  .innerpage[data-page="product"] .filter-list li {
    margin: 7.5px 0;
    padding: 0;
    list-style-type: none;
    text-indent: -25px;
    padding-left: 50px; }
    .innerpage[data-page="product"] .filter-list li input {
      margin-right: 12px; }
    .innerpage[data-page="product"] .filter-list li label {
      margin: 0;
      font-size: 1.4rem;
      font-weight: bold;
      line-height: normal;
      letter-spacing: 1px;
      color: #333333; }
  .innerpage[data-page="product"] .filter-list ul {
    padding: 0; }

@media all and (max-width: 991px) {
  .innerpage[data-page="product"] .filter-box {
    display: none;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto; }
    .innerpage[data-page="product"] .filter-box.active {
      display: block; } }

@media (min-width: 1720px) {
  .innerpage[data-page="product"] .container {
    width: 1480px; } }

@media all and (max-width: 1199px) and (min-width: 992px) {
  .innerpage[data-page="product"] .product-list-wrap[data-mode="thumbnail"] .product-item {
    width: calc(100% / 2 - 30px); } }

@media all and (min-width: 1200px) {
  .innerpage[data-page="product"] .product-list-wrap[data-mode="list"] .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    margin: 13px auto;
    height: 6px; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="list"] .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    margin: 15px 0; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="list"] .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #47BFA7;
    background-color: #999; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].sm, .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].lg {
    display: none; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].active.sm {
    display: none; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].active.lg {
    display: block; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].lg {
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
    overflow-y: auto; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="list"] table {
    table-layout: auto;
    width: 100%; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="list"] thead th {
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    text-align: center;
    padding: 20px 20px;
    vertical-align: bottom; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="list"] tbody {
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease; }
    .innerpage[data-page="product"] .product-list-wrap[data-mode="list"] tbody .product-item {
      position: relative;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      cursor: pointer;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }
      .innerpage[data-page="product"] .product-list-wrap[data-mode="list"] tbody .product-item:hover {
        background-color: rgba(230, 230, 230, 0.2); }
    .innerpage[data-page="product"] .product-list-wrap[data-mode="list"] tbody tr {
      border-bottom: 1px solid #47BFA7; }
      .innerpage[data-page="product"] .product-list-wrap[data-mode="list"] tbody tr:first-child {
        border-top: 1px solid #47BFA7; }
    .innerpage[data-page="product"] .product-list-wrap[data-mode="list"] tbody td {
      font-family: Arial;
      font-size: 1.8rem;
      font-weight: bold;
      line-height: normal;
      letter-spacing: normal;
      color: #333333;
      text-align: center;
      padding: 25px 5px;
      width: auto;
      white-space: nowrap; }
      .innerpage[data-page="product"] .product-list-wrap[data-mode="list"] tbody td.name {
        font-size: 1.8rem;
        text-align: left;
        padding-left: 0; }
      .innerpage[data-page="product"] .product-list-wrap[data-mode="list"] tbody td.link {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; } }

@media all and (max-width: 1199px) {
  .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].sm, .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].lg {
    display: none; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].active.sm {
    display: block; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].active.lg {
    display: none; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].sm .product-item {
    border-bottom: 1px solid #47BFA7;
    padding: 50px 0;
    position: relative; }
    .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].sm .product-item:first-child {
      border-top: 1px solid #47BFA7; }
    .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].sm .product-item a.link {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
    .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].sm .product-item .name {
      font-size: 1.8rem;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #333333;
      padding-bottom: 14px;
      margin-bottom: 20px;
      word-break: break-word;
      border-bottom: 1px solid #e6e6e6; }
    .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].sm .product-item .item {
      font-size: 2rem;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.5;
      letter-spacing: normal;
      color: #333333;
      margin-bottom: 15px;
      word-break: break-word; }
      .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].sm .product-item .item span {
        display: inline-block;
        vertical-align: top; }
      .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].sm .product-item .item span.title {
        width: 50%; }
      .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].sm .product-item .item span.info {
        font-weight: bold;
        width: 50%; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].sm .spec-list {
    -webkit-column-count: 2;
    column-count: 2; }
    .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].sm .spec-list .item {
      -webkit-column-break-inside: avoid;
      break-inside: avoid-column; } }

@media all and (max-width: 768px) {
  .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].sm .product-item .name {
    font-size: 1.6rem; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].sm .product-item .item {
    font-size: 1.6rem; } }

@media all and (max-width: 576px) {
  .innerpage[data-page="product"] .product-list-wrap[data-mode="list"].sm .spec-list {
    -webkit-column-count: 1;
    column-count: 1; } }

@media all and (min-width: 992px) {
  .innerpage[data-page="product"] .features-wrap {
    position: relative;
    max-width: 1000px;
    margin: 0 auto; }
  .innerpage[data-page="product"] .display-mode {
    position: absolute;
    right: 0;
    top: 0; } }

@media all and (min-width: 1199px) {
  .innerpage[data-page="product"] .product-list-wrap[data-mode="thumbnail"] .product-item:hover:before {
    -webkit-box-shadow: 0px 10px 30px rgba(220, 230, 237, 0.7);
    box-shadow: 0px 10px 30px rgba(220, 230, 237, 0.7); }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="thumbnail"] .product-item:hover .img-box img {
    width: 105%; }
  .innerpage[data-page="product"] .filter-box .filter-submit-btn:hover {
    background-color: #3cac95; }
  .innerpage[data-page="product"] .display-mode a:not(.active):hover {
    border: 1px solid #e6e6e6; } }

@media all and (max-width: 1198px) {
  .innerpage[data-page="product"] .collapse-nav {
    top: 80px;
    left: 0;
    width: 100%;
    position: fixed;
    -webkit-box-shadow: -5px 10px 20px 0 rgba(0, 0, 0, 0.15);
    box-shadow: -5px 10px 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-transition: .4s ease-out, opacity .1s .2s ease;
    -o-transition: .4s ease-out, opacity .1s .2s ease;
    transition: .4s ease-out, opacity .1s .2s ease;
    opacity: 0; }
    .innerpage[data-page="product"] .collapse-nav.active {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
      opacity: 1; } }

@media all and (max-width: 1199px) {
  .innerpage[data-page="product"] .filter-btn-wrap {
    text-align: center;
    padding: 10px 0 45px; }
  .innerpage[data-page="product"] .filter-btn {
    width: 100%;
    max-width: 250px;
    text-align: center;
    padding: 15px 20px;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 4px;
    text-align: center;
    color: #333333;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #47BFA7;
    position: relative; }
    .innerpage[data-page="product"] .filter-btn:after {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      border-right: 2px solid #333333;
      border-bottom: 2px solid #333333;
      right: 30px;
      top: 50%;
      -webkit-transform: translate(0, -60%) rotate(45deg);
      -ms-transform: translate(0, -60%) rotate(45deg);
      transform: translate(0, -60%) rotate(45deg);
      -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center; }
    .innerpage[data-page="product"] .filter-btn.active:after {
      -webkit-transform: translate(0, -40%) rotate(-135deg);
      -ms-transform: translate(0, -40%) rotate(-135deg);
      transform: translate(0, -40%) rotate(-135deg); }
  .innerpage[data-page="product"] .search-input-wrap .input-wrap {
    max-width: 250px; }
    .innerpage[data-page="product"] .search-input-wrap .input-wrap:before {
      left: 25px;
      width: 17px;
      height: 17px; }
  .innerpage[data-page="product"] .search-input-wrap input {
    padding-left: 55px;
    font-size: 1.4rem; }
  .innerpage[data-page="product"] .search-input-wrap .input-wrap.focus {
    max-width: 300px; }
  .innerpage[data-page="product"] .search-input-wrap .submit-btn img {
    width: 17px; } }

@media all and (max-width: 768px) {
  .innerpage[data-page="product"] .product-list-wrap[data-mode="thumbnail"] .product-list {
    margin-left: -10px;
    margin-right: -10px; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="thumbnail"] .product-item {
    width: calc(100% / 2 - 20px);
    margin: 0 10px 40px; }
  .innerpage[data-page="product"] .main-body {
    margin-bottom: 60px; } }

@media all and (max-width: 576px) {
  .innerpage[data-page="product"] .product-list-wrap[data-mode="thumbnail"] .product-list {
    margin-left: auto;
    margin-right: auto;
    max-width: 305px; }
  .innerpage[data-page="product"] .product-list-wrap[data-mode="thumbnail"] .product-item {
    width: 100%;
    margin: 0 0 40px 0; }
  .innerpage[data-page="product"] .display-mode {
    text-align: center; } }

.innerpage[data-page="product-page"] .main-body {
  margin: 80px auto 40px;
  max-width: 1000px; }

.innerpage[data-page="product-page"] .product-head {
  padding: 30px 0 15px; }
  .innerpage[data-page="product-page"] .product-head .img {
    width: 370px;
    height: 370px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 35px;
    margin-bottom: 25px; }
  .innerpage[data-page="product-page"] .product-head .content {
    width: 100%; }
  .innerpage[data-page="product-page"] .product-head .number {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 2rem;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #333333;
    margin: 20px 0; }
  .innerpage[data-page="product-page"] .product-head .name {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 2.4rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
    margin: 20px 0 25px; }
  .innerpage[data-page="product-page"] .product-head .nice-number {
    width: 100%;
    display: block;
    max-width: 492px; }
  .innerpage[data-page="product-page"] .product-head label.customize-checkbox {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 2rem;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
    margin: 30px 0 25px;
    cursor: pointer; }
    .innerpage[data-page="product-page"] .product-head label.customize-checkbox span {
      display: inline-block;
      vertical-align: middle; }
    .innerpage[data-page="product-page"] .product-head label.customize-checkbox input {
      width: 0;
      height: 0;
      opacity: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
      .innerpage[data-page="product-page"] .product-head label.customize-checkbox input:checked + .checkbox:after {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1); }
    .innerpage[data-page="product-page"] .product-head label.customize-checkbox .checkbox {
      width: 24px;
      height: 24px;
      border: 1px solid #47BFA7;
      border-radius: 5px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 15px;
      position: relative; }
      .innerpage[data-page="product-page"] .product-head label.customize-checkbox .checkbox:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transition: .1s ease;
        -o-transition: .1s ease;
        transition: .1s ease;
        width: 15px;
        height: 15px;
        background-image: url("../images/icon_checkbox.png?v=2");
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0); }
  .innerpage[data-page="product-page"] .product-head .btn-wrap {
    font-size: 0;
    letter-spacing: 0;
    margin: 0 -15px 15px; }
    .innerpage[data-page="product-page"] .product-head .btn-wrap a {
      display: inline-block;
      margin: 0 15px;
      width: calc(100% / 2 - 30px);
      font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
      font-size: 2.2rem;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      padding: 10px 30px;
      border-radius: 50px;
      text-decoration: none; }
    .innerpage[data-page="product-page"] .product-head .btn-wrap a.main-btn {
      color: #ffffff;
      background-color: #47BFA7; }
    .innerpage[data-page="product-page"] .product-head .btn-wrap a.sec-btn {
      color: #47BFA7;
      border: 1px solid #47BFA7; }

.innerpage[data-page="product-page"] .product-info {
  border-top: 1px solid #47BFA7;
  padding: 30px 12px; }
  .innerpage[data-page="product-page"] .product-info p.item {
    padding: 10px 25px;
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 2rem;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #333333; }
    .innerpage[data-page="product-page"] .product-info p.item span {
      display: inline-block;
      vertical-align: top; }
    .innerpage[data-page="product-page"] .product-info p.item span.title {
      font-weight: bold;
      width: 300px;
      margin-right: 5%; }
    .innerpage[data-page="product-page"] .product-info p.item span.info {
      width: calc(100% - 300px - 5%); }
  .innerpage[data-page="product-page"] .product-info a.collapse-toggle {
    border-radius: 20px;
    background-color: #47BFA7;
    margin: 10px 0;
    padding: 4px 65px 4px 15px;
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: normal;
    color: #ffffff;
    display: inline-block;
    text-decoration: none;
    text-transform: capitalize;
    position: relative;
    min-width: 172px; }
    .innerpage[data-page="product-page"] .product-info a.collapse-toggle:after {
      content: '';
      width: 10px;
      height: 10px;
      border-right: 3px solid #fff;
      border-bottom: 3px solid #fff;
      position: absolute;
      margin-top: 2px;
      top: 50%;
      right: 18px;
      -webkit-transform: translate(0, -50%) rotate(-135deg);
      -ms-transform: translate(0, -50%) rotate(-135deg);
      transform: translate(0, -50%) rotate(-135deg);
      -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center; }
    .innerpage[data-page="product-page"] .product-info a.collapse-toggle.collapsed:after {
      margin-top: -2px;
      -webkit-transform: translate(0, -50%) rotate(45deg);
      -ms-transform: translate(0, -50%) rotate(45deg);
      transform: translate(0, -50%) rotate(45deg); }
  .innerpage[data-page="product-page"] .product-info .collapse-wrap p.item {
    padding: 7px 25px; }

@media all and (max-width: 1480px) {
  .innerpage[data-page="product-page"] .product-head .number {
    font-size: 1.8rem; }
  .innerpage[data-page="product-page"] .product-head .name {
    font-size: 2.2rem; }
  .innerpage[data-page="product-page"] .product-head label.customize-checkbox {
    font-size: 1.8rem; }
  .innerpage[data-page="product-page"] .product-head .btn-wrap a {
    font-size: 2rem; } }

@media all and (min-width: 991px) {
  .innerpage[data-page="product-page"] .product-head {
    font-size: 0;
    letter-spacing: 0; }
    .innerpage[data-page="product-page"] .product-head .img, .innerpage[data-page="product-page"] .product-head .content {
      display: inline-block;
      vertical-align: top; }
    .innerpage[data-page="product-page"] .product-head .content {
      width: calc(100% - 370px - 35px);
      padding-top: 30px; }
    .innerpage[data-page="product-page"] .product-head .btn-wrap a {
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }
    .innerpage[data-page="product-page"] .product-head .btn-wrap a.main-btn:hover {
      background-color: #3cac95; }
    .innerpage[data-page="product-page"] .product-head .btn-wrap a.sec-btn:hover {
      background-color: #47BFA7;
      color: #fff; } }

@media all and (max-width: 991px) {
  .innerpage[data-page="product-page"] .product-info a.collapse-toggle {
    font-size: 1.8rem; }
  .innerpage[data-page="product-page"] .product-info p.item {
    font-size: 1.8rem; }
    .innerpage[data-page="product-page"] .product-info p.item span.title {
      margin-right: 15px;
      width: 280px; }
    .innerpage[data-page="product-page"] .product-info p.item span.info {
      width: calc(100% - 280px - 15px); } }

@media all and (max-width: 768px) {
  .innerpage[data-page="product-page"] .product-info a.collapse-toggle {
    font-size: 1.6rem; }
  .innerpage[data-page="product-page"] .product-info p.item {
    font-size: 1.6rem; }
    .innerpage[data-page="product-page"] .product-info p.item span.title {
      width: 250px; }
    .innerpage[data-page="product-page"] .product-info p.item span.info {
      width: calc(100% - 250px - 15px); }
  .innerpage[data-page="product-page"] .product-head .number {
    font-size: 1.4rem;
      font-size-height: 20px; }
  .innerpage[data-page="product-page"] .product-head .name {
    font-size: 1.8rem; }
  .innerpage[data-page="product-page"] .product-head label.customize-checkbox {
    font-size: 1.6rem; }
    .innerpage[data-page="product-page"] .product-head label.customize-checkbox .checkbox {
      width: 20px;
      height: 20px; }
  .innerpage[data-page="product-page"] .product-head .btn-wrap {
    margin: 0 -10px 15px; }
    .innerpage[data-page="product-page"] .product-head .btn-wrap a {
      font-size: 1.4rem;
      margin: 0 10px;
      width: calc(100% / 2 - 20px); } }

@media all and (max-width: 576px) {
  .innerpage[data-page="product-page"] .product-head .img {
    width: 200px;
    height: 200px; }
  .innerpage[data-page="product-page"] .product-info a.collapse-toggle {
    font-size: 1.4rem; }
  .innerpage[data-page="product-page"] .product-info p.item {
    font-size: 1.4rem; }
    .innerpage[data-page="product-page"] .product-info p.item span.title {
      width: 150px; }
    .innerpage[data-page="product-page"] .product-info p.item span.info {
      width: calc(100% - 150px - 15px); } }

.innerpage.contact .page-banner {
  background-image: url("../images/img_contactvisual.jpg?v=2"); }

.innerpage.contact .to-top-btn-wrap {
  height: 0;
  margin-bottom: 50px; }

.innerpage[data-page="contact"] .section-info {
  margin-top: 80px;
  position: relative;
  z-index: 1;
  width: 50%;
  min-width: 650px; }
  .innerpage[data-page="contact"] .section-info .info-box {
    position: relative;
    padding-top: calc(50px + 4%);
    padding-bottom: 4%;
    padding-left: 8%;
    padding-right: 8%;
    background-color: #fff; }
    .innerpage[data-page="contact"] .section-info .info-box .item {
      margin-bottom: 40px; }
    .innerpage[data-page="contact"] .section-info .info-box:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 50px;
      background: -webkit-gradient(linear, left top, right top, from(#4bccd7), color-stop(#75e5de), color-stop(66%, #75e5de), to(#47BFA7));
      background: -webkit-linear-gradient(left, #4bccd7, #75e5de, #75e5de 66%, #47BFA7);
      background: -o-linear-gradient(left, #4bccd7, #75e5de, #75e5de 66%, #47BFA7);
      background: linear-gradient(to right, #4bccd7, #75e5de, #75e5de 66%, #47BFA7); }
    .innerpage[data-page="contact"] .section-info .info-box h3 {
      font-family: 'Roboto';
      font-size: 2.5rem;
      font-weight: 600;
      line-height: 1;
      letter-spacing: 1.1px;
      color: #1a1a1a;
      margin-bottom: 25px; }
    .innerpage[data-page="contact"] .section-info .info-box p {
      font-family: 'Roboto';
      font-size: 1.4rem;
      font-weight: normal;
      line-height: 1.79;
      letter-spacing: 0.6px;
      color: #1a1a1a;
      vertical-align: middle; }
      .innerpage[data-page="contact"] .section-info .info-box p.has-icon {
        text-indent: -35px;
        margin-left: 35px; }
      .innerpage[data-page="contact"] .section-info .info-box p img {
        margin-right: 4.5%;
        width: 20px;
        vertical-align: middle; }
    .innerpage[data-page="contact"] .section-info .info-box a {
      font-family: inherit;
      font-size: inherit;
      letter-spacing: inherit;
      line-height: inherit;
      font-weight: inherit;
      color: inherit;
      text-decoration: none;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      vertical-align: middle; }

.innerpage[data-page="contact"] .section-map {
  position: relative;
  z-index: 0; }
  .innerpage[data-page="contact"] .section-map iframe {
    width: 100%;
    height: 657px; }
  .innerpage[data-page="contact"] .section-map .outbound-link {
    text-decoration: none;
    color: inherit;
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-family: 'Roboto';
    font-size: 1.8rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 2.5px;
    color: #333333;
    padding: 20px 42px;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    text-align: center;
    right: 75px;
    bottom: 50px; }
    .innerpage[data-page="contact"] .section-map .outbound-link:hover, .innerpage[data-page="contact"] .section-map .outbound-link:active, .innerpage[data-page="contact"] .section-map .outbound-link:focus, .innerpage[data-page="contact"] .section-map .outbound-link:visited {
      color: inherit;
      text-decoration: none; }

.innerpage[data-page="contact"] .section-form {
  padding-bottom: 100px; }
  .innerpage[data-page="contact"] .section-form .u-content-box {
    max-width: 1086px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 110px;
    padding-left: 135px;
    padding-right: 135px;
    -webkit-box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.1); }
  .innerpage[data-page="contact"] .section-form .form-item-row {
    margin-bottom: 60px; }

@media all and (max-width: 991px) {
  .innerpage[data-page="contact"] .section-info {
    width: 100%;
    min-width: 0; }
    .innerpage[data-page="contact"] .section-info .info-box {
      padding-top: calc(50px + 40px);
      padding-bottom: 40px; }
      .innerpage[data-page="contact"] .section-info .info-box h3 {
        font-size: 2rem; }
  .innerpage[data-page="contact"] .section-map .outbound-link {
    font-size: 1.6rem;
    right: 50%;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    min-width: 245px; }
  .innerpage[data-page="contact"] .section-form .u-content-box {
    padding-left: 50px;
    padding-right: 50px; } }

@media all and (min-width: 992px) {
  .innerpage[data-page="contact"] .contact-head {
    position: relative; }
  .innerpage[data-page="contact"] .section-info {
    position: absolute;
    top: 80px;
    margin-top: 0px; }
    .innerpage[data-page="contact"] .section-info .info-box a:hover {
      opacity: 0.7; }
  .innerpage[data-page="contact"] .section-map {
    padding-top: calc(50px + 80px); } }

@media all and (max-width: 768px) {
  .innerpage[data-page="contact"] .section-form .u-content-box {
    padding-left: 25px;
    padding-right: 25px; }
  .innerpage[data-page="contact"] .to-top-btn {
    display: none; } }

.innerpage.inquiry .page-banner {
  background-image: url("../images/img_inquiryvisual.jpg?v=2"); }

.innerpage.inquiry .to-top-btn-wrap {
  height: 0;
  margin-bottom: 50px; }

@media all and (max-width: 1480px) {
  .innerpage.inquiry .to-top-btn {
    display: none; } }

.innerpage[data-page="inquiry-01"] .section-form {
  padding-top: 13vh; }

.inquiry-item-row {
  max-width: 1000px;
  margin: 0 auto 50px; }
  .inquiry-item-row .error-hint {
    padding-top: 0;
    padding-bottom: 0; }
  .inquiry-item-row:not(.is-customize) .tag, .inquiry-item-row:not(.is-customize) textarea, .inquiry-item-row:not(.is-customize) .note {
    display: none; }
  .inquiry-item-row .img {
    width: 200px;
    height: 200px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 50px;
    margin-bottom: 25px; }
  .inquiry-item-row .content {
    width: 100%; }
  .inquiry-item-row .number {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 2rem;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #333333;
    margin: 20px 0 10px; }
  .inquiry-item-row .tag {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 2rem;
    line-height: normal;
    font-weight: bold;
    letter-spacing: normal;
    color: #47BFA7;
    vertical-align: middle;
    margin: 18px 0 10px; }
    .inquiry-item-row .tag:after {
      content: 'Customize Products'; }
    .inquiry-item-row .tag img {
      height: 25px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; }
  .inquiry-item-row .name {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 2.4rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
    margin: 10px 0 20px; }
  .inquiry-item-row button.delete {
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 2.2rem;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    text-transform: uppercase;
    color: #47BFA7;
    border: 1px solid #47BFA7;
    outline: 0;
    background-color: transparent;
    padding: 1rem 20px;
    border-radius: 50px;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease; }
  .inquiry-item-row textarea {
    margin: 15px 0;
    border-radius: 10px;
    padding: 15px;
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-size: 1.6rem;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 1px;
    min-height: 125px; }
    .inquiry-item-row textarea::-webkit-input-placeholder {
      color: #d3d3d3; }
    .inquiry-item-row textarea:-ms-input-placeholder {
      color: #d3d3d3; }
    .inquiry-item-row textarea::-ms-input-placeholder {
      color: #d3d3d3; }
    .inquiry-item-row textarea::placeholder {
      color: #d3d3d3; }
  .inquiry-item-row .features {
    font-size: 0;
    letter-spacing: 0;
    margin: 15px 0; }
    .inquiry-item-row .features .delete, .inquiry-item-row .features .nice-number {
      display: inline-block;
      vertical-align: middle; }
    .inquiry-item-row .features .nice-number {
      width: 68%; }
    .inquiry-item-row .features .delete {
      width: calc( 32% - 20px);
      margin-left: 20px; }

@media all and (min-width: 991px) {
  .inquiry-item-row {
    font-size: 0;
    letter-spacing: 0; }
    .inquiry-item-row .img, .inquiry-item-row .content {
      display: inline-block;
      vertical-align: top; }
    .inquiry-item-row .img {
      margin-bottom: 0; }
    .inquiry-item-row .content {
      width: calc(100% - 200px - 50px); }
    .inquiry-item-row button.delete:hover {
      background-color: #47BFA7;
      color: #fff; } }

@media all and (max-width: 1480px) {
  .inquiry-item-row {
    margin: 0 auto 70px; }
    .inquiry-item-row .nice-number input {
      font-size: 1.8rem; }
    .inquiry-item-row button.delete {
      font-size: 1.8rem; }
    .inquiry-item-row .number {
      font-size: 1.8rem; }
    .inquiry-item-row .tag {
      font-size: 1.8rem; }
      .inquiry-item-row .tag img {
        height: 23px; }
    .inquiry-item-row .name {
      font-size: 2.2rem; } }

@media all and (max-width: 991px) {
  .inquiry-item-row .tag {
    margin: 0; } }

@media all and (max-width: 768px) {
  .inquiry-item-row button.delete {
    font-size: 1.4rem; }
  .inquiry-item-row .features .nice-number {
    width: 60%; }
    .inquiry-item-row .features .nice-number input {
      font-size: 1.4rem; }
  .inquiry-item-row .features .delete {
    width: calc( 40% - 15px);
    margin-left: 15px; }
  .inquiry-item-row .number {
    font-size: 1.4rem; }
  .inquiry-item-row .tag {
    font-size: 1.4rem; }
    .inquiry-item-row .tag img {
      height: 20px; }
  .inquiry-item-row .name {
    font-size: 1.8rem; }
  .inquiry-item-row textarea {
    font-size: 1.4rem; } }

.innerpage[data-page="inquiry-02"] .u-content-box {
  -webkit-box-shadow: none;
  box-shadow: none;
  max-width: 1086px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 110px;
  padding-left: 135px;
  padding-right: 135px; }

.innerpage[data-page="inquiry-02"] .form-item-row .title {
  margin-right: 25px;
  font-size: 1.8rem;
  width: 150px; }

.innerpage[data-page="inquiry-02"] .form-item-row .input-wrap {
  width: calc(100% - 150px - 25px); }

.innerpage[data-page="inquiry-02"] .verify-img {
  height: 40px; }
  .innerpage[data-page="inquiry-02"] .verify-img img {
    height: 100%;
    width: auto; }

@media all and (max-width: 991px) {
  .innerpage[data-page="inquiry-02"] .section-form .u-content-box {
    padding-left: 50px;
    padding-right: 50px; } }

@media all and (max-width: 768px) {
  .innerpage[data-page="inquiry-02"] .section-form .u-content-box {
    padding-left: 25px;
    padding-right: 25px; }
  .innerpage[data-page="inquiry-02"] .form-item-row .title {
    font-size: 1.4rem;
    width: 120px;
    width: 100%;
    text-align: left; }
  .innerpage[data-page="inquiry-02"] .form-item-row .input-wrap, .innerpage[data-page="inquiry-02"] .form-item-row .u-select-wrap {
    width: calc(100% - 120px - 25px);
    width: 100%; } }

.innerpage[data-page="inquiry-03"] .section-confirm {
  padding-top: 17vh; }

.innerpage[data-page="inquiry-03"] section.section-confirm.square-gradient-bg:before {
  max-height: 500px;
  height: 54%; }

.innerpage[data-page="inquiry-03"] .u-content-box {
  max-width: 1074px;
  margin: 0 auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 35px; }

.innerpage[data-page="inquiry-03"] .inquiry-item-row p.note {
  font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #47BFA7; }

.innerpage[data-page="inquiry-03"] .form-item-row .title {
  margin-right: 25px;
  font-size: 2rem;
  width: 200px;
  line-height: normal;
  letter-spacing: 0.7px; }

.innerpage[data-page="inquiry-03"] .form-item-row .input-wrap {
  width: calc(100% - 200px - 25px); }
  .innerpage[data-page="inquiry-03"] .form-item-row .input-wrap p {
    font-size: 2rem;
    font-family: Arial, 'Microsoft JhengHei', "微軟正黑體", 'Noto Sans TC', "Microsoft YaHei" , PingFangTC, "PingFang TC" , "蘋果儷中黑";
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
    padding: 8px 0; }

@media all and (max-width: 991px) {
  .innerpage[data-page="inquiry-03"] .inquiry-item-row p.note {
    font-size: 1.6rem; }
  .innerpage[data-page="inquiry-03"] .form-item-row .title {
    margin-right: 20px;
    font-size: 1.8rem;
    width: 145px; }
  .innerpage[data-page="inquiry-03"] .form-item-row .input-wrap {
    width: calc(100% - 145px - 20px); }
    .innerpage[data-page="inquiry-03"] .form-item-row .input-wrap p {
      font-size: 1.8rem; } }

@media all and (max-width: 768px) {
  .innerpage[data-page="inquiry-03"] .u-content-box {
    padding: 0 15px; }
  .innerpage[data-page="inquiry-03"] .inquiry-item-row p.note {
    font-size: 1.4rem; }
  .innerpage[data-page="inquiry-03"] .form-item-row .title {
    font-size: 1.6rem;
    margin-right: 0;
    width: 100%;
    text-align: left; }
  .innerpage[data-page="inquiry-03"] .form-item-row .input-wrap {
    width: 100%; }
    .innerpage[data-page="inquiry-03"] .form-item-row .input-wrap p {
      font-size: 1.4rem; } }

@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
  .innerpage.about .page-banner {
    background-image: url("../images/img_aboutvisual@2x.jpg?v=2"); }
  .innerpage.news .page-banner {
    background-image: url("../images/img_newsvisual@2x.jpg?v=2"); }
  .innerpage.contact .page-banner {
    background-image: url("../images/img_contactvisual@2x.jpg?v=2"); }
  .innerpage.inquiry .page-banner {
    background-image: url("../images/img_inquiryvisual@2x.jpg?v=2"); }
  .search-input-wrap .input-wrap:before {
    background-image: url("../images/icon_search@2x.png?v=2"); }
  .innerpage[data-page="product"] .display-mode a[data-mode="thumbnail"] {
    background-image: url("../images/icon_block_gray@2x.png?v=2"); }
  .innerpage[data-page="product"] .display-mode a[data-mode="list"] {
    background-image: url("../images/icon_list_gray@2x.png?v=2"); }
  .innerpage[data-page="product"] .display-mode a.active[data-mode="thumbnail"] {
    background-image: url("../images/icon_block_white@2x.png?v=2"); }
  .innerpage[data-page="product"] .display-mode a.active[data-mode="list"] {
    background-image: url("../images/icon_list_white@2x.png?v=2"); } }