.in_page_nav,
.in_page_nav .container,
.in_page_nav .mask {
  z-index: initial;
}
.in_page_nav {
  box-shadow: inset 0 -3px 0 #e2e2e2;
}
.in_page_nav .mask {
  position: relative;
  height: 63px;
  overflow: hidden;
}
.in_page_nav  ul {
  padding: 0;
  margin: 0;
  position: absolute;
}
.in_page_nav  li {
  white-space: nowrap;
  padding: 30px;
  line-height: 0;
  display: table-cell;
}
.in_page_nav  li:hover {
  cursor: pointer;
}
.in_page_nav .btn-forward,
.in_page_nav .btn-back {
  position: absolute;
  width: 63px;
  z-index: 3;
  height: 63px;
  line-height: 63px;
  text-align: center;
}
.in_page_nav .btn-forward {
  right: 0;
}
.in_page_nav .btn-back {
  left: 0;
}
.in_page_nav #pageTopLink {
    position: fixed;
    width: 56px;
    height: 56px;
    left: 50px;
    bottom: 50px;
    border-radius: 30px;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    background-image: url('../png/forward_nav_carat.png');
    background-repeat: no-repeat;
    background-position: 23px;
    transform: rotate(-90deg);
    z-index: 15;
}
.in_page_nav #pageTopLink.fade-in:hover {
  cursor: pointer;
}
.in_page_nav #pageTopLink.fade-in {
  opacity: 1;
}
/* mobile styles */
@media(max-width: 768px) {
  .in_page_nav li {
    padding: 18px 25px;
    line-height: 15px;
  }
  .in_page_nav .mask {
    height: 48px;
  }
  .in_page_nav .btn-forward,
  .in_page_nav .btn-back {
    width: 48px;
    line-height: 48px;
    line-height: 48px;
  }
}