/*******************************************************
    SP Banner Style
********************************************************/
.spbanner {
  text-align: center; }
  .spbanner a {
    position: relative;
    display: inline-block; }
    .spbanner a:before {
      background-color: rgba(0, 0, 0, 0.2);
      content: '';
      height: 100%;
      width: 100%;
      left: 0;
      position: absolute;
      top: 0;
      transition: all 0.2s ease-in-out 0s;
      -moz-transition: all 0.2s ease-in-out 0s;
      -webkit-transition: all 0.2s ease-in-out 0s;
      visibility: hidden;
      opacity: 0;
      filter: alpha(opacity=0); }
    .spbanner a:hover:before {
      visibility: visible;
      opacity: 1;
      filter: alpha(opacity=100); }

.banner-left {
  margin-bottom: 30px; }

div.banner-layout-1 {
  margin: 0 -10px; }
  div.banner-layout-1 .spbanner {
    float: left;
    padding: 0 10px;
    width: 33.3333333333333333333333%; }

.banner-4 {
  overflow: hidden; }

.banner-5 {
  margin-bottom: 20px;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.15); }

div.banner-layout-2 {
  margin: 0 -10px 20px; }
  div.banner-layout-2 .group {
    float: left;
    padding: 0 10px;
    width: 33.3333333333333333333333%; }
  div.banner-layout-2 .spbanner {
    box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.15); }
  div.banner-layout-2 .banner-6, div.banner-layout-2 .banner-9 {
    margin-bottom: 20px; }

.banner-12, .banner-13 {
  padding: 0 5px; }

div.banner-layout-3 {
  margin: 0 -5px; }

.banner-layout-4 {
  margin-bottom: 30px; }

.banner-14, .banner-15 {
  padding: 0; }

.banner-21 a, .banner-22 a, .banner-23 a, .banner-24 a, .banner-25 a, .banner-26 a, .banner-27 a, .banner-28 a {
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.1); }

.banner-21 {
  margin-bottom: 30px; }

.banner-27 {
  padding: 0 20px 20px; }

.banner-28 {
  margin-bottom: 30px; }

@media (max-width: 767px) {
  .spbanner a {
    display: inline-block; }

  .banner-left {
    margin-bottom: 40px; }

  div.banner-layout-2 .banner-6, div.banner-layout-2 .banner-9 {
    margin-bottom: 7px; } }
@media (max-width: 480px) {
  .banner-14 {
    margin-bottom: 30px; } }
@media (max-width: 479px) {
  div.banner-layout-1 .spbanner {
    float: none;
    width: 100%;
    margin-bottom: 20px; }
    div.banner-layout-1 .spbanner:last-child {
      margin-bottom: 0; }

  div.banner-layout-2 .banner-6, div.banner-layout-2 .banner-7, div.banner-layout-2 .banner-8, div.banner-layout-2 .banner-9 {
    margin-bottom: 20px; }
  div.banner-layout-2 .group {
    width: 100%; }

  .banner-12, .banner-13 {
    width: 100%; }

  .banner-12 {
    margin-bottom: 10px; } }

/*# sourceMappingURL=style.css.map */