@charset "UTF-8";
/*--> Default File ----------------------------------------------------------------------------*/
/* Theme Project: 亞東證券線上開戶活動
	Designed by : PAVI Digital Tech. Co., Ltd.
	Front-End by : Evy
	Author: 百崴數位科技股份有限公司 PAVI Digital Tech. Co., Ltd.
	Author Web: www.pavi.com.tw */
/*--> scrollMove ----------------------------------------------------------------------------*/
@-webkit-keyframes scrollMove {
  0% {
    bottom: 70px;
    opacity: 1; }
  100% {
    bottom: 40px;
    opacity: 0; } }

@-moz-keyframes scrollMove {
  0% {
    bottom: 70px;
    opacity: 1; }
  100% {
    bottom: 40px;
    opacity: 0; } }

@keyframes scrollMove {
  0% {
    bottom: 70px;
    opacity: 1; }
  100% {
    bottom: 40px;
    opacity: 0; } }

/*--> downToUp ----------------------------------------------------------------------------*/
@-webkit-keyframes downToUp {
  0% {
    top: 100px;
    opacity: 0; }
  100% {
    top: 0;
    opacity: 1; } }

@-moz-keyframes downToUp {
  0% {
    top: 100px;
    opacity: 0; }
  100% {
    top: 0;
    opacity: 1; } }

@keyframes downToUp {
  0% {
    top: 100px;
    opacity: 0; }
  100% {
    top: 0;
    opacity: 1; } }

/*--> marginToUp ----------------------------------------------------------------------------*/
@-webkit-keyframes marginToUp {
  0% {
    margin-top: 100px;
    opacity: 0; }
  100% {
    margin-top: 0;
    opacity: 1; } }

@-moz-keyframes marginToUp {
  0% {
    margin-top: 100px;
    opacity: 0; }
  100% {
    margin-top: 0;
    opacity: 1; } }

@keyframes marginToUp {
  0% {
    margin-top: 100px;
    opacity: 0; }
  100% {
    margin-top: 0;
    opacity: 1; } }

/*--> fadeIn ----------------------------------------------------------------------------*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* CSS Reset */
/* line 132, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
a:visited,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  list-style: none; }

/* HTML5 display-role reset for older browsers */
/* line 222, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

/* line 235, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
figure {
  line-height: 0; }

/* line 238, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
body {
  line-height: 1; }

/* line 241, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
ol,
ul {
  list-style: none; }

/* line 245, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
blockquote,
q {
  quotes: none; }

/* line 249, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

/* line 256, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
table {
  vertical-align: middle; }

/* line 259, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
input:focus,
button:focus {
  outline: none; }

/*--> Shared File ----------------------------------------------------------------------------*/
/*--> Global ----------------------------------------------------------------------------*/
/* line 266, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
* {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* line 271, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
html {
  width: 100%;
  overflow: visible;
  display: block;
  position: relative;
  padding: 0; }

/* line 278, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
body {
  position: relative;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  font-family: Arial, 'Noto Sans TC', 'Microsoft JhengHei', Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  color: #616161;
  background: #ffffff;
  line-height: 1.5em;
  letter-spacing: 0.14em;
  padding: 0;
  overflow-x: hidden; }

/* line 293, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
body:focus {
  outline: none !important; }

/* line 296, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
body.popupOpen {
  overflow: hidden; }

/* line 299, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
*:focus {
  outline: 3px dashed #23b1e2 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  outline-offset: -1px; }

/* line 308, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
input,
textarea,
select,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/* line 316, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
button {
  background: #eaeaea;
  color: #333;
  border: 1px solid #fff;
  display: inline-block;
  vertical-align: top;
  outline: none;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  padding: 10px 15px;
  outline: none; }

/* line 328, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
button:visited,
button:active,
button:focus {
  color: #333;
  text-decoration: none; }

/* line 334, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
button:hover {
  background: #333;
  color: #fff;
  background: #262626;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #fff; }

/* line 342, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
button [class^="icon-"] {
  position: relative;
  top: 1px;
  margin-right: 5px; }

/* line 347, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
figure {
  line-height: 0; }

/* line 350, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
a,
a:visited {
  position: relative;
  outline: none;
  /* for Firefox Google Chrome  */
  color: #333;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

/* line 361, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
a:hover {
  color: #262626;
  text-decoration: none; }

/* line 365, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.hidden {
  display: none; }

/* line 368, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.error {
  color: #E6E6E6;
  font-weight: normal; }

/* line 372, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.note {
  color: #e60012;
  font-weight: normal; }

/* line 376, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
p {
  margin-bottom: 20px;
  line-height: 1.6em; }

/* line 380, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.center {
  text-align: center; }

/* line 383, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.scrollTopHome {
  position: fixed;
  left: 10px;
  bottom: 10px;
  z-index: 99;
  opacity: 0; }

/* line 390, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.hr {
  /*border-bottom: 1px solid #999;*/
  margin: 40px 0; }

/*--> To Top ----------------------------------------------------------------------------*/
/* line 396, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
#topcontrol {
  z-index: 20;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  overflow: hidden; }

/* line 405, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
#topcontrol a {
  text-align: center;
  display: block;
  color: #fff;
  background: #e60012;
  border: 1px solid #e60012;
  width: 40px;
  height: 40px;
  border-radius: 20px; }

/* line 415, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
#topcontrol a:before {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  width: 40px;
  line-height: 37px;
  font-size: 16px;
  content: "▲"; }

/* line 424, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
#topcontrol a:visited {
  color: #ce1717; }

/* line 427, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
#topcontrol a:hover {
  opacity: 1; }

/* line 430, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.hash {
  position: absolute;
  z-index: 99;
  top: -118px;
  left: 0;
  width: 50px;
  height: 50px;
  background: transparent; }

/*--> Loading ----------------------------------------------------------------------------*/
/* line 441, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.loading {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  text-align: center; }

/* line 451, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.loading div {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -65px; }

/*--> Header --------------------------------------------*/
/* line 460, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.header {
  /*--> Banner ----------------------------*/ }
  /* line 462, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
  .header .homeBanner {
    position: relative; }
    /* line 465, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
    .header .homeBanner figure img {
      display: block;
      width: 100%;
      height: auto;
      max-width: 100%; }
    /* line 472, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
    .header .homeBanner .btnArea {
      position: absolute;
      width: 200px;
      left: 49%;
      top: 68%; }
      /* line 477, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .header .homeBanner .btnArea a.btnMore {
        text-align: center;
        background: #bf311a;
        color: #fff;
        display: block;
        outline: none;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        padding: 15px 20px;
        letter-spacing: 1px;
        line-height: 1em;
        font-size: 30px; }
        /* line 489, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .header .homeBanner .btnArea a.btnMore:visited, .header .homeBanner .btnArea a.btnMore:active, .header .homeBanner .btnArea a.btnMore:focus {
          color: #fff;
          text-decoration: none; }
        /* line 495, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .header .homeBanner .btnArea a.btnMore:hover {
          background: #333;
          color: #fff;
          background: #262626;
          text-decoration: none;
          cursor: pointer; }
      /* line 503, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .header .homeBanner .btnArea img {
        display: block;
        width: 55px;
        height: auto;
        position: absolute;
        right: -20px;
        bottom: -30px;
        transform: rotate(-30deg); }
      @media all and (max-width: 767px) {
        /* line 472, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .header .homeBanner .btnArea {
          left: 45%;
          top: 82%; } }
      @media all and (max-width: 500px) {
        /* line 472, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .header .homeBanner .btnArea {
          width: 150px;
          left: 45%;
          top: 82%; }
          /* line 520, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
          .header .homeBanner .btnArea a.btnMore {
            padding: 10px;
            font-size: 24px; }
          /* line 524, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
          .header .homeBanner .btnArea img {
            width: 30px;
            right: -5px;
            bottom: -10px; } }

/*--> Footer ----------------------------------------------------------------------------*/
/* line 535, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.footer {
  position: relative;
  text-align: center;
  vertical-align: top;
  padding: 45px 0 30px 0;
  background: #bf311a;
  color: #fff; }

/* line 543, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.footer .guide {
  position: absolute;
  top: 0;
  left: 0; }

/* line 548, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.addressArea {
  font-style: normal;
  font-size: 14px; }

/* line 552, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.footerLink {
  margin-bottom: 15px; }

/* line 555, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.serviceArea p {
  margin-bottom: 0px;
  font-size: 14px; }

/* line 559, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.serviceArea a {
  color: #fff;
  text-decoration: underline;
  margin-left: 15px; }

/* line 564, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.serviceArea a:visited {
  color: #fff; }

/* line 567, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.serviceArea a:hover {
  color: #ffed24; }

/* line 570, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.footerMenu {
  position: relative; }

/* line 573, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.footerMenu ul li {
  display: inline-block;
  vertical-align: middle; }

/* line 577, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.footerMenu ul li + li::before {
  display: inline-block;
  vertical-align: middle;
  content: '|';
  margin: 0 10px; }

/* line 583, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.footerMenu ul li a {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.6em; }

/* line 589, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.footerMenu ul li a:visited {
  color: #fff; }

/* line 592, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.footerMenu ul li a:hover {
  color: #ffed24; }

/*--> Not  Shared File ----------------------------------------------------------------------*/
/* line 597, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
a.moreLink {
  color: #262626;
  position: relative;
  border-bottom: 1px solid #262626; }

/* line 602, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
a.moreLink:visited {
  color: #262626; }

/* line 605, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
a.moreLink:hover {
  color: #e60012; }

/* line 608, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
a.moreLink:hover {
  border-bottom: 1px solid #e60012; }

/*--> Global ----------------------------------------------------------------------------*/
/*-->動態部分 ----------------------------------------------------*/
/*--> 區塊內元件無絕對定位 --*/
/* line 615, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.homeEsg [class^='act'] > *:not(.anchor) {
  position: relative;
  top: 100px;
  opacity: 0; }

/* line 620, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.homeEsg [class^='act'].fadeIn > *:nth-child(1) {
  animation-duration: 0.8s;
  animation-name: downToUp;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-name: downToUp;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-name: downToUp;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-delay: 0.3s;
  -moz-animation-fill-mode: forwards; }

/* line 643, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.homeEsg [class^='act'].fadeIn > *:nth-child(2) {
  animation-duration: 0.8s;
  animation-name: downToUp;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-name: downToUp;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-name: downToUp;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-delay: 0.6s;
  -moz-animation-fill-mode: forwards; }

/* line 666, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.homeEsg [class^='act'].fadeIn > *:nth-child(3) {
  animation-duration: 0.8s;
  animation-name: downToUp;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-delay: 0.9s;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-name: downToUp;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 0.9s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-name: downToUp;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-delay: 0.9s;
  -moz-animation-fill-mode: forwards; }

/* line 689, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.homeEsg [class^='act'].fadeIn > *:nth-child(4) {
  animation-duration: 0.8s;
  animation-name: downToUp;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-delay: 1.2s;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-name: downToUp;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 1.2s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-name: downToUp;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-delay: 1.2s;
  -moz-animation-fill-mode: forwards; }

/* line 712, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.homeEsg [class^='act'].fadeIn > *:nth-child(5) {
  animation-duration: 0.8s;
  animation-name: downToUp;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-name: downToUp;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 1.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-name: downToUp;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-delay: 1.5s;
  -moz-animation-fill-mode: forwards; }

/* line 735, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.homeEsg [class^='act'].fadeIn > *:nth-child(6) {
  animation-duration: 0.8s;
  animation-name: downToUp;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-delay: 1.8s;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-name: downToUp;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 1.8s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-name: downToUp;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-delay: 1.8s;
  -moz-animation-fill-mode: forwards; }

/* line 758, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.homeEsg [class^='act'].fadeIn > *:nth-child(7) {
  animation-duration: 0.8s;
  animation-name: downToUp;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-delay: 2.1s;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-name: downToUp;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 2.1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-name: downToUp;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-delay: 2.1s;
  -moz-animation-fill-mode: forwards; }

/* line 781, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.homeEsg [class^='act'].fadeIn > *:nth-child(8) {
  animation-duration: 0.8s;
  animation-name: downToUp;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-delay: 2.4s;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-name: downToUp;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 2.4s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-name: downToUp;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-delay: 2.4s;
  -moz-animation-fill-mode: forwards; }

/* line 804, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.homeMain [class^='act'] > *:not(.anchor) {
  position: relative;
  top: 100px;
  opacity: 0; }

/* line 809, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.homeMain [class^='act'].fadeIn > *:nth-child(1) {
  animation-duration: 0.8s;
  animation-name: downToUp;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-name: downToUp;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-name: downToUp;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-delay: 0.3s;
  -moz-animation-fill-mode: forwards; }

/* line 832, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.homeMain [class^='act'].fadeIn > *:nth-child(2) {
  animation-duration: 0.8s;
  animation-name: downToUp;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-name: downToUp;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-name: downToUp;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-delay: 0.6s;
  -moz-animation-fill-mode: forwards; }

/* line 855, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.homeMain [class^='act'].fadeIn > *:nth-child(3) {
  animation-duration: 0.8s;
  animation-name: downToUp;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-delay: 0.9s;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-name: downToUp;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 0.9s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-name: downToUp;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-delay: 0.9s;
  -moz-animation-fill-mode: forwards; }

/* line 878, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.homeMain [class^='act'].fadeIn > *:nth-child(4) {
  animation-duration: 0.8s;
  animation-name: downToUp;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-delay: 1.2s;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-name: downToUp;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 1.2s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-name: downToUp;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-delay: 1.2s;
  -moz-animation-fill-mode: forwards; }

/* line 901, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.homeMain [class^='act'].fadeIn > *:nth-child(5) {
  animation-duration: 0.8s;
  animation-name: downToUp;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-name: downToUp;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 1.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-name: downToUp;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-delay: 1.5s;
  -moz-animation-fill-mode: forwards; }

/* line 924, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.homeMain [class^='act'].fadeIn > *:nth-child(6) {
  animation-duration: 0.8s;
  animation-name: downToUp;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-delay: 1.8s;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-name: downToUp;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 1.8s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-name: downToUp;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-delay: 1.8s;
  -moz-animation-fill-mode: forwards; }

/* line 947, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.homeMain [class^='act'].fadeIn > *:nth-child(7) {
  animation-duration: 0.8s;
  animation-name: downToUp;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-delay: 2.1s;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-name: downToUp;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 2.1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-name: downToUp;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-delay: 2.1s;
  -moz-animation-fill-mode: forwards; }

/* line 970, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.homeMain [class^='act'].fadeIn > *:nth-child(8) {
  animation-duration: 0.8s;
  animation-name: downToUp;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-delay: 2.4s;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-name: downToUp;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 2.4s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-name: downToUp;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-delay: 2.4s;
  -moz-animation-fill-mode: forwards; }

/*--> Main ----------------------------------------*/
/* line 995, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.homeMain {
  position: relative; }
  /* line 997, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
  .homeMain .infoArea {
    padding: 50px 0; }
    /* line 999, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
    .homeMain .infoArea.bg1 .areaContent {
      background: url("../images/bg_1.jpg") left bottom no-repeat;
      background-size: 100% auto; }
    /* line 1003, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
    .homeMain .infoArea .areaContent {
      position: relative;
      max-width: 1250px;
      width: calc(100% - 40px);
      margin: 0 auto;
      padding: 0 0 1px 0; }

/* line 1013, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.textArea ul.infoList {
  position: relative;
  width: 100%;
  max-width: 900px;
  margin: 0 auto; }
  /* line 1018, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
  .textArea ul.infoList li {
    position: relative;
    padding: 5px 0 30px 170px; }
    /* line 1021, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
    .textArea ul.infoList li .title {
      position: absolute;
      top: 0px;
      left: 0;
      font-size: 26px;
      font-weight: 500;
      display: block;
      padding: 15px 10px;
      color: #fff;
      background-color: #1345b8;
      width: 150px;
      text-align: center;
      border-radius: 20px; }
    /* line 1035, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
    .textArea ul.infoList li p {
      font-weight: 500;
      color: #000;
      font-size: 22px;
      line-height: 45px; }
      /* line 1040, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .textArea ul.infoList li p span.red {
        color: #bb1b21;
        font-size: 36px;
        font-weight: bold; }
      /* line 1045, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .textArea ul.infoList li p a {
        color: #1345b8;
        text-decoration: underline;
        display: inline-block; }
        /* line 1049, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .textArea ul.infoList li p a:hover {
          color: #bb1b21;
          cursor: pointer; }
      /* line 1054, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .textArea ul.infoList li p.note {
        padding-left: 60px;
        color: #616161;
        font-size: 18px;
        display: block;
        line-height: 30px;
        font-weight: normal; }
        /* line 1061, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .textArea ul.infoList li p.note span {
          display: block;
          position: absolute;
          left: 0;
          top: 0; }
    @media all and (max-width: 640px) {
      /* line 1018, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .textArea ul.infoList li {
        padding: 5px 0 30px 100px; }
        /* line 1071, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .textArea ul.infoList li .title {
          font-size: 20px;
          padding: 10px 10px;
          width: 80px;
          border-radius: 10px; }
        /* line 1077, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .textArea ul.infoList li p {
          font-size: 18px; }
          /* line 1079, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
          .textArea ul.infoList li p span.red {
            font-size: 26px; }
          /* line 1082, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
          .textArea ul.infoList li p.note {
            padding-left: 60px;
            font-size: 16px;
            line-height: 30px; } }
    @media all and (max-width: 500px) {
      /* line 1018, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .textArea ul.infoList li {
        position: relative;
        padding: 0 0 30px 0; }
        /* line 1092, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .textArea ul.infoList li .title {
          position: relative;
          left: auto;
          top: auto;
          font-size: 20px;
          padding: 10px 10px;
          width: auto;
          border-radius: 10px; }
        /* line 1101, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .textArea ul.infoList li p {
          font-size: 18px;
          line-height: 45px; }
          /* line 1104, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
          .textArea ul.infoList li p span.red {
            font-size: 26px; }
          /* line 1107, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
          .textArea ul.infoList li p.note {
            padding-left: 60px;
            font-size: 16px;
            line-height: 30px; } }

/* line 1117, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.infoArea.bg2 {
  background: #EEF5FF;
  background: linear-gradient(90deg, #eef5ff 0%, #d4e7ff 50%, #eef5ff 100%); }
  /* line 1120, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
  .infoArea.bg2 .areaContent {
    background: url("../images/bg_2.png") left top no-repeat;
    background-size: 100% auto; }

/* line 1125, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.wayArea {
  text-align: center;
  margin-top: 30px; }
  /* line 1128, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
  .wayArea h1 {
    line-height: 1.2em;
    font-size: 52px;
    font-weight: 600;
    color: #ba1b21;
    padding-bottom: 20px; }
  /* line 1135, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
  .wayArea h2 {
    line-height: 1.4em;
    font-size: 39px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #06205c; }
  /* line 1143, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
  .wayArea .logoGroup img {
    width: 300px;
    display: inline-block;
    vertical-align: middle; }
  /* line 1148, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
  .wayArea .logoGroup span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    font-weight: 500;
    font-size: 20px; }
  @media all and (max-width: 767px) {
    /* line 1157, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
    .wayArea h1 {
      font-size: 40px; }
    /* line 1160, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
    .wayArea h2 {
      font-size: 30px; }
    /* line 1164, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
    .wayArea .logoGroup img {
      width: 300px;
      max-width: 100%;
      margin: auto;
      display: block; }
    /* line 1170, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
    .wayArea .logoGroup span {
      margin: 0;
      padding: 20px 0; } }

/* line 1177, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.stepArea {
  text-align: center;
  margin-top: 70px; }
  /* line 1180, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
  .stepArea h3 {
    display: block;
    width: 300px;
    margin: auto;
    font-weight: 500;
    padding: 10px 20px;
    font-size: 36px;
    line-height: 1.4em;
    color: #bb1b21;
    background-color: #fff;
    border: 5px solid #bb1b21;
    border-radius: 50px; }
  /* line 1193, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
  .stepArea .stepBox {
    position: relative;
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch; }
    /* line 1200, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
    .stepArea .stepBox .stepList {
      width: calc((100% - (40px * 4)) / 5 - 5px); }
      /* line 1202, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .stepArea .stepBox .stepList figure.stepIcon {
        width: 100px;
        display: block;
        margin: auto; }
        /* line 1206, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .stepArea .stepBox .stepList figure.stepIcon img {
          display: block;
          width: 100%;
          height: auto; }
      /* line 1212, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .stepArea .stepBox .stepList .title {
        font-size: 18px;
        font-weight: bold;
        padding: 20px 0;
        min-height: 150px;
        display: flex;
        justify-content: center;
        align-items: center; }
        /* line 1220, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .stepArea .stepBox .stepList .title span {
          display: block; }
      /* line 1224, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .stepArea .stepBox .stepList figure.stepPic {
        width: 80%;
        display: block;
        margin: auto; }
        /* line 1228, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .stepArea .stepBox .stepList figure.stepPic img {
          display: block;
          width: 100%;
          height: auto; }
      /* line 1234, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .stepArea .stepBox .stepList p {
        color: #616161;
        padding: 20px 10px 0 10px;
        font-size: 18px; }
    /* line 1240, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
    .stepArea .stepBox .stepListArrow {
      width: 40px;
      align-self: center; }
      /* line 1243, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .stepArea .stepBox .stepListArrow img {
        display: block;
        width: 100%;
        height: auto;
        left: 10px;
        top: 50px; }
    @media all and (max-width: 1000px) {
      /* line 1193, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .stepArea .stepBox {
        justify-content: center; }
        /* line 1253, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .stepArea .stepBox .stepList {
          width: calc((100% - (40px * 3)) / 3 - 5px);
          padding-bottom: 60px; }
        /* line 1257, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .stepArea .stepBox .stepListArrow {
          width: 25px; } }
    @media all and (max-width: 767px) {
      /* line 1193, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .stepArea .stepBox {
        justify-content: center; }
        /* line 1263, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .stepArea .stepBox .stepList {
          width: calc((100% - (40px * 2)) / 2 - 5px); } }
    @media all and (max-width: 500px) {
      /* line 1193, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .stepArea .stepBox {
        justify-content: center; }
        /* line 1269, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .stepArea .stepBox .stepList {
          width: 100%;
          padding: 30px 0; }
          /* line 1272, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
          .stepArea .stepBox .stepList .title {
            min-height: inherit; }
          /* line 1275, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
          .stepArea .stepBox .stepList figure.stepPic {
            width: 100%;
            max-width: 150px; }
        /* line 1280, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .stepArea .stepBox .stepListArrow {
          width: 25px;
          transform: rotate(90deg); }
          /* line 1283, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
          .stepArea .stepBox .stepListArrow img {
            left: 0px;
            top: 0px; } }

/*--> 電子交易平台 ----------------------------------------*/
/* line 1293, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.infoArea.bg3 {background: url("../images/bg_3.jpg") left bottom no-repeat;
    background-size: 100% auto;
 /* background: #ffffff;
  background: linear-gradient(180deg, white 0%, white 28%, #deecfe 100%);*/ }
  /* line 1296, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
  .infoArea.bg3 .areaContent {
   /*background: url("../images/bg_3.jpg") left bottom no-repeat;
    background-size: 100% auto; */}

/* line 1301, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.chooseBox {
  position: relative;
  box-sizing: border-box;
  color: #000;
  font-weight: 500;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 30px; }
  /* line 1312, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
  .chooseBox .chooseList {
    position: relative;
    width: calc(30% - 20px);
    max-width: 250px; }
    /* line 1316, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
    .chooseBox .chooseList .chooseTitle {
      font-size: 29px;
      text-align: center;
      padding: 10px;
      border: 3px solid #ba1b21;
      color: #ba1b21;
      border-radius: 50px;
      margin-bottom: 30px; }
    /* line 1325, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
    .chooseBox .chooseList .chooseApp {
      position: relative;
      box-sizing: border-box;
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: center;
      padding-bottom: 5px;
      border-bottom: solid 1px #9f9f9f;
      margin-bottom: 5px; }
      /* line 1335, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .chooseBox .chooseList .chooseApp .chooseAppLeft {
        width: 100px;
        font-size: 24px;
        font-weight: bold;
        color: #06205c; }
        /* line 1340, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .chooseBox .chooseList .chooseApp .chooseAppLeft img {
          display: inline-block;
          width: 45px;
          height: auto; }
      /* line 1346, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .chooseBox .chooseList .chooseApp .chooseAppRight {
        width: calc(100% - 100px);
        text-align: left; 
		font-size: 20px;
		letter-spacing:1px;}
        /* line 1349, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .chooseBox .chooseList .chooseApp .chooseAppRight a {
          text-align: left;
          display: block; }
          /* line 1352, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
          .chooseBox .chooseList .chooseApp .chooseAppRight a img {
            width: 100px;
            height: auto; }
            /* line 1355, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
            .chooseBox .chooseList .chooseApp .chooseAppRight a img.stock {
              width: 60px; }
    /* line 1362, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
    .chooseBox .chooseList .choosePcLogin {
      position: relative;
      box-sizing: border-box;
      padding-top: 10px; }
      /* line 1366, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .chooseBox .chooseList .choosePcLogin p {
        font-size: 22px;
        font-weight: bold;
        color: #000; }
        /* line 1370, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
        .chooseBox .chooseList .choosePcLogin p a {
          font-size: 25px;
          color: #ba1b21;
          display: inline-block;
          border-bottom: solid 1px #ba1b21;
          cursor: pointer; }
          /* line 1376, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
          .chooseBox .chooseList .choosePcLogin p a:hover {
            color: #06205c; }
  /* line 1383, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
  .chooseBox figure.choosePic {
    position: relative;
    width: 40%;
    align-self: center; }
    /* line 1387, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
    .chooseBox figure.choosePic img {
      width: 90%;
      height: auto;
margin-top: -30px;}
  @media all and (max-width: 900px) {
    /* line 1393, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
    .chooseBox .chooseList {
      width: calc(35% - 20px); }
    /* line 1396, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
    .chooseBox figure.choosePic {
      width: 30%; } }
  @media all and (max-width: 767px) {
    /* line 1301, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
    .chooseBox {
      justify-content: center; }
      /* line 1402, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .chooseBox .chooseList {
        width: calc(50% - 20px);
        padding: 0 20px;
        max-width: inherit; }
      /* line 1407, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .chooseBox figure.choosePic {
        width: 100%;
        max-width: 280px;
        margin: auto; } }
  @media all and (max-width: 630px) {
    /* line 1301, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
    .chooseBox {
      display: block; }
      /* line 1415, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
      .chooseBox .chooseList {
        width: 100%;
        padding: 0 0 50px 0;
        max-width: 280px;
        margin: auto; } }

/*--> 定期定額存好股 ----------------------------------------*/
/* line 1425, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.infoArea.bg4 {
  background: #dfecfd;
 /* background: linear-gradient(180deg, white 0%, white 28%, #deecfe 100%); }
  line 1296, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */}
  .infoArea.bg .areaContent {
    background: url("../images/bg_4.jpg") left bottom no-repeat;
    background-size: 100% auto;}


.stockBox {
  position: relative;
  box-sizing: border-box;
  width: 780px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 50px 0; }

/* line 1437, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.stockList {
  position: relative;
  width: calc(100% / 3 - 15px);
  box-sizing: border-box;
  text-align: center;
  background-color: #fff;
  border-radius: 25px;
  padding: 10px; }

/* line 1446, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.stockList figure {
  position: relative;
  width: 80%;
  margin: auto;
  padding: 20px 0; }

/* line 1452, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.stockList figure img {
  width: 100%;
  height: auto; }

/* line 1456, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.stockList p {
  color: #000;
  font-size: 15px;
  font-weight: bold; }

/* line 1461, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.stockList p span {
  color: #ba1b21; }

/* line 1464, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.stockList p span.bigRed {
  font-size: 30px; }

/*--> Note 注意事項 ----------------------------------------*/
/* line 1469, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.noteArea {
  text-align: center;
  background: #eaf2fe;
  font-size: 18px;	
  padding: 60px 30px; }

/* line 1474, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.noteArea .title {
  font-size: 34px;
  margin-bottom: 40px; 
	text-align: center; 	
}

/* line 1477, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.noteArea p {
  color: #5d5d5d;
  text-align: left; }

/* line 1481, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
.noteArea p.ps {
  font-size: 15px; }

/* line 1484, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
ul.noteList {
  text-align: left;
  color: #5d5d5d;
	font-weight: 400;
  margin-bottom: 30px; }

/* line 1489, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
ul.noteList li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px; }

/* line 1494, /Volumes/My Passport for Mac/pavi/亞東證券/遠東證券_7-9月網路活動頁設計(20250620packing)/html/css/total.scss */
ul.noteList li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\2022";
  font-size: 30px; }

/*--> RWD File ----------------------------------------------------------------------------*/
/*--> RWD ----------------------------------------------------------------------------*/

/*# sourceMappingURL=total.css.map */