*{
  margin: 0;
  padding: 0;
}

#news-container{
  max-width: 1200px;
  width: 100%;
  margin: auto;
  text-align: center;
  position: relative;
}

#news-container #slide-view-area{
  width: 930px;
  margin: auto;
  overflow: hidden;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(5%, rgba(0,0,0,0)), color-stop(30%, rgba(0, 0, 0, 1)), color-stop(70%, rgba(0,0,0,1)), color-stop(95%, rgba(0,0,0,0)));
}

#news-container #slide-view-area #slide-container{
  display: flex;
  width: calc(460px * 22);
}

#news-container #slide-view-area #slide-container .slide{
  display: block;
  width: 460px;
}

#news-container #slide-view-area #slide-container .slide.extra{
  width: 230px;
}

#news-container #nav-container .nav{
  position: absolute;
  top: calc(50% - 46px);
  cursor: pointer;
}

#news-container #nav-container .nav.prev{
  left: 0;
}

#news-container #nav-container .nav.next{
  right: 0;
}