@charset "UTF-8";
/* CSS Document */
.bred {
  border: 2px solid red; }

:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1; }

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -12px, 0) scaleY(1.1);
    transform: translate3d(0, -12px, 0) scaleY(1.1); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -8px, 0) scaleY(1.05);
    transform: translate3d(0, -8px, 0) scaleY(1.05); }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02); } }
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

.bg-black {
  background: #000000; }

body {
  font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-size: 16px;
  overflow-x: hidden; }
  body.loading {
    background: url("../images/bg.png") center center repeat-y; }

@media (min-width: 992px) {
  body {
    background: url("../images/bg.png") center center repeat-y; } }
body.loading {
  height: 100vh;
  background: url("../images/ajax-loader.gif") center center no-repeat; }
  body.loading .wrap {
    display: none; }

input, select {
  font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif; }

.wrap {
  position: relative;
  width: 100%;
  overflow-x: hidden; }

.txt_Innergie {
  position: absolute;
  left: 2.9375em;
  top: 3.25em;
  width: 18.59375em;
  height: 3.28125em;
  z-index: 744; }

.brand {
  position: absolute;
  right: 2.5em;
  top: 3.625em;
  width: 16.25em;
  height: 2.03125em;
  z-index: 743; }

@media (min-width: 992px) {
  .txt_Innergie {
    position: absolute;
    left: 2.9375em;
    top: 3.25em;
    width: 14.875em;
    height: 2.625em;
    z-index: 744; }

  .brand {
    position: absolute;
    right: 2.5em;
    top: 3.625em;
    width: 13em;
    height: 1.625em;
    z-index: 743; } }
.section {
  position: relative; }
  .section .section-in {
    position: relative; }
    .section .section-in .block-left {
      position: relative;
      width: 100%;
      height: auto;
      background: #00aeef; }
      .section .section-in .block-left .block-in {
        position: relative;
        width: 100%;
        height: auto;
        left: 0;
        right: 0;
        top: 0;
        margin-left: auto;
        margin-right: auto;
        z-index: 0; }
    .section .section-in .block-right {
      position: relative;
      width: 100%;
      height: auto;
      overflow: hidden;
      background: #ffffff; }
      .section .section-in .block-right .block-in {
        position: relative;
        width: 100%;
        height: auto;
        left: 0;
        right: 0;
        top: 0;
        margin-left: auto;
        margin-right: auto; }

.qa .section {
  display: none; }

.video .section {
  background: #00aeef; }
  .video .section .section-in {
    display: block !important; }
    .video .section .section-in .video-in {
      position: relative;
      margin-left: auto;
      margin-right: auto; }

.carousel-inner {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.carousel-item {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.slider {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

@media (min-width: 992px) {
  .section {
    position: relative; }
    .section .section-in {
      position: relative;
      display: -ms-flexbox !important;
      display: flex !important;
      -ms-flex-pack: center !important;
      justify-content: center !important; }
      .section .section-in .block-left {
        position: relative;
        width: 50vw;
        max-width: 960px;
        height: auto;
        background: #00aeef; }
        .section .section-in .block-left .block-in {
          position: relative;
          width: 100%;
          height: 100%;
          left: 0;
          right: 0;
          top: 0;
          margin-left: auto;
          margin-right: auto;
          z-index: 0; }
      .section .section-in .block-right {
        position: relative;
        width: 50vw;
        max-width: 960px;
        height: auto; }
        .section .section-in .block-right .block-in {
          position: relative;
          width: 87.5%;
          height: 100%;
          left: 0;
          right: 0;
          top: 0;
          margin-left: auto;
          margin-right: auto; }

  .main .section:nth-child(1) .section-in .block-left {
    height: 100vh; }
    .main .section:nth-child(1) .section-in .block-left .block-in {
      position: absolute; }
  .main .section:nth-child(1) .section-in .block-right {
    height: 100vh; }
    .main .section:nth-child(1) .section-in .block-right .block-in {
      position: absolute; }

  .video .section {
    background: #00aeef; }
    .video .section .section-in .video-in {
      width: 100vw;
      height: 100vh; }

  .carousel-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }

  .carousel-item {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }

  .slider {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; } }
@media (max-width: 1500px) {
  .video .section {
    background: #00aeef; }
    .video .section .section-in .video-in {
      width: 100%;
      height: auto; } }
@media (max-width: 575px) {
  .qa .section {
    height: 100vh; } }
@media (min-width: 992px) {
  .qa .section .section-in .block-left {
    height: 100vh; }
    .qa .section .section-in .block-left .block-in {
      position: absolute; }
  .qa .section .section-in .block-right {
    height: 100vh; }
    .qa .section .section-in .block-right .block-in {
      position: absolute; } }
.btn-scrollto {
  position: absolute;
  width: 8.25em;
  height: 7.625em;
  z-index: 9;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto; }

.over-part {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

#section2 .over-part {
  position: absolute;
  width: 100%;
  height: 55.65749235474006%;
  left: 0;
  top: 44.34250764525994%; }

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 999;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #3e3a3a;
  text-align: center;
  opacity: 1;
  transition: opacity 0.15s ease; }

.carousel-control-prev,
.carousel-control-next {
  height: 25%;
  margin-top: auto;
  margin-bottom: auto; }

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%233e3a3a' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); }

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%233e3a3a' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); }

#carouselExampleControls2 .carousel-inner {
  position: relative !important;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }
#carouselExampleControls2 .carousel-item {
  position: relative !important;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }
#carouselExampleControls2 .carousel-control-prev {
  margin-left: -2.5%; }
#carouselExampleControls2 .carousel-control-next {
  margin-right: -2.5%; }

.btn-start {
  position: absolute;
  left: 64.64286%;
  top: 76.58321%;
  width: 22.5%;
  height: 10.162%;
  z-index: 2; }
  .btn-start img {
    vertical-align: top; }

@media (min-width: 992px) {
  .btn-start {
    position: absolute;
    left: 64.64286%;
    top: 81.81818%;
    width: 22.5%;
    height: 7.04801%;
    z-index: 2; } }
.btn-detail {
  position: absolute;
  left: 42.85714%;
  top: 89.89474%;
  width: 22.5%;
  height: 7.26316%;
  z-index: 3; }
  .btn-detail img {
    vertical-align: top; }

.btn-pre_order {
  position: absolute;
  left: 67.97619%;
  top: 89.89474%;
  width: 22.5%;
  height: 7.26316%;
  z-index: 2; }
  .btn-pre_order img {
    vertical-align: top; }

@media (min-width: 992px) {
  .btn-detail {
    position: absolute;
    left: 52.14286%;
    top: 89.89474%;
    width: 22.5%;
    height: 7.26316%;
    z-index: 3; }
    .btn-detail img {
      vertical-align: top; }

  .btn-pre_order {
    position: absolute;
    left: 77.2619%;
    top: 89.89474%;
    width: 22.5%;
    height: 7.26316%;
    z-index: 2; }
    .btn-pre_order img {
      vertical-align: top; } }
.qa-part1 {
  position: absolute;
  width: 100%;
  height: 86.73469%;
  left: 0;
  top: 0; }
  .qa-part1.radio > div > img {
    display: none; }
  .qa-part1.radio > div.active > img {
    display: block; }
  .qa-part1.radio > div:hover {
    cursor: pointer; }
  .qa-part1.radio > div:nth-child(1) {
    position: absolute;
    left: 10%;
    top: 8.58824%;
    width: 42.97619%;
    height: 38.94118%;
    z-index: 45; }
    .qa-part1.radio > div:nth-child(1) > img {
      position: absolute;
      width: 18.83657%;
      height: 14.50151%;
      bottom: 25.37764%; }
  .qa-part1.radio > div:nth-child(2) {
    position: absolute;
    left: 57.02381%;
    top: 8.58824%;
    width: 42.97619%;
    height: 38.94118%;
    z-index: 44; }
    .qa-part1.radio > div:nth-child(2) > img {
      position: absolute;
      width: 21.32964%;
      height: 14.50151%;
      bottom: 25.37764%; }
  .qa-part1.radio > div:nth-child(3) {
    position: absolute;
    left: 10%;
    top: 53.64706%;
    width: 42.97619%;
    height: 38.94118%;
    z-index: 43; }
    .qa-part1.radio > div:nth-child(3) > img {
      position: absolute;
      width: 21.60665%;
      height: 14.80363%;
      bottom: 25.37764%; }
  .qa-part1.radio > div:nth-child(4) {
    position: absolute;
    left: 57.02381%;
    top: 53.64706%;
    width: 42.97619%;
    height: 38.94118%;
    z-index: 42; }
    .qa-part1.radio > div:nth-child(4) > img {
      position: absolute;
      width: 21.32964%;
      height: 14.50151%;
      bottom: 25.37764%; }
  .qa-part1.checkbox1 > div {
    border-radius: 6px;
    background-color: rgba(0, 174, 239, 0); }
  .qa-part1.checkbox1 > div.active {
    background-color: rgba(0, 174, 239, 0.22); }
  .qa-part1.checkbox1 > div:hover {
    cursor: pointer; }
  .qa-part1.checkbox1 > div:nth-child(1) {
    position: absolute;
    left: 10.95238%;
    top: 9.88235%;
    width: 22.38095%;
    height: 21.29412%;
    z-index: 12; }
  .qa-part1.checkbox1 > div:nth-child(2) {
    position: absolute;
    left: 38.57143%;
    top: 9.88235%;
    width: 22.38095%;
    height: 21.29412%;
    z-index: 11; }
  .qa-part1.checkbox1 > div:nth-child(3) {
    position: absolute;
    left: 66.07143%;
    top: 9.88235%;
    width: 22.38095%;
    height: 21.29412%;
    z-index: 10; }
  .qa-part1.checkbox1 > div:nth-child(4) {
    position: absolute;
    left: 10.95238%;
    top: 36.35294%;
    width: 22.38095%;
    height: 21.29412%;
    z-index: 9; }
  .qa-part1.checkbox1 > div:nth-child(5) {
    position: absolute;
    left: 38.57143%;
    top: 36.35294%;
    width: 22.38095%;
    height: 21.29412%;
    z-index: 8; }
  .qa-part1.checkbox1 > div:nth-child(6) {
    position: absolute;
    left: 66.07143%;
    top: 36.35294%;
    width: 22.38095%;
    height: 21.29412%;
    z-index: 7; }
  .qa-part1.checkbox1 > div:nth-child(7) {
    position: absolute;
    left: 10.95238%;
    top: 63.41176%;
    width: 22.38095%;
    height: 21.29412%;
    z-index: 6; }
  .qa-part1.checkbox1 > div:nth-child(8) {
    position: absolute;
    left: 38.57143%;
    top: 63.41176%;
    width: 22.38095%;
    height: 21.29412%;
    z-index: 5; }
  .qa-part1.checkbox1 > div:nth-child(9) {
    position: absolute;
    left: 66.07143%;
    top: 63.41176%;
    width: 22.38095%;
    height: 21.29412%;
    z-index: 4; }
  .qa-part1.checkbox2 > div {
    position: absolute;
    width: 20.59524%;
    height: 15.52941%; }
    .qa-part1.checkbox2 > div img {
      display: none; }
    .qa-part1.checkbox2 > div > div {
      position: relative;
      width: 76.87861271676301%;
      height: 69.6969696969697%; }
  .qa-part1.checkbox2 > div.active img {
    display: block; }
  .qa-part1.checkbox2 > div:hover {
    cursor: pointer; }
  .qa-part1.checkbox2 > div:nth-child(1) {
    left: 14.88095%;
    top: 25.05882%;
    z-index: 68; }
  .qa-part1.checkbox2 > div:nth-child(2) {
    left: 39.64286%;
    top: 25.05882%;
    z-index: 67; }
  .qa-part1.checkbox2 > div:nth-child(3) {
    left: 64.64286%;
    top: 25.05882%;
    z-index: 66; }
  .qa-part1.checkbox2 > div:nth-child(4) {
    left: 14.88095%;
    top: 44.70588%;
    z-index: 65; }
  .qa-part1.checkbox2 > div:nth-child(5) {
    left: 39.64286%;
    top: 44.70588%;
    z-index: 64; }
  .qa-part1.checkbox2 > div:nth-child(6) {
    left: 64.64286%;
    top: 44.70588%;
    z-index: 63; }
  .qa-part1.checkbox2 > div:nth-child(7) {
    left: 14.88095%;
    top: 64.35294%;
    z-index: 62; }
  .qa-part1.checkbox2 > div:nth-child(8) {
    left: 39.64286%;
    top: 64.35294%;
    z-index: 61; }
  .qa-part1.checkbox2 > div:nth-child(9) {
    left: 64.64286%;
    top: 64.35294%;
    z-index: 60; }

.qa-part2 {
  position: absolute;
  width: 100%;
  height: 13.26531%;
  left: 0;
  top: 86.73469%; }
  .qa-part2 .btn-next {
    display: block;
    position: absolute;
    left: 40.59524%;
    top: 0;
    width: 18.69048%;
    height: 44.61538%;
    z-index: 2; }
    .qa-part2 .btn-next img {
      vertical-align: top; }

.result {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99991;
  display: none; }
  .result > div.position-relative {
    z-index: 99993;
    width: 100%;
    height: 100%;
    overflow: auto; }

.result-overlay {
  position: fixed;
  width: 100% !important;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.75); }

.result > div > div {
  width: 100%; }

@media (min-width: 579px) {
  .result > div > div {
    width: 579px; } }
@media (min-width: 992px) {
  .result > div > div {
    width: 72.6207906295754%; } }
@media (min-width: 1366px) {
  .result > div > div {
    width: 992px; } }
.btn-close {
  position: absolute;
  left: 2.41796%;
  top: 1.63462%;
  width: 12.95337%;
  height: 5.48077%;
  z-index: 22; }

.btn-share {
  position: absolute;
  left: 71.6753%;
  top: 91.44231%;
  width: 17.962%;
  height: 4.13462%;
  z-index: 21; }

@media (min-width: 992px) {
  .btn-close {
    position: absolute;
    left: 1.71371%;
    top: 2.30216%;
    width: 7.96371%;
    height: 8.48921%;
    z-index: 22; }

  .btn-share {
    position: absolute;
    left: 80.84677%;
    top: 86.47482%;
    width: 10.48387%;
    height: 6.18705%;
    z-index: 21; } }
input,
input:checked,
input:enabled {
  background-color: transparent !important; }

input:focus,
select:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important; }

.form {
  display: none; }
  .form .section {
    background: #00aeef;
    min-height: 100vh;
    padding: 1.5em 0; }
    .form .section .section-in {
      width: 95.88477366255144%;
      background: #ffffff;
      -webkit-border-radius: 4.0625em;
      -moz-border-radius: 4.0625em;
      border-radius: 4.0625em;
      overflow: hidden; }
      .form .section .section-in .form-in {
        position: relative;
        margin-left: auto;
        margin-right: auto; }

@media (min-width: 992px) {
  .form .section .section-in {
    width: 93.68998628257888%; }
    .form .section .section-in .form-in {
      width: 71.875%; } }
@media (min-width: 1458px) {
  .form .section .section-in {
    width: 1398px; } }
.form .box-name {
  position: absolute;
  left: 20%;
  top: 22.1831%;
  width: 74.16667%;
  height: 7.62911%;
  z-index: 27; }
  .form .box-name input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: none;
    background-color: transparent;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 2.625em;
    z-index: 2;
    color: #595757; }
.form .box-gender {
  position: absolute;
  left: 18.66667%;
  top: 34.2723%;
  width: 41%;
  height: 5.28169%;
  z-index: 16; }
  .form .box-gender > div > img {
    display: none; }
  .form .box-gender > div.active > img {
    display: block; }
  .form .box-gender > div:hover {
    cursor: pointer; }
  .form .box-gender .male {
    position: absolute;
    left: 0;
    top: 0;
    width: 46.74797%;
    height: 100%;
    z-index: 13; }
  .form .box-gender .female {
    position: absolute;
    left: 53.25203%;
    top: 0;
    width: 46.74797%;
    height: 100%;
    z-index: 14; }
.form .box-age {
  position: absolute;
  left: 20%;
  top: 44.3662%;
  width: 74.16667%;
  height: 7.62911%;
  background: url("../images/form/arrow.png") right center no-repeat;
  background-size: auto 100%;
  z-index: 3; }
  .form .box-age select {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: none;
    background-color: transparent;
    padding-left: 0.5em;
    font-size: 2.625em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #595757;
    z-index: 2; }
.form .box-email {
  position: absolute;
  left: 20%;
  top: 57.51174%;
  width: 74.16667%;
  height: 7.62911%;
  z-index: 4; }
  .form .box-email input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: none;
    background-color: transparent;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 2.625em;
    z-index: 2;
    color: #595757; }
.form .checkbox1 {
  position: absolute;
  left: 4.33333%;
  top: 68.77934%;
  width: 19.16667%;
  height: 5.28169%;
  z-index: 10; }
  .form .checkbox1 > img {
    display: none; }
  .form .checkbox1.active > img {
    display: block; }
  .form .checkbox1:hover {
    cursor: pointer; }
.form .checkbox2 {
  position: absolute;
  left: 4.33333%;
  top: 74.06103%;
  width: 19.16667%;
  height: 5.28169%;
  z-index: 17; }
  .form .checkbox2 > img {
    display: none; }
  .form .checkbox2.active > img {
    display: block; }
  .form .checkbox2:hover {
    cursor: pointer; }
.form .privacy {
  position: absolute;
  display: block;
  left: 23.66667%;
  top: 68.77934%;
  width: 35%;
  height: 4.92958%;
  z-index: 11;
  border-bottom: 1px solid #595757; }
.form .btn-submit {
  position: absolute;
  display: block;
  left: 36.83333%;
  top: 81.57277%;
  width: 26.16667%;
  height: 6.69014%;
  z-index: 18; }

@media (min-width: 992px) {
  .form .box-name {
    position: absolute;
    left: 14.8913%;
    top: 26.54494%;
    width: 40.21739%;
    height: 9.12921%;
    z-index: 2; }
    .form .box-name input {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      border: none;
      background-color: transparent;
      padding-left: 0.5em;
      padding-right: 0.5em;
      font-size: 1.6875em;
      z-index: 2;
      color: #595757; }
  .form .box-gender {
    position: absolute;
    left: 69.56522%;
    top: 27.80899%;
    width: 26.73913%;
    height: 6.32022%;
    z-index: 16; }
    .form .box-gender > div > img {
      display: none; }
    .form .box-gender > div.active > img {
      display: block; }
    .form .box-gender > div:hover {
      cursor: pointer; }
    .form .box-gender .male {
      position: absolute;
      left: 0;
      top: 0;
      width: 46.74797%;
      height: 100%;
      z-index: 13; }
    .form .box-gender .female {
      position: absolute;
      left: 53.25203%;
      top: 0;
      width: 46.74797%;
      height: 100%;
      z-index: 14; }
  .form .box-age {
    position: absolute;
    left: 14.8913%;
    top: 42.27528%;
    width: 40.21739%;
    height: 9.12921%;
    z-index: 3; }
    .form .box-age select {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      border: none;
      background-color: transparent;
      padding-left: 0.5em;
      font-size: 1.6875em;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      color: #595757;
      z-index: 2; }
  .form .box-email {
    position: absolute;
    left: 14.8913%;
    top: 58.00562%;
    width: 79.23913%;
    height: 9.12921%;
    z-index: 4; }
    .form .box-email input {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      border: none;
      background-color: transparent;
      padding-left: 0.5em;
      padding-right: 0.5em;
      font-size: 1.6875em;
      z-index: 2;
      color: #595757; }
  .form .checkbox1 {
    position: absolute;
    left: 4.78261%;
    top: 71.62921%;
    width: 12.5%;
    height: 6.32022%;
    z-index: 10; }
    .form .checkbox1 > img {
      display: none; }
    .form .checkbox1.active > img {
      display: block; }
    .form .checkbox1:hover {
      cursor: pointer; }
  .form .checkbox2 {
    position: absolute;
    left: 4.78261%;
    top: 77.94944%;
    width: 12.5%;
    height: 6.32022%;
    z-index: 17; }
    .form .checkbox2 > img {
      display: none; }
    .form .checkbox2.active > img {
      display: block; }
    .form .checkbox2:hover {
      cursor: pointer; }
  .form .privacy {
    position: absolute;
    display: block;
    left: 17.3913%;
    top: 71.62921%;
    width: 22.82609%;
    height: 5.61798%;
    z-index: 11; }
    .form .privacy:hover {
      border-bottom: 2px solid #595757; }
  .form .btn-submit {
    position: absolute;
    display: block;
    left: 41.95652%;
    top: 86.9382%;
    width: 17.06522%;
    height: 8.00562%;
    z-index: 18; } }
.overlay-landscape-modal-mobile {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  display: none; }
  .overlay-landscape-modal-mobile.active {
    display: block; }
  .overlay-landscape-modal-mobile > div {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00aeef; }