@import url(https://fonts.googleapis.com/earlyaccess/cwtexkai.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexming.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+TC:200,300,400,500,600,700,900&subset=chinese-traditional); /*# sourceMappingURL=index.css.map */

.A_block {
  .A_pc {
    position: relative;

    .pc_Scroll {
      /* border : 1px solid black; */
      width: 5%;
      position: absolute;
      bottom: 12%;
      left: 48%;
      transform: translate(0%, 2%);

      -webkit-animation: baloon_1 3s infinite;
    }
  }

  .A_mobile {
    position: relative;

    .mo_Scroll {
      /* border : 1px solid black; */
      width: 12%;
      position: absolute;
      bottom: 11%;
      left: 43%;
      transform: translate(0%, 2%);

      -webkit-animation: baloon_1 3s infinite;
    }
  }
}

@-webkit-keyframes baloon_1 {
  0% {
    transform: translateY(20px);
  }
  50% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(20px);
  }
}

.B_block {
  .B_pc {
    position: relative;

    .B_pc_content {
      position: absolute;
      width: 55%;
      bottom: 34%;
      left: 26%;
    }
  }

  .B_mobile {
    position: relative;

    .B_mobile_Content_1 {
      position: absolute;
      width: 75%;
      top: 8.5%;
      left: 1.5%;
    }

    .B_mobile_Content_2 {
      position: absolute;
      width: 95%;
      bottom: 23%;
      left: 1.1%;
    }
  }
}

.C_block {
  .C_mobile {
    position: relative;

    .c_mobile_content_1 {
      position: absolute;

      width: 25%;
      bottom: 32%;
      right: 40%;
    }

    .c_mobile_content_2 {
      position: absolute;

      width: 25%;
      bottom: 32%;
      right: 70%;
    }

    .c_mobile_content_3 {
      position: absolute;

      width: 25%;
      bottom: 5%;
      right: 10%;
    }

    .c_mobile_content_4 {
      position: absolute;

      width: 25%;
      bottom: 5%;
      right: 39%;
    }

    .c_mobile_content_5 {
      position: absolute;

      width: 25%;
      bottom: 8.5%;
      right: 70%;
    }
  }
}

.D_block {
  .D_pc {
    position: relative;

    .D_pc_content_1 {
      position: absolute;

      width: 10%;
      bottom: 21%;
      right: 25%;
    }

    .D_pc_content_2 {
      position: absolute;

      width: 10%;
      bottom: 21%;
      right: 40%;
    }

    .D_pc_content_3 {
      position: absolute;

      width: 10%;
      bottom: 21%;
      right: 55%;
    }

    .D_pc_content_4 {
      position: absolute;

      width: 10%;
      bottom: 21%;
      right: 70%;
    }

    .D_pc_content_5 {
      position: absolute;

      width: 10%;
      bottom: 30.2%;
      right: 85%;
    }
  }
}

.E_block {
  .E_pc_footer {
    position: relative;

    .E_form {
      position: absolute;
      width: 60%;
      right: 0%;
      bottom: 45%;

      form {
        font-weight: bolder;
      }

      .customerStyle {
        width: 70%;
      }

      .serviceOpinion {
        width: 70%;
        height: 100px;
        border: 1px solid #000;
        color: #fff;
      }

      .sendButton {
        background: #ffd306;
        color: #fff;
        border-style: none;
      }
    }

    .E_pc_icon {
      position: absolute;
      /* border:1px solid #000; */
      right: 35%;
      bottom: 6%;
      width : 20%;

      img {
        width : 15%;
      }
    }
  }

  .E_mo_footer {
    position: relative;
    .E_form {
      
      position: absolute;
      width: 100%;
      right: 0%;
      bottom: 45%;

      form {
        /* border: 1px solid #000; */
        font-weight: bolder;
        font-size: 20px;
      }

      .customerStyle {
        width: 70%;
      }

      .serviceOpinion {
        width: 70%;
        height: 100px;
        border: 1px solid #000;
        color: #fff;
      }

      .sendButton {
        background: #ffd306;
        color: #fff;
        border-style: none;
      }
    }
    .E_mo_icon {
      position: absolute;
      /* border:1px solid #000; */
      right: 30%;
      bottom: 16%;
      width : 30%;

      img {
        width : 25%;
      }
    }
  }
}