@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2014-11-11 09:57:37
 * @version $Id$
 */

.index-banner-page{
  height: 40vw;
  padding-top: 4vw;
  background: url(../../images/mod_gm_list/bg_repeat.png) ;
  box-sizing: border-box;
  overflow: hidden;
 }
.mobile-game-slider,
.game-slider-stage{
  position: relative;
  height: 100%;
}
.mobile-game-slider{
  width: 85vw;
  margin: 0 auto;
}
.mobile-game-slider{
  cursor: grab;
  user-select: none;
}
.mobile-game-slider.is-dragging{
  cursor: grabbing;
}
.game-slide{
  visibility: hidden;
  position: absolute;
  top: 5.2083333333vw;
  left: 150%;
  z-index: 1;
  width: 29.1666666667vw;
  opacity: 0;
  transform: translateX(-50%);
  transition: left .45s ease, opacity .45s ease;
}
.game-slide .game-cover{
  display: block;
  width: 29.1666666667vw;
  height: 21.875vw;
  margin: 0 auto;
  object-fit: cover;
  border-radius: .625vw;
  box-shadow: 0 .4166666667vw .8333333333vw rgba(0, 0, 0, .65);
  transform: scale(1);
  transform-origin: center top;
  transition: transform .45s ease;
  -webkit-user-drag: none;
}
.game-slide.is-current,
.game-slide.is-prev,
.game-slide.is-next{
  visibility: visible;
  opacity: 1;
}
.game-slide.is-prev,
.game-slide.is-next{
  opacity: .68;
}
.game-slide.is-prev:hover,
.game-slide.is-next:hover{
  opacity: 1;
}
.game-slide.is-prev:hover .game-cover,
.game-slide.is-next:hover .game-cover{
  transform: scale(.98);
}
.game-slide.is-current{
  left: 50%;
  z-index: 3;
}
.game-slide.is-prev{
  left: 15%;
}
.game-slide.is-next{
  left: 85%;
}
.game-slide.is-prev .game-cover,
.game-slide.is-next .game-cover{
  transform: scale(.95);
}
.game-downloads{
  display: none;
  justify-content: center;
  width: 29vw;
  margin: 1.1vw auto 0;
}
.game-slide.is-current .game-downloads{
  display: flex;
}
.game-downloads a,
.game-downloads img{
  display: block;
  width: 9.6354166667vw;
  height: 2.8645833333vw;
  margin-left: 0.3vw;
  margin-right: 0.3vw;
}
.game-arrow{
  position: absolute;
  top: 12.9947916667vw;
  z-index: 10;
  width: 4.3229166667vw;
  height: 6.3020833333vw;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.game-arrow img{
  display: block;
  width: 100%;
  height: 100%;
}
.game-arrow-prev{left: -6vw;}
.game-arrow-next{right: -6vw;}
.mod-mob-list { overflow: hidden; zoom: 1;}
.mod-mob-list li { float: left; overflow: hidden; position: relative; width: 249px; max-height: 94px; line-height: 0; margin-bottom: 27px; }
.mod-mob-list li .gm-img { float: left; width: 82px; height: 72px; margin-right: 10px; }
.mod-mob-list li .gm-img img { width: 82px; height: 72px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.mod-mob-list li p { height: 35%; line-height: 1.5; }
.gm-tit, .gm-tit a { color: #333333; font-size: 14px; font-weight: bold; }
.mod-mob-list li .gm-down { float: left; position: absolute; bottom: 0; left: 37.13355048859935%; width: 60%;}
.mod-mob-list li .btn { float: left; width: 60px; margin-right: 7px; padding: 4px 0;}


.mod-gm-list { margin-left: -12px; overflow: hidden; zoom: 1; }
.mod-gm-list li { margin-bottom: 14px; }
.mod-gm-list li { float: left; position: relative; width: 176px; margin-left: 12px; border: 1px solid #1f1f1f; background: #000; overflow: hidden; line-height: 0; }
.mod-gm-list .gm-info { position: absolute; bottom: 0; width: 100%; line-height: 1.5em; padding: .5em 0; background: #000; background: rgba(0,0,0,.75); filter: alpha(opacity=75); }
.mod-gm-list li .gm-tit { padding-left: .5em; font-size: 1.166666em; }
.mod-gm-list .gm-tit,
.mod-gm-list .gm-tit a { color: #dfdfdf; }
.mod-gm-list li .gm-type { padding-left: .5em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #a5a5a5;}
.mod-gm-list li .gm-btn { margin: .5em 0; padding-left: .5em;}

.main-box .pages{ padding-top:17px;}