#view_content ul {
  width; 100%;
}

.main,
.main li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main li {
  width: 100%;
  overflow: hidden;
}

.main img {
  width: 100%;
}

.main li.item2,
.main li.item3,
.main li.item4,
.main li.item5,
.main li.item6 {
  display: none;
}

.view_thumb,
.view_thumb li {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}


.view_thumb {
  display: flex;
  margin: 1% 0 0 0;
  gap: 1%;
  flex-wrap: wrap;
}

.view_thumb li {
  width: 15%;
  overflow: hidden;
  cursor: pointer;
}

.view_thumb li img {
  width: 100%;
}

.view_thumb li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}





@media screen and (max-width: 1000px) {

  .view_thumb li {
    width: 18%;
  }

}





@media screen and (max-width: 765px) {

  .view_thumb {
    gap: 2%;
  }

  .view_thumb li {
    width: 23%;
    margin: 0;
  }

}