/*--------------------------------------------------------------------------------
	.mod-slide
--------------------------------------------------------------------------------*/
/* line 4, modules.scss */
.mod-slide {
  margin: 0 auto 0; }

/* line 8, modules.scss */
.mod-slide .inner {
  position: relative; }

@media (max-width: 640px) {
  /* line 13, modules.scss */
  .mod-slide {
    width: 100% !important; } }
/* .display
--------------------------------------------------------------------------------*/
/* line 20, modules.scss */
.mod-slide .display {
  position: relative;
  margin: 0 auto;
  /*width: 81.9%;*/
  overflow: hidden; }

/* line 27, modules.scss */
.mod-slide .display ul {
  position: relative;
  left: 0;
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0; }

/* line 37, modules.scss */
.mod-slide .display ul:after {
  clear: both;
  display: block;
  content: ""; }

/* line 43, modules.scss */
.mod-slide .display li {
  position: relative;
  float: left; }

/* line 47, modules.scss */
.mod-slide .display li img {
  width: 100%; }

/* line 50, modules.scss */
.mod-slide .display li .caption {
  /*position: absolute;
  left: 0;
  bottom: 0;*/
  display: block;
  width: 100%;
  /*background: url("../img/mod_slide_bg.png");*/ }

/* line 58, modules.scss */
.mod-slide .display li .caption span {
  display: block;
  padding: 10px 0px 0;
  font-size: 68.8%;
  line-height: 1.3;
  color: #666;
  text-align: center; }

/* .navi
--------------------------------------------------------------------------------*/
/* line 69, modules.scss */
.mod-slide .navi {
  margin: 15px auto 0;
  width: 81.9%;
  overflow: hidden;
  *zoom: 1; }

/* line 75, modules.scss */
.mod-slide .navi:after {
  clear: both;
  display: block;
  content: ""; }

/* line 81, modules.scss */
.mod-slide .navi ul {
  position: relative;
  left: 50%;
  float: left; }

/* line 87, modules.scss */
.mod-slide .navi li {
  position: relative;
  left: -50%;
  float: left;
  *display: inline;
  margin: 0 7px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  background: url(../images/modules/mod_slide_icn.png) no-repeat 0 0;
  background-size: 100%;
  /*---IE8--*/
  left: -65% \9;
  margin: 0 14px\9;
  width: 24px\9;
  height: 24px\9;
  zoom: 0.5\9;
  /*---IE7--*/
  *left: -35%;
  *margin: 0 7px; }

/* line 110, modules.scss */
.mod-slide .navi li.current,
.mod-slide .navi li:hover {
  background-position: 0 -12px;
  background-position: 0 -24px\9; }

@media (max-width: 480px) {
  /* line 117, modules.scss */
  .mod-slide .navi li {
    margin: 0 4px; } }
/* .navi arrow
--------------------------------------------------------------------------------*/
/* line 124, modules.scss */
.mod-slide .btn-prev {
  position: absolute;
  left: 0;
  /*top: 46%;*/
  top: 0;
  width: 18px;
  height: 35px;
  background: url(../images/modules/mod_slide_btn_prev.gif) no-repeat 0 center;
  cursor: pointer;
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none; }

/* line 139, modules.scss */
.mod-slide .btn-prev:hover {
  background-position: -18px center; }

/* line 142, modules.scss */
.mod-slide .btn-prev.off {
  display: none;
  cursor: default; }

/* line 147, modules.scss */
.mod-slide .btn-next {
  position: absolute;
  right: 0;
  /*top: 46%;*/
  top: 0;
  width: 18px;
  height: 35px;
  background: url(../images/modules/mod_slide_btn_next.gif) no-repeat 0 center;
  cursor: pointer;
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none; }

/* line 162, modules.scss */
.mod-slide .btn-next:hover {
  background-position: -18px center; }

/* line 165, modules.scss */
.mod-slide .btn-next.off {
  display: none;
  cursor: default; }

@media (max-width: 640px) {
  /* line 171, modules.scss */
  .mod-slide .btn-prev {
    top: 0;
    z-index: 10;
    width: 60px;
    height: 100%;
    background: url(../images/modules/mod_slide_btn_prev.png) no-repeat left center;
    background-size: 25%; }

  /* line 179, modules.scss */
  .mod-slide .btn-prev:hover {
    background-position: left center; }

  /* line 182, modules.scss */
  .mod-slide .btn-next {
    top: 0;
    z-index: 10;
    width: 60px;
    height: 100%;
    background: url(../images/modules/mod_slide_btn_next.png) no-repeat right center;
    background-size: 25%; }

  /* line 190, modules.scss */
  .mod-slide .btn-next:hover {
    background-position: right center; } }