body{
  color: #eeeeee;
  margin: 9px 13px;
  font-size: 15px;
  line-height: 20px;
  font-family: sans-serif;
  height: auto;
  overflow-x: hidden;
  }
a{
  color:#aff339;
}
.cr{
  margin-top: 3px;
  font-size: 11px;
  line-height: 16px;
}
.space{
  width:14px;
  float: left;
}
.container{
  position: absolute;
  width: 325px;
  height: auto;
}
img{
  width: 100%;
}

@media only screen and (min-width: 331px) and (max-width: 410px) {
  body{
    margin: 9px 13px;
  }
  .container{
    position: relative;
    margin: auto;
    transform: scale(1.07);
    transform-origin: top;
  }
}
@media only screen and (max-width: 330px) {
  body{
    margin: 9px 13px;
  }
  .container{
    position: relative;
    margin: auto;
    width: auto;
  }
  img {
    width: 280px;
  }
}


.slider-wrap{
    touch-action: manipulation;
    margin: 12px 0 7px 0;
    width:290px;
  	height:270px;
  	position:relative;
  	overflow:hidden;
  }

.slider-wrap ul#slider{
	  position:absolute;
  	top:0;
  	left:0;
  }

.slider-wrap ul#slider li{
  	float:left;
  	position:relative;
  	width:290px;
  	height:210px;
  }

.slider-wrap ul#slider li > .captions{
    width:280px;
    font-size: 13px;
    line-height: 17px;
    color: #999999;
  }

.btns{
    position:absolute;
  	width:50%;
  	height:79%;
  	top:0;
  	background:rgba(0,0,0,0);
  	z-index:100;

  	-webkit-user-select: none;
    -moz-user-select: none;
	  -khtml-user-select: none;
  	-ms-user-select: none;
        }
#next{right:-50%;cursor:e-resize;}
#previous{left:-50%;cursor:w-resize;}

.slider-wrap.active #next{right:0px;}
.slider-wrap.active #previous{left:0px;}

@media only screen and (max-width: 760px) {
    #mobile_detect { display: none; }
  }