@charset "UTF-8";
html,
body {
  width: 100%;
  min-height: 100%;
  height: auto;
  padding: 0px;
  margin: 0px;
  text-align: left;
  overflow: visible;
  font-size: 13px;
  color: #000000;
  background-color: #ebebeb;
  font-family: "Arial","Helvetica Neue", "Verdana",  "Microsoft JhengHei", "Geneva", "sans-serif"; }

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .pace:after {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    display: block; }

.pace-inactive {
  display: none; }

.pace .pace-progress {
  background: #000000;
  position: fixed;
  z-index: 200000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 5px; }

/*共用屬性*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a {
  text-decoration: none;
  color: inherit; }

a:hover {
  color: inherit; }

a img {
  border: none; }

img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto; }

/*泛用表格*/
.t {
  display: table; }

.t ul {
  display: table-row; }

.t li {
  padding: 0px;
  display: table-cell;
  margin: 0px;
  list-style: none;
  font-size: 14px;
  vertical-align: middle; }

dl dt,
dl dd {
  float: left; }

/*定義區塊*/
.container {
  margin: auto;
  position: relative;
  z-index: 1000;
  width: 1024px;
  max-width: 100%;
  padding-left: 12px;
  padding-right: 12px; }

.content {
  background-color: #ffffff;
  position: relative; }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8 {
  position: relative;
  min-height: 1px;
  float: left;
  padding-left: 12px;
  padding-right: 12px; }

.col-8 {
  width: 100%; }

.col-7 {
  width: 87.5%; }

.col-6 {
  width: 75%; }

.col-5 {
  width: 62.5%; }

.col-4 {
  width: 50%; }

.col-3 {
  width: 37.5%; }

.col-2 {
  width: 25%; }

.col-1 {
  width: 12.5%; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Helvetica Neue'; }

.mx-2 {
  margin: 0.5rem 0; }

.mb-2 {
  margin-bottom: 0.5rem; }

span.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent; }

span.plus {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 13px;
  border: 1px solid #b9b9b9;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  margin-right: 3px;
  position: relative; }
  span.plus:after {
    content: "";
    width: 70%;
    height: 1px;
    background-color: #000;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  span.plus:before {
    content: "";
    height: 70%;
    width: 1px;
    background-color: #000;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }

.img-row {
  position: relative; }
  .img-row span {
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center; }
    .img-row span:before {
      content: '';
      display: inline-block;
      height: 100%;
      width: 0;
      vertical-align: middle; }
    .img-row span img {
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto;
      display: inline-block;
      vertical-align: middle; }
    .img-row span iframe {
      width: 100%;
      height: 100%;
      display: inline-block;
      vertical-align: middle; }

.cf:after,
.row:after,
dl:after {
  display: block;
  height: 0;
  clear: both;
  content: "";
  visibility: hidden; }

.cf:before,
.row:before,
dl:before {
  display: block;
  height: 0;
  clear: both;
  content: "";
  visibility: hidden; }

header {
  position: relative;
  font-family: 'Helvetica Neue'; }
  header #phone_icon {
    display: none; }
  header #top_bg {
    background-color: #43250f;
    height: 80px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 100; }
  header #header_block {
    position: relative;
    z-index: 1000;
    width: 1400px;
    max-width: 100%;
    margin: 0 auto;
    border: 20px solid #ffffff; }
    header #header_block nav {
      font-size: 0;
      width: 100%;
      padding: 10px 0;
      position: relative;
      z-index: 9999; }
      header #header_block nav #logo, header #header_block nav #menu {
        display: inline-block; }
      header #header_block nav #logo {
        padding-left: 30px;
        margin-right: 35px; }
      header #header_block nav #menu > li {
        float: left;
        color: #ffffff;
        font-size: 14px;
        margin-right: 25px;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear; }
        header #header_block nav #menu > li:hover, header #header_block nav #menu > li.active {
          color: #00aeef;
          -webkit-transition: all 0.3s linear;
          -o-transition: all 0.3s linear;
          transition: all 0.3s linear; }
        header #header_block nav #menu > li.button_products a.caret {
          position: relative;
          display: block;
          height: 100%;
          width: 100%; }
          header #header_block nav #menu > li.button_products a.caret:after {
            content: "\f0d8";
            font-family: 'FontAwesome';
            position: absolute;
            float: left;
            bottom: -18px;
            left: 0;
            right: 0;
            margin: auto;
            width: 100%;
            font-size: 20px;
            color: #d7d7d7;
            text-align: center;
            display: none; }
        header #header_block nav #menu > li.button_products.show a.caret:after {
          display: inline-block; }
        header #header_block nav #menu > li.button_products.show .nav_products {
          height: 36px;
          display: block;
          -webkit-transition: all 0.3s linear;
          -o-transition: all 0.3s linear;
          transition: all 0.3s linear; }
      header #header_block nav .nav_products {
        position: absolute;
        background-color: #d7d7d7;
        line-height: 36px;
        width: 100%;
        float: left;
        top: 0px;
        margin-top: 60px;
        padding-left: 10%;
        left: 0;
        height: 0;
        overflow: hidden;
        display: block;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear; }
        header #header_block nav .nav_products li {
          display: inline-block;
          z-index: 10000;
          font-size: 13px;
          margin-right: 3%; }
          header #header_block nav .nav_products li a {
            color: rgba(0, 0, 0, 0.5);
            font-weight: bold; }
            header #header_block nav .nav_products li a:hover {
              color: black; }
      header #header_block nav #language {
        position: absolute;
        right: 20px;
        top: 16px; }
        header #header_block nav #language span {
          margin: 0 8px;
          display: inline;
          font-size: 11px;
          color: #acacac; }
        header #header_block nav #language a {
          color: #acacac;
          font-size: 11px; }
          header #header_block nav #language a:hover, header #header_block nav #language a.active {
            color: #00aeef; }

#banner {
  border-top: 1px solid #7d7d7d;
  position: relative; }
  #banner .icon_logo, #banner .slogan, #banner .icon_taiwan, #banner .banner_title {
    position: absolute; }
  #banner .icon_logo {
    top: 60%;
    left: 12%; }
  #banner .slogan {
    top: 75%;
    left: 16%;
    color: #fff;
    font-size: 25px;
    color: #000; }
    #banner .slogan span {
      display: block; }
  #banner .icon_taiwan {
    right: 1%;
    top: 10%; }
  #banner .banner_title {
    bottom: 15%;
    left: 5%;
    font-family: 'Helvetica Neue';
    font-size: 25px; }
    #banner .banner_title.white {
      color: #fff; }

footer {
  background-color: #2f2f2f;
  color: #ffffff;
  margin-top: 10px;
  font-size: 11px; }
  footer a {
    display: inline-block; }
    footer a:hover, footer a.active {
      color: #00aeef; }
  footer #l_bread {
    padding-top: 24px;
    padding-bottom: 24px; }
  footer .footer_border {
    width: 1400px;
    max-width: 100%;
    margin: 0 auto;
    border-top: 1px solid #595959;
    border-bottom: 1px solid #595959; }
  footer .info_block {
    padding: 16px 0; }
    footer .info_block ul {
      width: 16.66667%;
      float: left;
      padding-left: 12px;
      padding-right: 12px; }
      footer .info_block ul h4 {
        font-size: 11px;
        height: 24px; }
      footer .info_block ul li {
        color: rgba(255, 255, 255, 0.5);
        line-height: 16px; }
      footer .info_block ul.products > li:nth-child(2) {
        margin-bottom: 16px; }
      footer .info_block ul.international > * {
        padding-left: 30%; }
  footer .bottom-row .row {
    height: 70px;
    display: table;
    width: 100%; }
    footer .bottom-row .row #copyright {
      display: table-cell;
      vertical-align: middle;
      width: 100%;
      font-size: 0; }
      footer .bottom-row .row #copyright > * {
        display: inline-block;
        vertical-align: middle;
        width: 33.33333%; }
      footer .bottom-row .row #copyright .f_mit {
        text-align: center; }
      footer .bottom-row .row #copyright .info {
        text-align: right;
        font-size: 11px;
        color: rgba(255, 255, 255, 0.5); }

article {
  padding: 16px 0;
  padding-bottom: 32px; }

#back_to_top {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 24px;
  bottom: -30px;
  border-top: 2px solid;
  padding-top: -10px;
  cursor: pointer; }
  #back_to_top:before {
    content: '';
    margin-top: -5px;
    position: relative;
    top: -10px;
    height: 0;
    width: 0;
    border-bottom: 7px solid;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent; }

sup {
  vertical-align: middle;
  margin-left: 2px;
  font-size: .5em;
  display: inline-block;
  position: relative;
  top: -3px; }

#home .medium {
  margin-bottom: 24px; }
  #home .medium h2 {
    padding-left: 12px;
    font-size: 25px;
    margin-bottom: 16px;
    font-weight: bold; }
  #home .medium .col-2 .img-row {
    width: 100%;
    height: 0;
    padding-bottom: 56.6637%;
    font-size: 0; }
  #home .medium .col-2 .title {
    font-size: 13px;
    font-family: 'Arial';
    margin-top: 12px;
    text-indent: -4px;
    margin-left: 9px;
    line-height: 16px; }
    #home .medium .col-2 .title sup {
      margin-left: 5px; }
    #home .medium .col-2 .title:before {
      content: "\f0da";
      font-family: 'FontAwesome';
      display: inline-block;
      margin-right: 3px;
      font-size: 8px; }

#home .info h3 {
  font-size: 21px;
  margin-bottom: 16px;
  font-weight: bold; }

#home .info .col-4 {
  margin-left: 25%; }
  #home .info .col-4 .text {
    line-height: 20px;
    font-size: 15px; }
    #home .info .col-4 .text ul li {
      list-style: disc;
      line-height: 16px;
      margin-left: 20px; }

#home .info .col-2 .text {
  line-height: 20px;
  font-size: 15px; }

.overview-row {
  display: none; }

#banner.inner_banner {
  height: 90px;
  background-color: #2f2f2f; }

#product.page_1 .col-5 {
  margin-left: 25%; }
  #product.page_1 .col-5 section {
    margin: 8px 0;
    margin-bottom: 24px; }
    #product.page_1 .col-5 section .title {
      font-family: 'Helvetica Neue';
      font-size: 22px;
      margin: 8px 0; }
    #product.page_1 .col-5 section .text {
      padding: 8px 0;
      padding-left: 8%;
      line-height: 20px;
      font-size: 15px; }
      #product.page_1 .col-5 section .text img {
        display: block;
        margin: 24px 0; }
      #product.page_1 .col-5 section .text span.learn_more {
        display: block;
        margin-top: 24px;
        color: rgba(0, 0, 0, 0.5); }
        #product.page_1 .col-5 section .text span.learn_more:before {
          content: "\f0da";
          font-family: 'FontAwesome';
          display: inline-block;
          margin-right: 3px;
          font-size: 8px;
          color: rgba(0, 0, 0, 0.5);
          margin-right: 8px; }

#product.page_2 .row {
  font-size: 0; }

#product.page_2 .prepare {
  font-size: 20px;
  text-align: center;
  padding: 10% 0; }
  #product.page_2 .prepare .fa {
    display: block;
    font-size: 50px;
    margin-bottom: 10px; }

#product.page_2 .col-2 {
  margin: 16px 0;
  float: none;
  display: inline-block;
  vertical-align: top; }
  #product.page_2 .col-2 section .title {
    font-family: 'Helvetica Neue';
    font-size: 16px;
    background-color: #d7d7d7;
    padding-left: 12px;
    line-height: 36px;
    margin-bottom: 16px;
    font-weight: bold;
    cursor: pointer; }
  #product.page_2 .col-2 section .list {
    padding-left: 12px; }
    #product.page_2 .col-2 section .list li a {
      display: inline-block;
      text-indent: -4px;
      margin-left: 8px;
      line-height: 16px;
      padding: 4px 0;
      font-size: 13px; }
      #product.page_2 .col-2 section .list li a:before {
        content: "\f0da";
        font-family: 'FontAwesome';
        display: inline-block;
        margin-right: 2px;
        font-size: 8px;
        color: rgba(0, 0, 0, 0.5); }

#product.page_2-1 aside, #product.page_3-1 aside {
  padding-right: 0;
  padding-top: 16px; }
  #product.page_2-1 aside.list .back_to_overview, #product.page_3-1 aside.list .back_to_overview {
    color: rgba(0, 0, 0, 0.5);
    font-weight: bold; }
    #product.page_2-1 aside.list .back_to_overview:hover, #product.page_3-1 aside.list .back_to_overview:hover {
      color: #000; }
    #product.page_2-1 aside.list .back_to_overview a, #product.page_3-1 aside.list .back_to_overview a {
      display: block;
      padding: 16px 0;
      padding-left: 25%;
      position: relative; }
      #product.page_2-1 aside.list .back_to_overview a:before, #product.page_3-1 aside.list .back_to_overview a:before {
        content: "\f177";
        font-family: 'FontAwesome';
        font-size: 13px;
        display: inline-block;
        position: absolute;
        left: 15%; }
  #product.page_2-1 aside.list > ul li, #product.page_3-1 aside.list > ul li {
    color: rgba(0, 0, 0, 0.5);
    border-top: 1px solid;
    font-weight: bold; }
    #product.page_2-1 aside.list > ul li:hover, #product.page_2-1 aside.list > ul li.active, #product.page_3-1 aside.list > ul li:hover, #product.page_3-1 aside.list > ul li.active {
      color: #000; }
      #product.page_2-1 aside.list > ul li:hover a:before, #product.page_2-1 aside.list > ul li.active a:before, #product.page_3-1 aside.list > ul li:hover a:before, #product.page_3-1 aside.list > ul li.active a:before {
        content: "\f0da";
        font-family: 'FontAwesome';
        display: inline-block;
        font-size: 10px;
        text-align: right;
        position: absolute;
        left: 18%; }
    #product.page_2-1 aside.list > ul li a, #product.page_3-1 aside.list > ul li a {
      display: block;
      padding: 16px 0;
      padding-left: 25%;
      position: relative; }

#product.page_2-1 article, #product.page_3-1 article {
  padding-left: 5%;
  padding-right: 10%; }
  #product.page_2-1 article .p_inner_title, #product.page_3-1 article .p_inner_title {
    font-family: 'Helvetica Neue';
    font-size: 22px;
    margin-bottom: 30px;
    font-weight: bold; }
  #product.page_2-1 article section, #product.page_3-1 article section {
    margin-bottom: 30px; }
    #product.page_2-1 article section .p_name, #product.page_3-1 article section .p_name {
      font-size: 16px;
      font-family: 'Helvetica Neue';
      line-height: 16px;
      font-weight: bold; }
      #product.page_2-1 article section .p_name span, #product.page_3-1 article section .p_name span {
        display: block;
        font-size: 13px;
        font-family: 'Arial'; }
    #product.page_2-1 article section p, #product.page_3-1 article section p {
      margin: 22px 0;
      padding-left: 10%;
      line-height: 16px; }
      #product.page_2-1 article section p span.list_style, #product.page_3-1 article section p span.list_style {
        display: block;
        line-height: 16px;
        text-indent: -4px;
        margin-left: 4px;
        margin-top: 6px;
        margin-bottom: 6px; }
        #product.page_2-1 article section p span.list_style:before, #product.page_3-1 article section p span.list_style:before {
          content: '-';
          display: inline-block;
          margin-right: 3px; }
    #product.page_2-1 article section .p_sub, #product.page_3-1 article section .p_sub {
      font-weight: bold;
      padding-left: 5%; }
    #product.page_2-1 article section .out_link, #product.page_3-1 article section .out_link {
      padding-left: 10%;
      color: rgba(0, 0, 0, 0.5);
      margin: 8px 0; }
      #product.page_2-1 article section .out_link a, #product.page_3-1 article section .out_link a {
        display: inline-block; }
        #product.page_2-1 article section .out_link a:before, #product.page_3-1 article section .out_link a:before {
          content: "\f0da";
          font-family: 'FontAwesome';
          display: inline-block;
          font-size: 8px;
          margin-right: 8px; }

#product.page_3 .container {
  padding-top: 16px; }

#product.page_3 .col-2 {
  margin-bottom: 24px; }
  #product.page_3 .col-2 .img-row {
    width: 100%;
    height: 0;
    padding-bottom: 56.63%;
    display: block; }
  #product.page_3 .col-2 .p_name {
    font-size: 0;
    margin-top: 8px; }
    #product.page_3 .col-2 .p_name span {
      display: block;
      font-size: 13px;
      line-height: 16px;
      height: 16px;
      overflow: hidden;
      text-indent: -8px;
      padding-left: 16px; }
      #product.page_3 .col-2 .p_name span.name:before {
        content: "\f0da";
        font-family: 'FontAwesome';
        display: inline-block;
        font-size: 8px; }

#product.page_4 .pro-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #product.page_4 .pro-list .pro-box {
    width: calc(100% / 5 - 20px);
    margin: 10px; }

.title {
  font-weight: bold; }

.title2 {
  padding-left: 8%; }

.about_img {
  margin-bottom: 16px !important; }

#contact .contact-row {
  margin: 0 12.5%; }
  #contact .contact-row .google_map {
    margin: 32px 0; }
    #contact .contact-row .google_map .img-row {
      width: 100%;
      padding-bottom: 60%; }
  #contact .contact-row #contact_form .title {
    font-size: 22px;
    margin-bottom: 32px; }
  #contact .contact-row #contact_form ul li {
    font-size: 0;
    margin: 16px 0; }
    #contact .contact-row #contact_form ul li:after {
      content: '';
      visibility: hidden;
      clear: both;
      display: block; }
    #contact .contact-row #contact_form ul li.radio_type > div {
      display: inline-block;
      font-size: 13px;
      margin-right: 10px; }
    #contact .contact-row #contact_form ul li.text_type > div {
      width: 50%;
      float: left;
      font-size: 13px;
      padding-right: 3%; }
      #contact .contact-row #contact_form ul li.text_type > div label {
        display: block;
        margin: 8px 0; }
      #contact .contact-row #contact_form ul li.text_type > div input {
        display: block;
        width: 100%;
        border-radius: 5px;
        outline: none;
        height: 32px;
        border: 1px solid; }
    #contact .contact-row #contact_form ul li.textarea_type {
      margin: 32px 0; }
      #contact .contact-row #contact_form ul li.textarea_type > div {
        font-size: 13px;
        padding-right: 3%; }
        #contact .contact-row #contact_form ul li.textarea_type > div label {
          display: block;
          margin: 8px 0; }
        #contact .contact-row #contact_form ul li.textarea_type > div textarea {
          width: 100%;
          height: 200px;
          border-radius: 5px;
          border: 1px solid;
          outline: none; }
    #contact .contact-row #contact_form ul li.button_type > div button {
      border: none;
      background-color: #008bbf;
      border: 1px solid #008bbf;
      color: #fff;
      width: 150px;
      height: 32px;
      line-height: 30px;
      font-size: 14px;
      text-align: left;
      padding-left: 16px;
      cursor: pointer;
      -webkit-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear; }
      #contact .contact-row #contact_form ul li.button_type > div button:hover {
        background-color: rgba(0, 139, 191, 0);
        color: #008bbf;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear; }
      #contact .contact-row #contact_form ul li.button_type > div button:before {
        content: "\f0da";
        font-family: 'FontAwesome';
        display: inline-block;
        margin-right: 3px;
        font-size: 8px;
        margin-right: 8px; }

@media only screen and (max-width: 768px) {
  .cf_768 {
    clear: both;
    display: block;
    padding-top: 16px;
    border-bottom: 1px solid #595959;
    margin-bottom: 16px; }
  header #header_block #banner .slogan {
    font-size: 18px;
    text-shadow: 1px 1px 3px #fff; }
  header #header_block #banner .icon_logo {
    width: 22%;
    margin-top: -16px; }
  footer .info_block ul {
    width: 144px;
    max-width: 100%; }
    footer .info_block ul.international {
      float: right; }
  footer .bottom-row > * {
    padding-left: 12px;
    padding-right: 12px; }
  footer .bottom-row #copyright .f_logo {
    width: 16.66667%; }
  footer .bottom-row #copyright .f_mit {
    width: 33.33333%; }
  footer .bottom-row #copyright .info {
    width: 50%; }
  #product.page_1 .col-5 {
    width: 83.333%;
    margin-left: 16.6666%;
    padding-right: 8%; }
  #product.page_2 .col-2 {
    width: 33.333%; }
  #product.page_3 .col-2 {
    width: 33.3333%; }
  #product.page_4 .pro-list .pro-box {
    width: calc(100% / 3 - 20px); } }

@media only screen and (max-width: 480px) {
  header #phone_icon {
    width: 22px;
    height: 15px;
    border-top: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
    position: relative;
    float: right;
    margin-right: 24px;
    margin-top: 14px;
    cursor: pointer;
    display: block; }
    header #phone_icon:before {
      content: ' ';
      width: 100%;
      height: 3px;
      background-color: #fff;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      margin: auto; }
  header #header_block nav {
    padding-bottom: 0; }
    header #header_block nav #logo {
      padding-left: 12px; }
    header #header_block nav #language {
      position: static;
      right: auto;
      top: auto;
      background-color: #2f2f2f;
      height: 34px;
      line-height: 34px;
      padding-left: 24px;
      padding-right: 24px;
      font-size: 13px;
      text-align: justify; }
      header #header_block nav #language a {
        text-align: justify; }
      header #header_block nav #language span {
        margin: 0 9%; }
    header #header_block nav #menu {
      display: block;
      margin-top: 10px;
      background-color: #2f2f2f;
      font-size: 13px;
      max-height: 0;
      overflow: hidden;
      -webkit-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear; }
      header #header_block nav #menu.open {
        max-height: 500px;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear; }
      header #header_block nav #menu > li {
        float: none;
        display: block;
        padding: 0;
        margin: 0;
        height: auto;
        line-height: 34px;
        color: rgba(255, 255, 255, 0.5);
        border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
        header #header_block nav #menu > li > a {
          display: block;
          width: 100%;
          height: 34px;
          line-height: 34px;
          padding-left: 24px; }
        header #header_block nav #menu > li:first-child {
          border-top: 1px solid rgba(255, 255, 255, 0.5); }
        header #header_block nav #menu > li.button_products.show .nav_products {
          display: block;
          max-height: 400px;
          height: auto;
          -webkit-transition: all 0.3s linear;
          -o-transition: all 0.3s linear;
          transition: all 0.3s linear; }
        header #header_block nav #menu > li.button_products.show a.caret:after {
          content: none; }
      header #header_block nav #menu .nav_products {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        display: block;
        height: auto;
        position: static;
        float: none;
        margin: 0;
        padding: 0; }
        header #header_block nav #menu .nav_products li {
          margin: 0;
          display: block;
          height: auto;
          line-height: normal; }
          header #header_block nav #menu .nav_products li a {
            display: block;
            width: 100%;
            height: 34px;
            line-height: 34px;
            padding-left: 48px; }
  header #header_block #banner .slogan {
    font-size: 8px;
    left: 8%;
    margin-top: -8px; }
  header #header_block #banner .icon_taiwan {
    display: none; }
  header #header_block #banner .icon_logo {
    left: 5%; }
  header #header_block #banner .banner_title {
    font-size: 15px; }
  #home .medium .col-2 {
    width: 50%;
    margin-bottom: 16px; }
  #home .info .col-4, #home .info .col-2 {
    width: 100%;
    margin: 0;
    margin-bottom: 24px; }
  footer .info_block ul {
    width: 50%; }
    footer .info_block ul.products {
      border-bottom: 1px solid #595959;
      height: 250px; }
      footer .info_block ul.products.p1 {
        width: 100%;
        height: auto;
        border-bottom: none; }
    footer .info_block ul.international {
      margin-left: 50%;
      margin-top: 20px;
      float: left; }
      footer .info_block ul.international > * {
        padding: 0; }
  footer .bottom-row {
    padding-top: 20px;
    padding-bottom: 50px; }
    footer .bottom-row .row #copyright .f_logo, footer .bottom-row .row #copyright .f_mit, footer .bottom-row .row #copyright .info {
      width: 100%;
      text-align: left;
      margin-bottom: 8px; }
  .overview-row {
    padding: 0px 5%;
    display: block; }
    .overview-row .overview {
      font-weight: bold;
      line-height: 32px;
      position: relative; }
      .overview-row .overview:after {
        content: '';
        width: 0;
        height: 0;
        border-top: 5px solid #000;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear; }
      .overview-row .overview.action:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear; }
    .overview-row .p_list {
      max-height: 0;
      overflow: hidden;
      -webkit-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
      .overview-row .p_list.open {
        max-height: 500px;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
      .overview-row .p_list li a {
        display: inline-block;
        line-height: 32px;
        color: rgba(0, 0, 0, 0.5); }
  #product.page_1 .col-5 {
    width: 100%;
    margin: 0;
    padding: 0px 8%; }
    #product.page_1 .col-5 section .text {
      padding-left: 0; }
  #product.page_2 .col-2 {
    width: 100%; }
  #product.page_2-1 aside {
    display: none; }
  #product.page_2-1 article {
    width: 100%;
    padding-left: 10%;
    padding-right: 5%; }
  #product.page_3 .col-2 {
    width: 66.666%;
    display: block;
    float: none;
    margin: 0 auto;
    margin-bottom: 24px; }
  #product.page_4 .pro-list .pro-box {
    width: calc(100% / 2 - 20px); }
  #contact .contact-row #contact_form li.text_type > div {
    display: block !important;
    width: 100% !important;
    float: none !important; } }