@charset "UTF-8";
.grid-5 {
  list-style: none;
  margin: 0;
  padding: 0; }
  .grid-5 li {
    display: inline-table;
    margin-right: calc(10px * 5 / 4);
    margin-bottom: calc(10px * 5 / 4);
    width: calc(100% / 5 - 13px); }
    .grid-5 li:nth-child(5n) {
      margin-right: 0; }

.grid-4 {
  list-style: none;
  margin: 0;
  padding: 0; }
  .grid-4 li {
    float: left;
    margin-right: calc(10px * 4 / 3);
    margin-bottom: calc(10px * 4 / 3);
    width: calc(100% / 4 - 10px); }
    .grid-4 li:nth-child(4n) {
      margin-right: 0; }

.grid-3 {
  list-style: none;
  margin: 0;
  padding: 0; }
  .grid-3 li {
    float: left;
    margin-right: calc(10px * 3 / 2);
    margin-bottom: calc(10px * 3 / 2);
    width: calc(100% / 3 - 10px); }
    .grid-3 li:nth-child(3n) {
      margin-right: 0; }

.grid-2 {
  list-style: none;
  margin: 0;
  padding: 0; }
  .grid-2 li {
    display: inline-table;
    margin-right: calc(10px * 2 / 1);
    margin-bottom: calc(10px * 2 / 1);
    width: calc(100% / 2 - 13px); }
    .grid-2 li:nth-child(2n) {
      margin-right: 0; }

.high {
  display: table; }
  .high figure {
    display: table-row; }
    .high figure .left, .high figure .right {
      vertical-align: middle;
      display: table-cell;
      width: 50%; }

/* ==
  Case Name :盛博
  -----------------------
  use: 產品模組
=============================================================================== */
#produce-detail {
  max-width: inherit; }
  @media screen and (max-width: 829px) {
    #produce-detail .heading {
      display: none !important; } }
  #produce-detail .description {
    padding: 30px 0;
    margin: 0 auto;
    max-width: 1103px;
    width: 100%; }
    #produce-detail .description h1 {
      text-transform: uppercase;
      font-size: 35px; }
      @media screen and (max-width: 829px) {
        #produce-detail .description h1 {
          text-align: center;
          text-transform: uppercase;
          font-size: 22px;
          font-weight: 500; } }
    #produce-detail .description p {
      font-weight: 700; }
  #produce-detail .image {
    margin: auto;
    max-width: 1280px;
    width: 100%; }
    #produce-detail .image img {
      display: block;
      margin: auto; }
    #produce-detail .image .gallery {
      text-align: center;
      padding: 30px 0; }
      #produce-detail .image .gallery a {
        display: inline-block;
        margin: 0 5px 5px; }
  #produce-detail .detail {
    margin: 0 auto 100px;
    max-width: 1103px;
    width: 100%; }
    @media screen and (max-width: 829px) {
      #produce-detail .detail {
        padding: 0 5%; } }
    #produce-detail .detail p {
      font-weight: 500;
      margin-bottom: 30px; }
    #produce-detail .detail .rwd {
      font-size: 15px;
      font-weight: 900;
      text-transform: uppercase;
      margin-bottom: 20px; }
    #produce-detail .detail .button {
      letter-spacing: 2px;
      font-weight: bold;
      color: #202326; }
      #produce-detail .detail .button:hover {
        color: #9b9b9b; }