body .home .container {
  padding: 0 8.33333vw
}

body .home .container.p_120 {
  padding-top: 6.25vw
}

body .home .container .pt {
  text-align: center;
  text-transform: capitalize;
  line-height: 1.2
}

body .home .container .tags {
  display: flex;
  justify-content: center;
  gap: 3.125vw;
  margin: 1.35417vw 0 2.1875vw 0;
  position: relative
}

body .home .container .tags .download {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
  display: flex;
  gap: .625vw
}

body .home .container .tags .download img {
  width: 1.25vw;
  transition: all 600ms
}

body .home .container .tags .download p {
  line-height: 1.5
}

body .home .container .tags .download:hover img {
  transform: translateY(5px)
}

body .home .container .tags .t_c {
  display: flex;
  align-items: center;
  gap: .625vw;
  text-transform: capitalize;
  color: #666
}

body .home .container .tags .t_c img {
  width: 1.25vw
}

body .home .container .html {
  line-height: 1.5
}

body .home .container .v_box {
  position: relative;
  margin: 2.08333vw 0 4.16667vw 0
}

body .home .container .v_box .pic {
  width: 100%
}

body .home .container .v_box .play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer
}

body .home .container .v_box .play img {
  width: 5.20833vw
}

body .home .container .pager {
  display: flex;
  justify-content: space-between;
  margin: 4.16667vw 0 6.25vw 0
}

body .home .container .pager .prev {
  display: flex;
  align-items: center;
  width: 23.4375vw
}

body .home .container .pager .prev img {
  width: .41667vw
}

body .home .container .pager .prev span {
  margin: 0 .83333vw 0 .52083vw;
  color: #002FFF;
  line-height: 1.5;
  letter-spacing: 0.32px
}

body .home .container .pager .prev p {
  max-width: 15.625vw;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

body .home .container .pager .next {
  display: flex;
  align-items: center;
  width: 23.4375vw;
  justify-content: flex-end
}

body .home .container .pager .next img {
  width: .41667vw
}

body .home .container .pager .next span {
  margin: 0 .52083vw 0 .83333vw;
  color: #002FFF;
  line-height: 1.5;
  letter-spacing: 0.32px
}

body .home .container .pager .next p {
  max-width: 15.625vw;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

@media screen and (max-width: 768px) {
  body .home .container {
    padding: 0 5%
  }

  body .home .container.p_120 {
    padding-top: 30px
  }

  body .home .container .pt {
    font-size: 24px
  }

  body .home .container .tags {
    flex-wrap: wrap;
    gap: 15px;
    margin: 15px 0 20px 0
  }

  body .home .container .tags .download {
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    gap: 10px
  }

  body .home .container .tags .download img {
    width: 20px
  }

  body .home .container .tags .t_c {
    gap: 8px
  }

  body .home .container .tags .t_c img {
    width: 20px
  }

  body .home .container .tags .t_c img {
    width: 20px
  }

  body .home .container .v_box {
    margin: 20px 0 40px 0
  }

  body .home .container .v_box .play img {
    width: 40px
  }

  body .home .container .pager {
    margin: 30px 0 60px 0;
    flex-direction: column;
    gap: 10px
  }

  body .home .container .pager .prev,
  body .home .container .pager .next {
    width: 100%;
    max-width: 100%
  }

  body .home .container .pager .prev img,
  body .home .container .pager .next img {
    width: 8px
  }

  body .home .container .pager .prev span,
  body .home .container .pager .next span {
    margin: 0 10px
  }

  body .home .container .pager .next {
    order: 2;
    flex-direction: row-reverse
  }

  body .home .container .pager .next img {
    transform: rotate(180deg)
  }

  body .home .container .pager .c_btn {
    order: 3;
    margin: 0 auto
  }

  body .home .container .pager .prev p,
  body .home .container .pager .next p {
    max-width: calc(100% - 100px)
  }
}
table tr td {
  border: 1px solid #D9D9D9;
}