@charset "UTF-8";
@-webkit-keyframes clicked {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes clicked {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes down {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes down {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes leftLeave {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes leftLeave {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@-webkit-keyframes leftEnter {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes leftEnter {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes rightLeave {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes rightLeave {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@-webkit-keyframes rightEnter {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes rightEnter {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 10px;
  font-family: '微軟正黑體', 'Microsoft JhengHei', 'PingFangTC', 'Noto Sans TC', sans-serif;
}

html button:focus {
  outline: none;
}

html a {
  text-decoration: none;
  color: inherit;
}

html a.disabled {
  pointer-events: none;
}

html li {
  list-style: none;
}

html input:focus,
html select:focus {
  outline: none;
}

@media (max-width: 37.5em) {
  body.css-no-rwd {
    width: 1280px;
  }
}

.financial-bg {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c898cf), color-stop(99%, #b671c3));
  background-image: linear-gradient(to bottom, #c898cf, #b671c3 99%);
}

.entertainment-bg {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e591a9), color-stop(97%, #ea4b80));
  background-image: linear-gradient(to bottom, #e591a9, #ea4b80 97%);
}

.mobileFinancial-bg {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9ccb7a), color-stop(97%, #28b46d));
  background-image: linear-gradient(to bottom, #9ccb7a, #28b46d 97%);
}

.life-bg {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#58a3dc), color-stop(97%, #3887dc));
  background-image: linear-gradient(to bottom, #58a3dc, #3887dc 97%);
}

.message-bg {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc88a), color-stop(97%, #f78d38));
  background-image: linear-gradient(to bottom, #ffc88a, #f78d38 97%);
}

.cover {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}

.cover.mobileBillCard {
  font-size: 3.2rem;
  font-weight: 600;
  letter-spacing: 0.62px;
  text-align: center;
  color: #ffffff;
  opacity: 0.8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00a2ff), color-stop(80%, #3498db));
  background-image: linear-gradient(to bottom, #00a2ff, #3498db 80%);
}

.yellow-text {
  color: #fff368;
}

.orange-text {
  color: #fe7d03;
}

.blue-text {
  color: #0468fa;
}

.blue-text-2 {
  color: #00a2ff;
}

.green-text {
  color: #0a9400;
}

.skew-divider {
  position: relative;
}

.skew-divider:after {
  content: '';
  height: 5rem;
  width: 1px;
  position: absolute;
  right: 0;
  background-color: #d8d8d8;
}

.padding0 {
  padding: 0 !important;
}

.padding2 {
  padding: 2rem !important;
}

.padding5 {
  padding: 5rem !important;
}

.pr1 {
  padding-right: 1rem;
}

.restrict {
  margin: 0;
  height: 100%;
  overflow: hidden;
}

.tab1, .tab2, .tab3, .tab4, .tab5 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.11)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.11));
}

.tab1 {
  background-color: #fe7d03;
}

.tab2 {
  background-color: #67ac0d;
}

.tab3 {
  background-color: #365db6;
}

.tab4 {
  background-color: #fc6e50;
}

.tab5 {
  background-color: #2eb977;
}

.right-arrow {
  position: relative;
}

.right-arrow:after {
  content: '';
  position: absolute;
  display: block;
  width: 1px;
  height: 100%;
  background-color: currentColor;
  top: 0;
  right: -10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.right-arrow:before {
  content: '';
  position: absolute;
  display: block;
  width: 1px;
  height: 100%;
  background-color: currentColor;
  top: 0;
  right: -10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.hamburger {
  cursor: pointer;
  height: 4rem;
  width: 4rem;
  background-color: #fff;
  border: none;
  border-radius: 5px;
  padding: 5px;
}

.hamburger span {
  position: relative;
  -webkit-transform: translateY(1.5rem);
          transform: translateY(1.5rem);
  width: 100%;
  background-color: #95a5a6;
  height: 3px;
  display: block;
}

.hamburger span::before, .hamburger span::after {
  position: absolute;
  content: '';
  display: block;
  background-color: #95a5a6;
  width: 100%;
  height: 3px;
}

.hamburger span::before {
  top: 10px;
}

.hamburger span::after {
  bottom: 10px;
}

.three-dot {
  height: 4rem;
  width: 4rem;
  background-color: #fff;
  border: none;
  border-radius: 5px;
  padding: 5px;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  cursor: pointer;
}

.three-dot span {
  position: relative;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #95a5a6;
  display: block;
  margin: 0 auto;
}

.three-dot span::before, .three-dot span::after {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: '';
  display: block;
  background-color: #95a5a6;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

.three-dot span::before {
  -webkit-transform: translate(200%, -53%);
          transform: translate(200%, -53%);
}

.three-dot span::after {
  -webkit-transform: translate(-270%, -53%);
          transform: translate(-270%, -53%);
}

.three-dot:active {
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}

.dis-none {
  display: none !important;
}

.back-btn {
  display: block;
  height: 7rem;
  font-size: 1.6rem;
  letter-spacing: 0.31px;
  color: #787878;
  border-bottom: solid 1px #ececec;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mx-auto {
  margin: 0 auto;
}

.justify-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.disappear {
  opacity: 0;
  display: none;
}

.ml-small {
  margin-left: 1rem;
}

.resetP {
  padding: 0 !important;
}

.just-self-start {
  justify-self: flex-start;
}

.mb-5 {
  margin-bottom: 5rem !important;
}

.mr-auto {
  margin-right: auto;
}

.breadcrumb {
  font-size: 1.5rem;
  line-height: 1.73;
  letter-spacing: 0.24px;
  color: #a1a1a1;
  padding: 1rem 2rem;
}

.breadcrumb__link {
  color: #a1a1a1;
  margin: 0 1rem;
}

.breadcrumb__next {
  width: 5px;
  display: inline-block;
  height: 1rem;
  position: relative;
}

.breadcrumb__next::before, .breadcrumb__next::after {
  position: absolute;
  content: '';
  background-color: #a1a1a1;
  display: block;
  width: 1px;
  height: 100%;
}

.breadcrumb__next::before {
  -webkit-transform: rotate(50deg) translateY(0.5rem);
          transform: rotate(50deg) translateY(0.5rem);
}

.breadcrumb__next::after {
  -webkit-transform: rotate(310deg) translateY(-0.5rem);
          transform: rotate(310deg) translateY(-0.5rem);
}

.toggleSearch {
  width: 100%;
  height: 15rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#58a3dc), color-stop(97%, #3887dc));
  background-image: linear-gradient(to bottom, #58a3dc, #3887dc 97%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.toggleSearch i {
  background-color: #fff;
}

.toggleSearch button,
.toggleSearch input {
  outline: none;
  border: none;
}

.carousel_cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin: 1rem 0;
}

.carousel_cards .card {
  width: 23rem;
  height: 25rem;
  border-radius: 9px;
  -webkit-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
  background-color: #ffffff;
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 1rem;
}

.carousel_cards .card__img {
  width: 9rem;
  height: 9rem;
}

.carousel_cards .card__img img {
  width: 100%;
  max-height: 100%;
}

.carousel_cards .card__title {
  width: 20rem;
  height: 2rem;
  font-size: 2rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.32px;
  text-align: center;
  color: #000000;
  margin-top: 2.5rem;
}

.carousel_cards .card__content {
  width: 15rem;
  height: 4rem;
  font-size: 1.5rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.24px;
  text-align: center;
  color: #787878;
  margin-top: 1rem;
}

.dotBtn__ul {
  text-align: center;
}

.dotBtn__ul li {
  display: inline-block;
}

.dotBtn__link {
  position: relative;
  margin-right: 1rem;
}

.dotBtn__link:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.22);
}

.financial, .entertainment, .mobileFinancial, .life, .message {
  border: solid 2px currentColor;
  border-radius: 30px 0 0 0;
}

.financial__icon::before, .entertainment__icon::before, .mobileFinancial__icon::before, .life__icon::before, .message__icon::before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 0.5rem;
  top: 50%;
  position: absolute;
  left: -15px;
}

.topup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 6rem;
}

.topup__title {
  font-size: 2.8rem;
  letter-spacing: 0.54px;
  text-align: center;
  color: #232323;
  margin-bottom: 3rem;
}

.topup__feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.topup__feature--title {
  width: 15rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 100%;
}

.topup__feature--title span {
  display: inline-block;
  margin: 2rem;
}

.topup__feature--content {
  color: #141414;
  width: 102rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.topup__feature--content div {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 33%;
          flex: 0 1 33%;
  padding: 1rem 1.5rem;
}

.topup__feature:not(:last-child) {
  margin-bottom: 1rem;
}

.financial {
  color: #bb74c8;
}

.financial__icon {
  position: relative;
}

.financial__icon::before {
  background-color: #bb74c8;
}

.financial__leftBorder {
  font-size: 1.6rem;
  height: 100%;
  border-left: 2px solid #bb74c8;
  padding: 0 3rem;
  height: 8rem;
}

.entertainment {
  color: #e74157;
}

.entertainment__icon {
  position: relative;
}

.entertainment__icon::before {
  background-color: #e74157;
}

.entertainment__leftBorder {
  font-size: 1.6rem;
  height: 100%;
  border-left: 2px solid #e74157;
  padding: 0 3rem;
}

.mobileFinancial {
  color: #5dbe73;
}

.mobileFinancial__icon {
  position: relative;
}

.mobileFinancial__icon::before {
  background-color: #5dbe73;
}

.mobileFinancial__leftBorder {
  font-size: 1.6rem;
  height: 100%;
  border-left: 2px solid #5dbe73;
  padding: 0 3rem;
}

.life {
  color: #4593dc;
}

.life__icon {
  position: relative;
}

.life__icon::before {
  background-color: #4593dc;
}

.life__leftBorder {
  font-size: 1.6rem;
  height: 100%;
  border-left: 2px solid #4593dc;
  padding: 0 3rem;
}

.message {
  color: #faa75c;
}

.message__icon {
  position: relative;
}

.message__icon::before {
  background-color: #faa75c;
}

.message__leftBorder {
  font-size: 1.6rem;
  height: 100%;
  border-left: 2px solid #faa75c;
  padding: 0 3rem;
}

.cardsV2 .card__img.cover--blue img, .cardsV2 .card__img.cover--purple img, .cardsV2 .card__img.cover--pink img {
  opacity: 0.3;
}

.topic-model__cards .project-card__img {
  height: 15rem;
}

.topic-model__cards .project-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}

.cards {
  padding: 2rem;
}

.cards__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cards__header {
  height: 4rem;
  font-size: 2.8rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.54px;
  text-align: center;
  color: #232323;
}

.cards .card {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 18%;
          flex: 0 1 18%;
  height: 25rem;
  border-radius: 9px;
  -webkit-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
  background-color: #ffffff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1rem;
}

.cards .card__img {
  width: 9rem;
  height: 9rem;
}

.cards .card__img img {
  width: 100%;
  max-height: 100%;
}

.cards .card__title {
  width: 20rem;
  height: 2rem;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.32px;
  text-align: center;
  color: #000000;
  margin-top: 2.5rem;
}

.cards .card__content {
  width: 15rem;
  height: 4rem;
  font-size: 1.5rem;
  line-height: 1.33;
  letter-spacing: 0.24px;
  text-align: center;
  color: rgba(120, 120, 120, 0.9);
  margin-top: 1rem;
}

.simple-cards {
  height: 25rem;
  border-radius: 9px;
  -webkit-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
  background-color: #ffffff;
  margin: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22rem;
          flex: 0 0 22rem;
}

.simple-cards__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (min-width: 1280px) {
  .simple-cards__lists {
    width: 1280px;
    margin: 5rem auto !important;
  }
}

@supports (display: grid) {
  .simple-cards__lists {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-grid-columns: (minmax(max-content, 22rem))[auto-fit];
        grid-template-columns: repeat(auto-fit, minmax(-webkit-max-content, 22rem));
        grid-template-columns: repeat(auto-fit, minmax(max-content, 22rem));
  }
  @media (min-width: 1280px) {
    .simple-cards__lists {
      margin: 0;
    }
  }
}

.simple-cards__header {
  height: 4rem;
  font-size: 2.8rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.54px;
  text-align: center;
  color: #232323;
}

.simple-cards .img {
  width: 9rem;
  height: 9rem;
}

.simple-cards .img img {
  width: 100%;
  max-height: 100%;
}

.simple-cards .title {
  width: 20rem;
  height: 2rem;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.32px;
  text-align: center;
  color: #000000;
  margin-top: 2.5rem;
}

.simple-cards .description {
  width: 15rem;
  height: 4rem;
  font-size: 1.5rem;
  line-height: 1.33;
  letter-spacing: 0.24px;
  text-align: center;
  color: rgba(120, 120, 120, 0.9);
  margin-top: 2rem;
}

.cardsV2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cardsV2 .card {
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 38rem;
          flex: 0 1 38rem;
  height: 43rem;
  border-radius: 9px;
  -webkit-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
  background-color: #ffffff;
  margin: 1rem;
}

.cardsV2 .card__img {
  position: relative;
  width: 100%;
  height: 15rem;
}

.cardsV2 .card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}

.cardsV2 .card__img.cover--blue {
  background-color: #00a2ff;
}

.cardsV2 .card__img.cover--purple {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #a092ff), to(#205fb3));
  background-image: linear-gradient(to bottom, #a092ff 1%, #205fb3);
}

.cardsV2 .card__img.cover--pink {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7fd1), to(#e37f35));
  background-image: linear-gradient(to bottom, #ff7fd1, #e37f35);
}

.cardsV2 .card__img .bigCharacter {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 3.2rem;
  font-weight: 600;
  letter-spacing: 0.62px;
  text-align: center;
  color: #ffffff;
  width: 100%;
}

.cardsV2 .card__img .bigCharacter__special {
  border-radius: 15px;
  background-color: #fe7d03;
  font-size: 1.3rem;
  width: 15rem;
  margin: 0 auto;
}

.cardsV2 .card__medium {
  padding: 0 1.5rem;
  height: 13rem;
}

.cardsV2 .card__medium .schedule {
  height: 100%;
  border-bottom: solid 1px #c5c5c5;
  font-size: 1.4rem;
  padding-top: 2rem;
}

.cardsV2 .card__medium .schedule__title {
  color: #00a2ff;
  margin-right: 1rem;
}

.cardsV2 .card__medium .schedule__date {
  letter-spacing: 0.44px;
  text-align: right;
  color: #787878;
}

.cardsV2 .card__medium .schedule__description {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.35px;
  color: #000000;
  margin-top: 1rem;
}

.cardsV2 .card__footer {
  padding: 0 1.5rem;
  height: 14rem;
  color: #787878;
}

.cardsV2 .card__footer--btn {
  width: 100%;
  border-radius: 4px;
  height: 4rem;
  border: solid 1px #c5c5c5;
  font-size: 1.5rem;
  color: #787878;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: inline-block;
  line-height: 4rem;
  text-align: center;
}

.cardsV2 .card__footer--btn:active {
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}

.plan-cards__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 1280px) {
  .plan-cards__list {
    width: 1280px;
    margin: 5rem auto !important;
  }
}

@supports (display: grid) {
  .plan-cards__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (38rem)[auto-fit];
        grid-template-columns: repeat(auto-fit, 38rem);
  }
}

.plan-cards__list.remainderTwo::after {
  content: '';
  -webkit-box-flex: 0;
      -ms-flex: 0 1 38rem;
          flex: 0 1 38rem;
  margin: 1rem;
}

.plan-cards__list.remainderOne::before, .plan-cards__list.remainderOne::after {
  content: '';
  -webkit-box-flex: 0;
      -ms-flex: 0 1 38rem;
          flex: 0 1 38rem;
  margin: 1rem;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.plan-cards__list .plan-cards {
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 38rem;
          flex: 0 1 38rem;
  height: 43rem;
  border-radius: 9px;
  -webkit-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
  background-color: #ffffff;
  margin: 1rem;
}

.plan-cards__list .plan-cards .img {
  position: relative;
  width: 100%;
  height: 15rem;
}

.plan-cards__list .plan-cards .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}

.plan-cards__list .plan-cards .img .img-title {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 3.2rem;
  font-weight: 600;
  letter-spacing: 0.62px;
  text-align: center;
  color: #ffffff;
  width: 100%;
}

.plan-cards__list .plan-cards .img .img-title .tab {
  border-radius: 15px;
  background-color: #fe7d03;
  font-size: 1.3rem;
  width: 15rem;
  margin: 0 auto;
}

.plan-cards__list .plan-cards .title {
  margin: 0 1.5rem;
  height: 12rem;
  font-size: 2.2rem;
  letter-spacing: 0.35px;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: solid 1px #c5c5c5;
}

.plan-cards__list .plan-cards .title .schedule {
  height: 100%;
  border-bottom: solid 1px #c5c5c5;
  font-size: 1.4rem;
  padding-top: 2rem;
}

.plan-cards__list .plan-cards .title .schedule__title {
  color: #00a2ff;
  margin-right: 1rem;
}

.plan-cards__list .plan-cards .title .schedule__date {
  letter-spacing: 0.44px;
  text-align: right;
  color: #787878;
}

.plan-cards__list .plan-cards .title .schedule__description {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.35px;
  color: #000000;
  margin-top: 1rem;
}

.plan-cards__list .plan-cards .description {
  padding: 1.5rem;
  height: 14rem;
  color: #787878;
}

.plan-cards__list .plan-cards .description article {
  height: 8rem;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.24px;
  padding-bottom: 1.5rem;
  color: #787878;
}

.plan-cards__list .plan-cards .description article p::before {
  display: inline-block;
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: currentColor;
  margin-right: 0.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.plan-cards__list .plan-cards .description .link {
  width: 100%;
  border-radius: 4px;
  height: 4rem;
  border: solid 1px #c5c5c5;
  font-size: 1.5rem;
  color: #787878;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: inline-block;
  line-height: 4rem;
  text-align: center;
  transition: all 0.2s;
}

.plan-cards__list .plan-cards .description .link:active {
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}

.plan-cards__list .plan-cards .description .link:hover {
  color: #00a2ff;
  border-color: #00a2ff;
}

.topic-model {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64rem;
  background-size: cover;
}

.topic-model__description {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
  height: 48rem;
  color: #ffffff;
  padding: 0 3rem;
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.topic-model__description .title {
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: 1.25px;
}

.topic-model__description .special-copywriting {
  font-size: 1.8rem;
  line-height: 1.67;
  letter-spacing: 0.29px;
}

.topic-model__description > *:not(:last-child) {
  margin-bottom: 2rem;
}

.topic-model__cards {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 70%;
          flex: 0 1 70%;
  overflow: hidden;
}

.topic-model__cards .slider,
.topic-model__cards .slider2 {
  width: 38rem;
}

.topic-model__cards .project-card {
  border-radius: 9px;
  -webkit-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
  overflow: hidden;
  background-color: #fff;
}

.topic-model__cards .project-card__medium {
  margin: 0 3rem;
  padding: 3rem 0;
  height: 12rem;
  border-bottom: solid 1px #c5c5c5;
}

.topic-model__cards .project-card__medium .title {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.38px;
  color: #000000;
}

.topic-model__cards .project-card__medium .special-copywriting {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #00a2ff;
}

.topic-model__cards .project-card__footer {
  padding: 3rem;
  height: 18rem;
  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-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.topic-model__cards .project-card__footer .description {
  font-size: 1.5rem;
  line-height: 1.53;
  letter-spacing: 0.24px;
  color: rgba(120, 120, 120, 0.9);
}

.topic-model__cards .project-card__footer button,
.topic-model__cards .project-card__footer a {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 4px;
  border: solid 1px #c5c5c5;
  width: 100%;
  outline: none;
  background-color: #ffffff;
  color: rgba(120, 120, 120, 0.9);
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  font-size: 1.2rem;
}

.topic-model__cards .project-card__footer button:hover,
.topic-model__cards .project-card__footer a:hover {
  color: #00a2ff;
  border-color: #00a2ff;
}

.topic-model__cards .three-row-card {
  background-color: #fff;
  border-radius: 9px;
  -webkit-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
  padding: 3rem;
}

.topic-model__cards .three-row-card .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #c5c5c5;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}

.topic-model__cards .three-row-card .head__img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
  height: 10rem;
}

.topic-model__cards .three-row-card .head__img img {
  width: 100%;
  height: 10rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.topic-model__cards .three-row-card .head__description {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 75%;
          flex: 0 1 75%;
  padding: 1rem;
}

.topic-model__cards .three-row-card .head__description .title {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.38px;
  color: #000000;
}

.topic-model__cards .three-row-card .head__description .special-copywriting {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #00a2ff;
}

.topic-model__cards .three-row-card .subItem > *:not(:last-child) {
  margin-bottom: 1rem;
}

.topic-model__cards .three-row-card .subItem ul {
  border-radius: 6px;
  background-color: rgba(216, 216, 216, 0.2);
  height: 8rem;
  padding: 2rem;
}

.topic-model__cards .three-row-card .subItem ul .title {
  letter-spacing: 0.27px;
  color: #0468fa;
  font-size: 2rem;
}

.topic-model__cards .three-row-card .subItem ul .special-copywriting {
  font-size: 1.5rem;
  letter-spacing: 0.47px;
  color: #141414;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.topic-model__cards .three-row-card .subItem ul .special-copywriting::before {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20070324170249/https://www.emome.net/image/svg/icon_black_star.svg") no-repeat;
  margin-right: 0.5rem;
}

.upright {
  padding: 5rem;
}

@media (min-width: 1280px) {
  .upright {
    width: 1280px;
    margin: 5rem auto !important;
  }
}

@media (min-width: 75em) {
  .upright {
    padding: 0;
  }
}

.upright__title {
  letter-spacing: 0.54px;
  width: 100%;
  font-size: 2.4rem;
  color: #525152;
  margin-bottom: 1.5rem;
  font-weight: 700;
}

@media (min-width: 75em) {
  .upright__title {
    padding: 0 5rem;
  }
}

.upright__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@supports (display: grid) {
  .upright__cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (37rem)[auto-fit];
        grid-template-columns: repeat(auto-fit, 37rem);
  }
}

.upright__cards.remainderTwo::after {
  content: '';
  margin: 1rem;
}

.upright__cards.remainderOne::before, .upright__cards.remainderOne::after {
  content: '';
  margin: 1rem;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.upright__cards .upright__card {
  border-radius: 9px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(41, 98, 152, 0.18);
          box-shadow: 0 2px 20px 0 rgba(41, 98, 152, 0.18);
  height: 40rem;
  width: 33rem;
  margin: 1rem;
  overflow: hidden;
}

@media (min-width: 75em) {
  .upright__cards .upright__card {
    width: 35rem;
  }
}

.upright__cards .upright__card-img {
  height: 15rem;
}

.upright__cards .upright__card-img img {
  width: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}

.upright__cards .upright__card-medium {
  font-size: 1.9rem;
  font-weight: 600;
  letter-spacing: 0.37px;
  color: #232323;
  padding: 1rem 0;
  margin: 0 2rem;
  border-bottom: solid 1px #c5c5c5;
}

.upright__cards .upright__card-footer {
  margin: 1rem 2rem;
}

.upright__cards .upright__card-footer li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.upright__cards .upright__card-footer a {
  font-size: 1.6rem;
  line-height: 2.25;
  letter-spacing: 0.5px;
  color: #787878;
  margin-left: 1rem;
}

.tabs__nav li {
  font-size: 1.8rem;
  display: inline-block;
}

.tabs__present {
  position: relative;
}

.tabs__present--content {
  -webkit-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  width: 100%;
  height: 30rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(#ccc), to(50%));
  background-image: linear-gradient(to bottom, #fff, #ccc, 50%);
  z-index: -1;
  position: absolute;
}

.tabs__present--content.show {
  z-index: 1;
  opacity: 1;
}

.popular__header {
  text-align: center;
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 0.54px;
  color: #232323;
}

.popular__nav {
  text-align: center;
  padding: 3rem 0;
  border-bottom: solid 1px #ececec;
}

.popular__nav--title {
  font-size: 1.6rem;
}

.popular__nav nav {
  display: inline-block;
}

.popular__nav li {
  display: inline-block;
  font-size: 1.8rem;
  color: #141414;
  border-radius: 4px;
  background-color: rgba(184, 184, 184, 0.09);
  width: 15rem;
  margin-left: 1rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.popular__nav li a {
  color: #141414;
  padding: 1rem 2rem;
  display: block;
  height: 100%;
}

.popular__nav li a:hover, .popular__nav li a.active {
  color: #00a2ff;
  background-color: rgba(0, 162, 255, 0.09);
}

.popular__description {
  font-size: 1.5rem;
  line-height: 1.53;
  letter-spacing: 0.24px;
  padding: 2rem 0;
}

.mobileBill__special, .mobileBill__activity, .mobileBill__hint, .mobileBill__questions {
  padding: 2rem;
}

.mobileBill__nav {
  text-align: center;
}

.mobileBill__nav li:not(:last-child) {
  margin-right: 10rem;
}

.mobileBill__nav li a {
  font-size: 1.8rem;
  letter-spacing: 0.35px;
  color: #3b3b3b;
  display: block;
  line-height: calc(7rem - 3px);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border-bottom: 3px solid transparent;
}

.mobileBill__nav li a:hover, .mobileBill__nav li a.active {
  color: #00a2ff;
  border-bottom: 3px solid #00a2ff;
}

.mobileBill__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobileBill__card--medium {
  font-size: 2.2rem;
  letter-spacing: 0.35px;
  text-align: center;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 80%;
  border-bottom: solid 1px #c5c5c5;
}

.mobileBill__card--footer {
  height: 8rem;
  font-size: 1.5rem;
  line-height: 1.53;
  letter-spacing: 0.24px;
  padding-bottom: 1.5rem;
  color: #787878;
}

.mobileBill__card--footer .dot {
  position: relative;
  padding: 0 1.5rem;
}

.mobileBill__card--footer .dot::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: currentColor;
}

.mobileBill__title {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 0.54px;
  text-align: center;
  color: #232323;
  margin: 2rem 0;
}

.mobileBill__innerNav {
  border-radius: 0 0 17px 17px;
  -webkit-box-shadow: 2px 9px 8px 0 rgba(76, 76, 76, 0.13);
          box-shadow: 2px 9px 8px 0 rgba(76, 76, 76, 0.13);
  border-top: solid 2px #00a2ff;
  text-align: center;
  width: 113rem;
  margin: 0 auto;
}

.mobileBill__innerNav li {
  display: inline-block;
}

.mobileBill__innerNav--link {
  display: block;
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: 0.26px;
  color: #141414;
  padding: 2rem 5rem;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.mobileBill__innerNav--link.active, .mobileBill__innerNav--link:hover {
  color: #00a2ff;
}

.mobileBill__program > * {
  margin-top: 3rem;
}

.mobileBill__program--title {
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: 0.32px;
  color: #141414;
}

.mobileBill__program--content > * {
  width: 70%;
  margin: 0 auto;
}

.mobileBill__special--title {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 0.54px;
  color: #232323;
  margin-bottom: 4rem;
}

.mobileBill__activity--title {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 0.54px;
  color: #232323;
}

.mobileBill__activity--img {
  width: 100vw;
  -webkit-transform: translateX(-4rem);
          transform: translateX(-4rem);
}

.mobileBill__activity--img img {
  width: 100%;
}

.mobileBill__hint--title {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 0.54px;
  color: #232323;
}

.mobileBill__hint--content {
  padding: 2rem;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.31px;
  color: #000000;
}

.mobileBill__questions--title {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 0.54px;
  color: #232323;
  margin-bottom: 2rem;
}

.mobileBill__questions--lists > * {
  margin-bottom: 2rem;
}

.mobileBill__questions--lists .list {
  border-radius: 8px;
  border: solid 1px #c5c5c5;
  background-color: rgba(255, 255, 255, 0.02);
  padding: 3rem;
}

.mobileBill__questions--lists .list__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.35px;
  color: #232323;
  padding-bottom: 2rem;
  border-bottom: solid 1px #c5c5c5;
}

.mobileBill__questions--lists .list__content {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.31px;
  color: #000000;
  margin-top: 2rem;
}

.mobileBill__questions--lists .list__content.hide {
  height: 0;
  -webkit-transform: translateY(-4rem);
          transform: translateY(-4rem);
  opacity: 0;
}

[class*='sliders'] {
  height: 48rem;
  position: relative;
}

[class*='sliders'] [class*='slider'] {
  position: absolute;
}

.slider__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.slider__ul li {
  display: inline-block;
}

.slider__ul li:not(:last-child) {
  margin-right: 1rem;
}

.slider__ul a {
  font-size: 1.8rem;
  letter-spacing: 0.35px;
  color: #3b3b3b;
  display: block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.slider__ul a {
  position: relative;
}

.slider__ul a:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: currentColor;
  border: 1px solid #ffffff;
}

.slider__ul a.active:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #ffffff;
}

.slider__ul li {
  margin: 0 1rem;
}

.slider__ul button {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: none;
}

.slider__ul button.next {
  position: relative;
}

.slider__ul button.next:after {
  content: ' ';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 54%;
  border-right: 1px solid #787878;
  border-bottom: 1px solid #787878;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.slider__ul button.next:after {
  left: 50%;
}

.slider__ul button.prev {
  position: relative;
}

.slider__ul button.prev:after {
  content: ' ';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 54%;
  border-right: 1px solid #787878;
  border-bottom: 1px solid #787878;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}

.slider__ul button.next:after, .slider__ul button.next:before, .slider__ul button.prev:after, .slider__ul button.prev:before {
  width: 6px;
  height: 6px;
}

.lists {
  --order-left: -4rem;
  --box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
}

.lists .list {
  padding: 3rem 5rem;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background-color: #fff;
}

.lists .list > *:not(:last-child) {
  margin-bottom: 1rem;
}

.lists .list:not(:last-child) {
  border-bottom: solid 1px #acacac;
}

.lists .list__breadcrumb {
  font-size: 1.4rem;
  letter-spacing: 0.27px;
  color: #a1a1a1;
}

.lists .list__title {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.32px;
  color: #00a2ff;
  position: relative;
}

.lists .list__title::before {
  content: attr(data-order);
  display: block;
  position: absolute;
  left: var(--order-left);
  color: #a1a1a1;
}

.lists .list__content {
  font-size: 1.4rem;
  line-height: 1.43;
  letter-spacing: 0.27px;
  color: #000000;
}

.lists .list:hover {
  border-radius: 8px;
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  border-bottom: solid 1px #fff;
}

.lists__navigation-bar {
  text-align: center;
  padding: 3rem;
}

.lists__navigation-bar--link {
  border: none;
  background-color: #fff;
  font-size: 1.8rem;
  color: rgba(0, 0, 0, 0.7);
  display: inline-block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  margin: 0 1rem;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.lists__navigation-bar--link.active, .lists__navigation-bar--link:hover {
  background-color: #00a2ff;
  color: #fff;
}

.lists__navigation-bar--link.active {
  -webkit-animation: clicked 0.3s linear;
          animation: clicked 0.3s linear;
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
}

.articles .title {
  display: inline-block;
  font-size: 1.6rem;
  letter-spacing: 0.31px;
  width: 100%;
  border-bottom: 1px dotted;
  padding: 1rem 0;
}

.articles .date {
  display: inline-block;
  font-size: 1.4rem;
  color: #ffffff;
  border-radius: 14px;
  background-color: #00a2ff;
  padding: 0.5rem 1rem;
  margin-right: 2rem;
  width: 10rem;
  text-align: center;
}

.formBuild__item svg, .formBuild__popup svg,
.formBuild__item p,
.formBuild__popup p {
  display: inline-block;
}

.formBuild__item svg, .formBuild__popup svg {
  margin-right: 1rem;
}

#formBuild {
  font-size: 62.5%;
}

#formBuild button:focus {
  outline: none;
}

#formBuild a {
  text-decoration: none;
  color: inherit;
}

#formBuild li {
  list-style: none;
}

#formBuild input:focus,
#formBuild select:focus {
  outline: none;
}

.formBuild {
  width: 100%;
}

.formBuild__container .no-item {
  text-align: center;
  font-size: 3rem;
  color: red;
}

.formBuild__container .updateImage p {
  font-size: 1.5rem;
}

.formBuild__container .updateImage__triggerBtn {
  padding: 1rem;
  font-size: 1.5rem;
  background-color: #3498db;
  color: #ecf0f1;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.formBuild__container .updateImage__triggerBtn.cancel {
  background-color: #e74c3c;
}

.formBuild__container .updateImage__dropdown-menu {
  display: none;
}

.formBuild__container .updateImage__dropdown-menu.active {
  display: block;
}

.formBuild__container .formEditor {
  width: 100%;
}

.formBuild__item {
  padding: 1rem;
  border-radius: 5px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  margin: 0.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.formBuild__item::after {
  content: '';
  display: table;
  clear: both;
}

.formBuild__item > * {
  margin: 0 1rem;
}

.formBuild__item.over {
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}

.formBuild__item.last {
  background-color: inherit;
}

.formBuild__item.last.cover {
  border-top: 3px solid blue;
}

.formBuild__item .mainTitleFeature__textarea {
  font-size: 5em;
}

.formBuild__item .mainTitle__textarea {
  font-size: 4em;
}

.formBuild__item .contentTitle__textarea {
  font-size: 3em;
}

.formBuild__item .subTitle__textarea {
  font-size: 2.5em;
}

.formBuild__item .smallTitle__textarea {
  font-size: 2em;
}

.formBuild__item .wrapper {
  padding: 1rem;
}

.formBuild__item .wrapper > * {
  border: none;
  margin: 1rem 0;
}

.formBuild__item .wrapper__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 8rem;
  overflow: hidden;
}

.formBuild__item .wrapper .fb,
.formBuild__item .wrapper .line {
  width: 3.5rem;
  color: #ffffff;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.formBuild__item .wrapper .fb span,
.formBuild__item .wrapper .line span {
  white-space: nowrap;
  margin-left: 0.5rem;
}

.formBuild__item .wrapper .line {
  margin-left: auto;
  margin-right: 1rem;
  background-color: #00b900;
}

.formBuild__item .wrapper .line i {
  background: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20070324170249/https://www.emome.net/images/svg/line.png") no-repeat;
  background-size: 100% 100%;
  width: 100%;
}

.formBuild__item .wrapper .fb {
  background: #1877f2;
}

.formBuild__item .wrapper .fb i {
  background: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20070324170249/https://www.emome.net/images/svg/fb-logo.png") no-repeat;
  background-size: 100% 100%;
  width: 100%;
}

.formBuild__item .wrapper .question__title,
.formBuild__item .wrapper .question__content {
  font-size: 18px;
}

.formBuild__item textarea {
  padding: 1rem;
  width: 100%;
  resize: none;
  border: 0;
  overflow-y: auto;
  resize: none;
  border-radius: 5px;
}

.formBuild__item textarea:focus {
  outline: 0;
}

.formBuild__item input {
  font-size: 1.5rem;
  padding: 1rem;
  margin-left: 1rem;
}

.formBuild__item .popup-title {
  position: absolute;
  background-color: #2c3e50;
  color: #ecf0f1;
  font-size: 2rem;
  padding: 1rem;
  border-radius: 5px;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 1;
  display: none;
}

.formBuild__item .popup-title.active {
  display: block;
  -webkit-transform: translate(2rem, -100px);
          transform: translate(2rem, -100px);
  opacity: 1;
}

.formBuild__item .popup-title li:hover {
  color: #e74c3c;
  cursor: pointer;
}

.formBuild__item > div,
.formBuild__item textarea,
.formBuild__item button,
.formBuild__item input {
  border-radius: 5px;
  border: 1px solid #ccc;
}

.formBuild__create {
  border: none;
  font-size: 1.6rem;
  padding: 2rem;
  background-color: #ffffff;
  color: #58a3dc;
  margin: 0 auto;
  display: block;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.formBuild__create:active {
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}

.formBuild__popup {
  border-radius: 5px;
  padding: 2rem;
  position: absolute;
  height: 40rem;
  width: 20rem;
  background-color: #ffffff;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  border: 1px solid #ccc;
}

.formBuild__popup--heading {
  font-size: 2rem;
  border-bottom: 1px solid #ccc;
  padding-bottom: 1rem;
}

.formBuild__popup .item {
  font-size: 2rem;
  cursor: pointer;
  margin-top: 0.5rem;
}

.formBuild__popup .item:hover {
  background-color: #ccc;
  color: #fff;
}

.formBuild__popup.active {
  -webkit-transform: scale(1);
          transform: scale(1);
  z-index: 1;
}

.formBuild .three-dot {
  height: 4rem;
  width: 4rem;
  background-color: #fff;
  border-radius: 5px;
  padding: 5px;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  cursor: pointer;
}

.formBuild .three-dot span {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #95a5a6;
  display: block;
  margin: 0 auto;
}

.formBuild .three-dot span::before, .formBuild .three-dot span::after {
  content: '';
  display: block;
  background-color: #95a5a6;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}

.formBuild .three-dot:active {
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}

@media (min-width: 1280px) {
  .service-lists {
    width: 1280px;
    margin: 5rem auto !important;
  }
}

.service-lists .service-list {
  border: solid 2px currentColor;
  border-radius: 30px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  margin: 2rem;
}

.service-lists .service-list:not(:last-child) {
  margin-bottom: 2rem;
}

.service-lists .service-list .title {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 20%;
          flex: 0 1 20%;
  font-size: 1.8rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.service-lists .service-list .lists {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 80%;
          flex: 0 1 80%;
}

.service-lists .service-list .lists ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.service-lists .service-list .lists li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
  font-size: 16px;
  padding: 1rem;
  border-left: 1px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.service-lists .service-list .lists li a {
  color: #141414;
}

.service-lists .service-list .lists .dot {
  position: relative;
  padding: 0 1.5rem;
}

.service-lists .service-list .lists .dot::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: currentColor;
}

.sixGrids {
  height: 55rem;
  padding: 0 5rem;
}

@media (min-width: 1280px) {
  .sixGrids {
    width: 1280px;
    margin: 5rem auto !important;
  }
}

.sixGrids .title {
  font-size: 2.4rem;
  color: #525152;
  margin-bottom: 1.5rem;
  font-weight: 700;
}

.sixGrids .grids {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@supports (display: grid) {
  @media (min-width: 1280px) {
    .sixGrids .grids {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (30%)[3];
          grid-template-columns: repeat(3, 30%);
    }
  }
}

.sixGrids .grids .grid {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
  height: 20rem;
  margin: 1.5rem;
  border-radius: 9px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 20px 0 rgba(41, 98, 152, 0.18);
          box-shadow: 0 2px 20px 0 rgba(41, 98, 152, 0.18);
}

.sixGrids .grids .grid .img img {
  width: 100%;
  height: 14rem;
}

.sixGrids .grids .grid .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 6rem;
  padding: 0 2rem;
}

.sixGrids .grids .grid .link .name {
  font-size: 1.9rem;
  font-weight: 600;
  letter-spacing: 0.37px;
  color: #232323;
}

.sixGrids .grids .grid .link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
  line-height: 1.73;
  letter-spacing: 0.24px;
  color: #787878;
}

.sixGrids .grids .grid .link a span {
  margin-left: 1rem;
}

.sixGrids .grids.remainderTwo::after {
  content: '';
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
  margin: 1.5rem;
}

.sixGrids .grids.remainderOne::before, .sixGrids .grids.remainderOne::after {
  content: '';
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
  margin: 1.5rem;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.overview-cards {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea));
  background-image: linear-gradient(to bottom, #ffffff, #eaeaea);
  overflow: hidden;
  position: relative;
}

.overview-cards:before {
  content: '';
  position: absolute;
  top: 6.5rem;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
  height: 1.5rem;
  width: 100vw;
  left: 0;
  z-index: 99;
}

@media (max-width: 600px) {
  .overview-cards:before {
    width: 100%;
  }
}

.overview-cards .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 8rem;
}

@media (min-width: 1280px) {
  .overview-cards .tabs {
    width: 1280px;
    margin: 0 auto !important;
  }
}

.overview-cards .tabs .category-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 16.666%;
          flex: 0 1 16.666%;
  font-size: 2.4rem;
  letter-spacing: 0.75px;
  text-align: center;
  background-color: red;
  padding: 2rem 0;
  color: #ffffff;
  border-radius: 32px 32px 0 0;
  cursor: pointer;
}

.overview-cards .tabs .category-title:nth-child(1) {
  background-color: #fe7d03;
}

.overview-cards .tabs .category-title:nth-child(2) {
  background-color: #67ac0d;
}

.overview-cards .tabs .category-title:nth-child(3) {
  background-color: #365db6;
}

.overview-cards .tabs .category-title:nth-child(4) {
  background-color: #fc6e50;
}

.overview-cards .tabs .category-title:nth-child(5) {
  background-color: #2eb977;
}

.overview-cards .tabs .category-title:nth-child(6) {
  background-color: #00a2ff;
}

.overview-cards .tabs .category-title.active {
  position: relative;
}

.overview-cards .tabs .category-title.active::after, .overview-cards .tabs .category-title.active::before {
  content: '';
  position: absolute;
  display: block;
  top: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #fff #fff #fff;
  border-width: 1.5rem 8.5vw 0 8.5vw;
}

@media (min-width: 1280px) {
  .overview-cards .tabs .category-title.active::after, .overview-cards .tabs .category-title.active::before {
    border-width: 1.5rem 10.5rem 0 10.5rem;
  }
}

@media (max-width: 600px) {
  .overview-cards .tabs .category-title.active::after, .overview-cards .tabs .category-title.active::before {
    border-width: 1.5rem 10.5rem 0 10.5rem;
  }
}

.overview-cards .tabs .category-title.active::after {
  background-color: inherit;
  -o-border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.4));
     border-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.4)));
     border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.4));
}

.overview-cards .tabs .category-title.active::before {
  z-index: 2;
}

.overview-cards .tabs .category-title.active .rag {
  display: block;
  width: 1rem;
  border-radius: 0 0 250% 250%;
  height: 1.5rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.4)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.4));
  background-color: inherit;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  top: 100%;
  left: 50%;
  z-index: 99;
}

.overview-cards .overview-card {
  height: 57rem;
  display: none;
}

@media (min-width: 1280px) {
  .overview-cards .overview-card {
    width: 1280px;
    margin: 0 auto !important;
  }
}

.overview-cards .overview-card.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.overview-cards .overview-card:nth-child(2) {
  color: #fe7d03;
}

.overview-cards .overview-card:nth-child(3) {
  color: #67ac0d;
}

.overview-cards .overview-card:nth-child(4) {
  color: #365db6;
}

.overview-cards .overview-card:nth-child(5) {
  color: #fc6e50;
}

.overview-cards .overview-card:nth-child(6) {
  color: #2eb977;
}

.overview-cards .overview-card:nth-child(7) {
  color: #00a2ff;
}

.overview-cards .overview-card__title {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.overview-cards .overview-card__title .category-title {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-align: center;
  color: #000000;
  margin-bottom: 1rem;
}

.overview-cards .overview-card__title .title {
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: 1.13px;
  text-align: center;
  color: inherit;
}

.overview-cards .overview-card__title .special-copywriting {
  font-size: 1.6rem;
  font-weight: 100;
  line-height: 1.44;
  letter-spacing: 0.26px;
  text-align: center;
  color: #141414;
}

.overview-cards .overview-card__title .img {
  margin-top: 4rem;
  width: 22rem;
  height: 23rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.overview-cards .overview-card__title .img img {
  width: 100%;
}

.overview-cards .overview-card__items {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 75%;
          flex: 0 1 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.overview-cards .overview-card__items .items {
  background-color: currentColor;
  border-radius: 57px 0 0 57px;
  height: 41rem;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.overview-cards .overview-card__items .items::after {
  content: '';
  display: block;
  background-color: currentColor;
  height: 100%;
  position: absolute;
  left: 95%;
  top: 0;
  width: 100%;
}

.overview-cards .overview-card__items .items .item {
  background-color: #fff;
  height: 27rem;
  width: 20rem;
  border-radius: 9px;
  -webkit-box-shadow: 2px 4px 20px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 2px 4px 20px 0 rgba(0, 0, 0, 0.22);
  margin: 0 1rem;
  padding: 2.5rem 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.overview-cards .overview-card__items .items .item .Tag {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.44px;
  color: #ff591f;
  line-height: 2rem;
  height: 2rem;
}

.overview-cards .overview-card__items .items .item .title {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.38px;
  color: #000000;
  line-height: 3rem;
  height: 3rem;
  white-space: nowrap;
}

.overview-cards .overview-card__items .items .item .special-copywriting {
  font-size: 1.5rem;
  line-height: 2.6rem;
  letter-spacing: 0.24px;
  color: #787878;
  height: 2.6rem;
  white-space: nowrap;
}

.overview-cards .overview-card__items .items .item img {
  margin-top: auto;
}

.mainServiceBoard {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e9f4ff), to(#ffffff));
  background-image: linear-gradient(to bottom, #e9f4ff, #ffffff);
  height: 60rem;
  width: 100%;
  overflow: hidden;
  background-size: 100% 100%;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.mainServiceBoard__carousel {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: relative;
  height: 100%;
}

@media (min-width: 1280px) {
  .mainServiceBoard__carousel {
    width: 1280px;
    margin: 0 auto !important;
  }
}

.mainServiceBoard__carousel .slider {
  left: -100%;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-transition: opacity 0.5s, z-index 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, z-index 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s, z-index 0.5s;
  transition: transform 0.5s, opacity 0.5s, z-index 0.5s, -webkit-transform 0.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mainServiceBoard__carousel .slider-img, .mainServiceBoard__carousel .slider-content {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
}

.mainServiceBoard__carousel .slider-img img {
  height: 60rem;
  display: block;
  margin: 0 auto;
}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .mainServiceBoard__carousel .slider-img img {
    display: initial;
    margin: 0;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.mainServiceBoard__carousel .slider-content ul {
  margin: 5rem 10rem 0;
}

.mainServiceBoard__carousel .slider-content li:not(:last-child) {
  margin-bottom: 3rem;
}

.mainServiceBoard__carousel .slider-content .category {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #000000;
}

.mainServiceBoard__carousel .slider-content .title {
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.75px;
  color: #0468fa;
}

.mainServiceBoard__carousel .slider-content .special-copywriting {
  font-size: 2rem;
  font-weight: 100;
  line-height: 1.4;
  letter-spacing: 0.32px;
  color: #141414;
}

.mainServiceBoard__carousel .slider-content .description {
  font-size: 1.5rem;
  line-height: 1.73;
  letter-spacing: 0.24px;
  color: #3b3b3b;
}

.mainServiceBoard__carousel .slider-content .btn {
  width: 23.6rem;
  color: #ffffff;
  font-size: 1.6rem;
  margin-left: 10rem;
  margin-top: 5rem;
  display: block;
  text-align: center;
  height: 5rem;
  line-height: 5rem;
}

.mainServiceBoard__carousel .slider.active, .mainServiceBoard__carousel .sliderinitial {
  opacity: 1;
  position: relative;
  z-index: 900;
}

.mainServiceBoard__carousel .slider.left-leave {
  -webkit-animation: leftLeave 0.4s;
          animation: leftLeave 0.4s;
}

.mainServiceBoard__carousel .slider.left-enter {
  -webkit-animation: leftEnter 0.5s;
          animation: leftEnter 0.5s;
}

.mainServiceBoard__carousel .slider.right-leave {
  -webkit-animation: rightLeave 0.4s;
          animation: rightLeave 0.4s;
}

.mainServiceBoard__carousel .slider.right-enter {
  -webkit-animation: rightEnter 0.5s;
          animation: rightEnter 0.5s;
}

.mainServiceBoard__carousel .prev,
.mainServiceBoard__carousel .next {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 5%;
  width: 4rem;
  height: 4rem;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1001;
  -webkit-box-shadow: 2px 3px 9px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 2px 3px 9px 0 rgba(0, 0, 0, 0.16);
}

.mainServiceBoard__carousel .prev:after,
.mainServiceBoard__carousel .next:after {
  content: ' ';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 54%;
  border-right: 1px solid #787878;
  border-bottom: 1px solid #787878;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}

.mainServiceBoard__carousel .next {
  left: 95%;
}

.mainServiceBoard__carousel .next:after {
  left: 47%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
}

.pagination > * {
  margin-left: 3.5rem;
  width: 4rem;
  height: 4rem;
  cursor: pointer;
}

.pagination__link {
  text-align: center;
  line-height: 4rem;
  font-size: 1.8rem;
  letter-spacing: 0.33px;
  color: rgba(0, 0, 0, 0.7);
}

.pagination__link.active, .pagination__link:hover {
  border-radius: 50%;
  background-color: #00a2ff;
  color: white;
}

.pagination .prev {
  position: relative;
}

.pagination .prev:after {
  content: ' ';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 54%;
  border-right: 1px solid #787878;
  border-bottom: 1px solid #787878;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}

.pagination .next {
  position: relative;
}

.pagination .next:after {
  content: ' ';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 54%;
  border-right: 1px solid #787878;
  border-bottom: 1px solid #787878;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.listModel {
  margin: 4rem 0;
}

@media (min-width: 1280px) {
  .listModel {
    width: 1280px;
    margin: 5rem auto !important;
  }
}

.listModel .categories {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.listModel .categories span {
  margin-right: 1rem;
  font-size: 1.6rem;
  letter-spacing: 0.31px;
  color: #3b3b3b;
}

.listModel .categories ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.listModel .categories li {
  display: inline-block;
  width: 14.6rem;
  height: 6rem;
  border-radius: 4px;
  background-color: rgba(184, 184, 184, 0.09);
  margin: 0 0.5rem;
}

.listModel .categories a {
  font-size: 1.8rem;
  font-weight: 300;
  letter-spacing: 0.29px;
  border-radius: 4px;
  line-height: 6rem;
  text-align: center;
  width: 100%;
  display: block;
}

.listModel .categories a:hover, .listModel .categories a.active {
  color: #00a2ff;
  background-color: rgba(0, 162, 255, 0.09);
}

.listModel .propaganda-cards__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 4rem 0;
}

@supports (display: grid) {
  .listModel .propaganda-cards__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (36rem)[auto-fit];
        grid-template-columns: repeat(auto-fit, 36rem);
  }
}

.listModel .propaganda-cards__list::after {
  content: '';
  -webkit-box-flex: 0;
      -ms-flex: 0 1 36rem;
          flex: 0 1 36rem;
  margin: 1rem;
}

.listModel .propaganda-cards__list.remainderTwo::after {
  content: '';
  -webkit-box-flex: 0;
      -ms-flex: 0 1 36rem;
          flex: 0 1 36rem;
  margin: 1rem;
}

.listModel .propaganda-cards__list.remainderOne::before, .listModel .propaganda-cards__list.remainderOne::after {
  content: '';
  -webkit-box-flex: 0;
      -ms-flex: 0 1 36rem;
          flex: 0 1 36rem;
  margin: 1rem;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.listModel .propaganda-cards__list .propaganda-cards {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 36rem;
          flex: 0 1 36rem;
  height: 43rem;
  border-radius: 9px;
  -webkit-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
  background-color: #ffffff;
  margin: 1rem;
}

.listModel .propaganda-cards__list .propaganda-cards .img {
  width: 100%;
  height: 15rem;
}

.listModel .propaganda-cards__list .propaganda-cards .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}

.listModel .propaganda-cards__list .propaganda-cards .title {
  margin: 0 1.5rem;
  height: 13rem;
  border-bottom: solid 1px #c5c5c5;
  font-size: 1.4rem;
  padding-top: 2rem;
}

.listModel .propaganda-cards__list .propaganda-cards .title div:first-child {
  color: #00a2ff;
  margin-right: 1rem;
}

.listModel .propaganda-cards__list .propaganda-cards .title div .date {
  letter-spacing: 0.44px;
  color: #787878;
  margin-left: 1rem;
}

.listModel .propaganda-cards__list .propaganda-cards .title p {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.35px;
  color: #000000;
  margin-top: 1rem;
}

.listModel .propaganda-cards__list .propaganda-cards .description {
  padding: 0 1.5rem;
  height: 14rem;
  color: #787878;
  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-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.listModel .propaganda-cards__list .propaganda-cards .description p {
  font-size: 1.5rem;
  line-height: 1.53;
  letter-spacing: 0.24px;
}

@supports ((-o-object-fit: fill) or (object-fit: fill)) {
  .listModel .propaganda-cards__list .propaganda-cards .description p:nth-child(1) {
    margin-top: auto;
  }
}

.listModel .propaganda-cards__list .propaganda-cards .description p:nth-child(2) {
  margin-bottom: 2.5rem;
}

@supports ((-o-object-fit: fill) or (object-fit: fill)) {
  .listModel .propaganda-cards__list .propaganda-cards .description p:nth-child(2) {
    margin-bottom: auto;
  }
}

.listModel .propaganda-cards__list .propaganda-cards .description p:only-of-type {
  margin-bottom: 4rem;
}

@supports ((-o-object-fit: fill) or (object-fit: fill)) {
  .listModel .propaganda-cards__list .propaganda-cards .description p:only-of-type {
    margin: auto 0;
  }
}

.listModel .propaganda-cards__list .propaganda-cards .description .link {
  width: 100%;
  border-radius: 4px;
  height: 4rem;
  border: solid 1px #c5c5c5;
  font-size: 1.5rem;
  color: #787878;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: inline-block;
  line-height: 4rem;
  text-align: center;
  margin: initial;
  justify-items: flex-end;
}

.listModel .propaganda-cards__list .propaganda-cards .description .link:active {
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}

.listModel .articles {
  padding: 0 5rem;
}

.listModel .articles ul {
  margin: 2rem 0;
}

.listModel .articles li {
  white-space: nowrap;
  overflow: hidden;
}

.listModel .articles .title {
  display: inline-block;
  font-size: 1.6rem;
  letter-spacing: 0.31px;
  width: 100%;
  border-bottom: 1px dotted;
  padding: 1rem 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.listModel .articles .title:hover {
  color: #00a2ff;
}

.listModel .articles .date,
.listModel .articles .startDate,
.listModel .articles .endDate {
  display: inline-block;
  font-size: 1.4rem;
  color: #ffffff;
  border-radius: 14px;
  background-color: #00a2ff;
  padding: 0.5rem 1rem;
  margin-right: 2rem;
  width: 10rem;
  text-align: center;
}

.listModel .articles .endDate {
  position: relative;
}

.listModel .articles .endDate::before {
  content: '~';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #000;
  left: 0;
  -webkit-transform: translate(-1.5rem, -50%);
          transform: translate(-1.5rem, -50%);
}

.contentModel .mainSpecialTitle:not(:only-child), .contentModel .mainTitle:not(:only-child), .contentModel .contentTitle:not(:only-child), .contentModel .subTitle:not(:only-child), .contentModel .smallTitle:not(:only-child), .contentModel .specialTitle:not(:only-child), .contentModel .innerContent:not(:only-child), .contentModel .media:not(:only-child), .contentModel .downloadFile:not(:only-child) {
  margin-bottom: 1.5rem;
}

.contentModel {
  padding: 5rem 6rem;
  overflow: hidden;
}

.contentModel.box-shadow {
  -webkit-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
  margin: 2rem;
}

@media (min-width: 1280px) {
  .contentModel {
    width: 1280px;
    margin: 4rem auto !important;
  }
}

.contentModel .question {
  padding: 2rem;
  border-radius: 8px;
  border: solid 1px #c5c5c5;
  background-color: rgba(255, 255, 255, 0.02);
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.contentModel .question__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.35px;
  color: #232323;
  padding: 2rem 0;
}

.contentModel .question__title .arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 3rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.contentModel .question__title .arrow::after, .contentModel .question__title .arrow::before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: currentColor;
}

.contentModel .question__title .arrow::after {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}

.contentModel .question__title .arrow::before {
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}

.contentModel .question__title .arrow.active {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.contentModel .question__title .arrow.active::after {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}

.contentModel .question__title .arrow.active::before {
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}

.contentModel .question__content {
  border-top: solid 1px #c5c5c5;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.31px;
  color: #000000;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  overflow: hidden;
  opacity: 0;
  height: 0;
}

.contentModel .question__content.active {
  height: auto;
  opacity: 1;
  padding: 2rem;
}

.contentModel .mainSpecialTitle {
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.32px;
  color: #00a2ff;
}

.contentModel .mainTitle {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 0.54px;
  color: #232323;
}

.contentModel .contentTitle {
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.31px;
  color: #000000;
}

.contentModel .subTitle {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.32px;
  color: #00a2ff;
}

.contentModel .smallTitle {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.32px;
}

.contentModel .specialTitle {
  border-bottom: 1px solid #00a2ff;
  height: 5rem;
}

.contentModel .specialTitle__textarea {
  position: relative;
  border-radius: 8px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #00a2ff;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.32px;
  color: #ffffff;
  padding: 1rem 1rem 1rem 3.5rem;
  height: 100%;
}

.contentModel .specialTitle__textarea::before {
  content: '';
  background: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20070324170249/https://www.emome.net/image/contentModel/icon_star.svg") no-repeat center;
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 2rem;
}

.contentModel .specialTitle__textarea::after {
  content: '';
  background: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20070324170249/https://www.emome.net/image/contentModel/triangle.svg") no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
}

.contentModel .innerContent {
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.31px;
  color: #000000;
}

.contentModel .media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.contentModel .media img {
  width: 4.5rem;
}

.contentModel .media .lineShareBtn {
  margin-right: 1rem;
}

.contentModel .media .fb-share-button {
  margin-left: 1rem;
}

.contentModel .updateImage {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contentModel .downloadFile {
  font-size: 2rem;
}

.contentModel .editor .app-name.p {
  margin-bottom: 0;
}

.contentModel .editor p::after {
  content: '';
  display: table;
  clear: both;
}

.contentModel .editor img {
  max-width: 100%;
  height: auto !important;
}

.contentModel .editor ol li {
  list-style: decimal;
}

.contentModel .editor li {
  list-style: inherit;
}

@supports (display: grid) {
  .contentModel .editor li {
    list-style: initial;
  }
}

.bookMarkModel {
  margin: 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.bookMarkModel .bookMarks {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  text-align: center;
  display: inline-block;
  border-radius: 13px 13px 0 0;
  -webkit-box-shadow: 2px -1px 9px 0 rgba(76, 76, 76, 0.13);
          box-shadow: 2px -1px 9px 0 rgba(76, 76, 76, 0.13);
  border-bottom: 2px solid #00a2ff;
  margin-bottom: -2rem;
}

.bookMarkModel .bookMarks li {
  display: inline-block;
}

.bookMarkModel .bookMarks li.active a {
  color: #ffffff;
  background-color: #00a2ff;
}

.bookMarkModel .bookMarks .title {
  display: block;
  width: 20rem;
  height: 6rem;
  line-height: 6rem;
  font-size: 16px;
  font-weight: 300;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 13px 13px 0 0;
}

.bookMarkModel .bookMarks .title:hover {
  color: #ffffff;
  background-color: #00a2ff;
}

.bookMarkModel__content {
  display: none;
}

.bookMarkModel__content.active {
  display: block;
}

.summaryModel {
  margin: 5rem;
}

.summaryModel h1 {
  padding: 0 5rem;
  font-size: 2.4rem;
  color: #525152;
  margin-bottom: 1.5rem;
  font-weight: 700;
}

@media (min-width: 1280px) {
  .summaryModel {
    width: 1280px;
    margin: 5rem auto !important;
  }
}

.summaryModel .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1.5rem 0;
}

.summaryModel .link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 1.5rem;
  letter-spacing: 1.97px;
  color: #787878;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 36rem;
          flex: 0 1 36rem;
  margin: 0 1rem;
}

.summaryModel .link a img {
  margin-right: 0.5rem;
}

.summaryModel .link:after, .summaryModel .link:before {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  content: '';
  -webkit-box-flex: 0;
      -ms-flex: 0 1 36rem;
          flex: 0 1 36rem;
  margin: 0 1rem;
}

.summaryModel .propaganda-cards__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 4rem 0;
}

@supports (display: grid) {
  .summaryModel .propaganda-cards__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (36rem)[auto-fit];
        grid-template-columns: repeat(auto-fit, 36rem);
  }
}

.summaryModel .propaganda-cards__list::after {
  content: '';
  -webkit-box-flex: 0;
      -ms-flex: 0 1 36rem;
          flex: 0 1 36rem;
  margin: 1rem;
}

.summaryModel .propaganda-cards__list.remainderTwo::after {
  content: '';
  -webkit-box-flex: 0;
      -ms-flex: 0 1 36rem;
          flex: 0 1 36rem;
  margin: 1rem;
}

.summaryModel .propaganda-cards__list.remainderOne::before, .summaryModel .propaganda-cards__list.remainderOne::after {
  content: '';
  -webkit-box-flex: 0;
      -ms-flex: 0 1 36rem;
          flex: 0 1 36rem;
  margin: 1rem;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.summaryModel .propaganda-cards__list .propaganda-cards {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 36rem;
          flex: 0 1 36rem;
  height: 43rem;
  border-radius: 9px;
  -webkit-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
  background-color: #ffffff;
  margin: 1rem;
}

.summaryModel .propaganda-cards__list .propaganda-cards .img {
  width: 100%;
  height: 15rem;
}

.summaryModel .propaganda-cards__list .propaganda-cards .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}

.summaryModel .propaganda-cards__list .propaganda-cards .title {
  margin: 0 1.5rem;
  height: 13rem;
  border-bottom: solid 1px #c5c5c5;
  font-size: 1.4rem;
  padding-top: 2rem;
}

.summaryModel .propaganda-cards__list .propaganda-cards .title div:first-child {
  color: #00a2ff;
  margin-right: 1rem;
}

.summaryModel .propaganda-cards__list .propaganda-cards .title div .date {
  letter-spacing: 0.44px;
  color: #787878;
  margin-left: 1rem;
}

.summaryModel .propaganda-cards__list .propaganda-cards .title p {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.35px;
  color: #000000;
  margin-top: 1rem;
}

.summaryModel .propaganda-cards__list .propaganda-cards .description {
  padding: 0 1.5rem;
  height: 14rem;
  color: #787878;
  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-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.summaryModel .propaganda-cards__list .propaganda-cards .description p {
  font-size: 1.5rem;
  line-height: 1.53;
  letter-spacing: 0.24px;
}

@supports ((-o-object-fit: fill) or (object-fit: fill)) {
  .summaryModel .propaganda-cards__list .propaganda-cards .description p:nth-child(1) {
    margin-top: auto;
  }
}

.summaryModel .propaganda-cards__list .propaganda-cards .description p:nth-child(2) {
  margin-bottom: 2.5rem;
}

@supports ((-o-object-fit: fill) or (object-fit: fill)) {
  .summaryModel .propaganda-cards__list .propaganda-cards .description p:nth-child(2) {
    margin-bottom: auto;
  }
}

.summaryModel .propaganda-cards__list .propaganda-cards .description p:only-of-type {
  margin-bottom: 4rem;
}

@supports ((-o-object-fit: fill) or (object-fit: fill)) {
  .summaryModel .propaganda-cards__list .propaganda-cards .description p:only-of-type {
    margin: auto 0;
  }
}

.summaryModel .propaganda-cards__list .propaganda-cards .description .link {
  width: 100%;
  border-radius: 4px;
  height: 4rem;
  border: solid 1px #c5c5c5;
  font-size: 1.5rem;
  color: #787878;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: inline-block;
  line-height: 4rem;
  text-align: center;
  margin: initial;
  justify-items: flex-end;
}

.summaryModel .propaganda-cards__list .propaganda-cards .description .link:active {
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}

.summaryModel .articles {
  padding: 0 5rem;
}

.summaryModel .articles ul {
  margin: 2rem 0;
}

.summaryModel .articles li {
  white-space: nowrap;
  overflow: hidden;
}

.summaryModel .articles .title {
  display: inline-block;
  font-size: 1.6rem;
  letter-spacing: 0.31px;
  width: 100%;
  border-bottom: 1px dotted;
  padding: 1rem 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.summaryModel .articles .title:hover {
  color: #00a2ff;
}

.summaryModel .articles .date,
.summaryModel .articles .startDate,
.summaryModel .articles .endDate {
  display: inline-block;
  font-size: 1.4rem;
  color: #ffffff;
  border-radius: 14px;
  background-color: #00a2ff;
  padding: 0.5rem 1rem;
  margin-right: 2rem;
  width: 10rem;
  text-align: center;
}

.summaryModel .articles .endDate {
  position: relative;
}

.summaryModel .articles .endDate::before {
  content: '~';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #000;
  left: 0;
  -webkit-transform: translate(-1.5rem, -50%);
          transform: translate(-1.5rem, -50%);
}

.reminder {
  padding: 5rem;
  overflow: hidden;
}

.reminder__title {
  border-radius: 2rem 2rem 0 0;
  font-size: 2.8rem;
  line-height: 2.8rem;
  text-align: center;
  color: #fff;
  background-color: #333;
  padding: 2rem 0;
}

.reminder__content {
  position: relative;
  padding-left: 4rem;
  background-color: #fff;
  font-size: 1.8rem;
  line-height: 3.6;
  overflow: hidden;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.reminder__content li {
  list-style: decimal;
}

.reminder__content.hide {
  height: 30rem;
}

.reminder__showMore, .reminder__showLess {
  color: #00a2ff;
  font-size: 2.2rem;
  text-align: center;
}

.reminder__showMore.d-none, .reminder__showLess.d-none {
  display: none;
}

.reminder__showMore {
  width: 100%;
  bottom: 0;
  position: absolute;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%);
}

.reminder__showLess {
  display: block;
  margin: 0 auto;
}

.hidden {
  display: none !important;
}

#content {
  overflow-y: hidden;
}

#block_412 {
  margin-top: 30px;
  margin-bottom: 35px;
}

#block_412 .block {
  margin-top: -35px;
  padding-right: 5px;
}

#block_2935 {
  margin-top: 30px;
  margin-bottom: 35px;
}

#block_412,
#block_2935 {
  margin-top: 30px;
  margin-bottom: 20px;
}

#block_2934 {
  width: 100vw;
  position: absolute;
  background: #f7f7f7;
  left: calc((960px - 100vw) / 2);
  right: calc((100vw - 960px) / 2);
  z-index: -1;
  margin: 0;
  margin-top: 10px;
}

#block_2936,
#block_2936 p {
  margin: 0;
}

#block_7 .block {
  margin-top: 0;
}

#block_635 a {
  color: #333;
  font-size: 13px;
}

.btn_customer_service {
  position: fixed;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  bottom: 80px;
  right: 15px;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.btn_customer_service .customer_btn {
  background: #209cff;
  font-size: 0;
  padding: 10px;
  margin: 0;
  min-width: auto;
  min-width: initial;
  width: 44px;
  height: 44px;
  -webkit-transition: all 0s;
  transition: all 0s;
  border-radius: 50%;
  cursor: pointer;
}

.btn_customer_service .customer_btn:hover {
  font-size: 14px;
  padding: 10px 15px;
  width: auto;
  text-indent: 0;
  color: #fff;
  border-radius: 34px;
}

.btn_customer_service .customer_btn .icon_svg {
  vertical-align: middle;
}

.btn_customer_service .customer_btn:hover .icon_svg {
  margin-left: 5px;
}

#cookie-alert {
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  padding: 15px;
  left: 0;
  border-top: 1px solid #ccc;
  z-index: 10;
}

#cookie-alert .alert_wrapper {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#cookie-alert a {
  text-decoration: underline;
}

#cookie-alert .alert_content {
  -webkit-box-flex: 11;
      -ms-flex: 11;
          flex: 11;
}

#cookie-alert .alert_actions {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100px;
          flex: 1 0 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#cookie-alert button {
  border-radius: 4px;
  border: 0;
  padding: 8px 16px;
  background: #209cff;
  width: 90px;
  margin: 0 auto;
  font-size: 14px;
  height: 36px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  vertical-align: middle;
  line-height: 1;
  color: white;
  font-family: 'Noto Sans TC', PingFangTC, 'Microsoft JhengHei', 微軟正黑體, sans-serif;
}

.webSizeMap {
  padding: 2rem 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.webSizeMap__title {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 0.54px;
  text-align: center;
  color: #232323;
}

.webSizeMap__firstLayer--title {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.38px;
  color: #00a2ff;
  padding: 1rem;
  border-bottom: solid 1px #c5c5c5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.webSizeMap__firstLayer--title .trigger {
  border-radius: 50%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  height: 4rem;
  width: 4rem;
  background: #d8d8d8 url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20070324170249/https://www.emome.net/image/svg/icon_large_arrow_down.png") center no-repeat;
}

.webSizeMap__firstLayer--title .trigger.active {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}

.webSizeMap__firstLayer--title.active {
  border-bottom: solid 1px #fff;
}

.webSizeMap__firstLayer--content {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: none;
}

.webSizeMap__firstLayer--content.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.webSizeMap__secondLayer {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 32.5%;
          flex: 0 1 32.5%;
  margin: 1rem 0;
}

.webSizeMap__secondLayer--title {
  padding: 1rem;
  border-radius: 9px 9px 0 0;
  background-color: #00a2ff;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.35px;
  text-align: center;
  color: #ffffff;
  display: block;
}

.webSizeMap__secondLayer:not(:last-child) {
  margin-right: 1rem;
}

.webSizeMap__secondLayer--content {
  padding: 1rem;
}

.webSizeMap__thirdLayer--title {
  font-size: 1.6rem;
  line-height: 2.25;
  letter-spacing: 0.5px;
  color: #3b3b3b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  outline: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.webSizeMap__thirdLayer--title:hover {
  color: #00a2ff;
}

.webSizeMap__thirdLayer--title:before {
  content: '';
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 1rem;
  background: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20070324170249/https://www.emome.net/image/svg/blue_arrow.svg") no-repeat center;
}

.webSizeMap__thirdLayer--title .trigger {
  width: 4rem;
  height: 4rem;
  display: block;
  position: absolute;
  right: -1rem;
  background: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20070324170249/https://www.emome.net/image/svg/Icon_arrow_close.svg") no-repeat center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}

.webSizeMap__thirdLayer--title .trigger.active {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.webSizeMap__thirdLayer--content {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.webSizeMap__thirdLayer--content.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.webSizeMap__forthLayer {
  margin-left: 3rem;
  font-size: 1.6rem;
  line-height: 2.25;
  letter-spacing: 0.5px;
  color: #787878;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.webSizeMap__forthLayer:hover {
  color: #00a2ff;
}

.webSizeMap__forthLayer:before {
  content: '';
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 1rem;
  background-image: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20070324170249/https://www.emome.net/image/svg/icon_fourth.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.container {
  padding: 2rem;
}

.header__carousel a {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.header__middle--nav li, .header__middle--dropdown .menu__list {
  font-size: 1.6rem;
  letter-spacing: 0.5px;
  color: #ffffff;
  display: inline-block;
  width: 14rem;
  text-align: center;
}

.header__top .category, .header__middle--mobileDropMenu-top .category {
  border-radius: 38px;
  background-color: #ffa600;
  font-weight: 500;
  color: #fff;
  padding: 0 0.5rem;
  height: 2rem;
  margin-right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.header__top {
  padding: 0 1.5rem;
  height: 3.5rem;
  font-size: 1.3rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(99%, #efefef));
  background-image: linear-gradient(to bottom, #ffffff, #efefef 99%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header__top ul {
  height: 100%;
}

.header__top li {
  display: inline-block;
  line-height: 3.5rem;
  text-align: center;
  margin-left: 1.5rem;
}

.header__top li img {
  margin-right: 0.5rem;
  vertical-align: text-bottom;
  width: 15px;
  height: 15px;
}

.header .header__type1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem;
  font-size: 1.6rem;
}

.header__middle {
  position: relative;
  height: 7.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.header__middle.z-index-manipulate {
  z-index: auto;
}

.header__middle--icon {
  padding-left: 15px;
  width: 23rem;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__middle--icon img {
  width: 100%;
}

.header__middle--nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__middle--nav.english-version {
  width: 100rem;
}

.header__middle--nav.english-version li {
  width: 25.4rem;
}

.header__middle--nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.header__middle--nav li {
  position: relative;
  color: #141414;
  cursor: pointer;
  height: 7.5rem;
  line-height: 7.5rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-bottom: 3px solid #ffffff;
}

.header__middle--nav li.active, .header__middle--nav li:hover {
  color: #58a3dc;
  border-bottom: 3px solid #58a3dc;
}

.header__middle--nav li a {
  word-break: keep-all;
}

.header__middle--dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  left: 0;
  top: 7.5rem;
  height: 45rem;
  width: 100%;
  background-image: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20070324170249/https://www.emome.net/image/header/bg_menu.jpg");
  background-size: cover;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  pointer-events: none;
}

.header__middle--dropdown.active {
  pointer-events: auto;
  opacity: 1;
  z-index: 9999;
}

.header__middle--dropdown-left {
  width: 23rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.header__middle--dropdown-right {
  width: 18rem;
  margin-right: 1.5rem;
}

.header__middle--dropdown .menu {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.header__middle--dropdown .menu ul {
  padding-top: 2rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  height: 40rem;
}

.header__middle--dropdown .menu__list {
  height: 43rem;
}

.header__middle--dropdown .menu__list:hover, .header__middle--dropdown .menu__list.active {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#0c87f9), to(#0666f0));
  background-image: linear-gradient(to top, #0c87f9, #0666f0);
  -webkit-box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0 0 15px 0;
  border-left: 1px solid white;
}

.header__middle--dropdown .menu__list.english-version {
  width: 25.4rem;
}

.header__middle--dropdown .menu__list li {
  cursor: pointer;
}

.header__middle--dropdown .menu__list li:not(:last-child) {
  margin-bottom: 2rem;
}

.header__middle--dropdown .menu__list li:hover {
  color: #ffd055;
}

.header__middle--searchTrigger {
  margin-right: 1.5rem;
  width: 18rem;
  border-radius: 4px;
  font-size: 1.4rem;
  color: #9b9b9b;
  height: 3rem;
  overflow: hidden;
}

.header__middle--searchTrigger .trigger {
  width: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.header__middle--searchTrigger .trigger__top {
  height: 3rem;
  border-radius: 4px;
  line-height: 3rem;
  padding-left: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.header__middle--searchTrigger .trigger__top img {
  height: 24px;
  width: 24px;
  border-radius: 50%;
}

.header__middle--searchTrigger .trigger__bottom {
  height: 3rem;
  line-height: 3rem;
  padding-left: 0.5rem;
}

.header__middle--searchTrigger .trigger.up {
  -webkit-transform: translateY(-3rem);
          transform: translateY(-3rem);
}

.header__middle--check {
  display: none;
}

.header__middle--search {
  position: fixed;
  left: 0;
  top: 11rem;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  z-index: -1;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  height: 0;
  opacity: 0;
}

.header__middle--search.active .searchField {
  display: block;
}

.header__middle--search .searchField {
  background-image: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20070324170249/https://www.emome.net/image/header/bg_menu.jpg");
  height: 15rem;
  padding: 2.5rem 13rem;
  display: none;
}

.header__middle--search .searchField__input {
  width: 100%;
  background-color: #fff;
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5.5px;
}

.header__middle--search .searchField__input--icon {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 2rem;
}

.header__middle--search .searchField__input--input {
  width: 100%;
  outline: none;
  border: none;
  font-size: 1.6rem;
}

.header__middle--search .searchField__input--btn {
  cursor: pointer;
  height: 100%;
  font-size: 1.6rem;
  width: 10.5rem;
  border: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0a92e8), to(#2c83f9));
  background-image: linear-gradient(to bottom, #0a92e8, #2c83f9);
  color: #ffffff;
}

.header__middle--search .searchField__input img {
  margin: 0 1rem;
}

.header__middle--search .searchField__recommend {
  font-size: 1.6rem;
  color: #ffffff;
  margin-top: 1rem;
  height: 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__middle--search .searchField__recommend--link {
  height: 3.5rem;
  text-align: center;
  margin: 0 0.5rem;
  padding: 0.5rem 1.5rem;
  border-radius: 6px;
  border: solid 1px rgba(255, 255, 255, 0.53);
  background-color: rgba(255, 255, 255, 0.19);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__middle--search .searchField__recommend .divider {
  height: 100%;
  background-color: #fff;
  width: 1px;
  display: inline-block;
  margin: 0 3rem;
}

.header__middle--search.active {
  z-index: 1003;
  opacity: 1;
  height: calc(100% - 11rem);
}

.header__middle--check:checked ~ .header__middle--trigger .t1 {
  opacity: 0;
  height: 0;
}

.header__middle--check:checked ~ .header__middle--trigger .t2 {
  opacity: 1;
  height: 2rem;
}

.header__middle--mobileTrigger {
  height: 100%;
  width: 7rem;
  cursor: pointer;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(99%, #efefef));
  background-image: linear-gradient(to bottom, #ffffff, #efefef 99%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}

.header__middle--mobileTrigger span {
  position: relative;
  background-color: #a1a1a1;
}

.header__middle--mobileTrigger span, .header__middle--mobileTrigger span:after, .header__middle--mobileTrigger span:before {
  display: block;
  height: 2px;
  width: 2rem;
  content: '';
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.header__middle--mobileTrigger span:after {
  position: absolute;
  background-color: inherit;
  bottom: 0.5rem;
}

.header__middle--mobileTrigger span:before {
  position: absolute;
  background-color: inherit;
  top: 0.5rem;
}

.header__middle--mobileDropMenu {
  display: none;
  overflow-y: scroll;
  top: 7.5rem;
  width: 100%;
  background: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20070324170249/https://www.emome.net/image/header/bg_menu.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: -1;
  opacity: 0;
  height: 0;
}

.header__middle--mobileDropMenu-top {
  opacity: 0.85;
  border-radius: 6px;
  background-color: #ffffff;
  margin: 1rem;
  padding: 2rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-self: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.5rem;
}

.header__middle--mobileDropMenu-top li {
  margin: 0.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(50% - 1rem);
          flex: 0 1 calc(50% - 1rem);
}

.header__middle--mobileDropMenu-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 1rem;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(99%, #efefef));
  background-image: linear-gradient(to bottom, #ffffff, #efefef 99%);
}

.header__middle--mobileDropMenu-middle li {
  font-size: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1rem;
}

.header__middle--mobileDropMenu-middle li:last-child {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.header__middle--mobileDropMenu-middle li:last-child img {
  margin: 1.5rem;
}

.header__middle--mobileDropMenu-middle li:last-child a {
  margin-right: auto;
}

.header__middle--mobileDropMenu-middle li:last-child::before {
  position: absolute;
  top: 0.5rem;
  content: '';
  width: 90%;
  background-color: #979797;
  height: 1px;
}

.header__middle--mobileDropMenu-nav {
  margin-left: 2rem;
}

.header__middle--mobileDropMenu-nav li {
  font-size: 1.8rem;
  color: #ffffff;
  margin: 1rem 0;
  font-weight: 500;
  line-height: 2.67;
}

.header__middle--mobileDropMenu-nav li .link.active ~ ul {
  display: block;
}

.header__middle--mobileDropMenu-nav li ul {
  display: none;
  margin: 3rem;
  padding: 1rem;
  border-left: 1px solid #fff;
  border-radius: 0 0 15px 0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#0c87f9), to(#0666f0));
  background-image: linear-gradient(to top, #0c87f9, #0666f0);
}

.header__middle--mobileCheck {
  display: none;
}

.header__middle--mobileCheck:checked ~ .header__middle--mobileTrigger {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0037a3), color-stop(99%, #0037a3));
  background-image: linear-gradient(to bottom, #0037a3, #0037a3 99%);
}

.header__middle--mobileCheck:checked ~ .header__middle--mobileTrigger span {
  background-color: inherit;
}

.header__middle--mobileCheck:checked ~ .header__middle--mobileTrigger span:after {
  position: absolute;
  background-color: #fff;
  bottom: initial;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.header__middle--mobileCheck:checked ~ .header__middle--mobileTrigger span:before {
  position: absolute;
  background-color: #fff;
  top: initial;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.header__middle--mobileCheck:checked ~ .header__middle--mobileDropMenu {
  opacity: 1;
  z-index: 1009;
  height: calc(100vh - 7.5rem);
}

.header__carousel {
  height: 400px;
  position: relative;
  overflow: hidden;
}

.header__carousel .removeControl {
  top: 45%;
}

.header__carousel a {
  display: block;
  position: absolute;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.header__carousel .prev,
.header__carousel .next {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 4rem;
  height: 4rem;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1001;
  -webkit-box-shadow: 2px 3px 9px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 2px 3px 9px 0 rgba(0, 0, 0, 0.16);
}

.header__carousel .prev:after,
.header__carousel .next:after {
  content: ' ';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 54%;
  border-right: 1px solid #787878;
  border-bottom: 1px solid #787878;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}

.header__carousel .next {
  left: 95%;
}

.header__carousel .next:after {
  left: 47%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.header__carousel .prev {
  left: 5%;
}

.header__carousel .controlBar {
  overflow: hidden;
  width: 100%;
  height: 4rem;
  position: absolute;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.4)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4));
  bottom: 0;
  left: 0;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.header__carousel .controlBar .control {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 4rem;
  color: rgba(255, 255, 255, 0.9);
  opacity: 0.7;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 4rem;
  text-align: center;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.header__carousel .controlBar .control:not(:last-child)::after {
  position: absolute;
  top: 10%;
  right: 0;
  content: '';
  display: block;
  background-color: #fff;
  width: 1px;
  height: 80%;
  -webkit-transform: skewX(-45deg);
          transform: skewX(-45deg);
}

.header__carousel .controlBar .control:active, .header__carousel .controlBar .control.active {
  color: #fff;
  opacity: 1;
  font-size: 1.6rem;
}

.header__carousel .controlBar .control.d-none {
  display: none;
  pointer-events: none;
}

.header__carousel .controlBarByDot {
  overflow: hidden;
  width: 100%;
  height: 4rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__carousel .controlBarByDot__dot {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  cursor: pointer;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}

.header__carousel .controlBarByDot__dot.active, .header__carousel .controlBarByDot__dot:hover {
  background-color: #d0d0d0;
}

.header__carousel .controlBarByDot__dot:not(:first-child) {
  margin-left: 0.5rem;
}

.header__carousel.carousel310 {
  padding-top: 16%;
  height: 0;
}

.header__carousel.carousel310 a,
.header__carousel.carousel310 .text,
.header__carousel.carousel310 .video {
  background-size: 100% 100%;
}

.header__carousel .video {
  top: 0;
  position: absolute;
  height: 100%;
}

.header__carousel .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 10rem;
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#0aa2fd), to(#0468fa));
  background: linear-gradient(to bottom, #0aa2fd, #0468fa);
}

.header__customer-banner {
  height: 31rem;
  position: relative;
  background-image: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20070324170249/https://www.emome.net/image/customerService/banner.png");
  background-size: 100% 100%;
}

.header__customer-banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.header__customer-banner .description {
  position: absolute;
  left: 20rem;
  top: 11rem;
}

.header__customer-banner .description__title {
  font-size: 3.6rem;
  font-weight: 600;
  letter-spacing: 2.38px;
  color: #ffffff;
}

.header__customer-banner .description__content {
  font-size: 2.2rem;
  letter-spacing: -0.01px;
  color: #ffffff;
}

.header__mobileBill-banner {
  height: 45rem;
}

.header__mobileBill-banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}

.header__navigator {
  text-align: center;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#f7f7f7));
  background-image: linear-gradient(to top, #ffffff, #f7f7f7);
  border-bottom: 1px solid #ececec;
}

.header__navigator li:not(:last-child) {
  margin-right: 10rem;
}

.header__navigator li a {
  font-size: 1.8rem;
  letter-spacing: 0.35px;
  color: #3b3b3b;
  display: block;
  line-height: calc(7rem - 3px);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border-bottom: 3px solid transparent;
}

.header__navigator li a:hover, .header__navigator li a.active {
  color: #00a2ff;
  border-bottom: 3px solid #00a2ff;
}

.header__navigator ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__navigator--backButton {
  letter-spacing: 0.31px;
  color: #787878;
  font-size: 1.6rem;
  text-align: left;
  width: 100%;
  display: block;
  padding: 3rem;
}

.header__navigator--backButton:before {
  content: '<';
  color: inherit;
  margin: 1rem;
}

.index__info1 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e9f4ff), to(#ffffff));
  background-image: linear-gradient(to bottom, #e9f4ff, #ffffff);
  height: 60rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.index__info1.bg-img {
  background-size: 100% 100%;
}

.index__info1--img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  height: 60rem;
}

.index__info1--img figure {
  opacity: 0;
  height: 100%;
  width: 100%;
  width: 50vw;
}

.index__info1--img figure.active {
  opacity: 1;
}

.index__info1--img figure img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.index__info1--slider {
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  position: relative;
}

.index__info1--slider .slider {
  opacity: 0;
  height: 60rem;
  width: 50vw;
}

.index__info1--slider .slider.active {
  opacity: 1;
}

.index__info1--slider .slider ul {
  margin: 5rem 10rem;
}

.index__info1--slider .slider li {
  margin-bottom: 3rem;
}

.index__info1--slider .slider .category {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #000000;
}

.index__info1--slider .slider .title {
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.75px;
  color: #0468fa;
}

.index__info1--slider .slider .special-copywriting {
  font-size: 2rem;
  font-weight: 100;
  line-height: 1.4;
  letter-spacing: 0.32px;
  color: #141414;
}

.index__info1--slider .slider .description {
  font-size: 1.5rem;
  line-height: 1.73;
  letter-spacing: 0.24px;
  color: #3b3b3b;
}

.index__info1--slider .slider .btn {
  width: 23.6rem;
  height: 5rem;
  color: #ffffff;
  border: none;
  font-size: 1.6rem;
  margin: 0 10rem;
  display: block;
  text-align: center;
  line-height: 5rem;
}

.index__5G {
  height: 61.5rem;
  background-image: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20070324170249/https://www.emome.net/image/index/5G.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
}

.index__5G--info {
  position: absolute;
  top: 21rem;
  left: 12rem;
  color: #ffffff;
  width: 28rem;
}

.index__5G--info .title {
  font-size: 3.6rem;
  font-weight: 600;
}

.index__5G--info .content {
  font-size: 2rem;
  font-weight: 100;
  line-height: 1.4;
  letter-spacing: 0.32px;
  color: #ffffff;
}

.index__5G--info .btn {
  margin-top: 5.5rem;
  font-size: 1.5rem;
  width: 100%;
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 1rem 0;
  background-color: rgba(255, 255, 255, 0.007);
}

.notFound {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 6rem;
  border-radius: 8px;
  -webkit-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
}

.notFound__container {
  width: 42rem;
  height: 57rem;
  padding: 5rem 0;
}

.notFound__container > *:not(:last-child) {
  margin-bottom: 1rem;
}

.notFound__container--icon {
  margin: 0 auto;
  width: 18.5rem;
  height: 18.5rem;
}

.notFound__container--icon img {
  width: 100%;
  height: 100%;
}

.notFound__container--title {
  font-size: 2rem;
  font-weight: 500;
  color: #141414;
}

.notFound__container--detail, .notFound__container--regard {
  font-size: 2rem;
}

.notFound__container--footer {
  text-align: right;
  font-size: 1.6rem;
  font-weight: 500;
  color: #141414;
}

.notFound__container--btn {
  width: 100%;
  border-radius: 4px;
  height: 4rem;
  border: solid 1px #c5c5c5;
  font-size: 1.5rem;
  color: #787878;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: inline-block;
  line-height: 4rem;
  text-align: center;
  transition: all 0.2s;
}

.notFound__container--btn:active {
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}

.notFound__container--btn:hover {
  color: #00a2ff;
  border-color: #00a2ff;
}

.entrepreneur__breaking-news {
  padding: 2rem 5rem;
  height: 25rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f4f4f4));
  background-image: linear-gradient(to bottom, #fbfbfb, #f4f4f4);
}

.entrepreneur__breaking-news--title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.entrepreneur__breaking-news--title .detail {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 0.54px;
  color: #232323;
}

.entrepreneur__breaking-news--title .btn {
  font-size: 1.5rem;
  letter-spacing: 1.97px;
  color: #787878;
}

.entrepreneur__services {
  height: 65.5rem;
  padding: 2rem 5rem;
}

.entrepreneur__services--title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 3rem;
}

.entrepreneur__services--title .detail {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 0.54px;
  color: #232323;
}

.entrepreneur__services--title .btn {
  font-size: 1.5rem;
  letter-spacing: 1.97px;
  color: #787878;
}

.entrepreneur__info {
  height: 50rem;
  background-image: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20070324170249/https://www.emome.net/image/entrepreneur/info-bg.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.entrepreneur__info--content {
  width: 60rem;
  text-align: center;
}

.entrepreneur__info--content .title {
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: 1.25px;
}

.entrepreneur__info--content .detail {
  font-size: 2.4rem;
  font-weight: 100;
  line-height: 1.46;
  letter-spacing: 0.38px;
}

.entrepreneur__info--content .btn {
  width: 100%;
  border-radius: 4px;
  height: 4rem;
  border: solid 1px #c5c5c5;
  font-size: 1.5rem;
  color: #787878;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: inline-block;
  line-height: 4rem;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.01);
  color: #ffffff;
  width: 30rem;
  margin-top: 7rem;
}

.entrepreneur__info--content .btn:active {
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}

.entrepreneur__exclusive {
  height: 62rem;
  background-image: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20070324170249/https://www.emome.net/image/entrepreneur/inclusive_bg02.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.entrepreneur__exclusive > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
  margin: 0 1rem;
}

.entrepreneur__exclusive--title {
  color: #ffffff;
  text-align: center;
}

.entrepreneur__exclusive--title .title {
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: 1.25px;
}

.entrepreneur__exclusive--title .detail {
  font-size: 2rem;
  font-weight: 100;
  line-height: 1.4;
  letter-spacing: 0.32px;
}

.entrepreneur__inner-page {
  padding: 2rem 5rem;
}

.entrepreneur__inner-page--title {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 0.54px;
  text-align: center;
}

.entrepreneur__inner-page--content .error {
  text-align: center;
  font-size: 2.8rem;
}

.results__title {
  margin-bottom: 3rem;
}

.results__title .content {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 0.54px;
  color: #232323;
}

.results__title .detail {
  font-size: 1.4rem;
  letter-spacing: 0.27px;
  color: #a1a1a1;
}

.results .list.none a {
  font-size: 3.2rem;
}

.results .list.none .list__content {
  font-size: 2.2rem;
}

.results__content {
  border-radius: 8px;
  -webkit-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
  padding: 2rem;
}

.results__pagination {
  padding: 0 5rem;
  padding-top: 3rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.results__pagination > * {
  display: inline-block;
  margin: 0 1rem;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.results__pagination--link {
  font-size: 1.8rem;
  color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.results__pagination--link.active, .results__pagination--link:hover {
  color: #fff;
  background-color: #00a2ff;
}

.results__pagination--doubleNext {
  position: relative;
}

.results__pagination--doubleNext:after {
  content: ' ';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 54%;
  border-right: 1px solid #787878;
  border-bottom: 1px solid #787878;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.results__pagination--doubleNext::before {
  content: ' ';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 30%;
  border-right: 1px solid #787878;
  border-bottom: 1px solid #787878;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.results__pagination--doublePrev {
  position: relative;
}

.results__pagination--doublePrev:after {
  content: ' ';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 54%;
  border-right: 1px solid #787878;
  border-bottom: 1px solid #787878;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}

.results__pagination--doublePrev:before {
  content: ' ';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 80%;
  border-right: 1px solid #787878;
  border-bottom: 1px solid #787878;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}

.results__pagination--prev {
  position: relative;
}

.results__pagination--prev:after {
  content: ' ';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 54%;
  border-right: 1px solid #787878;
  border-bottom: 1px solid #787878;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}

.results__pagination--next {
  position: relative;
}

.results__pagination--next:after {
  content: ' ';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 54%;
  border-right: 1px solid #787878;
  border-bottom: 1px solid #787878;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.great4G .card {
  background-color: #fff;
}

.great4G__nav {
  text-align: center;
}

.great4G__nav li:not(:last-child) {
  margin-right: 10rem;
}

.great4G__nav li a {
  font-size: 1.8rem;
  letter-spacing: 0.35px;
  color: #3b3b3b;
  display: block;
  line-height: calc(7rem - 3px);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border-bottom: 3px solid transparent;
}

.great4G__nav li a:hover, .great4G__nav li a.active {
  color: #00a2ff;
  border-bottom: 3px solid #00a2ff;
}

.great4G__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.great4G__overuse {
  height: 28rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#fbfbfb));
  background-image: linear-gradient(to bottom, #e6e6e6, #fbfbfb);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.great4G__overuse--description .title {
  font-size: 3.2rem;
  font-weight: 600;
  letter-spacing: -0.6px;
  color: #333333;
}

.great4G__overuse--description .content {
  font-size: 2rem;
  font-weight: 100;
  line-height: 1.4;
  letter-spacing: 0.32px;
  color: #141414;
}

.great4G__overuse--btn {
  border-radius: 4px;
  background-color: #00a2ff;
  color: #ffffff;
  width: 21rem;
  height: 6rem;
  font-size: 1.8rem;
  outline: none;
  border: none;
  margin-left: 7rem;
  margin-right: 3rem;
}

.great4G__cellular {
  height: 45rem;
  background-image: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20070324170249/https://www.emome.net/image/great4G/img_bg01.jpg");
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.great4G__cellular--title {
  text-align: center;
  color: #ffffff;
}

.great4G__cellular--title .t1 {
  font-size: 2rem;
  font-weight: 100;
  letter-spacing: 0.32px;
}

.great4G__cellular--title .t2 {
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: 1.25px;
}

.customer .breadcrumb {
  margin-top: 2rem;
}

.customer__nav {
  text-align: center;
}

.customer__nav li:not(:last-child) {
  margin-right: 10rem;
}

.customer__nav li a {
  font-size: 1.8rem;
  letter-spacing: 0.35px;
  color: #3b3b3b;
  display: block;
  line-height: calc(7rem - 3px);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border-bottom: 3px solid transparent;
}

.customer__nav li a:hover, .customer__nav li a.active {
  color: #00a2ff;
  border-bottom: 3px solid #00a2ff;
}

.customer__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.customer__announce--title {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 0.54px;
  text-align: center;
  color: #232323;
}

.customer__announce--lists {
  padding: 0 4rem;
}

.customer__phones {
  -webkit-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
  border-radius: 2px;
  margin: 6rem 4rem;
  padding: 3rem;
}

.customer__phones--title {
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.46px;
  color: #232323;
  margin-bottom: 2rem;
}

.customer__phones--phone .title {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.32px;
  color: #00a2ff;
}

.customer__phones--phone li {
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.31px;
  color: #000000;
}

.customer__phones--divider {
  background-color: #acacac;
  height: 1px;
  width: 100%;
  margin: 3rem 0;
}

.customer-page__title {
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.customer-page__title--detail {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 0.54px;
  color: #232323;
}

.customer-page__title--detail .date {
  font-size: 1.4rem;
  letter-spacing: 0.27px;
  color: #a1a1a1;
}

.customer-page__title--share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.customer-page__content {
  margin-bottom: 3rem;
  padding: 3rem;
  border-radius: 8px;
  -webkit-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.22);
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.31px;
  color: #000000;
}

.customer-page__content > *:not(:last-child) {
  margin-bottom: 2rem;
}

.index-en__info1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 62.5rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 145, 255, 0.5)), color-stop(97%, rgba(21, 73, 187, 0.89))), url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20070324170249/https://www.emome.net/image/index-en/slide-bg.jpg");
  background-image: linear-gradient(to bottom, rgba(40, 145, 255, 0.5), rgba(21, 73, 187, 0.89) 97%), url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20070324170249/https://www.emome.net/image/index-en/slide-bg.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.index-en__info1--description {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.index-en__info1--description > *:not(:last-child) {
  margin-bottom: 1.5rem;
}

.index-en__info1--description > * {
  max-width: 26rem;
}

.index-en__info1--description .title {
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: 1.25px;
}

.index-en__info1--description .content {
  font-size: 1.5rem;
  line-height: 1.47;
  letter-spacing: 0.24px;
}

.index-en__info1--description .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.29px;
  border-radius: 4px;
  background-color: #00a2ff;
  border: none;
  width: 100%;
  height: 6rem;
  padding: 2rem;
}

.index-en__info1--description .btn p {
  color: #ffffff;
  margin-right: auto;
}

.index-en__info1--slider {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 70%;
          flex: 0 1 70%;
  overflow: hidden;
}

.index-en__info1--slider .sliders .slider {
  height: 45rem;
  width: 40rem;
}

.index-en__info2 {
  height: 60rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#bde1fe));
  background-image: linear-gradient(to bottom, #f8f8f8, #bde1fe);
}

.index-en__info2--img {
  padding: 5rem;
}

.index-en__info2--content {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.index-en__info2--content > *:not(:last-child) {
  margin-bottom: 1.5rem;
}

.index-en__info2--content .subtitle {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #000000;
}

.index-en__info2--content .title {
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: -0.05px;
  color: #0468fa;
}

.index-en__info2--content .content {
  font-size: 2rem;
  font-weight: 100;
  line-height: 1.4;
  letter-spacing: 0.32px;
  color: #141414;
}

.index-en__info2--content .btn {
  margin-top: 5rem;
  height: 5rem;
  width: 23.6rem;
  background-color: #0468fa;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.26px;
  color: #ffffff;
  border: none;
  display: inline-block;
  text-align: center;
  line-height: 5rem;
}

.index-en__contactUs {
  height: 60rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.index-en__contactUs--title {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
  text-align: center;
}

.index-en__contactUs--title .title {
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: -0.05px;
  color: #0468fa;
}

.index-en__contactUs--title .description {
  font-size: 1.6rem;
  font-weight: 100;
  line-height: 1.44;
  letter-spacing: 0.26px;
  text-align: center;
  color: #141414;
}

.index-en__contactUs--content {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 70%;
          flex: 0 1 70%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a0daff), color-stop(99%, #6592d2));
  background-image: linear-gradient(to bottom, #a0daff, #6592d2 99%);
  height: 37rem;
  border-radius: 57px 0 0 57px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.index-en__contactUs--content > *:not(:last-child) {
  margin-right: 1rem;
}

.index-en__contactUs--content .contact {
  padding: 2rem;
  height: 24rem;
  width: 26rem;
  border-radius: 9px;
  -webkit-box-shadow: 2px 4px 20px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 2px 4px 20px 0 rgba(0, 0, 0, 0.22);
  background-color: #ffffff;
}

.index-en__contactUs--content .contact__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.26px;
  color: #000000;
  margin-bottom: 3.5rem;
}

.index-en__contactUs--content .contact__detail {
  font-size: 1.5rem;
  line-height: 1.2;
  letter-spacing: 0.24px;
  color: #787878;
}

.index-en__contactUs--content .contact__detail p:not(:last-child) {
  margin-bottom: 1rem;
}

.roam__nav {
  text-align: center;
  border-bottom: solid 1px #ececec;
  margin-bottom: 5rem;
}

.roam__nav li:not(:last-child) {
  margin-right: 10rem;
}

.roam__nav li a {
  font-size: 1.8rem;
  letter-spacing: 0.35px;
  color: #3b3b3b;
  display: block;
  line-height: calc(7rem - 3px);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border-bottom: 3px solid transparent;
}

.roam__nav li a:hover, .roam__nav li a.active {
  color: #00a2ff;
  border-bottom: 3px solid #00a2ff;
}

.roam__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.roam__card--medium {
  font-size: 2.2rem;
  letter-spacing: 0.35px;
  text-align: center;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 80%;
  border-bottom: solid 1px #c5c5c5;
}

.roam__card--footer {
  height: 8rem;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.24px;
  padding-bottom: 1.5rem;
  color: #787878;
}

.roam__card--footer .dot {
  position: relative;
  padding: 0 1.5rem;
}

.roam__card--footer .dot::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: currentColor;
}

.footer {
  height: 33rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#009aff), to(#00a2ff));
  background-image: linear-gradient(to bottom, #009aff, #00a2ff);
}

.footer__nav {
  height: 17rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
  font-size: 1.6rem;
}

.footer__nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footer__nav li:not(:last-child) {
  margin-right: 10rem;
}

.footer__nav figure {
  width: 6.8rem;
  height: 6.8rem;
  margin-bottom: 1rem;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.footer__nav figure img {
  width: 100%;
}

.footer__copyright {
  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;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  height: 16rem;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(#eaeaea));
  background-image: linear-gradient(to top, #f6f6f6, #eaeaea);
}

.footer__copyright--nav {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer__copyright--nav ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.footer__copyright--nav li {
  letter-spacing: 1.24px;
  color: #6d6d6d;
  font-size: 1.4rem;
  padding: 0 2rem;
}

.footer__copyright--nav li:not(:last-child) {
  border-right: 1px solid #6d6d6d;
}

.footer__copyright--line {
  text-align: center;
  width: 80%;
  height: 1px;
  opacity: 0.34;
  border: solid 1px #979797;
}

.footer__copyright--icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.footer__copyright--icon p {
  letter-spacing: 1.15px;
  color: #6d6d6d;
  font-size: 1.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page-title {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 0.54px;
  color: #232323;
  margin-top: 3rem;
}

.page-date {
  font-size: 1.4rem;
  letter-spacing: 0.27px;
  color: #a1a1a1;
}

.page-title, .page-date {
  margin-left: 6rem;
  margin-bottom: 1rem;
}






/*
     FILE ARCHIVED ON 17:02:49 三月 24, 2007 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 9:40:57 五月 23, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/