@charset "UTF-8";

/* 首頁專用：主視覺區塊（共用版型請載入 common.css） */

body#index.index .index-screens {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}

body#index.index .index-screen {
  box-sizing: border-box;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  line-height: 0;
}

body#index.index .index-screen--1 {
  position: relative;
}

body#index.index .index-screen--1-cta {
  position: absolute;
  left: 50%;
  bottom: 13%;
  transform: translateX(-50%);
  width: 56%;
  max-width: 520px;
  line-height: 0;
}

body#index.index .index-screen--1-cta-img {
  display: block;
  width: 100%;
  height: auto;
}

body#index.index .index-screen--2 {
  position: relative;
  top: -10vw;
}

@media (min-width: 751px) {
  body#index.index .index-screen--2 {
    top: -80px;
  }
}

body#index.index .index-screen-img {
  display: block;
  width: 100%;
  max-width: 750px;
  height: auto;
}