@charset "UTF-8";
/* line 1, static/css/common.scss */
* {
  margin: 0;
  padding: 0;
  font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif; }

/* line 6, static/css/common.scss */
body {
  height: 100vh;
  overflow-x: hidden; }

/* line 10, static/css/common.scss */
.no-pd {
  padding: 0; }

/* line 55, static/css/common.scss */
.clear {
  clear: both; }

/* line 59, static/css/common.scss */
.chrome-no-scroll::-webkit-scrollbar {
  display: none; }

/* line 62, static/css/common.scss */
.ie-no-scroll {
  -ms-overflow-style: none; }

/* line 65, static/css/common.scss */
.firefox-no-scroll-html {
  overflow: -moz-hidden-unscrollable;
  /*注意！若只打 hidden，chrome 的其它 hidden 會出問題*/
  height: 100%; }

/* line 69, static/css/common.scss */
.firefox-no-scroll-body {
  height: 100%;
  width: calc(100vw + 18px);
  /*瀏覽器滾動條的長度大約是 18px*/
  overflow: auto; }

/* line 75, static/css/common.scss */
.other-no-scroll::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none; }

/* line 80, static/css/common.scss */
.sp-btn {
  border: none;
  padding-left: 48px;
  padding-right: 48px;
  padding-top: 16px;
  padding-bottom: 16px; }

/* line 87, static/css/common.scss */
.sp-primary {
  background-color: black;
  text-align: center;
  color: white;
  border: none;
  text-decoration: none; }

/* line 94, static/css/common.scss */
.sp-btn-long {
  padding-left: 78px;
  padding-right: 78px;
  padding-top: 10px;
  padding-bottom: 10px; }

/* line 101, static/css/common.scss */
.sp-primary:hover {
  transition: all 0.6s;
  background-color: #EBEBEB;
  color: black; }

/* line 106, static/css/common.scss */
.sp-secondary {
  border: 1px solid #EBEBEB;
  background-color: white;
  text-align: center;
  color: black;
  text-decoration: none; }

/* line 113, static/css/common.scss */
.sp-secondary:hover {
  transition: all 0.6s;
  background-color: #EBEBEB;
  color: black; }

/* line 120, static/css/common.scss */
.sp_container {
  width: 100%;
  height: auto; }

/* line 124, static/css/common.scss */
.sp_content {
  width: 100%; }

/* line 3, static/css/carousel.scss */
.ad_carousel {
  z-index: 0;
  position: relative;
  width: 100%;
  min-height: 100%; }
  /* line 8, static/css/carousel.scss */
  .ad_carousel > .carousel-img {
    position: relative;
    z-index: 0;
    left: 0;
    top: 0;
    display: none; }
    /* line 14, static/css/carousel.scss */
    .ad_carousel > .carousel-img > img {
      width: 100%;
      height: 100%; }
      @media (max-width: 540px) {
        /* line 14, static/css/carousel.scss */
        .ad_carousel > .carousel-img > img {
          height: 120px; } }
      @media (max-width: 425px) {
        /* line 14, static/css/carousel.scss */
        .ad_carousel > .carousel-img > img {
          height: 140px; } }
  /* line 25, static/css/carousel.scss */
  .ad_carousel > .active {
    position: relative;
    z-index: 0;
    display: block; }
  /* line 31, static/css/carousel.scss */
  .ad_carousel > .carousel-prev, .ad_carousel .carousel-next {
    z-index: 99;
    height: 56px;
    width: 56px;
    border: none;
    position: absolute;
    top: calc(50% - 48px);
    top: -moz-calc(50% - 48px);
    top: -webkit-calc(50% - 48px); }
    @media (max-width: 540px) {
      /* line 31, static/css/carousel.scss */
      .ad_carousel > .carousel-prev, .ad_carousel .carousel-next {
        height: 32px;
        width: 32px;
        top: 100%; } }
  /* line 47, static/css/carousel.scss */
  .ad_carousel > .carousel-prev {
    left: 0; }
  /* line 50, static/css/carousel.scss */
  .ad_carousel > .carousel-next {
    right: 0; }

/* line 55, static/css/carousel.scss */
.ad-container {
  text-align: center;
  padding: 50px; }
  @media (max-width: 425px) {
    /* line 55, static/css/carousel.scss */
    .ad-container {
      padding: 32px;
      padding-top: 8px; } }
  /* line 62, static/css/carousel.scss */
  .ad-container > .ad-title {
    font-size: 26px;
    font-weight: bold;
    padding: 12px; }
    @media (max-width: 425px) {
      /* line 62, static/css/carousel.scss */
      .ad-container > .ad-title {
        font-size: 20px; } }
  /* line 70, static/css/carousel.scss */
  .ad-container > .ad-button-group {
    padding: 12px; }
    /* line 72, static/css/carousel.scss */
    .ad-container > .ad-button-group > a {
      display: inline-block;
      cursor: pointer;
      margin: 5px; }
      @media (max-width: 425px) {
        /* line 72, static/css/carousel.scss */
        .ad-container > .ad-button-group > a {
          font-size: 14px;
          width: 100%; } }