 .hide {
      display: none!important;
    }
    .tab-content-flex {
      width: 100%;
      padding: 10px 0 20px 0;
      box-sizing: border-box;
      background: #f2f2f2;
      background-size: 100% 600px;
      display: flex;
      justify-content: center;
    }

    .title-column {
      min-width: 260px;
      min-height: 600px;
      margin-right: 16px;
      background: #ffffff;
    }

    @media (max-width: 770px) {
      .title-column {
        min-width: 160px;
      }
    }

    @media (max-width: 540px) {
      .title-column {
        min-width: 100px;
      }
    }


    .up-arrow {
      width: 13px;
      height: 8px;
      background: url("./assets/up-arrow@2x.png");
      background-size: 100%;
    }

    .down-arrow {
      width: 13px;
      height: 8px;
      background: url("./assets/down-arrow@2x.png");
      background-size: 100%;
    }

    .content-column {
      width: 1300px;
      min-height: 600px;
      background: #ffffff;
    }

    .tab-left-content {
      width: 100%;
      height: 100%;
    }

    .tab-left-content-flex {
      width: 100%;
      height: 100%;
      padding: 0 0 21px 24px;
      box-sizing: border-box;
    }

    @media (max-width: 405px) {
      .tab-left-content-flex {
        padding: 0 5px 21px 10px;
      }
    }

    .tab-left-content-title-row {
      min-height: 68px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
    }
    .tab-left-content-title-row a {
      color: #000;
    }

    .search-input {
      width: 260px;
      height: 39px;
      padding-left: 21px;
      box-sizing: border-box;
      border-radius: 0 0 5px 5px;
      border: 1px solid #dee0e5;
    }

    @media (max-width: 873px) {
      .search-input {
        margin: 20px 0;
      }
    }

    @media (max-width: 540px) {
      .search-input {
        width: 160px;
      }
    }

    .search-button {
      width: 61px;
      height: 39px;
      margin-left: -6px;
      border: none;
      border-radius: 0px 5px 5px 0px;
      background: #f39800;
      background-image: url("./assets/search-icon@2x.png");
      background-size: 20px 20px;
      background-repeat: no-repeat;
      background-position: center;
      cursor: pointer;
    }

    .tab-left-content-line {
      margin-bottom: 20px;
      margin-right: 19px;
      border-bottom: 1px solid #dee0e5;
    }

    .tab-left-content-text-area {
      margin-bottom: -20px;
      padding: 0 13px 20px 6px;
    }

    @media (max-width: 405px) {
      .tab-left-content-text-area {
        padding: 0 0 20px 0;
      }
    }

    .tab-left-content-text-item {
      margin-bottom: 20px;
      font-size: 18px;
      line-height: 24px;
      display: flex;
      justify-content: space-between;
      cursor: pointer;
      position: relative;
      padding-left: 18px;
    }

    .tab-left-content-text-item::before {
      content: " ";
      display: inline-block;
      vertical-align: top;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #1A5BBE;
      position: absolute;
      top: 8px;
      left: 0;
    }

    .tab-left-content-text-item-title {
      width: 708px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #333333;
    }

    @media (max-width: 1220px) {
      .tab-left-content-text-item-title {
        width: 600px;
        font-size: 17px;
      }
    }

    @media (max-width: 1080px) {
      .tab-left-content-text-item-title {
        width: 500px;
        font-size: 16px;
      }
    }

    @media (max-width: 980px) {
      .tab-left-content-text-item-title {
        width: 400px;
        font-size: 15px;
      }
    }

    @media (max-width: 880px) {
      .tab-left-content-text-item-title {
        width: 300px;
        font-size: 14px;
      }
    }

    @media (max-width: 650px) {
      .tab-left-content-text-item-title {
        width: 200px;
        font-size: 12px;
      }
    }

    @media (max-width: 470px) {
      .tab-left-content-text-item-title {
        width: 150px;
      }
    }

    @media (max-width: 370px) {
      .tab-left-content-text-item-title {
        width: 130px;
      }
    }

    .tab-left-content-text-date {
      color: #adadad;
    }

    @media (max-width: 670px) {
      .tab-left-content-text-date {
        font-size: 14px;
      }
    }

    @media (max-width: 470px) {
      .tab-left-content-text-date {
        font-size: 12px;
      }
    }

    .orange-circle {
      width: 8px;
      height: 8px;
      margin-right: 8px;
      background: #ff6b18;
      border-radius: 50%;
    }

    .blue-circle {
      width: 8px;
      height: 8px;
      margin-right: 8px;
      background: #1a5bbe;
      border-radius: 50%;
    }

    .page-wrap {
      width: 100%;
      height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    .page-wrap .page-pre {
      display: inline-block;
      padding-left: 10px;
    }

    .page-wrap .page-item {
      display: inline-block;
      padding-right: 10px;
    }

    .page-wrap p {
      font-size: 12px;
      color: #333;
      display: block;
    }

    .page-wrap a {
      display: block;
      font-size: 12px;
      color: #333;
    }

    .page-wrap select {
      margin-right: 5px;
      width: 40px;
      height: 20px;
      background-color: #fff;
      border: 1px solid #ccc;
    }
    a.blue-text {
      color: #1A5BBE;
    }
    @media (max-width: 1300px) {
      .content-column {
        width: 100%;
      } 
    }
	
	.pages{padding: 20px 0;width:100%;text-align: center;clear: both;}
.pages a,.pages span{color: #666;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #f9f9f9;border: 1px solid #f2f2f2;}
.pages a:hover{display:inline-block;color: #fff;background: #79346b;border-color: #79346b;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.pages span{display:inline-block;color: #666;}
.pages a.page-num-current{display:inline-block;color: #fff;background: #79346b;border-color: #79346b;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
