@charset "UTF-8";
/*-------------------------------------------------------------------------------*\

    $相簿列表

\*-------------------------------------------------------------------------------*/
.kf-albumlist_img {
  position: absolute;
  left: 0;
  width: 14em;
  height: 9.375em;
}
.kf-albumlist_img a {
  width: 100%;
  height: 100%;
}
.kf-albumlist_img a img {
  width: 100%;
  height: auto;
}

/* album detail */
.kf-gallery:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.kf-gallery li {
  float: left;
  width: 31%;
  margin-right: 3.5%;
  margin-bottom: 3.5%;
}
.kf-gallery li:nth-child(3n) {
  margin-right: 0;
}

.kf-gally_img {
  padding: .85em;
}
.kf-gally_img a {
  display: block;
  width: 100%;
  height: 10em;
  overflow: hidden;
  text-align: center;
}
.kf-gally_img img {
  width: auto;
  height: 100%;
  vertical-align: middle;
}

.kf-gally_figcaption {
  padding: .75em 0;
}

/*-----------------------------$ 行動版608以下------------------------------*/
@media only screen and (max-width: 38em) {
  .kf-gallery li {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 3.5%;
  }
  .kf-gallery li:nth-child(3n) {
    margin-right: 4%;
  }
  .kf-gallery li:nth-child(even) {
    margin-right: 0;
  }

  .kf-gally_img a {
    height: 12em;
  }
}
/*-----------------------------$ 行動版480以下------------------------------*/
@media only screen and (max-width: 30em) {
  .kf-albumlist_img {
    position: static;
    width: 100%;
    height: auto;
    min-height: 10em;
  }

  .kf-gallery li {
    float: left;
    width: 100%;
    margin-right: 0;
    margin-bottom: 5%;
  }
  .kf-gallery li:nth-child(3n) {
    margin-right: 0;
  }
  .kf-gallery li:nth-child(even) {
    margin-right: 0;
  }

  .kf-gally_img a {
    height: auto;
  }
  .kf-gally_img img {
    width: 100%;
  }
}