@charset "UTF-8";
/** 20220627 e櫃台新增選股、抽籤 **/
.content h2, .content h3, .content p {
  font-family: "Microsoft JhengHei";
  font-weight: bold; }

.content h2 {
  color: #3dab00;
  font-size: 28px; }

.content h3 {
  color: #3dab00;
  font-size: 20px; }

.content p {
  color: #69736f;
  font-size: 20px; }

.content .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 30px; }
  .content .text.bg2 {
    background: #ECF1E5; }
  .content .text .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .content .text .title .line-left, .content .text .title .line-right {
      width: 100px;
      height: 1px;
      border-top: 1px solid #3dab00; }
    .content .text .title .line-left {
      margin-right: 20px; }
    .content .text .title .line-right {
      margin-left: 20px; }

.content section {
  width: 100%;
  height: 659px; }
  .content section.area1, .content section.area2, .content section.area3, .content section.area4, .content section.area5, .content section.area6, .content section.area7, .content section.area8 {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative; }
  .content section.area1 {
    background-image: url(../images/e_service/eApp_img1.png);
    height: 588px; }
    .content section.area1 .subtitle, .content section.area1 .download {
      position: absolute;
      letter-spacing: 0.06em; }
    .content section.area1 .subtitle {
      top: 177px;
      left: 111px;
      color: #008E42; }
    .content section.area1 .download {
      margin-top: 65px;
      top: 200px;
      left: 184px;
      color: #000000; }
  .content section.area2 {
    background-image: url(../images/e_service/eApp_img2.png);
    height: 538px; }
  .content section.area3 {
    background-image: url(../images/e_service/eApp_img3.png);
    height: 564px; }
  .content section.area4 {
    background-image: url(../images/e_service/eApp_img4.png);
    height: 376px; }
  .content section.area5 {
    background-image: url(../images/e_service/eApp_img5.png);
    height: 533px; }
  .content section.area6 {
    background-image: url(../images/e_service/eApp_img6.png);
    height: 550px; }
  .content section.area7 {
    background-image: url(../images/e_service/eApp_img7.png);
    height: 358px; }
  .content section.area8 {
    background-image: url(../images/e_service/eApp_img8.png);
    height: 480px; }

.content .qa_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #eaf0e3; }
  .content .qa_footer .AppVersionDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 70px 0px 70px 60px; }
    .content .qa_footer .AppVersionDiv .AppVersion {
      font-family: "微軟正黑體";
      color: #444;
      line-height: 1.2;
      font-size: 15px; }
  .content .qa_footer .qa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .content .qa_footer .qa span {
      line-height: 2;
      font-size: 15px; }
    .content .qa_footer .qa .qa_btn {
      background-color: #3dab00;
      text-align: center;
      border-radius: 10px;
      padding: 10px;
      width: 200px;
      margin-top: 10px; }
      .content .qa_footer .qa .qa_btn a {
        color: #FFF;
        font-size: 16px; }