@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,500,700&subset=chinese-traditional);
.banner-area {
  margin-bottom: 0; }

.news-area {
  margin-bottom: 100px; }
  .news-area .news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px; }
    @media (max-width: 730px) {
      .news-area .news {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .news-area .news .img {
      width: 30%; }
      @media (max-width: 730px) {
        .news-area .news .img {
          width: 100%; } }
      .news-area .news .img img {
        width: 100%; }
    .news-area .news .info {
      width: 70%;
      margin: 0 0 0 3%; }
      @media (max-width: 730px) {
        .news-area .news .info {
          width: 100%; } }
      .news-area .news .info h3 {
        margin-top: 0; }
      .news-area .news .info .tag-box {
        margin-bottom: 10px; }
        .news-area .news .info .tag-box .tag {
          display: inline-block;
          border: 1px solid #CCC;
          padding: 0 5px;
          font-size: 13px; }
      .news-area .news .info .animate-btn-box {
        text-align: left;
        margin-top: 20px; }
    .news-area .news.no-image .info {
      width: 100%; }

.news-detail-area {
  margin-bottom: 100px; }
  .news-detail-area img {
    max-width: 100%; }