.sm-footer {background: rgba(42,159, 213, 0.7) url(https://i.imgur.com/UeqeMvx.png) no-repeat top right; /*border-top: 2px solid #1ba1ef;*/ height: 120px;}
.sm-jumbotron {padding: 12px 8px 3px 0px !important;}
.sm-btn{margin-right: 5px;}
.sm-btn-pic{border:none; width: 100%; margin-top: -20px; font-size: 12px; background: rgba(0,0,0,0.5); color: #fff; display: none;}
.thumbnail:hover .sm-btn-pic{display: inline;}
.sm-label{font-size: 14px;}
.sm-anno{background: #ef4b57; color: #fff; padding: 0 5px;}
.well-ib {padding-bottom: 9px;}
.sm-mgb{margin-bottom: 15px;}
.sm-link{text-decoration: none !important;}
.sm-link-w{color: #fff; text-decoration: none !important; }
.sm-link-b{color: #333; text-decoration: none !important;}
.sm-tat{position: relative; background: rgba(0,0,0,0.7); text-align: center; color: #fff; margin-top:57px; width: 100%;}
.sm-list {height: 377px; border: 1px solid #eee; padding: 5px; border-radius: 5px; margin: 1px;}
.anime-sm-title {background: #eee; color: 333; font-size: 14px; padding-left: 5px; white-space: nowrap; overflow-x: hidden; text-overflow:ellipsis;}
.anime-sm-type-mb {background: #323232; color: #fff; font-size: 14px; padding-left: 5px; font-weight: normal; white-space: nowrap; overflow-x: hidden; text-overflow:ellipsis;}
.anime-sm-status-mb {background: #646464; color: #fff; font-size: 14px; padding-left: 5px; font-weight: normal; white-space: nowrap; overflow-x: hidden; text-overflow:ellipsis;}
.anime-sm-type {background: #323232; width: 50%; float: left; text-align: center !important; color:#fff; font-weight: normal;}
.anime-sm-status {background: #646464; width: 50%; float: left; text-align: center !important; color:#fff; font-weight: normal;}
.anime-sm-time {background: rgba(0,0,0,0.7); text-align: center !important; position: absolute; bottom: 60px; color: #999; padding: 0 3px;}
.anime-sm-cowork {background: #b3de89; width: 50%; float: left; text-align: center !important;}
.sm-border {height: 300px; border: 1px solid #F9384F; padding: 5px; border-radius: 5px; margin: 1px;}
.sm-fix {padding-left: 5px; white-space: nowrap; overflow-x: hidden; text-overflow:ellipsis;}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(188, 188, 188, 1) url(https://i.imgur.com/uSmhNWU.png?v=297) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
}

.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

.cd-top.cd-top--show {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-top--fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

.cd-top:hover {
  background-color: #636363;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}