.c-container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  margin-top: 10px;
}

.c-wrapper {
  width: 100%;
  max-width: 960px;
  display: -webkit-box;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 300px));
  /* grid-template-columns: repeat(auto-fill, minmax(285px, 1fr)); */
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-evenly;
  margin: 0 auto;
}

.c-main {
  border: solid #919191 0.5px;
  border-radius: 0px 15px 0px 15px;
  height: 260px;
}

.c-bunner {
  position: relative;
  margin: 0px;
}

.c-bunner.h {
  width: auto;
  height: 180px;
  top: 5%;
}

.c-bunner.w {
  width: auto;
  height: 140px;
  top: 12%;
  border-radius: 5px;
}

.c.bunner-block {
  height: 75%;
}

.c.work-text-block {
  /* width: 400px; */
  width: 100%;
  /* margin: 5px 0 10px 0; */
}

.c-table {
  border: solid 1px;
}

.c-link {
  color: rgb(95, 95, 95);
}

.c-link:hover {
  color: rgb(255, 118, 118);
}

.c-title {
  height: 20px;
  line-height: 17px;
}

.c-platform {}

.c-date {
  position: relative;
  float: right;
  /* bottom: -3px; */
  right: 14px;
  font-size: 12px;
}

.c-hr {
  margin: 20px 0px 5px 0px;
}

.c-category {
  position: relative;
  float: left;
  top: -20px;
  left: 10px;
}

.c-platform-icon {
  /* position: relative; */
  width: 25px;
  height: auto;
  /* left: 80px; */
}

@keyframes fadeUpAnime {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(30px);
  }
}