.about-title,
    .advantage-title {
      font-family: 'Noto Sans TC', 'Noto Sans SC', sans-serif;
      font-size: 16px;
      font-weight: bold;
      color: white;
      padding: 4px 20px;
      background: linear-gradient(to bottom, #7093BA 0%, #6382A5 100%);
      border-bottom: 2px solid #6382A5;
      border-radius: 2px;
    }
  
    .contact-image-rwd {
      display: none;
    }
  
    .contact-web,
    .contact-phone {
      float: left;
      width: 30%;
      padding: 10px;
    }
  
    .contact-image {
      float: left;
      padding: 20px 50px 0;
    }
  
    .contact-image img,
    .contact-image-rwd img {
      border: 0px;
    }
  
    .content-title {
      clear: both;
      padding: 10px;
    }
  
    .content-intro,
    .advange-content {
      padding: 10px;
    }
  
    .catalog-1,
    .catalog-2 {
      float: left;
      width: 30%;
    }
  
    .catalog-1 ul li,
    .catalog-2 ul li {
      list-style-image: url("/images/icon/sq02.gif");
    }
  
    .catalog-image {
      float: left;
      padding: 0px 50px;
    }
  
    .catalog-image img {
      border: 0px;
    }
  
    .wrapper-advantage {
      clear: both;
    }
  
    @media screen and (max-width: 1200px) {
  
      .contact-image,
      .catalog-image {
        padding: 20px;
      }
    }
  
    @media screen and (max-width: 500px) {
      .contact-image-rwd {
        display: block;
        padding: 20px 10px 0;
      }
  
      .contact-image {
        display: none;
      }
  
      .contact-web,
      .contact-phone,
      .catalog-1,
      .catalog-2 {
        float: none;
        width: auto;
        padding: 10px 20px;
      }
  
      .content-title {
        padding: 10px 20px 10px;
      }
  
      .content-intro,
      .catalog-1,
      .catalog-2 {
        padding: 0 20px;
      }
  
      .catalog-image {
        padding-left: 50px;
      }
  
      .advange-content {
        padding: 10px 20px 0;
      }
  
    }