body {
  background-image: url("/../images/new-det.JPG");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat; }

.new-box {
  position: relative; }
  .new-box h1, .new-box h2, .new-box h3, .new-box h4 {
    font-size: 18px;
    margin: 20px 0 7px;
    color: #6a3906; }
  .new-box .new-title {
    font-size: 23px; }
    @media screen and (max-width: 767px) {
      .new-box .new-title {
        width: calc(100vw - 100px); } }
  .new-box .btns {
    position: absolute;
    right: 0;
    top: -2px; }
    .new-box .btns a {
      display: inline-block; }
      .new-box .btns a .fs1 {
        font-size: 30px; }
  .new-box .user-edit p {
    font-size: 15px; }
  .new-box .user-edit img {
    max-width: 100% !important;
    height: auto !important; }
  .new-box .new-video-list iframe {
    max-width: 100% !important;
    height: calc(360px) !important; }
  @media screen and (max-width: 600px) {
    .new-box .new-video-list iframe {
      max-width: 100% !important;
      height: calc((100vw - 30px) * 0.5625) !important; } }
  .new-box .new-img-list {
    overflow: hidden;
    margin: 0 0 60px; }
    .new-box .new-img-list li {
      float: left;
      width: 23%;
      margin: 1%;
      float: left;
      margin: 0 10px 40px;
      width: calc((1170px - 30px) / 4 - 20px); }
      .new-box .new-img-list li .bg-img {
        width: 100%;
        height: calc((1170px - 30px) / 4 - 20px);
        background-size: contain;
        background-color: rgba(255, 255, 255, 0.5); }
      @media screen and (max-width: 1199px) {
        .new-box .new-img-list li {
          width: calc((970px - 30px) / 4 - 20px); }
          .new-box .new-img-list li .bg-img {
            height: calc((970px - 30px) / 4 - 20px); } }
      @media screen and (max-width: 991px) {
        .new-box .new-img-list li {
          width: calc((750px - 30px) / 4 - 20px); }
          .new-box .new-img-list li .bg-img {
            height: calc((750px - 30px) / 4 - 20px); } }
      @media screen and (max-width: 767px) {
        .new-box .new-img-list li {
          width: calc((100vw - 30px) / 3 - 20px); }
          .new-box .new-img-list li .bg-img {
            height: calc((100vw - 30px) / 3 - 20px); } }
      @media screen and (max-width: 550px) {
        .new-box .new-img-list li {
          width: calc((100vw - 30px) / 2 - 20px); }
          .new-box .new-img-list li .bg-img {
            height: calc((100vw - 30px) / 2 - 20px); } }
      .new-box .new-img-list li .bg-img {
        width: 100%;
        background-size: contain;
        background-color: rgba(255, 255, 255, 0.5); }
    @media screen and (max-width: 767px) {
      .new-box .new-img-list {
        margin: 0 0 120px; } }

/*# sourceMappingURL=new_det.css.map*/