.l-navbar {
  display: grid;
  grid-template-columns: 660px 1fr;
  grid-template-rows: 56px 56px;
  z-index: 2;
  position: relative; }
  @media screen and (max-width: 1441px) {
    .l-navbar {
      grid-template-columns: 76px 550px 1fr;
      grid-template-rows: 76px; } }
  @media screen and (max-width: 1200px) {
    .l-navbar {
      grid-template-columns: 76px 440px 1fr; } }
  @media screen and (max-width: 768px) {
    .l-navbar {
      grid-template-columns: 76px 250px 1fr; } }
  @media screen and (max-width: 520px) {
    .l-navbar {
      grid-template-columns: 54px 190px 1fr;
      grid-template-rows: 54px; } }
  .l-navbar__logo {
    grid-column: 1 / span 1;
    grid-row: 1 / span 2;
    overflow: hidden; }
    @media screen and (max-width: 1441px) {
      .l-navbar__logo {
        grid-column: 2 / span 1;
        grid-row: 1 / span 1; } }
  .l-navbar__menu {
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
    padding: 5px 0; }
    @media screen and (max-width: 1441px) {
      .l-navbar__menu {
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        padding: 0; } }
  .l-navbar__config {
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 5px 0; }
    @media screen and (max-width: 1441px) {
      .l-navbar__config {
        grid-column: 3 / span 1;
        grid-row: 1 / span 1;
        padding: 0;
        align-items: center; } }
    @media screen and (max-width: 768px) {
      .l-navbar__config {
        padding-right: 5px; } }
  @media screen and (max-width: 1200px) {
    .l-navbar__contact {
      display: none; } }

.l-fullscreen-dim {
  opacity: 0;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.1s linear;
  overflow: hidden;
  z-index: 101;
  display: none;
  background-color: rgba(0, 0, 0, 0.7); }
  .t--cn .l-fullscreen-dim {
    background-color: rgba(0, 0, 0, 0.7); }
  .t--darker .l-fullscreen-dim {
    background-color: rgba(0, 0, 0, 0.75); }
  @media screen and (max-width: 768px) {
    .l-fullscreen-dim {
      transition: none; } }
  .l-fullscreen-dim--center {
    align-items: center;
    justify-content: center; }
  .l-fullscreen-dim--active {
    opacity: 1;
    display: flex; }
    @media screen and (max-width: 768px) {
      .l-fullscreen-dim--active {
        opacity: 1;
        max-height: 100vh;
        transition: none; } }

.l-container {
  margin-left: auto;
  margin-right: auto; }
  @supports (display: grid) {
    .l-container {
      display: grid;
      grid-template-columns: repeat(12, 1fr); } }
  @supports (display: -ms-grid) and (not (display: grid)) {
    .l-container {
      display: -ms-grid;
      -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } }
  @media screen and (max-width: 1200px) {
    .l-container .l-container {
      padding-left: 0;
      padding-right: 0; } }
  @media screen and (max-width: 1200px) {
    .l-container {
      padding-left: 20px;
      padding-right: 20px; } }
  @media screen and (min-width: 1200px) {
    .l-container {
      max-width: 1140px; } }
  .l-container--lg {
    max-width: 1200px; }
  @media screen and (max-width: 768px) {
    .l-container--nopad {
      padding-left: 0;
      padding-right: 0; } }
  @media screen and (max-width: 520px) {
    .l-container--compact {
      padding-left: 10px;
      padding-right: 10px; } }
  .l-container--r282 > .l-container__side-left {
    grid-column: 1/span 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; }
    @media screen and (max-width: 768px) {
      .l-container--r282 > .l-container__side-left {
        display: none; } }
  .l-container--r282 > .l-container__main {
    grid-column: 3/span 8;
    -ms-grid-column: 3;
    -ms-grid-column-span: 8; }
    @media screen and (max-width: 768px) {
      .l-container--r282 > .l-container__main {
        grid-column: 1/span 8;
        -ms-grid-column: 1;
        -ms-grid-column-span: 8; } }
  .l-container--r282 > .l-container__side-right {
    grid-column: 11/span 2;
    -ms-grid-column: 11;
    -ms-grid-column-span: 2; }
    @media screen and (max-width: 768px) {
      .l-container--r282 > .l-container__side-right {
        grid-column: 9/span 4;
        -ms-grid-column: 9;
        -ms-grid-column-span: 4; } }
  .l-container--r75 > .l-container__main {
    grid-column: 1/span 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7; }
  .l-container--r75 > .l-container__side {
    grid-column: 8/span 5;
    -ms-grid-column: 8;
    -ms-grid-column-span: 5; }
  .l-container--r84 > .l-container__main {
    grid-column: 1/span 8;
    -ms-grid-column: 1;
    -ms-grid-column-span: 8; }
  .l-container--r84 > .l-container__side {
    grid-column: 9/span 4;
    -ms-grid-column: 9;
    -ms-grid-column-span: 4; }
  .l-container--r93 > .l-container__main {
    grid-column: 1/span 9;
    -ms-grid-column: 1;
    -ms-grid-column-span: 9; }
  .l-container--r93 > .l-container__side {
    grid-column: 10/span 3;
    -ms-grid-column: 10;
    -ms-grid-column-span: 3; }
  .l-container--r57 > .l-container__main {
    grid-column: 6/span 7;
    -ms-grid-column: 6;
    -ms-grid-column-span: 7; }
  .l-container--r57 > .l-container__side {
    grid-column: 1/span 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5; }
  .l-container--r48 > .l-container__main {
    grid-column: 5/span 8;
    -ms-grid-column: 5;
    -ms-grid-column-span: 8; }
  .l-container--r48 > .l-container__side {
    grid-column: 1/span 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4; }
  .l-container--r66 > .l-container__main {
    grid-column: 7/span 6;
    -ms-grid-column: 7;
    -ms-grid-column-span: 6; }
  .l-container--r66 > .l-container__side {
    grid-column: 1/span 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6; }
  .l-container--rfull > .l-container__main {
    grid-column: 1/span 12;
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    min-width: 0; }
  @media screen and (max-width: 768px) {
    .l-container--rfull {
      padding-left: 10px;
      padding-right: 10px; } }
  @media screen and (min-width: 1200px) {
    .l-container--rfull {
      max-width: none; } }
  .l-container--rslim > .l-container__main {
    grid-column: 3/span 8;
    -ms-grid-column: 3;
    -ms-grid-column-span: 8; }
    @media screen and (max-width: 768px) {
      .l-container--rslim > .l-container__main {
        grid-column: 1/span 12;
        -ms-grid-column: 1;
        -ms-grid-column-span: 12; } }
  .l-container--l25 > .l-container__side {
    width: 25%; }
  .l-container--l25 > .l-container__main {
    flex: 1; }
  .l-container--l25 .l-container__limit {
    width: 25%;
    height: 100%;
    overflow: auto;
    position: absolute; }
  @media screen and (min-width: 1200px) {
    .l-container--alignleft {
      display: flex;
      max-width: none; } }
  @media screen and (min-width: 1200px) {
    .l-container--alignleft > .l-container__side {
      width: 400px; } }
  .l-container--alignleft > .l-container__main {
    max-width: 1000px; }
    @media screen and (min-width: 1200px) {
      .l-container--alignleft > .l-container__main {
        flex: 1; } }
    .l-container--alignleft > .l-container__main--full {
      max-width: none; }
  @media screen and (min-width: 1200px) {
    .l-container--alignleft-sm {
      display: flex;
      max-width: none; } }
  @media screen and (min-width: 1200px) {
    .l-container--alignleft-sm > .l-container__side {
      width: 400px; } }
  .l-container--alignleft-sm > .l-container__main {
    max-width: 800px; }
    @media screen and (min-width: 1200px) {
      .l-container--alignleft-sm > .l-container__main {
        flex: 1; } }
    .l-container--alignleft-sm > .l-container__main--full {
      max-width: none; }
  .l-container--hide-mobile > .l-container__side {
    border-right: 1px solid #ddd; }
    .t--cn .l-container--hide-mobile > .l-container__side {
      border-right: 1px solid #ddd; }
    .t--darker .l-container--hide-mobile > .l-container__side {
      border-right: 1px solid #eee; }
    .t--contrast .l-container--hide-mobile > .l-container__side {
      border-right: 1px solid; }
    @media screen and (max-width: 768px) {
      .l-container--hide-mobile > .l-container__side {
        display: none; } }
  @media screen and (max-width: 768px) {
    .l-container--hide-mobile > .l-container__main {
      min-width: 0;
      grid-column: 1/span 12;
      -ms-grid-column: 1;
      -ms-grid-column-span: 12; } }
  .l-container--lr {
    display: flex;
    justify-content: space-between; }
  .l-container--lr > .l-container__main {
    flex: 1 1 auto;
    min-width: 0; }
  .l-container--lr > .l-container__side-pad {
    align-items: center;
    justify-content: flex-end;
    display: flex;
    padding: 20px 0px;
    min-width: 200px; }
    @media screen and (max-width: 768px) {
      .l-container--lr > .l-container__side-pad {
        justify-content: center;
        min-width: 0; } }
  .l-container--ll {
    display: flex; }
  @media screen and (max-width: 768px) {
    .l-container--stackable {
      display: block; } }
  @media screen and (max-width: 768px) {
    .l-container--stackable > .l-container__side {
      grid-column: 1/span 12;
      -ms-grid-column: 1;
      -ms-grid-column-span: 12;
      width: 100%; } }
  @media screen and (max-width: 768px) {
    .l-container--stackable > .l-container__main {
      grid-column: 1/span 12;
      -ms-grid-column: 1;
      -ms-grid-column-span: 12;
      width: 100%; } }
  .l-container--leftmain {
    display: flex;
    max-width: none;
    overflow: hidden; }
    @media screen and (max-width: 1200px) {
      .l-container--leftmain {
        padding-left: 0;
        padding-right: 0; } }
  .l-container--leftmain > .l-container__main {
    flex: 1 1 0px;
    display: flex;
    justify-content: center;
    padding: 30px;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    background-color: #f9f9f9;
    box-shadow: 90px 0 100px -20px #666;
    position: relative;
    z-index: 3; }
    .t--cn .l-container--leftmain > .l-container__main {
      border-right: 1px solid #ddd;
      background-color: #f9f9f9; }
    .t--darker .l-container--leftmain > .l-container__main {
      border-right: 1px solid #eee;
      background-color: #e6e6e7; }
    .t--contrast .l-container--leftmain > .l-container__main {
      border-right: 1px solid; }
  .l-container--leftmain > .l-container__side {
    flex: 1 1 0px;
    position: relative; }
    @media screen and (max-width: 1200px) {
      .l-container--leftmain > .l-container__side {
        display: none; } }
  .l-container--leftmain .l-container__bg {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://www.okay.com/CommonContent/Images/home-bg1.jpg");
    background-size: cover;
    background-position: center;
    opacity: 0.6;
    z-index: 1; }
  .l-container--leftmain .l-container__hero {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 2;
    padding: 30px;
    padding-top: 0; }
  @media screen and (max-width: 768px) {
    .l-container--mfull, .l-container__mfull {
      margin-left: -20px;
      margin-right: -20px; } }
  .l-container--rightmain {
    display: flex;
    max-width: none;
    overflow: hidden;
    position: relative; }
    @media screen and (max-width: 1200px) {
      .l-container--rightmain {
        padding-left: 0;
        padding-right: 0; } }
  .l-container__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .l-container__bg img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  .l-container--rightmain > .l-container__main {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    padding: 90px 30px;
    box-sizing: border-box;
    position: relative;
    align-items: flex-start; }
    @media screen and (max-width: 1200px) {
      .l-container--rightmain > .l-container__main {
        padding: 10px;
        justify-content: center;
        background-color: rgba(255, 255, 255, 0.7); }
        .t--cn .l-container--rightmain > .l-container__main {
          background-color: rgba(255, 255, 255, 0.7); } }
    @media screen and (max-width: 520px) {
      .l-container--rightmain > .l-container__main {
        padding: 0;
        background-color: #fff;
        border-bottom: 1px solid #ddd; }
        .t--cn .l-container--rightmain > .l-container__main {
          background-color: #fff;
          border-bottom: 1px solid #ddd; }
        .t--darker .l-container--rightmain > .l-container__main {
          border-bottom: 1px solid #eee; }
        .t--contrast .l-container--rightmain > .l-container__main {
          background-color: #085963;
          border-bottom: 1px solid; } }
  .l-container--rightmain > .l-container__main > .c-login {
    flex: 1;
    display: flex; }
    @media screen and (max-width: 1200px) {
      .l-container--rightmain > .l-container__main > .c-login {
        justify-content: center; } }
  .l-container--rightmain > .l-container__side {
    flex: 1;
    position: relative; }
    @media screen and (max-width: 1200px) {
      .l-container--rightmain > .l-container__side {
        display: none; } }

@media screen and (max-width: 768px) {
  .c-ssection__block.l-container__mfull {
    padding: 20px; } }

.l-flow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .l-flow__item {
    width: 100%;
    line-height: 20pt;
    box-sizing: border-box; }
  .l-flow--padbot .l-flow__item {
    padding-bottom: 20px; }
  .l-flow--half .l-flow__item {
    width: 50%; }
    @media screen and (max-width: 768px) {
      .l-flow--half .l-flow__item {
        width: 100%; } }
  .l-flow--quarter .l-flow__item {
    width: 25%; }
    @media screen and (max-width: 768px) {
      .l-flow--quarter .l-flow__item {
        width: 50%; } }
  .l-flow--gap .l-flow__item > * {
    margin-left: 5px;
    margin-right: 5px; }
  @media screen and (max-width: 768px) {
    .l-flow--stackable .l-flow__item {
      padding-bottom: 10px; } }

.l-pad {
  padding-bottom: 10px; }
  .l-pad--1half {
    padding-bottom: 15px; }
  .l-pad--2 {
    padding-bottom: 20px; }
  .l-pad--3 {
    padding-bottom: 30px; }
  .l-pad--4 {
    padding-bottom: 40px; }
  .l-pad--5 {
    padding-bottom: 50px; }
  .l-pad--6 {
    padding-bottom: 60px; }
  .l-pad--7 {
    padding-bottom: 70px; }
  .l-pad--8 {
    padding-bottom: 80px; }
  .l-pad--9 {
    padding-bottom: 90px; }
  @media screen and (max-width: 768px) {
    .l-pad--non-mobile {
      padding-bottom: 0; } }
  @media screen and (max-width: 768px) {
    .l-pad__group--mobile-more .l-pad {
      padding-bottom: 20px; } }

.l-pad-around {
  padding: 10px 20px; }
  @media screen and (max-width: 768px) {
    .l-pad-around {
      padding: 5px 10px; } }

.l-pad-around--2 {
  padding: 20px; }
  @media screen and (max-width: 768px) {
    .l-pad-around--2 {
      padding: 5px 10px; } }

.l-pad-top {
  padding-top: 10px; }
  .l-pad-top--mobile-only {
    padding-top: 0; }
    @media screen and (max-width: 768px) {
      .l-pad-top--mobile-only {
        padding-top: 10px; } }
  .l-pad-top--mobile-only2 {
    padding-top: 0; }
    @media screen and (max-width: 768px) {
      .l-pad-top--mobile-only2 {
        padding-top: 20px; } }
  .l-pad-top--2 {
    padding-top: 20px; }
  .l-pad-top--3 {
    padding-top: 30px; }
  .l-pad-top--4 {
    padding-top: 40px; }
  .l-pad-top--5 {
    padding-top: 50px; }
  .l-pad-top--6 {
    padding-top: 60px; }

.l-pad-right {
  padding-right: 10px; }

.l-pad-content {
  padding: 50px; }
  @media screen and (max-width: 768px) {
    .l-pad-content {
      padding: 30px 0; } }

.l-arch__topmenu {
  position: relative;
  top: auto;
  height: auto;
  height: 113px;
  width: 100%;
  z-index: 3; }
  @media screen and (max-width: 768px) {
    .l-arch__topmenu {
      height: 48px;
      position: sticky;
      top: 0; } }
  .l-arch__topmenu--alert {
    height: calc(113px + 60px); }
    @media screen and (max-width: 768px) {
      .l-arch__topmenu--alert {
        height: calc(48px + 60px); } }

.l-arch__loading {
  display: none;
  font-size: 20pt;
  z-index: 10;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
  color: #085963; }
  .t--cn .l-arch__loading {
    background-color: rgba(255, 255, 255, 0.7);
    color: #085963; }
  .t--darker .l-arch__loading {
    color: #085963; }
  .l-arch__loading--active {
    display: flex; }

@media screen and (max-width: 768px) {
  .l-arch__breadcrumb {
    display: none; } }

.l-arch__sbar {
  display: none; }
  @media screen and (max-width: 768px) {
    .l-arch__sbar {
      display: block;
      position: sticky;
      top: 0;
      height: 48px;
      z-index: 2; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .l-arch__sbar {
      box-shadow: 0 3px 6px -3px #999; }
      .t--cn .l-arch__sbar {
        box-shadow: 0 3px 6px -3px #999; }
      .t--darker .l-arch__sbar {
        box-shadow: 0 3px 6px -3px #999; }
      .t--contrast .l-arch__sbar {
        box-shadow: 0 3px 6px -3px; } }

.l-arch__dcombo {
  display: flex;
  top: 0;
  width: 100%; }

.l-arch__scombo {
  display: flex;
  position: sticky;
  top: calc(113px - 1px);
  width: 100%;
  height: 0;
  z-index: 2; }
  @media screen and (max-width: 768px) {
    .l-arch__scombo {
      top: 48px;
      z-index: 4; } }
  .l-arch__scombo > * {
    height: calc(100vh - 113px); }
    @media screen and (max-width: 768px) {
      .l-arch__scombo > * {
        height: calc(100vh - 48px); } }
  .l-arch__scombo-filter {
    flex: 0 0 300px;
    position: relative; }
    @media screen and (max-width: 768px) {
      .l-arch__scombo-filter {
        display: none; } }
    @media screen and (max-width: 1200px) {
      .l-arch__scombo-filter {
        flex: 0 0 250px; } }
    @media screen and (max-width: 768px) {
      .l-arch__scombo-filter--mobile-active .l-arch__scombo-filter {
        display: block;
        position: fixed;
        width: 100%;
        height: calc(100% - 48px);
        top: 48px;
        left: 0;
        z-index: 11; } }
    .l-arch__scombo-filter--wide .l-arch__scombo-filter {
      flex: 0 0 500px; }
      @media screen and (max-width: 768px) {
        .l-arch__scombo-filter--wide .l-arch__scombo-filter {
          width: 100%; } }
  .l-arch__scombo-dinfo {
    flex: 1 0 300px;
    pointer-events: none;
    overflow: hidden;
    display: flex; }
  .l-arch__scombo-info {
    pointer-events: none;
    overflow: hidden; }
    .l-arch__scombo-info-label {
      height: 48px;
      pointer-events: all; }
      @media screen and (max-width: 768px) {
        .l-arch__scombo-info-label {
          display: none; } }
    .l-arch__scombo-info-action {
      height: 48px;
      pointer-events: all; }
    @media screen and (max-width: 768px) {
      .l-arch__scombo-info {
        display: none; } }
    @media screen and (max-width: 768px) {
      .l-arch__scombo-info--mobile-active .l-arch__scombo-info-action {
        height: 100%;
        display: flex;
        flex-direction: column; } }
    @media screen and (max-width: 768px) {
      .l-arch__scombo-info--mobile-active .l-arch__scombo-info {
        display: block;
        position: fixed;
        width: 100%;
        height: calc(100% - $topMenuCollapseHeight);
        top: 48px;
        left: 0;
        z-index: 11; } }
  .l-arch__scombo-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    pointer-events: none; }
  .l-arch__scombo-fav {
    width: 300px;
    display: none; }
    @media screen and (max-width: 1200px) {
      .l-arch__scombo-fav {
        position: absolute;
        right: 0; } }
    @media screen and (max-width: 768px) {
      .l-arch__scombo-fav {
        display: none; } }
    .l-arch__scombo-fav--active .l-arch__scombo-fav {
      display: block;
      overflow: hidden;
      z-index: 3;
      box-shadow: -8px 0 11px -8px #ccc;
      background-color: #fff;
      border-top: 1px solid #ddd; }
      @media screen and (max-width: 768px) {
        .l-arch__scombo-fav--active .l-arch__scombo-fav {
          display: none; } }
      .t--cn .l-arch__scombo-fav--active .l-arch__scombo-fav {
        box-shadow: -8px 0 11px -8px #ccc;
        background-color: #fff;
        border-top: 1px solid #ddd; }
      .t--darker .l-arch__scombo-fav--active .l-arch__scombo-fav {
        box-shadow: -8px 0 11px -8px #ccc;
        border-top: 1px solid #eee; }
      .t--contrast .l-arch__scombo-fav--active .l-arch__scombo-fav {
        box-shadow: -8px 0 11px -8px #999;
        background-color: #085963;
        border-top: 1px solid; }
    @media screen and (max-width: 768px) {
      .l-arch__scombo-fav--mobile-active .l-arch__scombo-fav {
        display: block;
        overflow: auto;
        position: fixed;
        right: auto;
        top: 48px;
        left: 0;
        height: calc(100vh - 48px);
        width: 100%;
        z-index: 4; } }

@media screen and (max-width: 768px) {
  .l-arch__scombo-info--mobile-active .l-arch__topmenu,
  .l-arch__scombo-info--mobile-active .l-arch__heading,
  .l-arch__scombo-filter--mobile-active .l-arch__topmenu,
  .l-arch__scombo-filter--mobile-active .l-arch__heading {
    display: none; } }

@media screen and (max-width: 768px) {
  .l-arch__scombo-info--mobile-active .c-sbar,
  .l-arch__scombo-filter--mobile-active .c-sbar {
    padding-left: 0;
    padding-right: 20px; } }

@media screen and (max-width: 768px) {
  .l-arch__scombo-info--mobile-active .c-sbar__actions,
  .l-arch__scombo-filter--mobile-active .c-sbar__actions {
    display: none; } }

@media screen and (max-width: 768px) {
  .l-arch__scombo-info--mobile-active .c-sbar__search {
    display: none; } }

@media screen and (max-width: 768px) {
  .l-arch__scombo-info--mobile-active .c-sbar__back,
  .l-arch__scombo-filter--mobile-active .c-sbar__back {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px; } }

.l-arch__scombo-filter--wide .l-arch__content {
  margin-left: 500px; }

.l-arch__content {
  margin-left: 300px;
  margin-top: calc(48px + 48px); }
  @media screen and (max-width: 1440px) {
    .l-arch__content {
      margin-right: 0; } }
  @media screen and (max-width: 1200px) {
    .l-arch__content {
      margin-left: 250px; } }
  @media screen and (max-width: 768px) {
    .l-arch__content {
      margin-left: 0;
      margin-top: 0;
      overflow: hidden; } }

.l-arch__scombo-fav--active .l-arch__content {
  margin-right: 300px; }
  @media screen and (max-width: 768px) {
    .l-arch__scombo-fav--active .l-arch__content {
      margin-right: 0; } }

@media screen and (max-width: 768px) {
  .l-arch__heading {
    border-bottom: 1px solid #ddd;
    background-color: #f9f9f9;
    padding: 3px 0; }
    .t--cn .l-arch__heading {
      border-bottom: 1px solid #ddd;
      background-color: #f9f9f9;
      padding: 3px 0; }
    .t--darker .l-arch__heading {
      border-bottom: 1px solid #eee;
      background-color: #e6e6e7;
      padding: 3px 0; }
    .t--contrast .l-arch__heading {
      border-bottom: 1px solid;
      padding: 3px 0; } }

@media screen and (max-width: 768px) {
  .c-nav--safari .l-arch__scombo-info {
    top: 0;
    height: 100%; } }

@media screen and (max-width: 768px) {
  .c-nav--safari .l-arch__scombo-fav {
    top: 0;
    height: 100%; } }

@media screen and (max-width: 768px) {
  .c-nav--safari .l-arch__scombo-filter {
    top: 0;
    height: 100%; } }

@media screen and (max-width: 520px) {
  .c-sfilter .c-form__input-subgroup:first-child,
  .c-sfilter .c-form__input-subgroup:last-child {
    border-radius: 0; } }

.l-mega {
  z-index: 4;
  position: sticky;
  top: -90px;
  background-color: #fff;
  box-shadow: 0 4px 10px -10px #999; }
  .t--cn .l-mega {
    background-color: #fff;
    box-shadow: 0 4px 10px -10px #999; }
  .t--darker .l-mega {
    box-shadow: 0 4px 10px -10px #999; }
  .t--contrast .l-mega {
    background-color: #085963;
    box-shadow: 0 4px 10px -10px; }
  @media screen and (max-width: 768px) {
    .l-mega {
      position: relative;
      top: auto;
      box-shadow: none; } }
  .l-mega__top {
    display: none; }
  .l-mega__body {
    z-index: 3; }
  .l-mega__container {
    display: grid;
    grid-template-columns: 150px auto 200px 50px;
    grid-template-rows: 70px auto;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px; }
    @media screen and (max-width: 1780px) {
      .l-mega__container {
        grid-template-rows: 55px auto;
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 10px; } }
    @media screen and (max-width: 1200px) {
      .l-mega__container {
        grid-template-rows: 70px auto;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px; } }
  .l-mega--with-bottom {
    margin-bottom: 20px;
    box-shadow: 0 0px 6px 0 #ccc; }
    .t--cn .l-mega--with-bottom {
      box-shadow: 0 0px 6px 0 #ccc; }
    .t--darker .l-mega--with-bottom {
      box-shadow: 0 0px 6px 0; }
    .t--contrast .l-mega--with-bottom {
      box-shadow: 0 0px 6px 0; }
  .l-mega__nav {
    grid-column: 1 / 5;
    grid-row: 2; }
  .l-mega__logo {
    grid-column: 2 / 3;
    grid-row: 1;
    display: flex;
    justify-content: center;
    padding-top: 10px; }
  .l-mega__settings {
    grid-column: 3 / 4;
    grid-row: 1; }
  .l-mega__langs {
    grid-row: 1;
    grid-column: 1 / 2;
    display: flex;
    align-items: center;
    height: 50px;
    min-height: 50px;
    width: 100%;
    padding-left: 12px; }
    .l-mega__langs__list {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 8px;
      height: 20px;
      min-height: 20px; }
    .l-mega__langs__item {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 8px;
      height: 20px;
      min-height: 20px;
      font-size: 0.9em;
      cursor: pointer; }
    .l-mega__langs__item:hover {
      color: #08888c; }
      .t--cn .l-mega__langs__item:hover {
        color: #08888c; }
      .t--darker .l-mega__langs__item:hover {
        color: #085963; }
      .t--contrast .l-mega__langs__item:hover {
        color: #085963; }
    .l-mega__langs__divider {
      width: 1px;
      height: 16px;
      background-color: rgba(0, 0, 0, 0.12); }
  .l-mega__search {
    grid-column: 4 / 5;
    grid-row: 1; }
  .l-mega__search-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); }
    .t--cn .l-mega__search-popup {
      background-color: rgba(0, 0, 0, 0.7); }
    .t--darker .l-mega__search-popup {
      background-color: rgba(0, 0, 0, 0.75); }
    .l-mega__search-popup--active {
      display: block; }
  .l-mega--nosearch .l-mega__container {
    grid-template-columns: 150px auto 200px; }
  .l-mega--nosearch .l-mega__search {
    display: none; }
  .l-mega--nosearch .l-mega__nav {
    grid-column: 1 / 4; }

.l-megafoot {
  background-color: #f9f9f9;
  padding-top: 40px; }
  .t--cn .l-megafoot {
    background-color: #f9f9f9; }
  .t--darker .l-megafoot {
    background-color: #e6e6e7; }
  .l-megafoot__body {
    width: 1440px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: calc(190px * 5) 190px auto;
    grid-template-rows: 100px auto auto; }
  .l-megafoot__nav {
    grid-column: 1/2;
    grid-row: 1/3; }
  .l-megafoot__app {
    grid-column: 2/3;
    grid-row: 1/3; }
  .l-megafoot__connect {
    grid-column: 3/4;
    grid-row: 1/2; }
  .l-megafoot__privacy {
    grid-column: 1/4;
    grid-row: 3/4;
    display: flex;
    padding: 20px 0; }

.l-search__results-search .l-megafoot__body {
  max-width: 1100px;
  width: 100%;
  grid-template-columns: calc(140px * 5) 160px auto; }

.l-contactpop {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.7); }
  .t--cn .l-contactpop {
    background-color: rgba(0, 0, 0, 0.7); }
  .t--darker .l-contactpop {
    background-color: rgba(0, 0, 0, 0.75); }
  .l-contactpop__panel {
    max-width: 500px;
    width: 100%;
    max-height: 900px;
    display: flex;
    flex-direction: column;
    overflow: hidden; }
    @media screen and (max-width: 768px) {
      .l-contactpop__panel {
        border-radius: 0;
        height: 100%;
        max-height: none; } }
  .l-contactpop__body {
    overflow: auto;
    scrollbar-width: thin;
    background-color: #fff; }
    .l-contactpop__body::-webkit-scrollbar-track {
      background-color: transparent; }
    .l-contactpop__body::-webkit-scrollbar {
      width: 4px;
      height: 4px;
      background-color: transparent; }
    .l-contactpop__body::-webkit-scrollbar-thumb {
      background-color: #ccc; }
    .t--cn .l-contactpop__body {
      background-color: #fff; }
    .t--contrast .l-contactpop__body {
      background-color: #085963; }
    @media screen and (max-width: 768px) {
      .l-contactpop__body {
        flex: 1; } }
  .l-contactpop__nav {
    flex: 0 0 48px;
    flex-wrap: nowrap;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    background-color: #fff; }
    .t--cn .l-contactpop__nav {
      border-bottom: 1px solid #ddd;
      background-color: #fff; }
    .t--darker .l-contactpop__nav {
      border-bottom: 1px solid #eee; }
    .t--contrast .l-contactpop__nav {
      border-bottom: 1px solid;
      background-color: #085963; }
  .l-contactpop__back {
    padding: 0 15px;
    height: 48px;
    font-size: 0.9em;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    align-self: flex-start;
    cursor: pointer;
    color: #333; }
    .l-contactpop__back .fal,
    .l-contactpop__back .fas,
    .l-contactpop__back .icons {
      font-size: 1.1em;
      pointer-events: none;
      display: none; }
      @media screen and (max-width: 768px) {
        .l-contactpop__back .fal,
        .l-contactpop__back .fas,
        .l-contactpop__back .icons {
          display: inline-block; } }
    .t--cn .l-contactpop__back {
      color: #333; }
    .t--darker .l-contactpop__back {
      color: #393737; }
  .l-contactpop__back--close .fal,
  .l-contactpop__back--close .fas,
  .l-contactpop__back--close .icons {
    display: inline-block; }
    @media screen and (max-width: 768px) {
      .l-contactpop__back--close .fal,
      .l-contactpop__back--close .fas,
      .l-contactpop__back--close .icons {
        display: none; } }
  .l-contactpop__text {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    font-weight: 600;
    align-self: flex-start;
    padding: 0;
    height: 48px;
    opacity: 0;
    color: #333; }
    .t--cn .l-contactpop__text {
      color: #333; }
    .t--darker .l-contactpop__text {
      color: #393737; }
    @media screen and (max-width: 768px) {
      .l-contactpop__text {
        opacity: 1; } }
  .l-contactpop__next {
    flex: 0 0 48px; }

@media screen and (max-width: 768px) {
  .l-mega--with-bottom {
    margin-bottom: 0;
    box-shadow: none; }
  .l-mega__body {
    display: none;
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    height: calc(100% - 60px); }
    .t--cn .l-mega__body {
      background-color: rgba(0, 0, 0, 0.7);
      height: calc(100% - 60px); }
    .t--darker .l-mega__body {
      background-color: rgba(0, 0, 0, 0.75);
      height: calc(100% - 60px); }
    .t--contrast .l-mega__body {
      height: calc(100% - 60px); }
    .l-mega__body--active {
      display: flex; }
  .l-mega__container {
    width: 340px;
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    background-color: #fff; }
    .t--cn .l-mega__container {
      background-color: #fff; }
    .t--contrast .l-mega__container {
      background-color: #085963; }
  .l-mega__body--sub-active .l-mega__container {
    overflow: hidden; }
  .l-mega__top {
    display: flex;
    flex-direction: row; }
  .l-mega__logo {
    display: none; }
  .l-mega__search {
    display: none; }
  .l-megafoot {
    padding: 20px;
    display: flex; }
  .c-calloremail--active .l-megafoot {
    padding-bottom: 60px; } }

@media screen and (max-width: 1440px) {
  .l-megafoot__body {
    width: 1000px;
    grid-template-columns: 200px 1fr;
    grid-template-rows: auto auto auto; }
  .l-megafoot__nav {
    grid-column: 1/3;
    grid-row: 1/2;
    margin-bottom: 30px; }
  .l-megafoot__app {
    grid-column: 1/2;
    grid-row: 2/3; }
  .l-megafoot__connect {
    grid-column: 2/3;
    grid-row: 2/3;
    margin-right: 10px; }
  .l-megafoot__privacy {
    grid-column: 1/3;
    grid-row: 3/4;
    display: flex;
    flex-direction: column;
    margin: 20px 0; } }

@media screen and (max-width: 1140px) {
  .l-megafoot__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: auto; }
  .l-megafoot__nav {
    margin-bottom: 30px; }
  .l-megafoot__app {
    margin-bottom: 30px; }
  .l-megafoot__connect {
    margin-bottom: 30px; }
  .l-megafoot__privacy {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0; } }

.l-gridlist {
  padding: 30px;
  max-width: 2880px;
  background-color: #f9f9f9; }
  .t--cn .l-gridlist {
    background-color: #f9f9f9; }
  .t--darker .l-gridlist {
    background-color: #e6e6e7; }
  @media screen and (max-width: 768px) {
    .l-gridlist {
      padding: 10px; } }
  .l-gridlist--rev {
    padding: 20px 0;
    background-color: #fff; }
    .t--cn .l-gridlist--rev {
      background-color: #fff; }
    .t--contrast .l-gridlist--rev {
      background-color: #085963; }
  .l-gridlist__body {
    display: grid;
    grid-template-columns: repeat(auto-fit, 100%);
    grid-row-gap: 30px;
    grid-column-gap: 30px; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .l-gridlist__body {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column-reverse; } }
  .l-gridlist__item {
    position: relative;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    transition: background-color 0.2s ease-out;
    background-color: #fff;
    border-bottom-color: #ddd; }
    .t--cn .l-gridlist__item {
      background-color: #fff;
      border-bottom-color: #ddd; }
    .t--darker .l-gridlist__item {
      border-bottom-color: #eee; }
    .t--contrast .l-gridlist__item {
      background-color: #085963; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .l-gridlist__item {
        margin-bottom: 15px; } }
  .l-gridlist--rev .l-gridlist__item {
    padding: 0;
    background-color: #f9f9f9; }
    .t--cn .l-gridlist--rev .l-gridlist__item {
      background-color: #f9f9f9; }
    .t--darker .l-gridlist--rev .l-gridlist__item {
      background-color: #e6e6e7; }
  .l-gridlist--rev .l-gridlist__body {
    grid-column-gap: 35px; }
  .l-gridlist--grid .l-gridlist__body {
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); }
    .l-gridlist--grid .l-gridlist__body--4 {
      grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); }
      @media screen and (max-width: 520px) {
        .l-gridlist--grid .l-gridlist__body--4 {
          grid-template-columns: repeat(2, 1fr); } }
  .l-gridlist--grid-long .l-gridlist__body {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
  @supports (display: grid) and (not (display: -ms-grid)) {
    .l-gridlist--grid .l-gridlist__body--capitalize .l-gridlist__item:first-child {
      grid-column: 1/span 2; } }
  @supports (display: -ms-grid) {
    .l-gridlist--grid .l-gridlist__body--capitalize .l-gridlist__item:first-child {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2; } }
  .l-gridlist--grid .l-gridlist__item {
    border-bottom: 0; }
    @media screen and (min-width: 1200px) {
      .l-gridlist--grid .l-gridlist__item {
        padding: 30px; } }
  @media screen and (min-width: 1200px) {
    .l-gridlist--grid .l-gridlist__body--4 .l-gridlist__item {
      padding: 0; } }
  @media screen and (max-width: 520px) {
    @supports (display: grid) and (not (display: -ms-grid)) {
      .l-gridlist--grid .l-gridlist__body--4 .l-gridlist__item {
        grid-column: 1/span 2; } }
    @supports (display: -ms-grid) {
      .l-gridlist--grid .l-gridlist__body--4 .l-gridlist__item {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2; } } }
  .l-gridlist--gallery {
    overflow: auto; }
  .l-gridlist--gallery .l-gridlist__body {
    grid-template-columns: repeat(auto-fit, 330px);
    padding: 10px; }
    @media screen and (max-width: 768px) {
      .l-gridlist--gallery .l-gridlist__body {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .l-gridlist--gallery .l-gridlist__body {
        display: flex;
        flex-wrap: wrap; } }
  .l-gridlist--gallery-fill {
    padding: 0 20px; }
  .l-gridlist--gallery-fill .l-gridlist__body {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    padding: 0;
    grid-row-gap: 10px;
    grid-column-gap: 10px; }
  .l-gridlist--gallery .l-gridlist__item {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #333; }
    .t--cn .l-gridlist--gallery .l-gridlist__item {
      background-color: #333; }
    .t--darker .l-gridlist--gallery .l-gridlist__item {
      background-color: black; }
    .t--contrast .l-gridlist--gallery .l-gridlist__item {
      background-color: #333; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .l-gridlist--gallery .l-gridlist__item {
        padding: 10px !important;
        width: 25%;
        box-sizing: border-box;
        background-color: transparent !important; } }
  .l-gridlist--nopad .l-gridlist__item {
    padding: 0; }

.js-placelist-item .c-cardlist .c-labelrow__label {
  min-width: 0; }

.l-prop {
  display: grid;
  display: -ms-grid;
  position: relative;
  grid-template-columns: auto 845px 295px auto;
  -ms-grid-columns: 1fr 845px 295px 1fr; }
  @media screen and (max-width: 1200px) {
    .l-prop {
      grid-template-columns: 20px auto 295px 20px;
      -ms-grid-columns: 20px auto 295px 20px; } }
  @media screen and (max-width: 768px) {
    .l-prop {
      grid-template-columns: 100%;
      -ms-grid-columns: 100%;
      padding-bottom: 50px; } }
  .l-prop__info {
    grid-column: 1/span 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-row: 1;
    -ms-grid-row: 1;
    position: sticky;
    top: 0; }
    @media screen and (max-width: 768px) {
      .l-prop__info {
        position: relative;
        grid-row: 3;
        -ms-grid-row: 3;
        grid-column: 1;
        -ms-grid-column: 1; } }
  .l-prop__gallery {
    grid-column: 2/span 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 3;
    -ms-grid-row: 3;
    margin-right: 20px; }
    @media screen and (max-width: 768px) {
      .l-prop__gallery {
        grid-row: 1;
        -ms-grid-row: 1;
        grid-column: 1;
        -ms-grid-column: 1;
        margin-right: 0; } }
  .l-prop__text {
    grid-column: 2/span 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 4;
    -ms-grid-row: 4; }
    @media screen and (max-width: 768px) {
      .l-prop__text {
        grid-row: 4;
        -ms-grid-row: 4;
        grid-column: 1;
        -ms-grid-column: 1; } }
  .l-prop__meta {
    grid-column: 3/span 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-row: 3/span 2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2; }
    @media screen and (max-width: 768px) {
      .l-prop__meta {
        grid-row: 9;
        -ms-grid-row: 9;
        grid-column: 1;
        -ms-grid-column: 1; } }
  .l-prop--notext .l-prop__meta {
    grid-row: 3/span 1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1; }
    @media screen and (max-width: 768px) {
      .l-prop--notext .l-prop__meta {
        grid-row: 4;
        -ms-grid-row: 4; } }
  .l-prop__map {
    grid-row: 10;
    -ms-grid-row: 10;
    grid-column: 2/span 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2; }
    @media screen and (max-width: 768px) {
      .l-prop__map {
        grid-row: 11;
        -ms-grid-row: 11;
        grid-column: 1;
        -ms-grid-column: 1; } }
  .l-prop__vr {
    grid-row: 11;
    -ms-grid-row: 11;
    grid-column: 1/span 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4; }
    @media screen and (max-width: 768px) {
      .l-prop__vr {
        display: none; } }
  .l-prop__unavailable {
    grid-row: 2;
    -ms-grid-row: 2;
    grid-column: 2/span 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2; }
    @media screen and (max-width: 768px) {
      .l-prop__unavailable {
        grid-row: 2;
        -ms-grid-row: 2;
        grid-column: 1;
        -ms-grid-column: 1; } }
  .l-prop__mortgage {
    grid-row: 12;
    -ms-grid-row: 12;
    grid-column: 2/span 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2; }
    @media screen and (max-width: 768px) {
      .l-prop__mortgage {
        grid-row: 13;
        -ms-grid-row: 13;
        grid-column: 1;
        -ms-grid-column: 1; } }
  .l-prop__building {
    grid-row: 13;
    -ms-grid-row: 13;
    grid-column: 1/span 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4; }
    @media screen and (max-width: 768px) {
      .l-prop__building {
        grid-row: 12;
        -ms-grid-row: 12;
        grid-column: 1;
        -ms-grid-column: 1; } }
  .l-prop__listing {
    grid-row: 14;
    -ms-grid-row: 14;
    grid-column: 2/span 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2; }
    @media screen and (max-width: 768px) {
      .l-prop__listing {
        grid-row: 14;
        -ms-grid-row: 14;
        grid-column: 1;
        -ms-grid-column: 1; } }
  .l-prop--listingfirst .l-prop__listing {
    grid-row: 8;
    -ms-grid-row: 8; }
    @media screen and (max-width: 768px) {
      .l-prop--listingfirst .l-prop__listing {
        grid-row: 10;
        -ms-grid-row: 10; } }
  .l-prop__district {
    grid-row: 15;
    -ms-grid-row: 15;
    grid-column: 1/span 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4; }
  .l-prop__smtop {
    display: none; }
    @media screen and (max-width: 768px) {
      .l-prop__smtop {
        position: absolute;
        display: block;
        z-index: 3;
        top: 0;
        left: 0;
        width: 100%;
        pointer-events: none; } }
    .c-nav__menu-main--mobile-active .l-prop__smtop {
      display: none; }
  .l-prop__similar {
    display: none;
    padding-top: 20px;
    grid-row: 4;
    -ms-grid-row: 4;
    grid-column: 3/span 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1; }
    @media screen and (max-width: 768px) {
      .l-prop__similar {
        display: none; } }
  .l-prop--b .l-prop__similar {
    display: none; }
    @media screen and (max-width: 768px) {
      .l-prop--b .l-prop__similar {
        display: none; } }
  .l-prop__chart {
    grid-row: 5;
    -ms-grid-row: 5;
    grid-column: 2/span 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2; }
    @media screen and (max-width: 768px) {
      .l-prop__chart {
        grid-row: 6;
        -ms-grid-row: 6;
        grid-column: 1;
        -ms-grid-column: 1; } }
  .l-prop__chart-body {
    display: flex;
    flex-direction: row; }
    @media screen and (max-width: 1200px) {
      .l-prop__chart-body {
        flex-direction: column; } }
  .l-prop__transaction {
    grid-row: 6;
    -ms-grid-row: 6;
    grid-column: 2/span 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2; }
    @media screen and (max-width: 768px) {
      .l-prop__transaction {
        grid-row: 7;
        -ms-grid-row: 7;
        grid-column: 1;
        -ms-grid-column: 1; } }
  .l-prop__other-transaction {
    display: none; }
    @media screen and (max-width: 768px) {
      .l-prop__other-transaction {
        display: block;
        grid-row: 5;
        -ms-grid-row: 5;
        grid-column: 1;
        -ms-grid-column: 1; } }
  @media screen and (max-width: 768px) {
    .l-prop__othertransactionssm {
      display: none; } }

@media screen and (max-width: 768px) {
  .l-prop__gallery .c-result__stripe {
    display: none; } }

.l-pop {
  display: flex;
  justify-content: center;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
  transform: scale(0.99);
  transition: transform 0.2s ease-out, opacity 0.2s ease-out,
 z-index 0.2s step-start;
  background-color: rgba(0, 0, 0, 0.7); }
  .t--cn .l-pop {
    background-color: rgba(0, 0, 0, 0.7); }
  .t--darker .l-pop {
    background-color: rgba(0, 0, 0, 0.75); }
  .l-pop__container {
    display: flex;
    flex-direction: column;
    flex: 0 0 100%;
    position: relative;
    background-color: #fff; }
    .t--cn .l-pop__container {
      background-color: #fff; }
    .t--contrast .l-pop__container {
      background-color: #085963; }
  .l-pop--active {
    transform: scale(1);
    opacity: 1;
    z-index: 10;
    transition-timing-function: ease-out, ease-out, step-end; }
  .l-pop__nav {
    display: flex;
    align-items: center;
    flex: 0 0 68px;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .l-pop__nav {
        border-bottom: 1px solid #ddd; }
        .t--cn .l-pop__nav {
          border-bottom: 1px solid #ddd; }
        .t--darker .l-pop__nav {
          border-bottom: 1px solid #eee; }
        .t--contrast .l-pop__nav {
          border-bottom: 1px solid; } }
  .l-pop--nav-calc .l-pop__panelwrap {
    flex: 0 0 40%; }
  .l-pop--nav-calc .l-pop__container {
    max-width: 1440px; }
  @media screen and (min-width: 768px) {
    .l-pop--nav-slim .l-pop__nav {
      pointer-events: none;
      justify-content: flex-end;
      position: absolute;
      z-index: 2;
      width: 100%;
      background-color: transparent; } }
  @media screen and (min-width: 768px) {
    .l-pop--nav-slim .l-pop__logo {
      display: none; } }
  @media screen and (min-width: 768px) {
    .l-pop--nav-slim .l-pop__menu {
      display: none; } }
  @media screen and (min-width: 768px) {
    .l-pop--nav-slim .l-pop__close {
      pointer-events: all; } }
  @media screen and (max-width: 768px) {
    .l-pop--nav-overlap .l-pop__nav {
      position: absolute;
      height: 68px;
      width: 100%;
      box-sizing: border-box;
      z-index: 1;
      border-bottom: none; }
      .t--cn .l-pop--nav-overlap .l-pop__nav {
        border-bottom: none; }
      .t--darker .l-pop--nav-overlap .l-pop__nav {
        border-bottom: none; }
      .t--contrast .l-pop--nav-overlap .l-pop__nav {
        border-bottom: none; } }
  .l-pop__logo {
    display: flex;
    align-items: center;
    height: 68px; }
    @media screen and (max-width: 768px) {
      .l-pop__logo {
        display: none; } }
  .l-pop__back {
    display: none;
    justify-content: center;
    align-items: center;
    width: 68px;
    height: 68px;
    position: relative; }
    @media screen and (max-width: 768px) {
      .l-pop__back {
        display: flex; } }
  .l-pop__menu {
    display: flex;
    flex-wrap: nowrap; }
  @media screen and (max-width: 768px) {
    .l-pop__menuitem {
      display: none; } }
  @media screen and (max-width: 768px) {
    .l-pop__menuitem--active {
      display: block; } }
  .l-pop__close {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 68px; }
    @media screen and (max-width: 768px) {
      .l-pop__close {
        width: 68px; } }
  .l-pop__body {
    position: relative;
    display: flex;
    width: 100%;
    flex: 1 1 0px;
    min-height: 0;
    z-index: 0; }
  .l-pop__panelwrap {
    z-index: -1;
    display: flex;
    flex: 0 0 410px;
    min-width: 0;
    opacity: 0;
    transition: opacity 0.2s ease-out, z-index 0.2s step-end;
    pointer-events: none; }
    @media screen and (max-width: 768px) {
      .l-pop__panelwrap {
        width: 100%;
        height: 100%;
        position: absolute;
        flex-direction: column;
        justify-content: flex-end; } }
  .l-pop--panel-active .l-pop__panelwrap {
    z-index: 11;
    opacity: 1;
    transition-timing-function: ease-in, step-start; }
  .l-pop__panel {
    width: 100%;
    pointer-events: all;
    position: relative; }
    @media screen and (max-width: 768px) {
      .l-pop__panel {
        transition: flex 0.2s ease-out, height 0.2s ease-out;
        width: 96%;
        margin: 0 auto;
        flex: 0 0 0;
        min-height: 0;
        overflow: hidden;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        background-color: #f9f9f9;
        box-shadow: 0px -2px 3px -2px #999, 0px 0px 3px -1px #999; }
        .t--cn .l-pop__panel {
          background-color: #f9f9f9;
          box-shadow: 0px -2px 3px -2px #999, 0px 0px 3px -1px #999; }
        .t--darker .l-pop__panel {
          background-color: #e6e6e7;
          box-shadow: 0px -2px 3px -2px #999, 0px 0px 3px -1px #999; }
        .t--contrast .l-pop__panel {
          box-shadow: 0px -2px 3px -2px, 0px 0px 3px -1px; } }
  @media screen and (max-width: 768px) {
    .l-pop--panel-active .l-pop__panel {
      flex: 0 0 68px; } }
  .l-pop--panel-reverse .l-pop__panelwrap {
    order: 2; }
  @media screen and (max-width: 768px) {
    .l-pop--panel-full .l-pop__panel {
      flex: 0 0 100%;
      width: 100%; } }
  @media screen and (max-width: 768px) {
    .l-pop--panel-half .l-pop__panel {
      flex: 0 0 60%;
      width: 100%;
      min-height: 0; } }
  @media screen and (max-width: 768px) {
    .l-pop--panel-half .l-pop__content {
      flex: 0 0 40%;
      min-height: 0; } }
  @media screen and (max-width: 768px) {
    .l-pop--panel-half2 .l-pop__panel {
      flex: 0 0 390px;
      width: 100%; } }
  .l-pop__overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    opacity: 0;
    z-index: -1;
    transition: height 0.2s ease-out, padding-bottom 0.2s ease-out,
 opacity 0.2s linear, z-index 0.2s step-end; }
    @media screen and (max-width: 768px) {
      .l-pop__overlay {
        padding-bottom: 0; } }
  .l-pop--overlay-active .l-pop__overlay {
    z-index: 11;
    opacity: 1;
    transition-timing-function: ease-out, ease-out, linear, step-start; }
  @media screen and (max-width: 768px) {
    .l-pop--panel-active .l-pop__overlay {
      padding-bottom: 68px; } }
  @media screen and (max-width: 768px) {
    .l-pop--panel-full .l-pop__overlay {
      height: 0;
      padding-bottom: 0;
      opacity: 0;
      z-index: -1; } }
  @media screen and (max-width: 768px) {
    .l-pop--panel-half .l-pop__overlay {
      height: 40%;
      padding-bottom: 0;
      opacity: 0;
      z-index: -1; } }
  .l-pop__contentwrap {
    position: relative;
    flex: 1 1 0px;
    min-width: 0;
    display: flex;
    flex-direction: column; }
  .l-pop--no-panel .l-pop__panelwrap {
    display: none; }
  .l-pop__content {
    position: relative;
    width: 100%;
    height: 100%; }

@media screen and (max-width: 768px) {
  .l-pop--video.l-pop--panel-half .l-pop__content {
    flex: 1; } }

@media screen and (max-width: 520px) {
  .l-pop--video.l-pop--panel-half .l-pop__content {
    flex: 0 0 40%; } }

@media screen and (max-width: 768px) {
  .l-pop--video.l-pop--panel-half .l-pop__panelwrap {
    display: none; } }

@media screen and (max-width: 520px) {
  .l-pop--video.l-pop--panel-half .l-pop__panelwrap {
    display: flex; } }

@media screen and (max-width: 768px) {
  .l-pop--video.l-pop--panel-half.l-pop__panelwrap--active .l-pop__panelwrap {
    display: block; } }

@media screen and (max-width: 520px) {
  .l-pop--video.l-pop--panel-half.l-pop__panelwrap--active .l-pop__panelwrap {
    display: flex; } }

.c-navbar__bg {
  background-color: #fff; }
  .t--cn .c-navbar__bg {
    background-color: #fff; }
  .t--contrast .c-navbar__bg {
    background-color: #085963; }

.c-navbar__back {
  padding: 10px 15px;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #085963; }
  .t--cn .c-navbar__back {
    color: #085963; }
  .t--darker .c-navbar__back {
    color: #085963; }
  .c-navbar__back .fal {
    margin-right: 10px; }

.c-navbar__logo {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  padding: 23px 15px;
  box-sizing: border-box;
  cursor: pointer; }
  .c-navbar__logo img {
    position: relative;
    object-fit: contain;
    object-position: left center;
    width: 100%;
    height: 100%;
    box-sizing: border-box; }
  @media screen and (max-width: 1441px) {
    .c-navbar__logo {
      padding: 10px 0; } }
  @media screen and (max-width: 520px) {
    .c-navbar__logo {
      padding: 0; } }
  .c-navbar__logo-img--550 {
    display: none;
    margin-top: -2px;
    /* offset */ }
    @media screen and (max-width: 1441px) {
      .c-navbar__logo-img--550 {
        display: block; } }
    @media screen and (max-width: 900px) {
      .c-navbar__logo-img--550 {
        display: none; } }
  .c-navbar__logo-img--lg {
    display: block;
    margin-top: -2px;
    /* offset */
    width: 630px; }
    @media screen and (max-width: 1441px) {
      .c-navbar__logo-img--lg {
        display: none; } }
  .c-navbar__logo-img--sm {
    display: none;
    padding: 0 25px; }
    @media screen and (max-width: 1441px) {
      .c-navbar__logo-img--sm {
        display: none; } }
    @media screen and (max-width: 900px) {
      .c-navbar__logo-img--sm {
        display: block;
        padding: 3px 0; } }

.c-navbar__contact {
  display: block;
  padding: 5px 20px;
  white-space: nowrap;
  font-weight: 400;
  font-size: 1.1em;
  text-transform: uppercase;
  position: relative;
  color: #666;
  font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
  .t--cn .c-navbar__contact {
    color: #666;
    font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }

.c-navbar__menu-btn {
  display: none;
  width: 76px;
  height: 76px;
  align-items: center;
  justify-content: center;
  font-size: 1.5em; }
  @media screen and (max-width: 1441px) {
    .c-navbar__menu-btn {
      display: flex; } }
  @media screen and (max-width: 520px) {
    .c-navbar__menu-btn {
      width: 54px;
      height: 54px;
      font-size: 1em; } }

.c-navbar__menu-top {
  position: sticky;
  top: 0;
  display: none;
  z-index: 1;
  background-color: #fff; }
  .t--cn .c-navbar__menu-top {
    background-color: #fff; }
  .t--contrast .c-navbar__menu-top {
    background-color: #085963; }

.c-navbar__menu--mobile-active .c-navbar__menu-top {
  display: flex;
  height: 76px;
  width: 100%;
  align-items: center; }

.c-navbar__menu-nav > * > ul {
  display: flex;
  justify-content: flex-end; }
  @media screen and (max-width: 1441px) {
    .c-navbar__menu-nav > * > ul {
      display: none;
      flex-direction: column; } }
  .c-navbar__menu-nav > * > ul a,
  .c-navbar__menu-nav > * > ul span {
    white-space: nowrap;
    display: block;
    box-sizing: border-box; }
  .c-navbar__menu-nav > * > ul > li > ul {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 31px;
    right: 0;
    padding: 5px 0;
    background-color: #fff;
    box-shadow: 3px 5px 10px -5px #ccc; }
    .t--cn .c-navbar__menu-nav > * > ul > li > ul {
      background-color: #fff;
      box-shadow: 3px 5px 10px -5px #ccc; }
    .t--darker .c-navbar__menu-nav > * > ul > li > ul {
      box-shadow: 3px 5px 10px -5px #ccc; }
    .t--contrast .c-navbar__menu-nav > * > ul > li > ul {
      background-color: #085963;
      box-shadow: 3px 5px 10px -5px #999; }
  .c-navbar__menu-nav > * > ul > li {
    position: relative; }
  .c-navbar__menu-nav > * > ul > li.c-navbar--active > ul {
    display: flex; }
  @media screen and (min-width: 1441px) {
    .c-navbar__menu-nav > * > ul > li:hover > ul {
      display: flex; } }
  .c-navbar__menu-nav > * > ul > li > a {
    padding: 5px 20px;
    white-space: nowrap;
    font-weight: 400;
    font-size: 1.1em;
    text-transform: uppercase;
    color: #333;
    font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
    .t--cn .c-navbar__menu-nav > * > ul > li > a {
      color: #333;
      font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }
    .t--darker .c-navbar__menu-nav > * > ul > li > a {
      color: #393737; }
    .c-navbar__menu-nav > * > ul > li > a:hover {
      color: #0fd28d; }
      .t--cn .c-navbar__menu-nav > * > ul > li > a:hover {
        color: #0fd28d; }
      .t--darker .c-navbar__menu-nav > * > ul > li > a:hover {
        color: #229069; }
    .c-navbar__menu-nav > * > ul > li > a:active {
      color: #0fd28d; }
      .t--cn .c-navbar__menu-nav > * > ul > li > a:active {
        color: #0fd28d; }
      .t--darker .c-navbar__menu-nav > * > ul > li > a:active {
        color: #229069; }
  .c-navbar__menu-nav > * > ul > li > ul > li > span {
    cursor: default; }
  .c-navbar__menu-nav > * > ul > li > ul > li > a,
  .c-navbar__menu-nav > * > ul > li > ul > li > span {
    display: block;
    padding: 10px 25px;
    text-transform: capitalize;
    font-size: 0.9em;
    font-weight: 400;
    color: #333; }
    .t--cn .c-navbar__menu-nav > * > ul > li > ul > li > a, .t--cn
    .c-navbar__menu-nav > * > ul > li > ul > li > span {
      color: #333; }
    .t--darker .c-navbar__menu-nav > * > ul > li > ul > li > a, .t--darker
    .c-navbar__menu-nav > * > ul > li > ul > li > span {
      color: #393737; }
  .c-navbar__menu-nav > * > ul > li > ul > li > ul > li > a {
    display: block;
    padding: 10px 25px;
    padding-left: 50px;
    text-transform: capitalize;
    font-size: 0.9em;
    font-weight: 400;
    color: #333; }
    .t--cn .c-navbar__menu-nav > * > ul > li > ul > li > ul > li > a {
      color: #333; }
    .t--darker .c-navbar__menu-nav > * > ul > li > ul > li > ul > li > a {
      color: #393737; }
    .c-navbar__menu-nav > * > ul > li > ul > li > ul > li > a:hover {
      color: #085963;
      background-color: #f9f9f9; }
      .t--cn .c-navbar__menu-nav > * > ul > li > ul > li > ul > li > a:hover {
        color: #085963;
        background-color: #f9f9f9; }
      .t--darker .c-navbar__menu-nav > * > ul > li > ul > li > ul > li > a:hover {
        color: #085963;
        background-color: #e6e6e7; }
    .c-navbar__menu-nav > * > ul > li > ul > li > ul > li > a:active {
      color: #085963;
      background-color: #f9f9f9; }
      .t--cn .c-navbar__menu-nav > * > ul > li > ul > li > ul > li > a:active {
        color: #085963;
        background-color: #f9f9f9; }
      .t--darker .c-navbar__menu-nav > * > ul > li > ul > li > ul > li > a:active {
        color: #085963;
        background-color: #e6e6e7; }
  .c-navbar__menu-nav > * > ul > li > ul > li > a:hover {
    color: #085963;
    background-color: #f9f9f9; }
    .t--cn .c-navbar__menu-nav > * > ul > li > ul > li > a:hover {
      color: #085963;
      background-color: #f9f9f9; }
    .t--darker .c-navbar__menu-nav > * > ul > li > ul > li > a:hover {
      color: #085963;
      background-color: #e6e6e7; }
  .c-navbar__menu-nav > * > ul > li > ul > li > a:active {
    color: #085963;
    background-color: #f9f9f9; }
    .t--cn .c-navbar__menu-nav > * > ul > li > ul > li > a:active {
      color: #085963;
      background-color: #f9f9f9; }
    .t--darker .c-navbar__menu-nav > * > ul > li > ul > li > a:active {
      color: #085963;
      background-color: #e6e6e7; }

.c-navbar__menu--mobile-active .c-navbar__menu-nav > * > ul {
  display: flex; }
  .c-navbar__menu--mobile-active .c-navbar__menu-nav > * > ul a,
  .c-navbar__menu--mobile-active .c-navbar__menu-nav > * > ul span {
    width: 100%;
    padding: 10px 15px; }
  .c-navbar__menu--mobile-active .c-navbar__menu-nav > * > ul > li > ul {
    position: relative;
    top: auto;
    left: auto;
    box-shadow: none;
    padding-left: 15px; }
  .c-navbar__menu--mobile-active .c-navbar__menu-nav > * > ul > li > ul > li > ul {
    padding-left: 15px; }

.c-navbar__menu--mobile-active .c-navbar__menu-nav-container {
  width: 100%;
  height: 100%;
  max-width: 500px;
  overflow: auto;
  scrollbar-width: thin;
  background-color: #fff; }
  .t--cn .c-navbar__menu--mobile-active .c-navbar__menu-nav-container {
    background-color: #fff; }
  .t--contrast .c-navbar__menu--mobile-active .c-navbar__menu-nav-container {
    background-color: #085963; }

.c-navbar__menu--mobile-active .c-navbar__menu-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.7); }
  .t--cn .c-navbar__menu--mobile-active .c-navbar__menu-nav {
    background-color: rgba(0, 0, 0, 0.7); }
  .t--darker .c-navbar__menu--mobile-active .c-navbar__menu-nav {
    background-color: rgba(0, 0, 0, 0.75); }

.c-navbar__user-top, .c-navbar__saves-top, .c-navbar__localize-top {
  position: sticky;
  top: 0;
  display: none;
  z-index: 1;
  background-color: #fff; }
  .t--cn .c-navbar__user-top, .t--cn .c-navbar__saves-top, .t--cn .c-navbar__localize-top {
    background-color: #fff; }
  .t--contrast .c-navbar__user-top, .t--contrast .c-navbar__saves-top, .t--contrast .c-navbar__localize-top {
    background-color: #085963; }

.c-navbar__user--mobile-active .c-navbar__user-top, .c-navbar__saves--mobile-active .c-navbar__user-top, .c-navbar__localize--mobile-active .c-navbar__user-top, .c-navbar__user--mobile-active .c-navbar__saves-top, .c-navbar__saves--mobile-active .c-navbar__saves-top, .c-navbar__localize--mobile-active .c-navbar__saves-top, .c-navbar__user--mobile-active .c-navbar__localize-top, .c-navbar__saves--mobile-active .c-navbar__localize-top, .c-navbar__localize--mobile-active .c-navbar__localize-top {
  display: flex;
  height: 76px;
  width: 100%;
  align-items: center; }

.c-navbar__user--mobile-active .c-navbar__user-nav, .c-navbar__saves--mobile-active .c-navbar__user-nav, .c-navbar__localize--mobile-active .c-navbar__user-nav, .c-navbar__user--mobile-active .c-navbar__saves-nav, .c-navbar__saves--mobile-active .c-navbar__saves-nav, .c-navbar__localize--mobile-active .c-navbar__saves-nav, .c-navbar__user--mobile-active .c-navbar__localize-nav, .c-navbar__saves--mobile-active .c-navbar__localize-nav, .c-navbar__localize--mobile-active .c-navbar__localize-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.7); }
  .t--cn .c-navbar__user--mobile-active .c-navbar__user-nav, .t--cn .c-navbar__saves--mobile-active .c-navbar__user-nav, .t--cn .c-navbar__localize--mobile-active .c-navbar__user-nav, .t--cn .c-navbar__user--mobile-active .c-navbar__saves-nav, .t--cn .c-navbar__saves--mobile-active .c-navbar__saves-nav, .t--cn .c-navbar__localize--mobile-active .c-navbar__saves-nav, .t--cn .c-navbar__user--mobile-active .c-navbar__localize-nav, .t--cn .c-navbar__saves--mobile-active .c-navbar__localize-nav, .t--cn .c-navbar__localize--mobile-active .c-navbar__localize-nav {
    background-color: rgba(0, 0, 0, 0.7); }
  .t--darker .c-navbar__user--mobile-active .c-navbar__user-nav, .t--darker .c-navbar__saves--mobile-active .c-navbar__user-nav, .t--darker .c-navbar__localize--mobile-active .c-navbar__user-nav, .t--darker .c-navbar__user--mobile-active .c-navbar__saves-nav, .t--darker .c-navbar__saves--mobile-active .c-navbar__saves-nav, .t--darker .c-navbar__localize--mobile-active .c-navbar__saves-nav, .t--darker .c-navbar__user--mobile-active .c-navbar__localize-nav, .t--darker .c-navbar__saves--mobile-active .c-navbar__localize-nav, .t--darker .c-navbar__localize--mobile-active .c-navbar__localize-nav {
    background-color: rgba(0, 0, 0, 0.75); }

.c-navbar__user--mobile-active .c-navbar__user-nav-container, .c-navbar__saves--mobile-active .c-navbar__user-nav-container, .c-navbar__localize--mobile-active .c-navbar__user-nav-container, .c-navbar__user--mobile-active .c-navbar__saves-nav-container, .c-navbar__saves--mobile-active .c-navbar__saves-nav-container, .c-navbar__localize--mobile-active .c-navbar__saves-nav-container, .c-navbar__user--mobile-active .c-navbar__localize-nav-container, .c-navbar__saves--mobile-active .c-navbar__localize-nav-container, .c-navbar__localize--mobile-active .c-navbar__localize-nav-container {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: 500px;
  overflow: auto;
  scrollbar-width: thin;
  background-color: #fff; }
  .t--cn .c-navbar__user--mobile-active .c-navbar__user-nav-container, .t--cn .c-navbar__saves--mobile-active .c-navbar__user-nav-container, .t--cn .c-navbar__localize--mobile-active .c-navbar__user-nav-container, .t--cn .c-navbar__user--mobile-active .c-navbar__saves-nav-container, .t--cn .c-navbar__saves--mobile-active .c-navbar__saves-nav-container, .t--cn .c-navbar__localize--mobile-active .c-navbar__saves-nav-container, .t--cn .c-navbar__user--mobile-active .c-navbar__localize-nav-container, .t--cn .c-navbar__saves--mobile-active .c-navbar__localize-nav-container, .t--cn .c-navbar__localize--mobile-active .c-navbar__localize-nav-container {
    background-color: #fff; }
  .t--contrast .c-navbar__user--mobile-active .c-navbar__user-nav-container, .t--contrast .c-navbar__saves--mobile-active .c-navbar__user-nav-container, .t--contrast .c-navbar__localize--mobile-active .c-navbar__user-nav-container, .t--contrast .c-navbar__user--mobile-active .c-navbar__saves-nav-container, .t--contrast .c-navbar__saves--mobile-active .c-navbar__saves-nav-container, .t--contrast .c-navbar__localize--mobile-active .c-navbar__saves-nav-container, .t--contrast .c-navbar__user--mobile-active .c-navbar__localize-nav-container, .t--contrast .c-navbar__saves--mobile-active .c-navbar__localize-nav-container, .t--contrast .c-navbar__localize--mobile-active .c-navbar__localize-nav-container {
    background-color: #085963; }
  @media screen and (max-width: 520px) {
    .c-navbar__user--mobile-active .c-navbar__user-nav-container, .c-navbar__saves--mobile-active .c-navbar__user-nav-container, .c-navbar__localize--mobile-active .c-navbar__user-nav-container, .c-navbar__user--mobile-active .c-navbar__saves-nav-container, .c-navbar__saves--mobile-active .c-navbar__saves-nav-container, .c-navbar__localize--mobile-active .c-navbar__saves-nav-container, .c-navbar__user--mobile-active .c-navbar__localize-nav-container, .c-navbar__saves--mobile-active .c-navbar__localize-nav-container, .c-navbar__localize--mobile-active .c-navbar__localize-nav-container {
      max-width: none; } }

.c-navbar__user-nav > * > ul > li, .c-navbar__saves-nav > * > ul > li, .c-navbar__localize-nav > * > ul > li {
  position: relative; }

.c-navbar__user-nav > * > ul > li > ul, .c-navbar__saves-nav > * > ul > li > ul, .c-navbar__localize-nav > * > ul > li > ul {
  display: none;
  position: absolute;
  top: 31px;
  right: 0;
  flex-direction: column;
  padding: 5px 0;
  background-color: #fff;
  box-shadow: 3px 5px 10px -5px #ccc; }
  .t--cn .c-navbar__user-nav > * > ul > li > ul, .t--cn .c-navbar__saves-nav > * > ul > li > ul, .t--cn .c-navbar__localize-nav > * > ul > li > ul {
    background-color: #fff;
    box-shadow: 3px 5px 10px -5px #ccc; }
  .t--darker .c-navbar__user-nav > * > ul > li > ul, .t--darker .c-navbar__saves-nav > * > ul > li > ul, .t--darker .c-navbar__localize-nav > * > ul > li > ul {
    box-shadow: 3px 5px 10px -5px #ccc; }
  .t--contrast .c-navbar__user-nav > * > ul > li > ul, .t--contrast .c-navbar__saves-nav > * > ul > li > ul, .t--contrast .c-navbar__localize-nav > * > ul > li > ul {
    background-color: #085963;
    box-shadow: 3px 5px 10px -5px #999; }

.c-navbar__user--mobile-active .c-navbar__user-nav > * > ul > li > ul, .c-navbar__saves--mobile-active .c-navbar__user-nav > * > ul > li > ul, .c-navbar__localize--mobile-active .c-navbar__user-nav > * > ul > li > ul, .c-navbar__user--mobile-active .c-navbar__saves-nav > * > ul > li > ul, .c-navbar__saves--mobile-active .c-navbar__saves-nav > * > ul > li > ul, .c-navbar__localize--mobile-active .c-navbar__saves-nav > * > ul > li > ul, .c-navbar__user--mobile-active .c-navbar__localize-nav > * > ul > li > ul, .c-navbar__saves--mobile-active .c-navbar__localize-nav > * > ul > li > ul, .c-navbar__localize--mobile-active .c-navbar__localize-nav > * > ul > li > ul {
  display: flex;
  position: relative;
  box-shadow: none;
  top: 0; }

@media screen and (min-width: 1441px) {
  .c-navbar__user-nav > * > ul > li:hover > ul, .c-navbar__saves-nav > * > ul > li:hover > ul, .c-navbar__localize-nav > * > ul > li:hover > ul {
    display: flex; } }

.c-navbar__user-nav > * > ul > li > span,
.c-navbar__user-nav > * > ul > li > a, .c-navbar__saves-nav > * > ul > li > span,
.c-navbar__saves-nav > * > ul > li > a, .c-navbar__localize-nav > * > ul > li > span,
.c-navbar__localize-nav > * > ul > li > a {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 5px 20px;
  white-space: nowrap;
  font-weight: 400;
  font-size: 1.1em;
  text-transform: uppercase;
  position: relative;
  color: #666;
  font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
  .t--cn .c-navbar__user-nav > * > ul > li > span, .t--cn
  .c-navbar__user-nav > * > ul > li > a, .t--cn .c-navbar__saves-nav > * > ul > li > span, .t--cn
  .c-navbar__saves-nav > * > ul > li > a, .t--cn .c-navbar__localize-nav > * > ul > li > span, .t--cn
  .c-navbar__localize-nav > * > ul > li > a {
    color: #666;
    font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }
  .c-navbar__user-nav > * > ul > li > span:before,
  .c-navbar__user-nav > * > ul > li > a:before, .c-navbar__saves-nav > * > ul > li > span:before,
  .c-navbar__saves-nav > * > ul > li > a:before, .c-navbar__localize-nav > * > ul > li > span:before,
  .c-navbar__localize-nav > * > ul > li > a:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    width: 1px;
    height: 12px;
    background-color: #333; }
    .t--cn .c-navbar__user-nav > * > ul > li > span:before, .t--cn
    .c-navbar__user-nav > * > ul > li > a:before, .t--cn .c-navbar__saves-nav > * > ul > li > span:before, .t--cn
    .c-navbar__saves-nav > * > ul > li > a:before, .t--cn .c-navbar__localize-nav > * > ul > li > span:before, .t--cn
    .c-navbar__localize-nav > * > ul > li > a:before {
      background-color: #333; }
    .t--darker .c-navbar__user-nav > * > ul > li > span:before, .t--darker
    .c-navbar__user-nav > * > ul > li > a:before, .t--darker .c-navbar__saves-nav > * > ul > li > span:before, .t--darker
    .c-navbar__saves-nav > * > ul > li > a:before, .t--darker .c-navbar__localize-nav > * > ul > li > span:before, .t--darker
    .c-navbar__localize-nav > * > ul > li > a:before {
      background-color: #393737; }
  .c-navbar__user-nav > * > ul > li > span:hover,
  .c-navbar__user-nav > * > ul > li > a:hover, .c-navbar__saves-nav > * > ul > li > span:hover,
  .c-navbar__saves-nav > * > ul > li > a:hover, .c-navbar__localize-nav > * > ul > li > span:hover,
  .c-navbar__localize-nav > * > ul > li > a:hover {
    color: #0fd28d; }
    .t--cn .c-navbar__user-nav > * > ul > li > span:hover, .t--cn
    .c-navbar__user-nav > * > ul > li > a:hover, .t--cn .c-navbar__saves-nav > * > ul > li > span:hover, .t--cn
    .c-navbar__saves-nav > * > ul > li > a:hover, .t--cn .c-navbar__localize-nav > * > ul > li > span:hover, .t--cn
    .c-navbar__localize-nav > * > ul > li > a:hover {
      color: #0fd28d; }
    .t--darker .c-navbar__user-nav > * > ul > li > span:hover, .t--darker
    .c-navbar__user-nav > * > ul > li > a:hover, .t--darker .c-navbar__saves-nav > * > ul > li > span:hover, .t--darker
    .c-navbar__saves-nav > * > ul > li > a:hover, .t--darker .c-navbar__localize-nav > * > ul > li > span:hover, .t--darker
    .c-navbar__localize-nav > * > ul > li > a:hover {
      color: #229069; }
  .c-navbar__user-nav > * > ul > li > span:active,
  .c-navbar__user-nav > * > ul > li > a:active, .c-navbar__saves-nav > * > ul > li > span:active,
  .c-navbar__saves-nav > * > ul > li > a:active, .c-navbar__localize-nav > * > ul > li > span:active,
  .c-navbar__localize-nav > * > ul > li > a:active {
    color: #0fd28d; }
    .t--cn .c-navbar__user-nav > * > ul > li > span:active, .t--cn
    .c-navbar__user-nav > * > ul > li > a:active, .t--cn .c-navbar__saves-nav > * > ul > li > span:active, .t--cn
    .c-navbar__saves-nav > * > ul > li > a:active, .t--cn .c-navbar__localize-nav > * > ul > li > span:active, .t--cn
    .c-navbar__localize-nav > * > ul > li > a:active {
      color: #0fd28d; }
    .t--darker .c-navbar__user-nav > * > ul > li > span:active, .t--darker
    .c-navbar__user-nav > * > ul > li > a:active, .t--darker .c-navbar__saves-nav > * > ul > li > span:active, .t--darker
    .c-navbar__saves-nav > * > ul > li > a:active, .t--darker .c-navbar__localize-nav > * > ul > li > span:active, .t--darker
    .c-navbar__localize-nav > * > ul > li > a:active {
      color: #229069; }

.c-navbar__user--mobile-active .c-navbar__user-nav > * > ul > li > a, .c-navbar__saves--mobile-active .c-navbar__user-nav > * > ul > li > a, .c-navbar__localize--mobile-active .c-navbar__user-nav > * > ul > li > a, .c-navbar__user--mobile-active .c-navbar__saves-nav > * > ul > li > a, .c-navbar__saves--mobile-active .c-navbar__saves-nav > * > ul > li > a, .c-navbar__localize--mobile-active .c-navbar__saves-nav > * > ul > li > a, .c-navbar__user--mobile-active .c-navbar__localize-nav > * > ul > li > a, .c-navbar__saves--mobile-active .c-navbar__localize-nav > * > ul > li > a, .c-navbar__localize--mobile-active .c-navbar__localize-nav > * > ul > li > a {
  display: none; }

.c-navbar__user-nav > * > ul > li > ul > li > a,
.c-navbar__user-nav > * > ul > li > ul > li > span,
.c-navbar__user-nav > * > ul > li > ul > li > ul > li > a,
.c-navbar__user-nav > * > ul > li > ul > li > ul > li > span, .c-navbar__saves-nav > * > ul > li > ul > li > a,
.c-navbar__saves-nav > * > ul > li > ul > li > span,
.c-navbar__saves-nav > * > ul > li > ul > li > ul > li > a,
.c-navbar__saves-nav > * > ul > li > ul > li > ul > li > span, .c-navbar__localize-nav > * > ul > li > ul > li > a,
.c-navbar__localize-nav > * > ul > li > ul > li > span,
.c-navbar__localize-nav > * > ul > li > ul > li > ul > li > a,
.c-navbar__localize-nav > * > ul > li > ul > li > ul > li > span {
  white-space: nowrap;
  display: block;
  box-sizing: border-box;
  padding: 10px 25px;
  text-transform: capitalize;
  font-size: 0.9em;
  font-weight: 400;
  color: #333; }
  .t--cn .c-navbar__user-nav > * > ul > li > ul > li > a, .t--cn
  .c-navbar__user-nav > * > ul > li > ul > li > span, .t--cn
  .c-navbar__user-nav > * > ul > li > ul > li > ul > li > a, .t--cn
  .c-navbar__user-nav > * > ul > li > ul > li > ul > li > span, .t--cn .c-navbar__saves-nav > * > ul > li > ul > li > a, .t--cn
  .c-navbar__saves-nav > * > ul > li > ul > li > span, .t--cn
  .c-navbar__saves-nav > * > ul > li > ul > li > ul > li > a, .t--cn
  .c-navbar__saves-nav > * > ul > li > ul > li > ul > li > span, .t--cn .c-navbar__localize-nav > * > ul > li > ul > li > a, .t--cn
  .c-navbar__localize-nav > * > ul > li > ul > li > span, .t--cn
  .c-navbar__localize-nav > * > ul > li > ul > li > ul > li > a, .t--cn
  .c-navbar__localize-nav > * > ul > li > ul > li > ul > li > span {
    color: #333; }
  .t--darker .c-navbar__user-nav > * > ul > li > ul > li > a, .t--darker
  .c-navbar__user-nav > * > ul > li > ul > li > span, .t--darker
  .c-navbar__user-nav > * > ul > li > ul > li > ul > li > a, .t--darker
  .c-navbar__user-nav > * > ul > li > ul > li > ul > li > span, .t--darker .c-navbar__saves-nav > * > ul > li > ul > li > a, .t--darker
  .c-navbar__saves-nav > * > ul > li > ul > li > span, .t--darker
  .c-navbar__saves-nav > * > ul > li > ul > li > ul > li > a, .t--darker
  .c-navbar__saves-nav > * > ul > li > ul > li > ul > li > span, .t--darker .c-navbar__localize-nav > * > ul > li > ul > li > a, .t--darker
  .c-navbar__localize-nav > * > ul > li > ul > li > span, .t--darker
  .c-navbar__localize-nav > * > ul > li > ul > li > ul > li > a, .t--darker
  .c-navbar__localize-nav > * > ul > li > ul > li > ul > li > span {
    color: #393737; }

.c-navbar__user-nav > * > ul > li > ul > li > ul > li > a:hover,
.c-navbar__user-nav > * > ul > li > ul > li > a:hover, .c-navbar__saves-nav > * > ul > li > ul > li > ul > li > a:hover,
.c-navbar__saves-nav > * > ul > li > ul > li > a:hover, .c-navbar__localize-nav > * > ul > li > ul > li > ul > li > a:hover,
.c-navbar__localize-nav > * > ul > li > ul > li > a:hover {
  color: #085963;
  background-color: #f9f9f9; }
  .t--cn .c-navbar__user-nav > * > ul > li > ul > li > ul > li > a:hover, .t--cn
  .c-navbar__user-nav > * > ul > li > ul > li > a:hover, .t--cn .c-navbar__saves-nav > * > ul > li > ul > li > ul > li > a:hover, .t--cn
  .c-navbar__saves-nav > * > ul > li > ul > li > a:hover, .t--cn .c-navbar__localize-nav > * > ul > li > ul > li > ul > li > a:hover, .t--cn
  .c-navbar__localize-nav > * > ul > li > ul > li > a:hover {
    color: #085963;
    background-color: #f9f9f9; }
  .t--darker .c-navbar__user-nav > * > ul > li > ul > li > ul > li > a:hover, .t--darker
  .c-navbar__user-nav > * > ul > li > ul > li > a:hover, .t--darker .c-navbar__saves-nav > * > ul > li > ul > li > ul > li > a:hover, .t--darker
  .c-navbar__saves-nav > * > ul > li > ul > li > a:hover, .t--darker .c-navbar__localize-nav > * > ul > li > ul > li > ul > li > a:hover, .t--darker
  .c-navbar__localize-nav > * > ul > li > ul > li > a:hover {
    color: #085963;
    background-color: #e6e6e7; }

.c-navbar__user-nav > * > ul > li > ul > li > ul > li > a:active,
.c-navbar__user-nav > * > ul > li > ul > li > a:active, .c-navbar__saves-nav > * > ul > li > ul > li > ul > li > a:active,
.c-navbar__saves-nav > * > ul > li > ul > li > a:active, .c-navbar__localize-nav > * > ul > li > ul > li > ul > li > a:active,
.c-navbar__localize-nav > * > ul > li > ul > li > a:active {
  color: #085963;
  background-color: #f9f9f9; }
  .t--cn .c-navbar__user-nav > * > ul > li > ul > li > ul > li > a:active, .t--cn
  .c-navbar__user-nav > * > ul > li > ul > li > a:active, .t--cn .c-navbar__saves-nav > * > ul > li > ul > li > ul > li > a:active, .t--cn
  .c-navbar__saves-nav > * > ul > li > ul > li > a:active, .t--cn .c-navbar__localize-nav > * > ul > li > ul > li > ul > li > a:active, .t--cn
  .c-navbar__localize-nav > * > ul > li > ul > li > a:active {
    color: #085963;
    background-color: #f9f9f9; }
  .t--darker .c-navbar__user-nav > * > ul > li > ul > li > ul > li > a:active, .t--darker
  .c-navbar__user-nav > * > ul > li > ul > li > a:active, .t--darker .c-navbar__saves-nav > * > ul > li > ul > li > ul > li > a:active, .t--darker
  .c-navbar__saves-nav > * > ul > li > ul > li > a:active, .t--darker .c-navbar__localize-nav > * > ul > li > ul > li > ul > li > a:active, .t--darker
  .c-navbar__localize-nav > * > ul > li > ul > li > a:active {
    color: #085963;
    background-color: #e6e6e7; }

.c-navbar__user--mobile-active .c-navbar__user-nav > * > ul > li > ul > li > a,
.c-navbar__user--mobile-active .c-navbar__user-nav > * > ul > li > ul > li > span,
.c-navbar__user--mobile-active .c-navbar__user-nav > * > ul > li > ul > li > ul > li > a,
.c-navbar__user--mobile-active .c-navbar__user-nav > * > ul > li > ul > li > ul > li > span, .c-navbar__saves--mobile-active .c-navbar__user-nav > * > ul > li > ul > li > a,
.c-navbar__saves--mobile-active .c-navbar__user-nav > * > ul > li > ul > li > span,
.c-navbar__saves--mobile-active .c-navbar__user-nav > * > ul > li > ul > li > ul > li > a,
.c-navbar__saves--mobile-active .c-navbar__user-nav > * > ul > li > ul > li > ul > li > span, .c-navbar__localize--mobile-active .c-navbar__user-nav > * > ul > li > ul > li > a,
.c-navbar__localize--mobile-active .c-navbar__user-nav > * > ul > li > ul > li > span,
.c-navbar__localize--mobile-active .c-navbar__user-nav > * > ul > li > ul > li > ul > li > a,
.c-navbar__localize--mobile-active .c-navbar__user-nav > * > ul > li > ul > li > ul > li > span, .c-navbar__user--mobile-active .c-navbar__saves-nav > * > ul > li > ul > li > a,
.c-navbar__user--mobile-active .c-navbar__saves-nav > * > ul > li > ul > li > span,
.c-navbar__user--mobile-active .c-navbar__saves-nav > * > ul > li > ul > li > ul > li > a,
.c-navbar__user--mobile-active .c-navbar__saves-nav > * > ul > li > ul > li > ul > li > span, .c-navbar__saves--mobile-active .c-navbar__saves-nav > * > ul > li > ul > li > a,
.c-navbar__saves--mobile-active .c-navbar__saves-nav > * > ul > li > ul > li > span,
.c-navbar__saves--mobile-active .c-navbar__saves-nav > * > ul > li > ul > li > ul > li > a,
.c-navbar__saves--mobile-active .c-navbar__saves-nav > * > ul > li > ul > li > ul > li > span, .c-navbar__localize--mobile-active .c-navbar__saves-nav > * > ul > li > ul > li > a,
.c-navbar__localize--mobile-active .c-navbar__saves-nav > * > ul > li > ul > li > span,
.c-navbar__localize--mobile-active .c-navbar__saves-nav > * > ul > li > ul > li > ul > li > a,
.c-navbar__localize--mobile-active .c-navbar__saves-nav > * > ul > li > ul > li > ul > li > span, .c-navbar__user--mobile-active .c-navbar__localize-nav > * > ul > li > ul > li > a,
.c-navbar__user--mobile-active .c-navbar__localize-nav > * > ul > li > ul > li > span,
.c-navbar__user--mobile-active .c-navbar__localize-nav > * > ul > li > ul > li > ul > li > a,
.c-navbar__user--mobile-active .c-navbar__localize-nav > * > ul > li > ul > li > ul > li > span, .c-navbar__saves--mobile-active .c-navbar__localize-nav > * > ul > li > ul > li > a,
.c-navbar__saves--mobile-active .c-navbar__localize-nav > * > ul > li > ul > li > span,
.c-navbar__saves--mobile-active .c-navbar__localize-nav > * > ul > li > ul > li > ul > li > a,
.c-navbar__saves--mobile-active .c-navbar__localize-nav > * > ul > li > ul > li > ul > li > span, .c-navbar__localize--mobile-active .c-navbar__localize-nav > * > ul > li > ul > li > a,
.c-navbar__localize--mobile-active .c-navbar__localize-nav > * > ul > li > ul > li > span,
.c-navbar__localize--mobile-active .c-navbar__localize-nav > * > ul > li > ul > li > ul > li > a,
.c-navbar__localize--mobile-active .c-navbar__localize-nav > * > ul > li > ul > li > ul > li > span {
  padding: 10px 15px;
  font-size: 1em; }

@media screen and (max-width: 1200px) {
  .c-navbar__localize-nav > * > ul > li > a:before {
    display: none; } }

@media screen and (max-width: 768px) {
  .c-navbar__user-nav > * > ul > li > a, .c-navbar__saves-nav > * > ul > li > a, .c-navbar__localize-nav > * > ul > li > a {
    max-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 10px; }
    .c-navbar__user-nav > * > ul > li > a:before, .c-navbar__saves-nav > * > ul > li > a:before, .c-navbar__localize-nav > * > ul > li > a:before {
      display: none; } }

.c-navbar__localize-nav > * > ul > li > ul > li {
  margin-bottom: 10px; }

.c-navbar__localize-nav > * > ul > li > ul > li > span {
  font-size: 2em;
  font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
  .t--cn .c-navbar__localize-nav > * > ul > li > ul > li > span {
    font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }

.c-navbar__localize--mobile-active .c-navbar__localize-nav > * > ul > li > ul > li > span {
  font-size: 2em; }

.c-navbar--border {
  position: sticky;
  top: 0;
  z-index: 3;
  border-bottom: 1px solid #333; }
  .t--cn .c-navbar--border {
    position: sticky;
    top: 0;
    z-index: 3;
    border-bottom: 1px solid #333; }
  .t--darker .c-navbar--border {
    position: sticky;
    top: 0;
    z-index: 3;
    border-bottom: 1px solid #393737; }
  .t--contrast .c-navbar--border {
    position: sticky;
    top: 0;
    z-index: 3;
    border-bottom: 1px solid; }

.c-jumbo {
  position: relative;
  padding: 40px;
  overflow: hidden;
  margin-bottom: 20px; }
  @media screen and (max-width: 520px) {
    .c-jumbo {
      padding: 20px; } }
  .c-jumbo--no-bottom-margin {
    margin-bottom: 0; }
  .c-jumbo--lift {
    background-color: #f9f9f9; }
    .t--cn .c-jumbo--lift {
      background-color: #f9f9f9; }
    .t--darker .c-jumbo--lift {
      background-color: #e6e6e7; }
    @media screen and (max-width: 768px) {
      .c-jumbo--lift {
        padding-left: 20px;
        padding-right: 20px; } }
  .c-jumbo--thin {
    padding: 20px; }
  .c-jumbo__img {
    flex: 0 0 20%;
    min-width: 0;
    position: relative;
    margin-right: 30px; }
    .c-jumbo__img img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center; }
    @media screen and (max-width: 768px) {
      .c-jumbo__img {
        display: none; } }
  .c-jumbo__column {
    display: flex;
    flex-direction: row; }
  .c-jumbo__main {
    flex: 1 1 0; }
  .c-jumbo__header {
    display: flex;
    padding-bottom: 20px; }
  .c-jumbo__header-main {
    flex: 1; }
  .c-jumbo__header-side {
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .c-jumbo__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6em;
    color: #333; }
    .t--cn .c-jumbo__title {
      color: #333; }
    .t--darker .c-jumbo__title {
      color: #393737; }
    .c-jumbo__title--minor {
      font-size: 1.2em;
      font-weight: 300;
      text-transform: uppercase; }
  .c-jumbo__caption {
    font-size: 0.9em;
    color: #666; }
    .t--cn .c-jumbo__caption {
      color: #666; }
  .c-jumbo__logo .fa {
    font-size: 25px; }
  .c-jumbo__logo--success .fa {
    color: #229069; }
    .t--cn .c-jumbo__logo--success .fa {
      color: #229069; }
  .c-jumbo__body {
    position: relative;
    z-index: 1; }
  .c-jumbo__bg {
    position: absolute;
    right: -10px;
    bottom: -14px;
    transform: rotate(-14deg);
    z-index: 0; }
    .c-jumbo__bg .fa {
      font-size: 7em;
      color: #eee; }
      .t--cn .c-jumbo__bg .fa {
        color: #eee; }
  .c-jumbo__content {
    padding-bottom: 30px; }
  .c-jumbo__content-row {
    padding-bottom: 10px; }
  @media screen and (max-width: 520px) {
    .c-jumbo--mcenter {
      text-align: center; } }
  .c-jumbo__actions > * {
    margin-right: 10px; }
    @media screen and (max-width: 768px) {
      .c-jumbo__actions > * {
        margin-right: 0;
        margin-bottom: 10px; } }
  .c-jumbo__actions > *:last-child {
    margin-right: 0; }
    @media screen and (max-width: 768px) {
      .c-jumbo__actions > *:last-child {
        margin-bottom: 0; } }

.c-sbar {
  width: 100%;
  display: none;
  padding: 7px 10px;
  box-sizing: border-box;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 7px 0; }
  .t--cn .c-sbar {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 7px 0; }
  .t--darker .c-sbar {
    border-top: 1px solid #393737;
    border-bottom: 1px solid #393737;
    padding: 7px 0; }
  .t--contrast .c-sbar {
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 7px 0; }
  @media screen and (max-width: 768px) {
    .c-sbar {
      display: flex;
      padding: 0;
      background-color: #fff; }
      .t--cn .c-sbar {
        background-color: #fff; }
      .t--contrast .c-sbar {
        background-color: #085963; } }
  .c-sbar__search {
    flex: 1; }
    @media screen and (max-width: 768px) {
      .c-sbar__search {
        padding-left: 5px; } }
  .c-sbar__dactions {
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0 -5px; }
    .c-sbar__dactions > * {
      margin: 0 5px; }
    @media screen and (max-width: 520px) {
      .c-sbar__dactions {
        justify-content: center; } }
  .c-sbar__actions {
    align-items: center;
    flex: 0 0 auto;
    padding-left: 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    margin: 0 -5px; }
    @media screen and (max-width: 768px) {
      .c-sbar__actions {
        margin: 0; } }
    .c-sbar__actions > * {
      margin: 0 5px; }
      @media screen and (max-width: 768px) {
        .c-sbar__actions > * {
          margin-left: 5px; } }
  .c-sbar__search .c-form__input-group {
    height: 100%; }
  .c-sbar__action {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    font-weight: 600;
    font-size: 1em; }
    @media screen and (max-width: 768px) {
      .c-sbar__action {
        padding: 5px 10px; } }
    .c-sbar__action--primary {
      padding: 6px 20px;
      background-color: #08888c;
      color: #fff; }
      .t--cn .c-sbar__action--primary {
        background-color: #08888c;
        color: #fff; }
      .t--darker .c-sbar__action--primary {
        background-color: #085963;
        color: #fff; }
      .t--contrast .c-sbar__action--primary {
        background-color: #085963;
        color: #fff; }
  .c-sbar__action .c-sbar__action-text {
    color: #333; }
    .t--cn .c-sbar__action .c-sbar__action-text {
      color: #333; }
    .t--darker .c-sbar__action .c-sbar__action-text {
      color: #393737; }
  .c-sbar__action--active .c-sbar__action-text {
    position: relative;
    color: #085963; }
    .t--cn .c-sbar__action--active .c-sbar__action-text {
      color: #085963; }
    .t--darker .c-sbar__action--active .c-sbar__action-text {
      color: #085963; }
  .c-sbar__action--active .c-sbar__action-text::after {
    content: ' ';
    display: block;
    position: absolute;
    right: -5px;
    top: -2px;
    border-radius: 100%;
    width: 6px;
    height: 6px;
    background-color: #ed4c4c; }
    .t--cn .c-sbar__action--active .c-sbar__action-text::after {
      background-color: #ed4c4c; }
  .c-sbar__input-box {
    display: flex;
    flex-direction: row; }
  .c-sbar__input-field {
    flex: 1;
    padding: 0 15px; }
  .c-sbar__input-action {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .c-sbar__input {
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 1em;
    font-family: 'Open Sans', 'Noto Sans TC', sans-serif; }
    .t--cn .c-sbar__input {
      font-family: 'Open Sans', 'Noto Sans SC', sans-serif; }
    .t--darker .c-sbar__input {
      font-family: 'Oswald', 'Noto Sans TC', 'Noto Sans SC', sans-serif; }
    .t--contrast .c-sbar__input {
      font-family: 'Oswald', 'Noto Sans TC', 'Noto Sans SC', sans-serif; }
    .c-sbar__input::placeholder {
      font-size: 1em;
      font-family: 'Open Sans', 'Noto Sans TC', sans-serif; }
      .t--cn .c-sbar__input::placeholder {
        font-family: 'Open Sans', 'Noto Sans SC', sans-serif; }
      .t--darker .c-sbar__input::placeholder {
        font-family: 'Oswald', 'Noto Sans TC', 'Noto Sans SC', sans-serif; }
      .t--contrast .c-sbar__input::placeholder {
        font-family: 'Oswald', 'Noto Sans TC', 'Noto Sans SC', sans-serif; }

.c-saction {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
  @media screen and (max-width: 1200px) {
    .c-saction {
      padding: 5px; } }
  .t--cn .c-saction {
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
  .t--darker .c-saction {
    background-color: #f9f9f9;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee; }
  .t--contrast .c-saction {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  .c-saction__batch {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    background-color: #fff; }
    @media screen and (max-width: 1200px) {
      .c-saction__batch {
        display: none; } }
    .t--cn .c-saction__batch {
      border: 1px solid #ddd;
      background-color: #fff; }
    .t--darker .c-saction__batch {
      border: 1px solid #eee; }
    .t--contrast .c-saction__batch {
      border: 1px solid;
      background-color: #085963; }
    .c-saction__batch-cell {
      padding: 5px 10px;
      font-size: 0.75em;
      font-weight: 600;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      border-right: 1px solid #ddd; }
      .c-saction__batch-cell .icons,
      .c-saction__batch-cell .fal,
      .c-saction__batch-cell .fad,
      .c-saction__batch-cell input {
        margin-right: 10px; }
      .t--cn .c-saction__batch-cell {
        border-right: 1px solid #ddd; }
      .t--darker .c-saction__batch-cell {
        border-right: 1px solid #eee; }
      .t--contrast .c-saction__batch-cell {
        border-right: 1px solid; }
      @media screen and (max-width: 768px) {
        .c-saction__batch-cell {
          display: none; } }
    .c-saction__batch-cell:first-child {
      padding: 5px; }
    .c-saction__batch-cell:last-child {
      border-right: 0; }
      .t--cn .c-saction__batch-cell:last-child {
        border-right: 0; }
      .t--darker .c-saction__batch-cell:last-child {
        border-right: 0; }
      .t--contrast .c-saction__batch-cell:last-child {
        border-right: 0; }
  .c-saction__sort {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1; }
    .c-saction__sort-key {
      font-weight: 600;
      text-transform: uppercase;
      font-size: 0.8em;
      padding-right: 10px;
      color: #666; }
      .c-saction__sort-key:after {
        content: ': '; }
      .t--cn .c-saction__sort-key {
        color: #666; }
      @media screen and (max-width: 768px) {
        .c-saction__sort-key {
          font-size: 1em;
          padding-bottom: 10px;
          margin-bottom: 10px;
          border-bottom: 1px solid #ddd; }
          .t--cn .c-saction__sort-key {
            border-bottom: 1px solid #ddd; }
          .t--darker .c-saction__sort-key {
            border-bottom: 1px solid #eee; }
          .t--contrast .c-saction__sort-key {
            border-bottom: 1px solid; } }
    .c-saction__sort-select {
      padding: 5px 10px;
      -moz-appearance: none;
      max-width: 180px;
      font-family: Open Sans, 'Noto Sans TC', sans-serif;
      border: 1px solid #ddd; }
      .t--cn .c-saction__sort-select {
        font-family: Open Sans, 'Noto Sans SC', sans-serif;
        border: 1px solid #ddd; }
      .t--darker .c-saction__sort-select {
        border: 1px solid #eee; }
      .t--contrast .c-saction__sort-select {
        font-family: 'Open Sans', 'Noto Sans TC', 'Noto Sans SC', sans-serif;
        border: 1px solid; }
      @media screen and (max-width: 768px) {
        .c-saction__sort-select {
          width: 100%;
          padding: 10px;
          -moz-appearance: menulist;
          max-width: none; } }
    @media screen and (max-width: 768px) {
      .c-saction__sort {
        width: 100%;
        flex: 1 1 auto;
        display: block;
        padding: 20px;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch; } }
  .c-saction__footer {
    display: none; }
    @media screen and (max-width: 768px) {
      .c-saction__footer {
        width: 100%;
        flex: 0 0 50px;
        display: flex;
        box-sizing: border-box;
        background-color: #fff;
        border-top: 1px solid #ddd; }
        .t--cn .c-saction__footer {
          background-color: #fff;
          border-top: 1px solid #ddd; }
        .t--darker .c-saction__footer {
          border-top: 1px solid #eee; }
        .t--contrast .c-saction__footer {
          background-color: #085963;
          border-top: 1px solid; } }
  .c-saction__allconfirm {
    display: flex;
    height: 100%;
    width: 100%; }
    .c-saction__allconfirm-btn {
      flex: 1;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px;
      box-sizing: border-box;
      cursor: pointer; }
      .c-saction__allconfirm-btn--primary {
        color: #fff;
        background-color: #bc9408; }
        .t--cn .c-saction__allconfirm-btn--primary {
          color: #fff;
          background-color: #bc9408; }
        .t--darker .c-saction__allconfirm-btn--primary {
          color: #fff; }
        .t--contrast .c-saction__allconfirm-btn--primary {
          color: #fff; }
  @media screen and (max-width: 768px) {
    .c-saction {
      display: flex;
      flex-direction: column;
      padding: 0; } }
  .c-saction__menu-back {
    display: none; }

@media screen and (max-width: 768px) {
  .c-nav--safari .c-saction__menu-back {
    height: 48px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #ddd; }
    .t--cn .c-nav--safari .c-saction__menu-back {
      background-color: #fff;
      border-bottom: 1px solid #ddd; }
    .t--darker .c-nav--safari .c-saction__menu-back {
      border-bottom: 1px solid #eee; }
    .t--contrast .c-nav--safari .c-saction__menu-back {
      background-color: #085963;
      border-bottom: 1px solid; } }

.c-saction__backrow-btn.o-btn--flat {
  padding: 10px; }

.c-card {
  border-width: 1px;
  border-style: solid;
  height: 100%;
  background-color: #fff;
  border-color: #ccc; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .c-card {
      display: flex;
      flex-direction: column; } }
  .t--cn .c-card {
    background-color: #fff;
    border-color: #ccc; }
  .t--darker .c-card {
    border-color: #ccc; }
  .t--contrast .c-card {
    background-color: #085963;
    border-color: #999; }
  .c-card--auto {
    height: auto;
    border-width: 0;
    cursor: pointer; }
  .c-card--auto .c-card__image:before {
    padding-top: 70%; }
  .c-card--auto .c-card__info {
    font-size: 0.7em;
    background-color: #f3f3f3; }
    .t--cn .c-card--auto .c-card__info {
      background-color: #f3f3f3; }
  .c-card__image-body {
    transition: all 0.3s linear;
    transform: scale(1);
    position: relative; }
    .c-card__image-body img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  .c-card--auto:hover .c-card__image-body {
    transform: scale(1.1); }
  .c-card--auto:hover .c-card__info {
    background-color: #08888c; }
    .t--cn .c-card--auto:hover .c-card__info {
      background-color: #08888c; }
    .t--darker .c-card--auto:hover .c-card__info {
      background-color: #085963; }
    .t--contrast .c-card--auto:hover .c-card__info {
      background-color: #085963; }
  .c-card--auto .c-card__title {
    margin-bottom: 0; }
  .c-card--auto:hover .c-card__title {
    color: #fff; }
    .t--cn .c-card--auto:hover .c-card__title {
      color: #fff; }
    .t--darker .c-card--auto:hover .c-card__title {
      color: #fff; }
    .t--contrast .c-card--auto:hover .c-card__title {
      color: #fff; }
  .c-card--auto:hover .c-card__caption {
    color: #fff; }
    .t--cn .c-card--auto:hover .c-card__caption {
      color: #fff; }
    .t--darker .c-card--auto:hover .c-card__caption {
      color: #fff; }
    .t--contrast .c-card--auto:hover .c-card__caption {
      color: #fff; }
  .c-card__image {
    overflow: hidden;
    width: 100%;
    position: relative; }
    .c-card__image:before {
      content: ' ';
      display: block;
      padding-top: 100%; }
    .c-card__image-body {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-size: cover;
      background-position: center; }
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
      .c-card__image {
        flex: 1; } }
  .c-card__info {
    padding: 10px;
    box-sizing: content-box;
    transition: all 0.3s linear; }
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
      .c-card__info {
        height: 100px; } }
    .c-card__info--auto {
      height: auto; }
    @media screen and (max-width: 768px) {
      .c-card__info {
        height: auto; } }
  .c-card__head {
    padding-bottom: 10px; }
  .c-card__info--auto .c-card__head {
    padding-bottom: 0; }
  .c-card__title {
    font-size: 1.5em;
    line-height: 0.9em;
    margin-top: 0;
    margin-bottom: 5px;
    padding: 5px 0;
    color: #085963;
    font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
    .t--cn .c-card__title {
      color: #085963;
      font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }
    .t--darker .c-card__title {
      color: #085963; }
  .c-card__caption {
    font-size: 0.84em;
    color: #333; }
    .t--cn .c-card__caption {
      color: #333; }
    .t--darker .c-card__caption {
      color: #393737; }
  .c-card__note {
    font-size: 0.9em;
    color: #000; }
    .t--cn .c-card__note {
      color: #000; }
    .t--darker .c-card__note {
      color: #085963; }

@media screen and (min-width: 1200px) {
  .l-gridlist--gridspecial .l-gridlist__item .c-card {
    display: block;
    position: relative;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%; } }

@media screen and (min-width: 520px) {
  .l-gridlist--gridspecial .l-gridlist__item .c-card__image {
    height: 100%; }
    .l-gridlist--gridspecial .l-gridlist__item .c-card__image:before {
      padding-top: calc(50% - calc($gap1Half / 2) - 1px); } }

@media screen and (min-width: 520px) {
  .l-gridlist--gridspecial .l-gridlist__item .c-card__info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    background-color: rgba(255, 255, 255, 0.7); }
    .t--cn .l-gridlist--gridspecial .l-gridlist__item .c-card__info {
      background-color: rgba(255, 255, 255, 0.7); } }
  @media screen and (min-width: 520px) and (-webkit-min-device-pixel-ratio: 0) {
    .l-gridlist--gridspecial .l-gridlist__item .c-card__info {
      height: 50px; } }

@media screen and (min-width: 520px) {
  .l-gridlist--gridspecial .l-gridlist__item .c-card__caption {
    display: none; } }

@media screen and (min-width: 520px) {
  .l-gridlist--gridspecial .l-gridlist__item .c-card__head {
    display: flex;
    padding: 0;
    align-items: center; } }

@media screen and (min-width: 520px) {
  .l-gridlist--gridspecial .l-gridlist__item .c-card__title {
    margin-bottom: 0; } }

.c-gallerycomponent {
  transform: translateY(-50%);
  border: medium none;
  cursor: pointer;
  position: absolute;
  padding: 0;
  border-radius: 100%;
  top: 50%;
  width: 40px;
  height: 40px;
  outline: currentcolor none medium;
  background-color: transparent;
  transition: all 0.1s ease-out; }
  .c-gallerycomponent__left, .c-gallerycomponent--left {
    left: 5px; }
    .c-gallerycomponent__left .u-line-icon-pro, .c-gallerycomponent--left .u-line-icon-pro {
      margin-left: -5px; }
  .c-gallerycomponent__right, .c-gallerycomponent--right {
    right: 5px; }
    .c-gallerycomponent__right .u-line-icon-pro, .c-gallerycomponent--right .u-line-icon-pro {
      margin-left: 5px; }
  .c-gallerycomponent:hover {
    background-color: rgba(0, 0, 0, 0.7); }
    .t--cn .c-gallerycomponent:hover {
      background-color: rgba(0, 0, 0, 0.7); }
    .t--darker .c-gallerycomponent:hover {
      background-color: rgba(0, 0, 0, 0.75); }
  .c-gallerycomponent__flexwrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }
  .c-gallerycomponent__flexwrap-item {
    max-width: 100vw; }

#gallery-full {
  background-color: #000; }

#gallery-full .gallery-item {
  opacity: 0.3; }

#gallery-full .gallery-item.js-current {
  opacity: 1; }

#maingallery {
  height: 400px; }
  @media screen and (max-width: 768px) {
    #maingallery {
      height: 300px; } }

.gallery-item {
  border-right: 1px solid #ddd; }
  .t--cn .gallery-item {
    border-right: 1px solid #ddd; }
  .t--darker .gallery-item {
    border-right: 1px solid #eee; }
  .t--contrast .gallery-item {
    border-right: 1px solid; }

@media screen and (max-width: 768px) {
  .c-mega {
    flex: 1; }
  .c-mega__top a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000; }
    .t--cn .c-mega__top a {
      color: #000; }
    .t--darker .c-mega__top a {
      color: #085963; }
  .c-mega__top-menu {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .c-mega__top-logo {
    flex: 1; }
    .c-mega__top-logo a {
      position: relative;
      display: block;
      width: 100%;
      height: 60px;
      padding: 10px;
      box-sizing: border-box; }
    .c-mega__top-logo img {
      display: block;
      object-fit: contain;
      object-position: center center;
      width: 100%;
      height: 100%; }
  .c-mega__top-search {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .l-mega--nosearch .c-mega__top-search a {
    display: none; }
  .c-mega__main-nav {
    display: flex;
    flex-direction: column;
    position: relative; }
    .c-mega__main-nav > li {
      position: unset;
      margin: 0;
      height: 60px;
      padding: 0;
      border-bottom: 1px solid #eee; }
      .t--cn .c-mega__main-nav > li {
        border-bottom: 1px solid #eee; }
      .t--darker .c-mega__main-nav > li {
        border-bottom: 1px solid; }
      .t--contrast .c-mega__main-nav > li {
        border-bottom: 1px solid; }
      .c-mega__main-nav > li > a {
        width: 100%;
        height: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        font-size: 0.84em; }
  .c-mega__settings {
    flex-direction: column; }
    .c-mega__settings > li {
      width: 100%;
      border-bottom: 1px solid #eee; }
      .t--cn .c-mega__settings > li {
        border-bottom: 1px solid #eee; }
      .t--darker .c-mega__settings > li {
        border-bottom: 1px solid; }
      .t--contrast .c-mega__settings > li {
        border-bottom: 1px solid; }
    .c-mega__settings > li > a {
      width: 100%;
      height: 60px;
      display: flex;
      padding: 0 20px;
      justify-content: flex-start;
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: 1px;
      font-size: 0.84em;
      align-items: center;
      box-sizing: border-box;
      font-family: 'Lato', 'Noto Sans TC', sans-serif; }
      .t--cn .c-mega__settings > li > a {
        font-family: 'Lato', 'Noto Sans SC', sans-serif; }
    .c-mega__settings > li > a > span:nth-child(1) {
      margin-right: 15px;
      font-size: 1.5em; }
    .c-mega__settings > li > a > span:nth-child(2) {
      display: flex; }
  .c-mega__langs .c-mega__dropdown {
    display: none; }
  .c-mega__langs-drop {
    display: flex;
    flex-direction: column; }
    .c-mega__langs-drop > li {
      width: 100%;
      border-bottom: 1px solid #eee; }
      .t--cn .c-mega__langs-drop > li {
        border-bottom: 1px solid #eee; }
      .t--darker .c-mega__langs-drop > li {
        border-bottom: 1px solid; }
      .t--contrast .c-mega__langs-drop > li {
        border-bottom: 1px solid; }
    .c-mega__langs-drop > li > a {
      width: 100%;
      height: 60px;
      display: flex;
      padding: 0 20px;
      justify-content: flex-start;
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: 1px;
      font-size: 0.84em;
      align-items: center;
      box-sizing: border-box;
      font-family: 'Lato', 'Noto Sans TC', sans-serif;
      color: #000; }
      .t--cn .c-mega__langs-drop > li > a {
        font-family: 'Lato', 'Noto Sans SC', sans-serif;
        color: #000; }
      .t--darker .c-mega__langs-drop > li > a {
        color: #085963; }
    .c-mega__langs-drop > li > a > span:nth-child(1) {
      margin-right: 15px;
      font-size: 1.5em; }
    .c-mega__langs-drop > li > a > span:nth-child(2) {
      display: flex; }
    .c-mega__langs-drop > li > ul {
      display: none; }
  .c-mega__li > a {
    position: relative; }
  .c-mega__resource-pop-toggle-target > a:after,
  .c-mega__li > a:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 0;
    top: 50%;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9em;
    transform: translate3d(0, -50%, 0);
    font-weight: 300;
    color: #999; }
    .t--cn .c-mega__resource-pop-toggle-target > a:after, .t--cn
    .c-mega__li > a:after {
      color: #999; }
  .c-mega__resource-pop-toggle-target--active > a:after {
    content: "\f107"; }
  .c-mega__main-nav-pop {
    z-index: 1;
    flex-direction: column;
    position: fixed;
    height: calc(100% - 60px);
    top: 60px;
    width: 340px;
    overflow: auto;
    background-color: #fff; }
    .t--cn .c-mega__main-nav-pop {
      background-color: #fff; }
    .t--contrast .c-mega__main-nav-pop {
      background-color: #085963; }
    .c-mega__main-nav-pop > li {
      order: 3;
      padding: 0;
      width: 100%;
      border-bottom: 1px solid #eee; }
      .t--cn .c-mega__main-nav-pop > li {
        border-bottom: 1px solid #eee; }
      .t--darker .c-mega__main-nav-pop > li {
        border-bottom: 1px solid; }
      .t--contrast .c-mega__main-nav-pop > li {
        border-bottom: 1px solid; }
    .c-mega__main-nav-pop > .c-mega__back a,
    .c-mega__main-nav-pop > .c-mega__viewmore a,
    .c-mega__main-nav-pop > .c-mega__li > a {
      display: flex;
      box-sizing: border-box;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: 60px;
      padding: 0 20px;
      margin-bottom: 0;
      font-size: 0.75em;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #000;
      font-family: 'Lato', 'Noto Sans TC', sans-serif; }
      .t--cn .c-mega__main-nav-pop > .c-mega__back a, .t--cn
      .c-mega__main-nav-pop > .c-mega__viewmore a, .t--cn
      .c-mega__main-nav-pop > .c-mega__li > a {
        color: #000;
        font-family: 'Lato', 'Noto Sans SC', sans-serif; }
      .t--darker .c-mega__main-nav-pop > .c-mega__back a, .t--darker
      .c-mega__main-nav-pop > .c-mega__viewmore a, .t--darker
      .c-mega__main-nav-pop > .c-mega__li > a {
        color: #085963; }
    .c-mega__main-nav-pop > li > ul {
      display: none; }
  .c-mega__main-nav-pop--active {
    display: flex; }
  .c-mega__main-nav-pop > li:nth-child(3) {
    order: 2;
    padding: 0; }
    .c-mega__main-nav-pop > li:nth-child(3) > a:after {
      display: none; }
  .c-mega__main-nav-pop > li:nth-child(4) {
    display: flex;
    order: 1;
    padding: 0; }
    .c-mega__main-nav-pop > li:nth-child(4) > a {
      font-size: 0.84em; }
      .c-mega__main-nav-pop > li:nth-child(4) > a:after {
        display: none; }
  .c-mega__main-nav-pop > li:nth-child(4) a {
    width: 100%;
    padding: 0 20px;
    height: 60px;
    box-sizing: border-box;
    background-color: transparent;
    color: #000; }
    .t--cn .c-mega__main-nav-pop > li:nth-child(4) a {
      color: #000; }
    .t--darker .c-mega__main-nav-pop > li:nth-child(4) a {
      color: #085963; }
  .c-mega__main-nav-pop > li:nth-child(4) a > span:nth-child(1) {
    margin-right: 15px; }
  .c-mega__main-nav-pop > li:nth-child(4) a > span:nth-child(2) {
    font-weight: 600; }
  .c-mega__main-nav-pop > li:nth-child(3) a {
    width: 100%;
    padding: 0 20px;
    height: 60px;
    box-sizing: border-box;
    background-color: transparent;
    letter-spacing: 0;
    text-decoration: underline;
    text-transform: capitalize;
    color: #000; }
    .t--cn .c-mega__main-nav-pop > li:nth-child(3) a {
      color: #000; }
    .t--darker .c-mega__main-nav-pop > li:nth-child(3) a {
      color: #085963; }
  .c-mega__resource-pop > li > ul.c-mega__resource-pop-toggle-targets > li.c-mega__resource-pop-toggle-target--active > ul,
  .c-mega__main-nav-pop > li > ul {
    display: flex;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    column-gap: 20px; }
  .c-mega__resource-pop > li > ul.c-mega__resource-pop-toggle-targets > li.c-mega__resource-pop-toggle-target--active > ul:nth-child(2),
  .c-mega__main-nav-pop > li > ul:nth-child(2) {
    padding-bottom: 0;
    margin-bottom: 0; }
    .c-mega__resource-pop > li > ul.c-mega__resource-pop-toggle-targets > li.c-mega__resource-pop-toggle-target--active > ul:nth-child(2) > li > a,
    .c-mega__main-nav-pop > li > ul:nth-child(2) > li > a {
      width: 100%;
      padding: 0; }
    .c-mega__resource-pop > li > ul.c-mega__resource-pop-toggle-targets > li.c-mega__resource-pop-toggle-target--active > ul:nth-child(2) > li > a > span,
    .c-mega__main-nav-pop > li > ul:nth-child(2) > li > a > span {
      margin-bottom: 10px; }
    .c-mega__resource-pop > li > ul.c-mega__resource-pop-toggle-targets > li.c-mega__resource-pop-toggle-target--active > ul:nth-child(2) > li > a > div,
    .c-mega__main-nav-pop > li > ul:nth-child(2) > li > a > div {
      padding-top: 60%;
      display: flex; }
    .c-mega__resource-pop > li > ul.c-mega__resource-pop-toggle-targets > li.c-mega__resource-pop-toggle-target--active > ul:nth-child(2) li:nth-child(n),
    .c-mega__main-nav-pop > li > ul:nth-child(2) li:nth-child(n) {
      display: none;
      width: auto; }
    .c-mega__resource-pop > li > ul.c-mega__resource-pop-toggle-targets > li.c-mega__resource-pop-toggle-target--active > ul:nth-child(2) li:nth-child(1),
    .c-mega__main-nav-pop > li > ul:nth-child(2) li:nth-child(1) {
      display: flex;
      flex: 1; }
    .c-mega__resource-pop > li > ul.c-mega__resource-pop-toggle-targets > li.c-mega__resource-pop-toggle-target--active > ul:nth-child(2) li:nth-child(2),
    .c-mega__main-nav-pop > li > ul:nth-child(2) li:nth-child(2) {
      display: flex;
      flex: 1; }
  .c-mega__resource-pop > li > ul.c-mega__resource-pop-toggle-targets > li.c-mega__resource-pop-toggle-target--active > ul:nth-child(3),
  .c-mega__main-nav-pop > li > ul:nth-child(3) {
    display: flex;
    column-gap: 20px; }
    .c-mega__resource-pop > li > ul.c-mega__resource-pop-toggle-targets > li.c-mega__resource-pop-toggle-target--active > ul:nth-child(3) > li,
    .c-mega__main-nav-pop > li > ul:nth-child(3) > li {
      flex: 1;
      min-width: 40%; }
  .c-mega__about {
    display: none;
    z-index: 1;
    flex-direction: column;
    position: fixed;
    left: 0;
    width: 340px;
    height: calc(100% - 60px);
    top: 60px;
    overflow: auto;
    background-color: #fff; }
    .t--cn .c-mega__about {
      background-color: #fff; }
    .t--contrast .c-mega__about {
      background-color: #085963; }
    .c-mega__about--active {
      display: flex; }
    .c-mega__about > li:nth-child(n) {
      display: none; }
    .c-mega__about > li:nth-child(1) {
      order: 2;
      display: flex;
      padding: 0; }
      .c-mega__about > li:nth-child(1) > a {
        display: none; }
    .c-mega__about > li > ul > li,
    .c-mega__about > li:last-child {
      border-bottom: 1px solid #eee; }
      .t--cn .c-mega__about > li > ul > li, .t--cn
      .c-mega__about > li:last-child {
        border-bottom: 1px solid #eee; }
      .t--darker .c-mega__about > li > ul > li, .t--darker
      .c-mega__about > li:last-child {
        border-bottom: 1px solid; }
      .t--contrast .c-mega__about > li > ul > li, .t--contrast
      .c-mega__about > li:last-child {
        border-bottom: 1px solid; }
    .c-mega__about > li > a {
      font-size: 1em; }
    .c-mega__about > li > ul > li > a,
    .c-mega__about > li:last-child > a {
      width: 100%;
      height: 60px;
      display: flex;
      padding: 0 20px;
      align-items: center;
      justify-content: flex-start;
      margin-bottom: 0;
      text-transform: uppercase;
      letter-spacing: 1px;
      box-sizing: border-box;
      background-color: transparent;
      font-size: 0.75em;
      color: #000;
      font-family: 'Lato', 'Noto Sans TC', sans-serif; }
      .t--cn .c-mega__about > li > ul > li > a, .t--cn
      .c-mega__about > li:last-child > a {
        color: #000;
        font-family: 'Lato', 'Noto Sans SC', sans-serif; }
      .t--darker .c-mega__about > li > ul > li > a, .t--darker
      .c-mega__about > li:last-child > a {
        color: #085963; }
    .c-mega__about > li:last-child {
      padding: 0;
      order: 1;
      display: flex; }
      .c-mega__about > li:last-child > a {
        font-size: 0.84em; }
      .c-mega__about > li:last-child > a > span:nth-child(1) {
        margin-right: 15px; }
      .c-mega__about > li:last-child > a > span:nth-child(2) {
        font-weight: 600; }
  .c-mega__resource {
    display: none;
    z-index: 1;
    flex-direction: column;
    position: fixed;
    left: 0;
    width: 340px;
    height: calc(100% - 60px);
    top: 60px;
    overflow: auto;
    background-color: #fff; }
    .c-mega__resource > li.c-mega__resource-popular {
      order: 3;
      padding-top: 0;
      padding-bottom: 0; }
    .c-mega__resource-popular .c-mega__resource-toggle {
      display: none; }
    .t--cn .c-mega__resource {
      background-color: #fff; }
    .t--contrast .c-mega__resource {
      background-color: #085963; }
    .c-mega__resource--active {
      display: flex; }
    .c-mega__resource > li:nth-child(2) {
      display: none; }
    .c-mega__resource > li:nth-child(1) {
      order: 2;
      display: flex;
      padding: 0; }
      .c-mega__resource > li:nth-child(1) > a {
        display: none; }
    .c-mega__resource-toggle a,
    .c-mega__resource > li > ul > li,
    .c-mega__resource > li:last-child {
      border-bottom: 1px solid #eee; }
      .t--cn .c-mega__resource-toggle a, .t--cn
      .c-mega__resource > li > ul > li, .t--cn
      .c-mega__resource > li:last-child {
        border-bottom: 1px solid #eee; }
      .t--darker .c-mega__resource-toggle a, .t--darker
      .c-mega__resource > li > ul > li, .t--darker
      .c-mega__resource > li:last-child {
        border-bottom: 1px solid; }
      .t--contrast .c-mega__resource-toggle a, .t--contrast
      .c-mega__resource > li > ul > li, .t--contrast
      .c-mega__resource > li:last-child {
        border-bottom: 1px solid; }
    .c-mega__resource .c-mega__resource-pop-li > a,
    .c-mega__resource .c-mega__resource-pop-li .c-mega__resource-pop-toggle-target > a,
    .c-mega__resource > li:nth-child(1) > ul > li > a,
    .c-mega__resource > li:last-child > a {
      width: 100%;
      font-weight: normal;
      height: 60px;
      display: flex;
      padding: 0 20px;
      align-items: center;
      justify-content: flex-start;
      margin-bottom: 0;
      text-transform: uppercase;
      letter-spacing: 1px;
      box-sizing: border-box;
      background-color: transparent;
      font-size: 0.75em;
      color: #000;
      font-family: 'Lato', 'Noto Sans TC', sans-serif; }
      .t--cn .c-mega__resource .c-mega__resource-pop-li > a, .t--cn
      .c-mega__resource .c-mega__resource-pop-li .c-mega__resource-pop-toggle-target > a, .t--cn
      .c-mega__resource > li:nth-child(1) > ul > li > a, .t--cn
      .c-mega__resource > li:last-child > a {
        color: #000;
        font-family: 'Lato', 'Noto Sans SC', sans-serif; }
      .t--darker .c-mega__resource .c-mega__resource-pop-li > a, .t--darker
      .c-mega__resource .c-mega__resource-pop-li .c-mega__resource-pop-toggle-target > a, .t--darker
      .c-mega__resource > li:nth-child(1) > ul > li > a, .t--darker
      .c-mega__resource > li:last-child > a {
        color: #085963; }
    .c-mega__resource > li > a {
      font-size: 1em; }
    .c-mega__resource > li:last-child {
      padding: 0;
      order: 1;
      display: flex; }
      .c-mega__resource > li:last-child > a {
        font-size: 0.84em; }
      .c-mega__resource > li:last-child > a > span:nth-child(1) {
        margin-right: 15px; }
      .c-mega__resource > li:last-child > a > span:nth-child(2) {
        font-weight: 600; }
  .c-mega__resource-pop {
    display: flex;
    flex-direction: column; }
    .c-mega__resource-pop .c-mega__li {
      width: 100%;
      padding: 0;
      border-bottom: 1px solid #eee; }
      .t--cn .c-mega__resource-pop .c-mega__li {
        border-bottom: 1px solid #eee; }
      .t--darker .c-mega__resource-pop .c-mega__li {
        border-bottom: 1px solid; }
      .t--contrast .c-mega__resource-pop .c-mega__li {
        border-bottom: 1px solid; }
    .c-mega__resource-pop > li:nth-child(3) {
      display: none; }
    .c-mega__resource-pop .c-mega__resource-pop-toggle-targets {
      display: none;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      background-color: #fff; }
      .t--cn .c-mega__resource-pop .c-mega__resource-pop-toggle-targets {
        background-color: #fff; }
      .t--contrast .c-mega__resource-pop .c-mega__resource-pop-toggle-targets {
        background-color: #085963; }
    .c-mega__resource-pop .c-mega__resource-pop-toggle-targets.c-mega__resource-pop-toggle-targets--active {
      display: block; }
    .c-mega__resource-pop > li > ul > .c-mega__resource-pop-toggle-target {
      display: flex; }
      .c-mega__resource-pop > li > ul > .c-mega__resource-pop-toggle-target > a {
        position: relative;
        border-bottom: 1px solid #eee; }
        .t--cn .c-mega__resource-pop > li > ul > .c-mega__resource-pop-toggle-target > a {
          border-bottom: 1px solid #eee; }
        .t--darker .c-mega__resource-pop > li > ul > .c-mega__resource-pop-toggle-target > a {
          border-bottom: 1px solid; }
        .t--contrast .c-mega__resource-pop > li > ul > .c-mega__resource-pop-toggle-target > a {
          border-bottom: 1px solid; }
    .c-mega__resource-pop .c-mega__resource-pop-toggle-target ul {
      display: none; }
    .c-mega__resource-pop .c-mega__resource-pop-toggle-target.c-mega__resource-pop-toggle-target--active {
      border-bottom: 1px solid #eee; }
      .t--cn .c-mega__resource-pop .c-mega__resource-pop-toggle-target.c-mega__resource-pop-toggle-target--active {
        border-bottom: 1px solid #eee; }
      .t--darker .c-mega__resource-pop .c-mega__resource-pop-toggle-target.c-mega__resource-pop-toggle-target--active {
        border-bottom: 1px solid; }
      .t--contrast .c-mega__resource-pop .c-mega__resource-pop-toggle-target.c-mega__resource-pop-toggle-target--active {
        border-bottom: 1px solid; }
    .c-mega__resource-pop .c-mega__resource-pop-toggle-target.c-mega__resource-pop-toggle-target--active ul {
      display: flex; }
    .c-mega__resource-pop .c-mega__back {
      font-size: 1em;
      border-bottom: 1px solid #eee; }
      .t--cn .c-mega__resource-pop .c-mega__back {
        border-bottom: 1px solid #eee; }
      .t--darker .c-mega__resource-pop .c-mega__back {
        border-bottom: 1px solid; }
      .t--contrast .c-mega__resource-pop .c-mega__back {
        border-bottom: 1px solid; }
    .c-mega__resource-pop .c-mega__back a {
      width: 100%;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 0 20px;
      margin-bottom: 0;
      text-transform: uppercase;
      letter-spacing: 1px;
      box-sizing: border-box;
      background-color: transparent;
      font-size: 0.84em;
      width: 100%;
      color: #000;
      font-family: 'Lato', 'Noto Sans TC', sans-serif; }
      .c-mega__resource-pop .c-mega__back a span:nth-child(1) {
        margin-right: 15px; }
      .c-mega__resource-pop .c-mega__back a span:nth-child(2) {
        font-weight: 600; }
      .t--cn .c-mega__resource-pop .c-mega__back a {
        color: #000;
        font-family: 'Lato', 'Noto Sans SC', sans-serif; }
      .t--darker .c-mega__resource-pop .c-mega__back a {
        color: #085963; }
  .c-mega__agent {
    display: none;
    z-index: 1;
    flex-direction: column;
    position: fixed;
    left: 0;
    width: 340px;
    height: calc(100% - 60px);
    top: 60px;
    overflow: auto;
    justify-content: flex-start;
    background-color: #fff; }
    .t--cn .c-mega__agent {
      background-color: #fff; }
    .t--contrast .c-mega__agent {
      background-color: #085963; }
    .c-mega__agent--active {
      display: flex; }
    .c-mega__agent > li {
      border-bottom: 1px solid #eee; }
      .t--cn .c-mega__agent > li {
        border-bottom: 1px solid #eee; }
      .t--darker .c-mega__agent > li {
        border-bottom: 1px solid; }
      .t--contrast .c-mega__agent > li {
        border-bottom: 1px solid; }
    .c-mega__agent > li {
      padding: 0;
      width: 100%;
      order: 2; }
    .c-mega__agent > li > a {
      width: 100%;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 0 20px;
      margin-bottom: 0;
      text-transform: uppercase;
      letter-spacing: 1px;
      box-sizing: border-box;
      background-color: transparent;
      font-size: 0.75em;
      color: #000;
      font-family: 'Lato', 'Noto Sans TC', sans-serif; }
      .t--cn .c-mega__agent > li > a {
        color: #000;
        font-family: 'Lato', 'Noto Sans SC', sans-serif; }
      .t--darker .c-mega__agent > li > a {
        color: #085963; }
    .c-mega__agent > li > ul {
      display: none; }
    .c-mega__agent > li:last-child {
      padding: 0;
      order: 1;
      display: flex; }
      .c-mega__agent > li:last-child > a {
        font-size: 0.84em; }
      .c-mega__agent > li:last-child > a > span:nth-child(1) {
        margin-right: 15px; }
      .c-mega__agent > li:last-child > a > span:nth-child(2) {
        font-weight: 600; }
  .c-mega__top-menu > a > span {
    display: flex; }
  .u-noscroll .c-mega__top-menu > a > span:nth-child(1) {
    display: none; }
  .c-mega__top-menu > a > span:nth-child(2) {
    display: none; }
  .u-noscroll .c-mega__top-menu > a > span:nth-child(2) {
    display: flex; }
  .c-mega__settings > li > ul {
    display: flex;
    flex-direction: column; }
  .c-mega__settings > li > ul > li {
    width: 100%;
    display: none; }
  .c-mega__settings > li.c-mega__favorite--active > ul > li,
  .c-mega__settings > li.c-mega__account--active > ul > li {
    display: flex; }
  .c-mega__settings > li.c-mega__favorite--active,
  .c-mega__settings > li.c-mega__account--active {
    padding-bottom: 15px; }
  .c-mega__settings > li > ul > li > a {
    width: 100%;
    padding: 0 20px;
    padding-left: 55px;
    height: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1;
    font-size: 0.84em; }
  .c-mega__settings li.c-mega__account--active > a:after,
  .c-mega__settings li.c-mega__favorite--active > a:after {
    content: "\f107"; }
  .c-mega__langs-drop .c-mega__li > a {
    display: flex; }
  .c-mega__langs .c-mega {
    position: relative;
    top: 0; }
  .c-mega__langs-drop > li > ul {
    display: none;
    flex-direction: column; }
  .c-mega__langs-drop > li > ul > li > a {
    padding: 0 20px;
    padding-left: 55px;
    height: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1;
    font-size: 0.84em; }
  .c-mega__langs-drop--active > li > ul {
    display: flex; }
  .c-mega__langs-drop--active > li {
    padding-bottom: 15px; }
  .c-mega__langs-drop--active > li > a:after {
    content: "\f107"; }
  .c-mega__li--leaf a:after {
    display: none; } }

@media screen and (max-width: 1440px) {
  .c-megafoot__copyright {
    justify-content: flex-start; } }

@media screen and (max-width: 1140px) {
  .c-megafoot__subscribe {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
  .c-megafoot__nav {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    align-items: center; }
  .c-megafoot__nav > li > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 15px;
    justify-content: center; }
  .c-megafoot__nav > li > ul > li {
    margin-bottom: 5px; }
  .c-megafoot__nav > li > ul > a {
    flex: none;
    width: auto;
    font-size: 0.9em; }
  .c-megafoot__nav > li > ul > li > a {
    margin-bottom: 0; }
  .c-megafoot__label {
    margin-bottom: 5px;
    text-transform: capitalize;
    font-size: 0.84em;
    text-align: center; }
  .l-megafoot__app .c-megafoot__label {
    display: none; }
  .l-megafoot__connect .c-megafoot__label {
    display: none; }
  .c-megafoot__apps {
    display: flex;
    flex-direction: row;
    column-gap: 15px;
    justify-content: center; }
  .c-megafoot__socialicons {
    display: flex;
    flex-direction: row;
    column-gap: 15px;
    justify-content: center; }
  .c-megafoot__address {
    text-align: center; }
  .c-megafoot__phone {
    text-align: center; }
  .c-megafoot__privacy {
    flex: none;
    margin-bottom: 15px; }
    .c-megafoot__privacy > a {
      font-size: 0.84em; }
  .c-megafoot__copyright {
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 5px;
    margin-bottom: 20px; }
    .c-megafoot__copyright > span {
      display: block;
      text-align: center;
      font-size: 0.84em; }
    .c-megafoot__copyright > span:after {
      display: none; } }

.c-sticky-menu--sticky {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 3;
  height: 40px; }
  @media screen and (max-width: 768px) {
    .c-sticky-menu--sticky {
      top: 60px; } }

.c-sticky-menu__container {
  padding: 10px 0;
  box-shadow: 0 0 15px -1px #333;
  transition: all 0.2s ease-out;
  background-color: #085963;
  padding: 8px 0; }
  .t--cn .c-sticky-menu__container {
    background-color: #085963;
    padding: 8px 0; }
  .t--darker .c-sticky-menu__container {
    background-color: #085963;
    padding: 8px 0; }
  .t--contrast .c-sticky-menu__container {
    padding: 8px 0; }

.c-sticky-menu__link {
  cursor: pointer;
  margin-right: 15px;
  color: #fff; }
  @media screen and (max-width: 768px) {
    .c-sticky-menu__link {
      margin-right: 0; } }
  .c-sticky-menu__link:last-child {
    margin-right: 0; }
  .t--cn .c-sticky-menu__link {
    color: #fff; }
  .t--darker .c-sticky-menu__link {
    color: #fff; }
  .t--contrast .c-sticky-menu__link {
    color: #fff; }
  .c-sticky-menu__link:hover {
    text-shadow: 0 0 4px #ccc, 0 0 3px #000, 0 0 1px #000;
    text-decoration: underline; }
  .c-sticky-menu__link--nounder:hover {
    text-decoration: none; }

.c-sticky-menu__item {
  display: flex;
  align-items: center;
  min-width: 80px;
  border-radius: 2px;
  font-size: 1.5em;
  padding: 2px 0;
  font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
  @media screen and (max-width: 768px) {
    .c-sticky-menu__item {
      padding: 0; } }
  .t--cn .c-sticky-menu__item {
    font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }
  .c-sticky-menu__item--title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block; }
    @media screen and (max-width: 520px) {
      .c-sticky-menu__item--title {
        font-size: 1em; } }
  .c-sticky-menu__item--primary {
    justify-content: center;
    font-size: 1em;
    max-width: 200px;
    opacity: 1;
    transition: all 0.3s ease-out; }
  .c-sticky-menu__item--secondary {
    display: inline-block;
    font-size: 1.1em;
    justify-content: center;
    margin-right: 0;
    min-width: 0;
    z-index: 2; }

.c-sticky-menu__item--primary .c-sticky-menu__link {
  white-space: nowrap;
  padding: 5px 15px;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd; }
  .c-sticky-menu__item--primary .c-sticky-menu__link:hover {
    text-decoration: none;
    box-shadow: 2px 2px 7px 0px #333;
    text-shadow: none;
    background-color: #52c1b9; }
    .t--cn .c-sticky-menu__item--primary .c-sticky-menu__link:hover {
      text-shadow: none;
      background-color: #00b0a8; }
    .t--darker .c-sticky-menu__item--primary .c-sticky-menu__link:hover {
      text-shadow: none;
      color: #085963;
      background-color: #fff; }
    .t--contrast .c-sticky-menu__item--primary .c-sticky-menu__link:hover {
      text-shadow: none;
      color: #085963;
      background-color: #fff; }
  .t--cn .c-sticky-menu__item--primary .c-sticky-menu__link {
    border-color: #ddd; }
  .t--darker .c-sticky-menu__item--primary .c-sticky-menu__link {
    border-color: #eee; }
  @media screen and (max-width: 520px) {
    .c-sticky-menu__item--primary .c-sticky-menu__link {
      padding: 5px 5px;
      font-size: 0.9em; } }

.c-sticky-menu__item--primary .c-sticky-menu__link--primary {
  border: none;
  box-shadow: 1px 1px 3px -1px #333;
  background-color: #b61229; }
  .t--cn .c-sticky-menu__item--primary .c-sticky-menu__link--primary {
    box-shadow: 1px 1px 3px -1px #333;
    background-color: #b61229; }
  .t--darker .c-sticky-menu__item--primary .c-sticky-menu__link--primary {
    box-shadow: 1px 1px 3px -1px black; }
  .t--contrast .c-sticky-menu__item--primary .c-sticky-menu__link--primary {
    box-shadow: 1px 1px 3px -1px #333; }

.c-sticky-menu__item--secondary .c-sticky-menu__link {
  padding: 0 15px; }
  @media screen and (max-width: 520px) {
    .c-sticky-menu__item--secondary .c-sticky-menu__link {
      padding: 0 10px; } }

.c-sticky-menu__group {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

.c-sticky-menu__group-side {
  display: flex;
  flex-wrap: nowrap;
  flex: 1; }

.c-sticky-menu__group-main {
  display: flex;
  align-items: center;
  flex: 1;
  opacity: 1;
  max-height: 40px;
  transition: all 0.3s ease-out;
  min-width: 0; }

.c-sticky-menu__group-side .c-sticky-menu__item {
  display: flex;
  flex: 0 0 auto;
  min-width: 0; }

@media screen and (max-width: 1200px) {
  .c-sticky-menu__group-side .c-sticky-menu__item--secondary {
    font-size: 0.9em;
    display: none; } }

.c-sticky-menu__logo {
  height: 40px; }

.c-sticky-menu--lite .c-sticky-menu__container {
  padding: 1px 0;
  box-shadow: none;
  overflow: hidden; }

.c-sticky-menu--lite .c-sticky-menu__item--primary {
  max-width: 0px;
  padding: 0;
  opacity: 0; }

.c-sticky-menu--lite .c-sticky-menu__group-main {
  opacity: 0;
  max-height: 0; }

.c-sticky-menu--bg {
  background-color: #f5f5f5; }
  .t--cn .c-sticky-menu--bg {
    background-color: #f5f5f5; }
  .t--darker .c-sticky-menu--bg {
    background-color: #f9f9f9; }

.c-actions-multi {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center; }
  .c-actions-multi > * {
    margin: 5px; }

.c-mega a {
  cursor: pointer; }

.c-mega__logo {
  display: flex;
  justify-content: center;
  height: 45px;
  box-sizing: border-box; }
  @media screen and (max-width: 1780px) {
    .c-mega__logo {
      height: 35px; } }
  @media screen and (max-width: 1200px) {
    .c-mega__logo {
      height: 45px; } }
  .c-mega__logo img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%; }
  .c-mega__logo a {
    text-decoration: none;
    width: 100%;
    height: 100%; }

.c-mega__main-nav {
  display: flex;
  justify-content: center; }

.c-mega__main-nav > li {
  margin: 0 20px;
  display: flex; }
  @media screen and (max-width: 1200px) {
    .c-mega__main-nav > li {
      margin: 0; } }

.c-mega__main-nav > li > a {
  padding: 20px;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: 600;
  letter-spacing: 1px;
  transition: all 0.2s ease-in-out;
  font-family: 'Lato', 'Noto Sans TC', sans-serif;
  color: #000; }
  @media screen and (max-width: 1780px) {
    .c-mega__main-nav > li > a {
      padding: 15px 20px; } }
  @media screen and (max-width: 1200px) {
    .c-mega__main-nav > li > a {
      padding: 20px; } }
  html[lang='zh-hk'] .c-mega__main-nav > li > a,
  html[lang='zh-cn'] .c-mega__main-nav > li > a {
    font-size: 1em; }
  .t--cn .c-mega__main-nav > li > a {
    font-family: 'Lato', 'Noto Sans SC', sans-serif;
    color: #000; }
  .t--darker .c-mega__main-nav > li > a {
    color: #085963; }
  @media screen and (max-width: 900px) {
    .c-mega__main-nav > li > a {
      padding: 20px 15px; } }
  .c-mega__main-nav > li > a:hover {
    color: #08888c; }
    .t--cn .c-mega__main-nav > li > a:hover {
      color: #08888c; }
    .t--darker .c-mega__main-nav > li > a:hover {
      color: #085963; }
    .t--contrast .c-mega__main-nav > li > a:hover {
      color: #085963; }

.c-mega__langs-drop {
  display: none; }

.c-mega__settings {
  display: flex;
  flex-direction: row;
  justify-content: flex-end; }

.c-mega__settings a,
.c-mega__search a {
  min-width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center; }

.c-mega__settings a,
.c-mega__search a {
  color: #000; }
  .t--cn .c-mega__settings a, .t--cn
  .c-mega__search a {
    color: #000; }
  .t--darker .c-mega__settings a, .t--darker
  .c-mega__search a {
    color: #085963; }

.c-mega__settings ul {
  display: none; }

.c-mega__settings ul {
  display: none; }

.c-mega__settings > li > a:hover {
  color: #08888c; }
  .t--cn .c-mega__settings > li > a:hover {
    color: #08888c; }
  .t--darker .c-mega__settings > li > a:hover {
    color: #085963; }
  .t--contrast .c-mega__settings > li > a:hover {
    color: #085963; }

.c-mega__dropdown {
  display: block;
  position: relative;
  padding: 10px;
  letter-spacing: 1px;
  font-size: 0.9em;
  font-family: 'Lato', 'Noto Sans TC', sans-serif;
  color: #000; }
  .t--cn .c-mega__dropdown {
    font-family: 'Lato', 'Noto Sans SC', sans-serif;
    color: #000; }
  .t--darker .c-mega__dropdown {
    color: #085963; }
  html[lang='zh-hk'] .c-mega__dropdown,
  html[lang='zh-cn'] .c-mega__dropdown {
    font-size: 1em; }
  .c-mega__dropdown:after {
    content: '\f107';
    font-family: 'Font Awesome 5 Pro';
    margin: 0 10px;
    font-size: 0.65em;
    color: #000; }
    .t--cn .c-mega__dropdown:after {
      color: #000; }
    .t--darker .c-mega__dropdown:after {
      color: #085963; }

.c-mega__settings .c-mega__text {
  display: none; }

.c-mega__langs--active .c-mega__langs-drop {
  display: flex; }

.c-mega__langs > a {
  cursor: pointer; }
  .c-mega__langs > a:hover {
    color: #08888c; }
    .t--cn .c-mega__langs > a:hover {
      color: #08888c; }
    .t--darker .c-mega__langs > a:hover {
      color: #085963; }
    .t--contrast .c-mega__langs > a:hover {
      color: #085963; }

.c-mega__langs .c-mega {
  position: absolute;
  top: 30px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9); }
  .t--cn .c-mega__langs .c-mega {
    background-color: rgba(255, 255, 255, 0.9); }

.c-mega__langs-drop > li > a {
  display: none; }

.c-mega__langs-drop > li > ul {
  padding: 5px 0; }

.c-mega__langs-drop > li {
  width: 100%; }

.c-mega__langs-drop > li > ul > li {
  display: flex; }

.c-mega__langs-drop > li > ul > li > a {
  padding: 5px 10px;
  font-size: 0.9em;
  flex: 1;
  letter-spacing: 1px;
  font-family: 'Lato', 'Noto Sans TC', sans-serif; }
  .t--cn .c-mega__langs-drop > li > ul > li > a {
    font-family: 'Lato', 'Noto Sans SC', sans-serif; }
  .c-mega__langs-drop > li > ul > li > a:hover {
    color: #08888c; }
    .t--cn .c-mega__langs-drop > li > ul > li > a:hover {
      color: #08888c; }
    .t--darker .c-mega__langs-drop > li > ul > li > a:hover {
      color: #085963; }
    .t--contrast .c-mega__langs-drop > li > ul > li > a:hover {
      color: #085963; }
  html[lang='zh-hk'] .c-mega__langs-drop > li > ul > li > a,
  html[lang='zh-cn'] .c-mega__langs-drop > li > ul > li > a {
    font-size: 1em; }

.c-mega__ourstory {
  position: relative; }

.c-mega__ourstory-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2); }
  .t--cn .c-mega__ourstory-overlay {
    background-color: rgba(0, 0, 0, 0.2); }
  .t--darker .c-mega__ourstory-overlay {
    background-color: rgba(0, 0, 0, 0.2); }
  .t--contrast .c-mega__ourstory-overlay {
    background-color: rgba(0, 0, 0, 0.2); }

.c-mega__testimonial {
  position: relative; }

.c-mega__play-icon {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3em;
  width: 80px;
  height: 80px;
  text-shadow: 1px 1px 2px #333;
  color: #fff; }
  .t--cn .c-mega__play-icon {
    text-shadow: 1px 1px 2px #333;
    color: #fff; }
  .t--darker .c-mega__play-icon {
    text-shadow: 1px 1px 2px #393737;
    color: #fff; }
  .t--contrast .c-mega__play-icon {
    text-shadow: 1px 1px 2px;
    color: #fff; }

.c-mega__name {
  font-family: 'Lato', 'Noto Sans TC', sans-serif;
  margin-left: 10px; }
  .t--cn .c-mega__name {
    font-family: 'Lato', 'Noto Sans SC', sans-serif; }
  @media screen and (max-width: 768px) {
    .c-mega__name {
      margin-left: 0; } }

.c-mega__account--alert {
  position: relative; }

.c-mega__account--alert::after {
  content: ' ';
  position: absolute;
  display: block;
  right: -5px;
  top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #ed4c4c; }
  .t--cn .c-mega__account--alert::after {
    background-color: #ed4c4c; }

.c-mega__viewmore {
  display: flex;
  justify-content: center; }

.c-mega__viewmore-btn {
  display: none; }

.c-mega__viewmore-btn--active {
  display: initial; }

.c-mega__viewmore a {
  padding: 10px 20px;
  border-radius: 6px;
  text-transform: capitalize;
  margin-bottom: 0;
  border: 1px solid transparent;
  letter-spacing: 1px;
  font-size: 0.9em;
  box-sizing: border-box;
  background-color: #08888c;
  color: #fff;
  font-family: 'Lato', 'Noto Sans TC', sans-serif; }
  .t--cn .c-mega__viewmore a {
    background-color: #08888c;
    color: #fff;
    font-family: 'Lato', 'Noto Sans SC', sans-serif; }
  .t--darker .c-mega__viewmore a {
    background-color: #085963;
    color: #fff; }
  .t--contrast .c-mega__viewmore a {
    background-color: #085963;
    color: #fff; }

.c-mega__main-nav-pop {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: -1;
  grid-template-columns: 1fr calc(200px * 3) 60px calc(200px * 3) 1fr;
  grid-template-rows: auto auto;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 4px -7px #ccc; }
  .t--cn .c-mega__main-nav-pop {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 4px -7px #ccc; }
  .t--darker .c-mega__main-nav-pop {
    box-shadow: 0 10px 4px -7px; }
  .t--contrast .c-mega__main-nav-pop {
    box-shadow: 0 10px 4px -7px; }
  @media screen and (max-width: 1440px) {
    .c-mega__main-nav-pop {
      grid-template-columns: 1fr calc(180px * 3) 60px calc(180px * 3) 1fr; } }
  @media screen and (max-width: 1140px) {
    .c-mega__main-nav-pop {
      grid-template-columns: 1fr calc(100px * 3) 60px calc(100px * 3) 1fr; } }
  .c-mega__main-nav-pop > li {
    display: flex;
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: 30px; }
  .c-mega__main-nav-pop > li:nth-child(1) {
    grid-column: 2/3;
    grid-row: 1; }
  .c-mega__main-nav-pop > li:nth-child(2) {
    grid-column: 4/5;
    grid-row: 1; }
  .c-mega__main-nav-pop > li:nth-child(3) {
    grid-row: 2;
    grid-column: 2/5;
    display: flex;
    justify-content: center;
    align-items: center; }
  .c-mega__main-nav-pop > li:nth-child(3) {
    padding-top: 0;
    padding-bottom: 40px; }
  .c-mega__main-nav-pop > li:nth-child(4) {
    display: none; }
  .c-mega__main-nav-pop > .c-mega__li > a {
    margin-bottom: 20px;
    letter-spacing: 1px;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #606060;
    font-family: 'Lato', 'Noto Sans TC', sans-serif; }
    .t--cn .c-mega__main-nav-pop > .c-mega__li > a {
      color: #606060;
      font-family: 'Lato', 'Noto Sans SC', sans-serif; }
    html[lang='zh-hk'] .c-mega__main-nav-pop > .c-mega__li > a,
    html[lang='zh-cn'] .c-mega__main-nav-pop > .c-mega__li > a {
      font-size: 1em; }
  .c-mega__main-nav-pop > li > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: calc(200px * 3);
    margin-bottom: 10px; }
    @media screen and (max-width: 1440px) {
      .c-mega__main-nav-pop > li > ul {
        width: calc(180px * 3); } }
    @media screen and (max-width: 1140px) {
      .c-mega__main-nav-pop > li > ul {
        width: calc(100px * 3);
        margin-bottom: 0; } }
  .c-mega__main-nav-pop > li > ul > li {
    width: 200px;
    padding-right: 20px;
    box-sizing: border-box; }
    @media screen and (max-width: 1440px) {
      .c-mega__main-nav-pop > li > ul > li {
        width: 180px; } }
    @media screen and (max-width: 1140px) {
      .c-mega__main-nav-pop > li > ul > li {
        width: 150px; } }
    @media screen and (max-width: 768px) {
      .c-mega__main-nav-pop > li > ul > li {
        padding-right: 0; } }
  .c-mega__main-nav-pop > li > ul > li > a {
    text-transform: capitalize;
    padding: 10px 0;
    display: flex;
    padding-right: 15px;
    box-sizing: border-box;
    font-size: 0.9em;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    color: #000;
    font-family: 'Lato', 'Noto Sans TC', sans-serif; }
    .t--cn .c-mega__main-nav-pop > li > ul > li > a {
      color: #000;
      font-family: 'Lato', 'Noto Sans SC', sans-serif; }
    .t--darker .c-mega__main-nav-pop > li > ul > li > a {
      color: #085963; }
    .c-mega__main-nav-pop > li > ul > li > a:hover {
      color: #08888c; }
      .t--cn .c-mega__main-nav-pop > li > ul > li > a:hover {
        color: #08888c; }
      .t--darker .c-mega__main-nav-pop > li > ul > li > a:hover {
        color: #085963; }
      .t--contrast .c-mega__main-nav-pop > li > ul > li > a:hover {
        color: #085963; }
    html[lang='zh-hk'] .c-mega__main-nav-pop > li > ul > li > a,
    html[lang='zh-cn'] .c-mega__main-nav-pop > li > ul > li > a {
      font-size: 1em; }
    @media screen and (max-width: 1780px) {
      .c-mega__main-nav-pop > li > ul > li > a {
        padding: 5px 0; } }
  .c-mega__main-nav-pop > li > ul > li > a > span {
    display: block;
    margin-bottom: 10px; }
    @media screen and (max-width: 1140px) {
      .c-mega__main-nav-pop > li > ul > li > a > span {
        margin-bottom: 0; } }
  .c-mega__main-nav-pop > li > ul > li > a > div,
  .c-mega__main-nav-pop > li
> ul.c-mega__resource-toggle-targets
> li.c-mega__resource-toggle-target
> ul
> li
> a
> div {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 60%;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 4px 4px 8px -3px #999; }
    .t--cn .c-mega__main-nav-pop > li > ul > li > a > div, .t--cn
    .c-mega__main-nav-pop > li
> ul.c-mega__resource-toggle-targets
> li.c-mega__resource-toggle-target
> ul
> li
> a
> div {
      box-shadow: 4px 4px 8px -3px #999; }
    .t--darker .c-mega__main-nav-pop > li > ul > li > a > div, .t--darker
    .c-mega__main-nav-pop > li
> ul.c-mega__resource-toggle-targets
> li.c-mega__resource-toggle-target
> ul
> li
> a
> div {
      box-shadow: 4px 4px 8px -3px #999; }
    .t--contrast .c-mega__main-nav-pop > li > ul > li > a > div, .t--contrast
    .c-mega__main-nav-pop > li
> ul.c-mega__resource-toggle-targets
> li.c-mega__resource-toggle-target
> ul
> li
> a
> div {
      box-shadow: 4px 4px 8px -3px; }
    @media screen and (max-width: 1140px) {
      .c-mega__main-nav-pop > li > ul > li > a > div,
      .c-mega__main-nav-pop > li
> ul.c-mega__resource-toggle-targets
> li.c-mega__resource-toggle-target
> ul
> li
> a
> div {
        display: none; } }
  .c-mega__main-nav-pop > li > ul > li > a > div > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }
  .c-mega__main-nav-pop--active {
    display: grid; }
  @media screen and (max-width: 1140px) {
    .c-mega__main-nav-pop > li > ul:nth-child(2) > li:nth-child(n) {
      display: none;
      width: auto; } }
  @media screen and (max-width: 1140px) {
    .c-mega__main-nav-pop > li > ul:nth-child(2) > li:nth-child(1) {
      display: flex;
      flex: 1; } }
  @media screen and (max-width: 1140px) {
    .c-mega__main-nav-pop > li > ul:nth-child(2) > li:nth-child(2) {
      display: flex;
      flex: 1; } }

.c-mega__resource {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: -1;
  grid-template-columns: 3fr 8fr 8fr calc(200px * 6 + 40px) 3fr;
  grid-template-rows: auto auto;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 4px -7px #ccc; }
  .t--cn .c-mega__resource {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 4px -7px #ccc; }
  .t--darker .c-mega__resource {
    box-shadow: 0 10px 4px -7px; }
  .t--contrast .c-mega__resource {
    box-shadow: 0 10px 4px -7px; }
  @media screen and (max-width: 1440px) {
    .c-mega__resource {
      grid-template-columns: 1fr 2fr 2fr calc(140px * 6 + 40px) 1fr; } }
  @media screen and (max-width: 768px) {
    .c-mega__resource {
      justify-content: start; } }
  .c-mega__resource > li {
    display: flex;
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: 30px; }
    @media screen and (max-width: 768px) {
      .c-mega__resource > li {
        width: auto; } }
  .c-mega__resource > li:nth-child(1) {
    grid-column: 2/3;
    grid-row: 1; }
    @media screen and (max-width: 768px) {
      .c-mega__resource > li:nth-child(1) {
        width: auto; } }
  .c-mega__resource > li:nth-child(2) {
    grid-column: 3/4; }
    @media screen and (max-width: 768px) {
      .c-mega__resource > li:nth-child(2) {
        width: auto; } }
  .c-mega__resource > li.c-mega__resource-popular {
    grid-column: 4/5;
    grid-row: 1;
    display: block; }
    @media screen and (max-width: 768px) {
      .c-mega__resource > li.c-mega__resource-popular {
        width: auto; } }
  .c-mega__resource > li:nth-child(1) > ul > li > a:hover,
  .c-mega__resource > li:nth-child(2) > ul > li > a:hover {
    color: #08888c; }
    .t--cn .c-mega__resource > li:nth-child(1) > ul > li > a:hover, .t--cn
    .c-mega__resource > li:nth-child(2) > ul > li > a:hover {
      color: #08888c; }
    .t--darker .c-mega__resource > li:nth-child(1) > ul > li > a:hover, .t--darker
    .c-mega__resource > li:nth-child(2) > ul > li > a:hover {
      color: #085963; }
    .t--contrast .c-mega__resource > li:nth-child(1) > ul > li > a:hover, .t--contrast
    .c-mega__resource > li:nth-child(2) > ul > li > a:hover {
      color: #085963; }
  .c-mega__resource > li:nth-child(1) > ul,
  .c-mega__resource > li:nth-child(2) > ul {
    display: flex;
    flex-direction: column; }
  .c-mega__resource > li:nth-child(1) > ul > li > a,
  .c-mega__resource > li:nth-child(2) > ul > li > a {
    display: flex;
    flex-direction: row; }
  .c-mega__resource > li:last-child {
    display: none; }
  .c-mega__resource > li > a,
  .c-mega__resource-popular > ul > .c-mega__resource-toggle-target > a {
    margin-bottom: 20px;
    letter-spacing: 1px;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #606060;
    font-family: 'Lato', 'Noto Sans TC', sans-serif; }
    .t--cn .c-mega__resource > li > a, .t--cn
    .c-mega__resource-popular > ul > .c-mega__resource-toggle-target > a {
      color: #606060;
      font-family: 'Lato', 'Noto Sans SC', sans-serif; }
  html[lang='zh-hk'] .c-mega__resource,
  html[lang='zh-cn'] .c-mega__resource {
    font-size: 1em; }
  .c-mega__resource > li:nth-child(1) > ul > li > a,
  .c-mega__resource > li:nth-child(2) > ul > li > a {
    text-transform: capitalize;
    padding: 10px 0;
    display: block;
    padding-right: 15px;
    box-sizing: border-box;
    font-size: 0.9em;
    color: #000;
    font-family: 'Lato', 'Noto Sans TC', sans-serif; }
    .t--cn .c-mega__resource > li:nth-child(1) > ul > li > a, .t--cn
    .c-mega__resource > li:nth-child(2) > ul > li > a {
      color: #000;
      font-family: 'Lato', 'Noto Sans SC', sans-serif; }
    .t--darker .c-mega__resource > li:nth-child(1) > ul > li > a, .t--darker
    .c-mega__resource > li:nth-child(2) > ul > li > a {
      color: #085963; }
    html[lang='zh-hk'] .c-mega__resource > li:nth-child(1) > ul > li > a,
    html[lang='zh-cn'] .c-mega__resource > li:nth-child(1) > ul > li > a, html[lang='zh-hk']
    .c-mega__resource > li:nth-child(2) > ul > li > a,
    html[lang='zh-cn']
    .c-mega__resource > li:nth-child(2) > ul > li > a {
      font-size: 1em; }
  .c-mega__resource > li:nth-child(1) > ul > li > a > div,
  .c-mega__resource > li:nth-child(2) > ul > li > a > div {
    width: 70px;
    padding-top: 70px;
    height: 0;
    position: relative;
    margin-right: 15px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 10px 4px -7px #ccc; }
    .t--cn .c-mega__resource > li:nth-child(1) > ul > li > a > div, .t--cn
    .c-mega__resource > li:nth-child(2) > ul > li > a > div {
      box-shadow: 0 10px 4px -7px #ccc; }
    .t--darker .c-mega__resource > li:nth-child(1) > ul > li > a > div, .t--darker
    .c-mega__resource > li:nth-child(2) > ul > li > a > div {
      box-shadow: 0 10px 4px -7px; }
    .t--contrast .c-mega__resource > li:nth-child(1) > ul > li > a > div, .t--contrast
    .c-mega__resource > li:nth-child(2) > ul > li > a > div {
      box-shadow: 0 10px 4px -7px; }
  .c-mega__resource > li:nth-child(1) > ul > li > a > span,
  .c-mega__resource > li:nth-child(2) > ul > li > a > span {
    flex: 1; }
  .c-mega__resource > li:nth-child(1) > ul > li > a > div > img,
  .c-mega__resource > li:nth-child(2) > ul > li > a > div > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }
  .c-mega__resource--active {
    display: grid; }
  .c-mega__resource-toggle {
    border-radius: 4px;
    display: inline-flex;
    overflow: hidden;
    border: 1px solid #08888c;
    margin-bottom: 10px; }
    .t--cn .c-mega__resource-toggle {
      border: 1px solid #08888c; }
    .t--darker .c-mega__resource-toggle {
      border: 1px solid #085963; }
    .t--contrast .c-mega__resource-toggle {
      border: 1px solid #085963; }
    .c-mega__resource-toggle-btn {
      padding: 10px 20px;
      font-size: 0.9em;
      text-transform: uppercase;
      color: #08888c;
      font-family: 'Lato', 'Noto Sans TC', sans-serif; }
      .t--cn .c-mega__resource-toggle-btn {
        color: #08888c;
        font-family: 'Lato', 'Noto Sans SC', sans-serif; }
      .t--darker .c-mega__resource-toggle-btn {
        color: #085963; }
      .t--contrast .c-mega__resource-toggle-btn {
        color: #085963; }
      .c-mega__resource-toggle-btn--active {
        background-color: #08888c;
        color: #fff; }
        .t--cn .c-mega__resource-toggle-btn--active {
          background-color: #08888c;
          color: #fff; }
        .t--darker .c-mega__resource-toggle-btn--active {
          background-color: #085963;
          color: #fff; }
        .t--contrast .c-mega__resource-toggle-btn--active {
          background-color: #085963;
          color: #fff; }
  .c-mega__resource-toggle-targets .c-mega__resource-toggle-target {
    display: none; }
  .c-mega__resource-toggle-targets .c-mega__resource-toggle-target--active {
    display: flex; }

.c-mega__resource-pop {
  width: 100%;
  display: grid;
  box-sizing: border-box;
  grid-template-columns: 1fr calc(200px * 3) 60px calc(200px * 3) 1fr;
  grid-template-rows: auto auto;
  background-color: transparent;
  box-shadow: none; }
  @media screen and (max-width: 1440px) {
    .c-mega__resource-pop {
      grid-template-columns: 1fr calc(140px * 3) 40px calc(140px * 3) 1fr; } }
  @media screen and (max-width: 1140px) {
    .c-mega__resource-pop {
      grid-template-columns: 1fr calc(100px * 3) 60px calc(100px * 3) 1fr; } }
  .c-mega__resource-pop > li {
    display: flex;
    flex-direction: column;
    padding-top: 15px;
    padding-bottom: 30px; }
  .c-mega__resource-pop > li:nth-child(1) {
    grid-column: 2/3;
    grid-row: 1; }
  .c-mega__resource-pop > li:nth-child(2) {
    grid-column: 4/5;
    grid-row: 1; }
  .c-mega__resource-pop > li:nth-child(3) {
    grid-row: 2;
    grid-column: 2/5;
    display: flex;
    justify-content: center;
    align-items: center; }
  .c-mega__resource-pop > li:nth-child(3) {
    padding-top: 0;
    padding-bottom: 40px; }
  .c-mega__resource-pop > li:nth-child(4) {
    display: none; }
  .c-mega__resource-pop > .c-mega__li > a {
    margin-bottom: 20px;
    letter-spacing: 1px;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #606060;
    font-family: 'Lato', 'Noto Sans TC', sans-serif; }
    .t--cn .c-mega__resource-pop > .c-mega__li > a {
      color: #606060;
      font-family: 'Lato', 'Noto Sans SC', sans-serif; }
    html[lang='zh-hk'] .c-mega__resource-pop > .c-mega__li > a,
    html[lang='zh-cn'] .c-mega__resource-pop > .c-mega__li > a {
      font-size: 1em; }
  .c-mega__resource-pop > li > ul > .c-mega__resource-pop-toggle-target {
    display: none;
    flex-direction: column; }
    .c-mega__resource-pop > li > ul > .c-mega__resource-pop-toggle-target--active {
      display: flex; }
  .c-mega__resource-pop > li > ul > li > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: calc(200px * 3);
    margin-bottom: 10px; }
    @media screen and (max-width: 1440px) {
      .c-mega__resource-pop > li > ul > li > ul {
        width: calc(140px * 3); } }
    @media screen and (max-width: 1140px) {
      .c-mega__resource-pop > li > ul > li > ul {
        width: calc(100px * 3);
        margin-bottom: 0; } }
  .c-mega__resource-pop > li > ul > li > ul > li {
    width: 200px;
    padding-right: 20px;
    box-sizing: border-box; }
    @media screen and (max-width: 1440px) {
      .c-mega__resource-pop > li > ul > li > ul > li {
        width: 140px; } }
    @media screen and (max-width: 1140px) {
      .c-mega__resource-pop > li > ul > li > ul > li {
        width: 150px; } }
    @media screen and (max-width: 768px) {
      .c-mega__resource-pop > li > ul > li > ul > li {
        padding-right: 0; } }
  .c-mega__resource-pop > li > ul > li > ul > li > a {
    text-transform: capitalize;
    padding: 10px 0;
    display: flex;
    padding-right: 15px;
    box-sizing: border-box;
    font-size: 0.9em;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    color: #000;
    font-family: 'Lato', 'Noto Sans TC', sans-serif; }
    .t--cn .c-mega__resource-pop > li > ul > li > ul > li > a {
      color: #000;
      font-family: 'Lato', 'Noto Sans SC', sans-serif; }
    .t--darker .c-mega__resource-pop > li > ul > li > ul > li > a {
      color: #085963; }
    .c-mega__resource-pop > li > ul > li > ul > li > a:hover {
      color: #08888c; }
      .t--cn .c-mega__resource-pop > li > ul > li > ul > li > a:hover {
        color: #08888c; }
      .t--darker .c-mega__resource-pop > li > ul > li > ul > li > a:hover {
        color: #085963; }
      .t--contrast .c-mega__resource-pop > li > ul > li > ul > li > a:hover {
        color: #085963; }
    html[lang='zh-hk'] .c-mega__resource-pop > li > ul > li > ul > li > a,
    html[lang='zh-cn'] .c-mega__resource-pop > li > ul > li > ul > li > a {
      font-size: 1em; }
    @media screen and (max-width: 1780px) {
      .c-mega__resource-pop > li > ul > li > ul > li > a {
        padding: 5px 0; } }
  .c-mega__resource-pop > li > ul > li > ul > li > a > span {
    display: block;
    margin-bottom: 10px; }
    @media screen and (max-width: 1140px) {
      .c-mega__resource-pop > li > ul > li > ul > li > a > span {
        margin-bottom: 0; } }
  .c-mega__resource-pop > li > ul > li > ul > li > a > div {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 60%;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 4px 4px 8px -3px #999; }
    .t--cn .c-mega__resource-pop > li > ul > li > ul > li > a > div {
      box-shadow: 4px 4px 8px -3px #999; }
    .t--darker .c-mega__resource-pop > li > ul > li > ul > li > a > div {
      box-shadow: 4px 4px 8px -3px #999; }
    .t--contrast .c-mega__resource-pop > li > ul > li > ul > li > a > div {
      box-shadow: 4px 4px 8px -3px; }
    @media screen and (max-width: 1140px) {
      .c-mega__resource-pop > li > ul > li > ul > li > a > div {
        display: none; } }
  .c-mega__resource-pop > li > ul > li > ul > li > a > div > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }
  .c-mega__resource-pop--active {
    display: grid; }
  @media screen and (max-width: 1140px) {
    .c-mega__resource-pop > li > ul > li > ul:nth-child(2) > li:nth-child(n) {
      display: none;
      width: auto; } }
  @media screen and (max-width: 1140px) {
    .c-mega__resource-pop > li > ul > li > ul:nth-child(2) > li:nth-child(1) {
      display: flex;
      flex: 1; } }
  @media screen and (max-width: 1140px) {
    .c-mega__resource-pop > li > ul > li > ul:nth-child(2) > li:nth-child(2) {
      display: flex;
      flex: 1; } }
  .c-mega__resource-pop > li > ul > li > a {
    display: none; }

.c-mega__about {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: -1;
  grid-template-columns: 1fr 200px 350px 350px 200px 1fr;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 4px -7px #ccc; }
  .t--cn .c-mega__about {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 4px -7px #ccc; }
  .t--darker .c-mega__about {
    box-shadow: 0 10px 4px -7px; }
  .t--contrast .c-mega__about {
    box-shadow: 0 10px 4px -7px; }
  @media screen and (max-width: 1200px) {
    .c-mega__about {
      grid-template-columns: 1fr 200px 350px 200px 1fr;
      column-gap: 10px; } }
  .c-mega__about--active {
    display: grid; }
  .c-mega__about > li:nth-child(1) {
    grid-column: 2/3; }
  .c-mega__about > li:nth-child(2) {
    grid-column: 3/4; }
    @media screen and (max-width: 1200px) {
      .c-mega__about > li:nth-child(2) {
        display: none; } }
  .c-mega__about > li:nth-child(3) {
    grid-column: 4/5; }
    @media screen and (max-width: 1200px) {
      .c-mega__about > li:nth-child(3) {
        grid-column: 3/4; } }
  .c-mega__about > li:nth-child(4) {
    grid-column: 5/6; }
    @media screen and (max-width: 1200px) {
      .c-mega__about > li:nth-child(4) {
        grid-column: 4/5; } }
  .c-mega__about > li:nth-child(2),
  .c-mega__about > li:nth-child(3) {
    margin-right: 70px; }
  .c-mega__about > li:nth-child(2) > ul > li > a > div,
  .c-mega__about > li:nth-child(3) > ul > li > a > div {
    width: 70px;
    padding-top: 70px;
    height: 0;
    position: relative;
    margin-right: 15px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 10px 4px -7px #ccc; }
    .t--cn .c-mega__about > li:nth-child(2) > ul > li > a > div, .t--cn
    .c-mega__about > li:nth-child(3) > ul > li > a > div {
      box-shadow: 0 10px 4px -7px #ccc; }
    .t--darker .c-mega__about > li:nth-child(2) > ul > li > a > div, .t--darker
    .c-mega__about > li:nth-child(3) > ul > li > a > div {
      box-shadow: 0 10px 4px -7px; }
    .t--contrast .c-mega__about > li:nth-child(2) > ul > li > a > div, .t--contrast
    .c-mega__about > li:nth-child(3) > ul > li > a > div {
      box-shadow: 0 10px 4px -7px; }
  .c-mega__about > li:nth-child(2) > ul > li > a > div,
  .c-mega__about > li:nth-child(3) > ul > li > a > div {
    margin-right: 30px;
    box-sizing: border-box;
    width: 100%;
    padding-top: 60%;
    height: 0;
    position: relative; }
  .c-mega__about > li:nth-child(4) > ul > li > a > div {
    display: flex;
    flex-direction: row; }
  .c-mega__about > li:nth-child(4) > ul > li > a > div > span {
    display: flex;
    align-items: center;
    justify-content: center; }
  .c-mega__about > li:nth-child(4) > ul > li > a > div > div:nth-child(1) {
    display: flex;
    width: 60px;
    justify-content: flex-start;
    align-items: center;
    font-size: 2em; }
  .c-mega__about > li:nth-child(4) > ul > li > a > div > div:nth-child(2) {
    flex: 1; }
  .c-mega__about > li:last-child {
    display: none; }
  .c-mega__about > li:nth-child(3) > ul > li > a:hover,
  .c-mega__about > li:nth-child(1) > ul > li > a:hover {
    color: #08888c; }
    .t--cn .c-mega__about > li:nth-child(3) > ul > li > a:hover, .t--cn
    .c-mega__about > li:nth-child(1) > ul > li > a:hover {
      color: #08888c; }
    .t--darker .c-mega__about > li:nth-child(3) > ul > li > a:hover, .t--darker
    .c-mega__about > li:nth-child(1) > ul > li > a:hover {
      color: #085963; }
    .t--contrast .c-mega__about > li:nth-child(3) > ul > li > a:hover, .t--contrast
    .c-mega__about > li:nth-child(1) > ul > li > a:hover {
      color: #085963; }
  .c-mega__about > li > ul > li > a > span {
    flex: 1; }
  .c-mega__about > li > ul > li > a > div > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }
  .c-mega__about > li {
    display: flex;
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: 30px; }
  .c-mega__about > li > a {
    margin-bottom: 20px;
    letter-spacing: 1px;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #606060;
    font-family: 'Lato', 'Noto Sans TC', sans-serif; }
    .t--cn .c-mega__about > li > a {
      color: #606060;
      font-family: 'Lato', 'Noto Sans SC', sans-serif; }
    html[lang='zh-hk'] .c-mega__about > li > a,
    html[lang='zh-cn'] .c-mega__about > li > a {
      font-size: 1em; }
  .c-mega__about > li > ul > li > a {
    text-transform: capitalize;
    padding: 10px 0;
    display: block;
    padding-right: 15px;
    box-sizing: border-box;
    font-size: 0.9em;
    color: #000;
    font-family: 'Lato', 'Noto Sans TC', sans-serif; }
    .t--cn .c-mega__about > li > ul > li > a {
      color: #000;
      font-family: 'Lato', 'Noto Sans SC', sans-serif; }
    .t--darker .c-mega__about > li > ul > li > a {
      color: #085963; }
    html[lang='zh-hk'] .c-mega__about > li > ul > li > a,
    html[lang='zh-cn'] .c-mega__about > li > ul > li > a {
      font-size: 1em; }

.c-mega__agent {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: -1;
  column-gap: 160px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 4px -7px #ccc; }
  .t--cn .c-mega__agent {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 4px -7px #ccc; }
  .t--darker .c-mega__agent {
    box-shadow: 0 10px 4px -7px; }
  .t--contrast .c-mega__agent {
    box-shadow: 0 10px 4px -7px; }
  @media screen and (max-width: 1140px) {
    .c-mega__agent {
      column-gap: 60px; } }
  .c-mega__agent--active {
    display: flex; }
  .c-mega__agent > li:nth-child(1) {
    grid-column: 2/3; }
  .c-mega__agent > li:nth-child(2) {
    grid-column: 3/4; }
  .c-mega__agent > li:last-child {
    display: none; }
  .c-mega__agent > li > ul > li > a > div {
    position: relative;
    width: 210px;
    height: 0;
    padding-top: 60%;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 10px;
    box-shadow: 4px 4px 8px -3px #999; }
    .t--cn .c-mega__agent > li > ul > li > a > div {
      box-shadow: 4px 4px 8px -3px #999; }
    .t--darker .c-mega__agent > li > ul > li > a > div {
      box-shadow: 4px 4px 8px -3px #999; }
    .t--contrast .c-mega__agent > li > ul > li > a > div {
      box-shadow: 4px 4px 8px -3px; }
  .c-mega__agent > li > ul > li > a > div > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }
  .c-mega__agent > li > ul > li > a > span {
    text-decoration: underline;
    letter-spacing: 1px;
    font-size: 0.9em;
    font-family: 'Lato', 'Noto Sans TC', sans-serif;
    color: #000; }
    .t--cn .c-mega__agent > li > ul > li > a > span {
      font-family: 'Lato', 'Noto Sans SC', sans-serif;
      color: #000; }
    .t--darker .c-mega__agent > li > ul > li > a > span {
      color: #085963; }
    html[lang='zh-hk'] .c-mega__agent > li > ul > li > a > span,
    html[lang='zh-cn'] .c-mega__agent > li > ul > li > a > span {
      font-size: 1em; }
  .c-mega__agent > li > ul > li:hover > a > span {
    color: #08888c; }
    .t--cn .c-mega__agent > li > ul > li:hover > a > span {
      color: #08888c; }
    .t--darker .c-mega__agent > li > ul > li:hover > a > span {
      color: #085963; }
    .t--contrast .c-mega__agent > li > ul > li:hover > a > span {
      color: #085963; }
  .c-mega__agent > li {
    display: flex;
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 210px; }
  .c-mega__agent > li > a {
    margin-bottom: 30px;
    letter-spacing: 1px;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #606060;
    font-family: 'Lato', 'Noto Sans TC', sans-serif; }
    .t--cn .c-mega__agent > li > a {
      color: #606060;
      font-family: 'Lato', 'Noto Sans SC', sans-serif; }
    html[lang='zh-hk'] .c-mega__agent > li > a,
    html[lang='zh-cn'] .c-mega__agent > li > a {
      font-size: 1em; }

.c-mega__main-nav-pop > li:nth-child(3).c-mega__viewmore > a {
  transition: all 0.2s ease-in-out; }
  .c-mega__main-nav-pop > li:nth-child(3).c-mega__viewmore > a:hover {
    border: 1px solid #08888c;
    background-color: transparent;
    color: #08888c; }
    .t--cn .c-mega__main-nav-pop > li:nth-child(3).c-mega__viewmore > a:hover {
      border: 1px solid #08888c;
      background-color: transparent;
      color: #08888c; }
    .t--darker .c-mega__main-nav-pop > li:nth-child(3).c-mega__viewmore > a:hover {
      border: 1px solid #085963;
      background-color: transparent;
      color: #085963; }
    .t--contrast .c-mega__main-nav-pop > li:nth-child(3).c-mega__viewmore > a:hover {
      border: 1px solid #085963;
      background-color: transparent;
      color: #085963; }

.c-mega__side {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 3;
  transform: translate3d(0, -50%, 0); }
  @media screen and (max-width: 768px) {
    .c-mega__side {
      transform: translate3d(0, -10%, 0); } }
  .c-mega__side > a {
    cursor: pointer;
    margin: 20px;
    width: 45px;
    height: 45px;
    font-size: 1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    color: #fff;
    background-color: #666; }
    .t--cn .c-mega__side > a {
      color: #fff;
      background-color: #666; }
    .t--darker .c-mega__side > a {
      color: #fff; }
    .t--contrast .c-mega__side > a {
      color: #fff; }
    @media screen and (max-width: 768px) {
      .c-mega__side > a {
        margin: 10px;
        width: 24px;
        height: 24px;
        font-size: 0.84em; } }
    .c-mega__side > a:hover {
      background-color: #999; }
      .t--cn .c-mega__side > a:hover {
        background-color: #999; }
      .t--darker .c-mega__side > a:hover {
        background-color: #999; }

.c-megafoot__subscribe {
  margin-bottom: 20px; }

.c-megafoot__subscribetitle {
  font-size: 0.9em;
  margin-bottom: 5px;
  color: #333;
  font-family: 'Lato', 'Noto Sans TC', sans-serif; }
  .t--cn .c-megafoot__subscribetitle {
    color: #333;
    font-family: 'Lato', 'Noto Sans SC', sans-serif; }
  .t--darker .c-megafoot__subscribetitle {
    color: #393737; }

.c-megafoot__subscribeinput {
  display: flex;
  max-width: 250px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #000; }
  .t--cn .c-megafoot__subscribeinput {
    border-bottom: 1px solid #000; }
  .t--darker .c-megafoot__subscribeinput {
    border-bottom: 1px solid #085963; }
  .t--contrast .c-megafoot__subscribeinput {
    border-bottom: 1px solid; }
  .c-megafoot__subscribeinput > input {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 10px;
    flex: 1;
    display: flex;
    outline: none;
    color: #666;
    font-family: 'Lato', 'Noto Sans TC', sans-serif; }
    .t--cn .c-megafoot__subscribeinput > input {
      color: #666;
      font-family: 'Lato', 'Noto Sans SC', sans-serif; }
  .c-megafoot__subscribeinput > button {
    display: flex;
    width: 45px;
    height: 45px;
    justify-content: center;
    align-items: center;
    color: #000; }
    .t--cn .c-megafoot__subscribeinput > button {
      color: #000; }
    .t--darker .c-megafoot__subscribeinput > button {
      color: #085963; }

.c-megafoot__nav {
  display: grid;
  grid-template-columns: repeat(5, 1fr); }
  .c-megafoot__nav > li:nth-child(1) {
    grid-column: 1/2; }
  .c-megafoot__nav > li:nth-child(2) {
    grid-column: 2/3; }
  .c-megafoot__nav > li:nth-child(3) {
    grid-column: 3/4; }
  .c-megafoot__nav > li:nth-child(4) {
    grid-column: 4/5; }
  .c-megafoot__nav > li:nth-child(5) {
    grid-column: 5/6; }
  .c-megafoot__nav > li > ul {
    display: flex;
    flex-direction: column; }
  .c-megafoot__nav > li > ul > li {
    display: block; }
  .c-megafoot__nav > li > ul > li > a {
    display: block;
    margin-bottom: 15px;
    font-family: 'Lato', 'Noto Sans TC', sans-serif;
    color: #000; }
    .t--cn .c-megafoot__nav > li > ul > li > a {
      font-family: 'Lato', 'Noto Sans SC', sans-serif;
      color: #000; }
    .t--darker .c-megafoot__nav > li > ul > li > a {
      color: #085963; }

.c-megafoot__copyright {
  flex: 5; }

.c-megafoot__privacy {
  flex: 2; }

.c-megafoot__empty {
  flex: 2; }

.c-megafoot__apps {
  display: flex;
  flex-direction: column;
  row-gap: 15px; }

.c-megafoot__label {
  display: block;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: 'Lato', 'Noto Sans TC', sans-serif;
  color: #666; }
  .t--cn .c-megafoot__label {
    font-family: 'Lato', 'Noto Sans SC', sans-serif;
    color: #666; }

.c-megafoot__app {
  display: block;
  width: 140px;
  height: 50px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #000; }
  .c-megafoot__app img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center; }

.c-megafoot__address {
  font-size: 0.9em;
  margin-bottom: 20px;
  font-family: 'Lato', 'Noto Sans TC', sans-serif; }
  .t--cn .c-megafoot__address {
    font-family: 'Lato', 'Noto Sans SC', sans-serif; }
  html[lang='zh-hk'] .c-megafoot__address,
  html[lang='zh-cn'] .c-megafoot__address {
    font-size: 1em; }

.c-megafoot__phone {
  font-size: 0.9em;
  font-family: 'Lato', 'Noto Sans TC', sans-serif; }
  .t--cn .c-megafoot__phone {
    font-family: 'Lato', 'Noto Sans SC', sans-serif; }
  html[lang='zh-hk'] .c-megafoot__phone,
  html[lang='zh-cn'] .c-megafoot__phone {
    font-size: 1em; }

.c-megafoot__socialicons {
  display: flex;
  flex-direction: row;
  column-gap: 15px;
  margin-bottom: 20px; }
  .c-megafoot__socialicons > a {
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 1.5em;
    color: #000; }
    .t--cn .c-megafoot__socialicons > a {
      color: #000; }
    .t--darker .c-megafoot__socialicons > a {
      color: #085963; }
    .c-megafoot__socialicons > a:hover {
      color: #08888c; }
      .t--cn .c-megafoot__socialicons > a:hover {
        color: #08888c; }
      .t--darker .c-megafoot__socialicons > a:hover {
        color: #085963; }
      .t--contrast .c-megafoot__socialicons > a:hover {
        color: #085963; }

.c-megafoot__copyright {
  font-size: 0.9em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: 'Lato', 'Noto Sans TC', sans-serif; }
  .t--cn .c-megafoot__copyright {
    font-family: 'Lato', 'Noto Sans SC', sans-serif; }
  .c-megafoot__copyright > span:after {
    content: '|';
    margin: 0 5px;
    display: inline-block; }
  .c-megafoot__copyright > span:last-child:after {
    display: none; }

.c-megafoot__privacy > a {
  font-size: 0.84em;
  color: #000;
  font-family: 'Lato', 'Noto Sans TC', sans-serif; }
  .t--cn .c-megafoot__privacy > a {
    color: #000;
    font-family: 'Lato', 'Noto Sans SC', sans-serif; }
  .t--darker .c-megafoot__privacy > a {
    color: #085963; }
  .c-megafoot__privacy > a:after {
    content: '|';
    display: inline-block;
    margin: 0 5px;
    cursor: default; }

.c-megafoot__privacy > a:last-child:after {
  display: none; }

@media screen and (max-width: 768px) {
  .c-mega {
    flex: 1; }
  .c-mega__top a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000; }
    .t--cn .c-mega__top a {
      color: #000; }
    .t--darker .c-mega__top a {
      color: #085963; }
  .c-mega__top-menu {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .c-mega__top-logo {
    flex: 1; }
    .c-mega__top-logo a {
      position: relative;
      display: block;
      width: 100%;
      height: 60px;
      padding: 10px;
      box-sizing: border-box; }
    .c-mega__top-logo img {
      display: block;
      object-fit: contain;
      object-position: center center;
      width: 100%;
      height: 100%; }
  .c-mega__top-search {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .l-mega--nosearch .c-mega__top-search a {
    display: none; }
  .c-mega__main-nav {
    display: flex;
    flex-direction: column;
    position: relative; }
    .c-mega__main-nav > li {
      position: unset;
      margin: 0;
      height: 60px;
      padding: 0;
      border-bottom: 1px solid #eee; }
      .t--cn .c-mega__main-nav > li {
        border-bottom: 1px solid #eee; }
      .t--darker .c-mega__main-nav > li {
        border-bottom: 1px solid; }
      .t--contrast .c-mega__main-nav > li {
        border-bottom: 1px solid; }
      .c-mega__main-nav > li > a {
        width: 100%;
        height: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        font-size: 0.84em; }
  .c-mega__settings {
    flex-direction: column; }
    .c-mega__settings > li {
      width: 100%;
      border-bottom: 1px solid #eee; }
      .t--cn .c-mega__settings > li {
        border-bottom: 1px solid #eee; }
      .t--darker .c-mega__settings > li {
        border-bottom: 1px solid; }
      .t--contrast .c-mega__settings > li {
        border-bottom: 1px solid; }
    .c-mega__settings > li > a {
      width: 100%;
      height: 60px;
      display: flex;
      padding: 0 20px;
      justify-content: flex-start;
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: 1px;
      font-size: 0.84em;
      align-items: center;
      box-sizing: border-box;
      font-family: 'Lato', 'Noto Sans TC', sans-serif; }
      .t--cn .c-mega__settings > li > a {
        font-family: 'Lato', 'Noto Sans SC', sans-serif; }
    .c-mega__settings > li > a > span:nth-child(1) {
      margin-right: 15px;
      font-size: 1.5em; }
    .c-mega__settings > li > a > span:nth-child(2) {
      display: flex; }
  .c-mega__langs .c-mega__dropdown {
    display: none; }
  .c-mega__langs-drop {
    display: flex;
    flex-direction: column; }
    .c-mega__langs-drop > li {
      width: 100%;
      border-bottom: 1px solid #eee; }
      .t--cn .c-mega__langs-drop > li {
        border-bottom: 1px solid #eee; }
      .t--darker .c-mega__langs-drop > li {
        border-bottom: 1px solid; }
      .t--contrast .c-mega__langs-drop > li {
        border-bottom: 1px solid; }
    .c-mega__langs-drop > li > a {
      width: 100%;
      height: 60px;
      display: flex;
      padding: 0 20px;
      justify-content: flex-start;
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: 1px;
      font-size: 0.84em;
      align-items: center;
      box-sizing: border-box;
      font-family: 'Lato', 'Noto Sans TC', sans-serif;
      color: #000; }
      .t--cn .c-mega__langs-drop > li > a {
        font-family: 'Lato', 'Noto Sans SC', sans-serif;
        color: #000; }
      .t--darker .c-mega__langs-drop > li > a {
        color: #085963; }
    .c-mega__langs-drop > li > a > span:nth-child(1) {
      margin-right: 15px;
      font-size: 1.5em; }
    .c-mega__langs-drop > li > a > span:nth-child(2) {
      display: flex; }
    .c-mega__langs-drop > li > ul {
      display: none; }
  .c-mega__li > a {
    position: relative; }
  .c-mega__resource-pop-toggle-target > a:after,
  .c-mega__li > a:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 0;
    top: 50%;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9em;
    transform: translate3d(0, -50%, 0);
    font-weight: 300;
    color: #999; }
    .t--cn .c-mega__resource-pop-toggle-target > a:after, .t--cn
    .c-mega__li > a:after {
      color: #999; }
  .c-mega__resource-pop-toggle-target--active > a:after {
    content: "\f107"; }
  .c-mega__main-nav-pop {
    z-index: 1;
    flex-direction: column;
    position: fixed;
    height: calc(100% - 60px);
    top: 60px;
    width: 340px;
    overflow: auto;
    background-color: #fff; }
    .t--cn .c-mega__main-nav-pop {
      background-color: #fff; }
    .t--contrast .c-mega__main-nav-pop {
      background-color: #085963; }
    .c-mega__main-nav-pop > li {
      order: 3;
      padding: 0;
      width: 100%;
      border-bottom: 1px solid #eee; }
      .t--cn .c-mega__main-nav-pop > li {
        border-bottom: 1px solid #eee; }
      .t--darker .c-mega__main-nav-pop > li {
        border-bottom: 1px solid; }
      .t--contrast .c-mega__main-nav-pop > li {
        border-bottom: 1px solid; }
    .c-mega__main-nav-pop > .c-mega__back a,
    .c-mega__main-nav-pop > .c-mega__viewmore a,
    .c-mega__main-nav-pop > .c-mega__li > a {
      display: flex;
      box-sizing: border-box;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: 60px;
      padding: 0 20px;
      margin-bottom: 0;
      font-size: 0.75em;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #000;
      font-family: 'Lato', 'Noto Sans TC', sans-serif; }
      .t--cn .c-mega__main-nav-pop > .c-mega__back a, .t--cn
      .c-mega__main-nav-pop > .c-mega__viewmore a, .t--cn
      .c-mega__main-nav-pop > .c-mega__li > a {
        color: #000;
        font-family: 'Lato', 'Noto Sans SC', sans-serif; }
      .t--darker .c-mega__main-nav-pop > .c-mega__back a, .t--darker
      .c-mega__main-nav-pop > .c-mega__viewmore a, .t--darker
      .c-mega__main-nav-pop > .c-mega__li > a {
        color: #085963; }
    .c-mega__main-nav-pop > li > ul {
      display: none; }
  .c-mega__main-nav-pop--active {
    display: flex; }
  .c-mega__main-nav-pop > li:nth-child(3) {
    order: 2;
    padding: 0; }
    .c-mega__main-nav-pop > li:nth-child(3) > a:after {
      display: none; }
  .c-mega__main-nav-pop > li:nth-child(4) {
    display: flex;
    order: 1;
    padding: 0; }
    .c-mega__main-nav-pop > li:nth-child(4) > a {
      font-size: 0.84em; }
      .c-mega__main-nav-pop > li:nth-child(4) > a:after {
        display: none; }
  .c-mega__main-nav-pop > li:nth-child(4) a {
    width: 100%;
    padding: 0 20px;
    height: 60px;
    box-sizing: border-box;
    background-color: transparent;
    color: #000; }
    .t--cn .c-mega__main-nav-pop > li:nth-child(4) a {
      color: #000; }
    .t--darker .c-mega__main-nav-pop > li:nth-child(4) a {
      color: #085963; }
  .c-mega__main-nav-pop > li:nth-child(4) a > span:nth-child(1) {
    margin-right: 15px; }
  .c-mega__main-nav-pop > li:nth-child(4) a > span:nth-child(2) {
    font-weight: 600; }
  .c-mega__main-nav-pop > li:nth-child(3) a {
    width: 100%;
    padding: 0 20px;
    height: 60px;
    box-sizing: border-box;
    background-color: transparent;
    letter-spacing: 0;
    text-decoration: underline;
    text-transform: capitalize;
    color: #000; }
    .t--cn .c-mega__main-nav-pop > li:nth-child(3) a {
      color: #000; }
    .t--darker .c-mega__main-nav-pop > li:nth-child(3) a {
      color: #085963; }
  .c-mega__resource-pop > li > ul.c-mega__resource-pop-toggle-targets > li.c-mega__resource-pop-toggle-target--active > ul,
  .c-mega__main-nav-pop > li > ul {
    display: flex;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    column-gap: 20px; }
  .c-mega__resource-pop > li > ul.c-mega__resource-pop-toggle-targets > li.c-mega__resource-pop-toggle-target--active > ul:nth-child(2),
  .c-mega__main-nav-pop > li > ul:nth-child(2) {
    padding-bottom: 0;
    margin-bottom: 0; }
    .c-mega__resource-pop > li > ul.c-mega__resource-pop-toggle-targets > li.c-mega__resource-pop-toggle-target--active > ul:nth-child(2) > li > a,
    .c-mega__main-nav-pop > li > ul:nth-child(2) > li > a {
      width: 100%;
      padding: 0; }
    .c-mega__resource-pop > li > ul.c-mega__resource-pop-toggle-targets > li.c-mega__resource-pop-toggle-target--active > ul:nth-child(2) > li > a > span,
    .c-mega__main-nav-pop > li > ul:nth-child(2) > li > a > span {
      margin-bottom: 10px; }
    .c-mega__resource-pop > li > ul.c-mega__resource-pop-toggle-targets > li.c-mega__resource-pop-toggle-target--active > ul:nth-child(2) > li > a > div,
    .c-mega__main-nav-pop > li > ul:nth-child(2) > li > a > div {
      padding-top: 60%;
      display: flex; }
    .c-mega__resource-pop > li > ul.c-mega__resource-pop-toggle-targets > li.c-mega__resource-pop-toggle-target--active > ul:nth-child(2) li:nth-child(n),
    .c-mega__main-nav-pop > li > ul:nth-child(2) li:nth-child(n) {
      display: none;
      width: auto; }
    .c-mega__resource-pop > li > ul.c-mega__resource-pop-toggle-targets > li.c-mega__resource-pop-toggle-target--active > ul:nth-child(2) li:nth-child(1),
    .c-mega__main-nav-pop > li > ul:nth-child(2) li:nth-child(1) {
      display: flex;
      flex: 1; }
    .c-mega__resource-pop > li > ul.c-mega__resource-pop-toggle-targets > li.c-mega__resource-pop-toggle-target--active > ul:nth-child(2) li:nth-child(2),
    .c-mega__main-nav-pop > li > ul:nth-child(2) li:nth-child(2) {
      display: flex;
      flex: 1; }
  .c-mega__resource-pop > li > ul.c-mega__resource-pop-toggle-targets > li.c-mega__resource-pop-toggle-target--active > ul:nth-child(3),
  .c-mega__main-nav-pop > li > ul:nth-child(3) {
    display: flex;
    column-gap: 20px; }
    .c-mega__resource-pop > li > ul.c-mega__resource-pop-toggle-targets > li.c-mega__resource-pop-toggle-target--active > ul:nth-child(3) > li,
    .c-mega__main-nav-pop > li > ul:nth-child(3) > li {
      flex: 1;
      min-width: 40%; }
  .c-mega__about {
    display: none;
    z-index: 1;
    flex-direction: column;
    position: fixed;
    left: 0;
    width: 340px;
    height: calc(100% - 60px);
    top: 60px;
    overflow: auto;
    background-color: #fff; }
    .t--cn .c-mega__about {
      background-color: #fff; }
    .t--contrast .c-mega__about {
      background-color: #085963; }
    .c-mega__about--active {
      display: flex; }
    .c-mega__about > li:nth-child(n) {
      display: none; }
    .c-mega__about > li:nth-child(1) {
      order: 2;
      display: flex;
      padding: 0; }
      .c-mega__about > li:nth-child(1) > a {
        display: none; }
    .c-mega__about > li > ul > li,
    .c-mega__about > li:last-child {
      border-bottom: 1px solid #eee; }
      .t--cn .c-mega__about > li > ul > li, .t--cn
      .c-mega__about > li:last-child {
        border-bottom: 1px solid #eee; }
      .t--darker .c-mega__about > li > ul > li, .t--darker
      .c-mega__about > li:last-child {
        border-bottom: 1px solid; }
      .t--contrast .c-mega__about > li > ul > li, .t--contrast
      .c-mega__about > li:last-child {
        border-bottom: 1px solid; }
    .c-mega__about > li > a {
      font-size: 1em; }
    .c-mega__about > li > ul > li > a,
    .c-mega__about > li:last-child > a {
      width: 100%;
      height: 60px;
      display: flex;
      padding: 0 20px;
      align-items: center;
      justify-content: flex-start;
      margin-bottom: 0;
      text-transform: uppercase;
      letter-spacing: 1px;
      box-sizing: border-box;
      background-color: transparent;
      font-size: 0.75em;
      color: #000;
      font-family: 'Lato', 'Noto Sans TC', sans-serif; }
      .t--cn .c-mega__about > li > ul > li > a, .t--cn
      .c-mega__about > li:last-child > a {
        color: #000;
        font-family: 'Lato', 'Noto Sans SC', sans-serif; }
      .t--darker .c-mega__about > li > ul > li > a, .t--darker
      .c-mega__about > li:last-child > a {
        color: #085963; }
    .c-mega__about > li:last-child {
      padding: 0;
      order: 1;
      display: flex; }
      .c-mega__about > li:last-child > a {
        font-size: 0.84em; }
      .c-mega__about > li:last-child > a > span:nth-child(1) {
        margin-right: 15px; }
      .c-mega__about > li:last-child > a > span:nth-child(2) {
        font-weight: 600; }
  .c-mega__resource {
    display: none;
    z-index: 1;
    flex-direction: column;
    position: fixed;
    left: 0;
    width: 340px;
    height: calc(100% - 60px);
    top: 60px;
    overflow: auto;
    background-color: #fff; }
    .c-mega__resource > li.c-mega__resource-popular {
      order: 3;
      padding-top: 0;
      padding-bottom: 0; }
    .c-mega__resource-popular .c-mega__resource-toggle {
      display: none; }
    .t--cn .c-mega__resource {
      background-color: #fff; }
    .t--contrast .c-mega__resource {
      background-color: #085963; }
    .c-mega__resource--active {
      display: flex; }
    .c-mega__resource > li:nth-child(2) {
      display: none; }
    .c-mega__resource > li:nth-child(1) {
      order: 2;
      display: flex;
      padding: 0; }
      .c-mega__resource > li:nth-child(1) > a {
        display: none; }
    .c-mega__resource-toggle a,
    .c-mega__resource > li > ul > li,
    .c-mega__resource > li:last-child {
      border-bottom: 1px solid #eee; }
      .t--cn .c-mega__resource-toggle a, .t--cn
      .c-mega__resource > li > ul > li, .t--cn
      .c-mega__resource > li:last-child {
        border-bottom: 1px solid #eee; }
      .t--darker .c-mega__resource-toggle a, .t--darker
      .c-mega__resource > li > ul > li, .t--darker
      .c-mega__resource > li:last-child {
        border-bottom: 1px solid; }
      .t--contrast .c-mega__resource-toggle a, .t--contrast
      .c-mega__resource > li > ul > li, .t--contrast
      .c-mega__resource > li:last-child {
        border-bottom: 1px solid; }
    .c-mega__resource .c-mega__resource-pop-li > a,
    .c-mega__resource .c-mega__resource-pop-li .c-mega__resource-pop-toggle-target > a,
    .c-mega__resource > li:nth-child(1) > ul > li > a,
    .c-mega__resource > li:last-child > a {
      width: 100%;
      font-weight: normal;
      height: 60px;
      display: flex;
      padding: 0 20px;
      align-items: center;
      justify-content: flex-start;
      margin-bottom: 0;
      text-transform: uppercase;
      letter-spacing: 1px;
      box-sizing: border-box;
      background-color: transparent;
      font-size: 0.75em;
      color: #000;
      font-family: 'Lato', 'Noto Sans TC', sans-serif; }
      .t--cn .c-mega__resource .c-mega__resource-pop-li > a, .t--cn
      .c-mega__resource .c-mega__resource-pop-li .c-mega__resource-pop-toggle-target > a, .t--cn
      .c-mega__resource > li:nth-child(1) > ul > li > a, .t--cn
      .c-mega__resource > li:last-child > a {
        color: #000;
        font-family: 'Lato', 'Noto Sans SC', sans-serif; }
      .t--darker .c-mega__resource .c-mega__resource-pop-li > a, .t--darker
      .c-mega__resource .c-mega__resource-pop-li .c-mega__resource-pop-toggle-target > a, .t--darker
      .c-mega__resource > li:nth-child(1) > ul > li > a, .t--darker
      .c-mega__resource > li:last-child > a {
        color: #085963; }
    .c-mega__resource > li > a {
      font-size: 1em; }
    .c-mega__resource > li:last-child {
      padding: 0;
      order: 1;
      display: flex; }
      .c-mega__resource > li:last-child > a {
        font-size: 0.84em; }
      .c-mega__resource > li:last-child > a > span:nth-child(1) {
        margin-right: 15px; }
      .c-mega__resource > li:last-child > a > span:nth-child(2) {
        font-weight: 600; }
  .c-mega__resource-pop {
    display: flex;
    flex-direction: column; }
    .c-mega__resource-pop .c-mega__li {
      width: 100%;
      padding: 0;
      border-bottom: 1px solid #eee; }
      .t--cn .c-mega__resource-pop .c-mega__li {
        border-bottom: 1px solid #eee; }
      .t--darker .c-mega__resource-pop .c-mega__li {
        border-bottom: 1px solid; }
      .t--contrast .c-mega__resource-pop .c-mega__li {
        border-bottom: 1px solid; }
    .c-mega__resource-pop > li:nth-child(3) {
      display: none; }
    .c-mega__resource-pop .c-mega__resource-pop-toggle-targets {
      display: none;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      background-color: #fff; }
      .t--cn .c-mega__resource-pop .c-mega__resource-pop-toggle-targets {
        background-color: #fff; }
      .t--contrast .c-mega__resource-pop .c-mega__resource-pop-toggle-targets {
        background-color: #085963; }
    .c-mega__resource-pop .c-mega__resource-pop-toggle-targets.c-mega__resource-pop-toggle-targets--active {
      display: block; }
    .c-mega__resource-pop > li > ul > .c-mega__resource-pop-toggle-target {
      display: flex; }
      .c-mega__resource-pop > li > ul > .c-mega__resource-pop-toggle-target > a {
        position: relative;
        border-bottom: 1px solid #eee; }
        .t--cn .c-mega__resource-pop > li > ul > .c-mega__resource-pop-toggle-target > a {
          border-bottom: 1px solid #eee; }
        .t--darker .c-mega__resource-pop > li > ul > .c-mega__resource-pop-toggle-target > a {
          border-bottom: 1px solid; }
        .t--contrast .c-mega__resource-pop > li > ul > .c-mega__resource-pop-toggle-target > a {
          border-bottom: 1px solid; }
    .c-mega__resource-pop .c-mega__resource-pop-toggle-target ul {
      display: none; }
    .c-mega__resource-pop .c-mega__resource-pop-toggle-target.c-mega__resource-pop-toggle-target--active {
      border-bottom: 1px solid #eee; }
      .t--cn .c-mega__resource-pop .c-mega__resource-pop-toggle-target.c-mega__resource-pop-toggle-target--active {
        border-bottom: 1px solid #eee; }
      .t--darker .c-mega__resource-pop .c-mega__resource-pop-toggle-target.c-mega__resource-pop-toggle-target--active {
        border-bottom: 1px solid; }
      .t--contrast .c-mega__resource-pop .c-mega__resource-pop-toggle-target.c-mega__resource-pop-toggle-target--active {
        border-bottom: 1px solid; }
    .c-mega__resource-pop .c-mega__resource-pop-toggle-target.c-mega__resource-pop-toggle-target--active ul {
      display: flex; }
    .c-mega__resource-pop .c-mega__back {
      font-size: 1em;
      border-bottom: 1px solid #eee; }
      .t--cn .c-mega__resource-pop .c-mega__back {
        border-bottom: 1px solid #eee; }
      .t--darker .c-mega__resource-pop .c-mega__back {
        border-bottom: 1px solid; }
      .t--contrast .c-mega__resource-pop .c-mega__back {
        border-bottom: 1px solid; }
    .c-mega__resource-pop .c-mega__back a {
      width: 100%;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 0 20px;
      margin-bottom: 0;
      text-transform: uppercase;
      letter-spacing: 1px;
      box-sizing: border-box;
      background-color: transparent;
      font-size: 0.84em;
      width: 100%;
      color: #000;
      font-family: 'Lato', 'Noto Sans TC', sans-serif; }
      .c-mega__resource-pop .c-mega__back a span:nth-child(1) {
        margin-right: 15px; }
      .c-mega__resource-pop .c-mega__back a span:nth-child(2) {
        font-weight: 600; }
      .t--cn .c-mega__resource-pop .c-mega__back a {
        color: #000;
        font-family: 'Lato', 'Noto Sans SC', sans-serif; }
      .t--darker .c-mega__resource-pop .c-mega__back a {
        color: #085963; }
  .c-mega__agent {
    display: none;
    z-index: 1;
    flex-direction: column;
    position: fixed;
    left: 0;
    width: 340px;
    height: calc(100% - 60px);
    top: 60px;
    overflow: auto;
    justify-content: flex-start;
    background-color: #fff; }
    .t--cn .c-mega__agent {
      background-color: #fff; }
    .t--contrast .c-mega__agent {
      background-color: #085963; }
    .c-mega__agent--active {
      display: flex; }
    .c-mega__agent > li {
      border-bottom: 1px solid #eee; }
      .t--cn .c-mega__agent > li {
        border-bottom: 1px solid #eee; }
      .t--darker .c-mega__agent > li {
        border-bottom: 1px solid; }
      .t--contrast .c-mega__agent > li {
        border-bottom: 1px solid; }
    .c-mega__agent > li {
      padding: 0;
      width: 100%;
      order: 2; }
    .c-mega__agent > li > a {
      width: 100%;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 0 20px;
      margin-bottom: 0;
      text-transform: uppercase;
      letter-spacing: 1px;
      box-sizing: border-box;
      background-color: transparent;
      font-size: 0.75em;
      color: #000;
      font-family: 'Lato', 'Noto Sans TC', sans-serif; }
      .t--cn .c-mega__agent > li > a {
        color: #000;
        font-family: 'Lato', 'Noto Sans SC', sans-serif; }
      .t--darker .c-mega__agent > li > a {
        color: #085963; }
    .c-mega__agent > li > ul {
      display: none; }
    .c-mega__agent > li:last-child {
      padding: 0;
      order: 1;
      display: flex; }
      .c-mega__agent > li:last-child > a {
        font-size: 0.84em; }
      .c-mega__agent > li:last-child > a > span:nth-child(1) {
        margin-right: 15px; }
      .c-mega__agent > li:last-child > a > span:nth-child(2) {
        font-weight: 600; }
  .c-mega__top-menu > a > span {
    display: flex; }
  .u-noscroll .c-mega__top-menu > a > span:nth-child(1) {
    display: none; }
  .c-mega__top-menu > a > span:nth-child(2) {
    display: none; }
  .u-noscroll .c-mega__top-menu > a > span:nth-child(2) {
    display: flex; }
  .c-mega__settings > li > ul {
    display: flex;
    flex-direction: column; }
  .c-mega__settings > li > ul > li {
    width: 100%;
    display: none; }
  .c-mega__settings > li.c-mega__favorite--active > ul > li,
  .c-mega__settings > li.c-mega__account--active > ul > li {
    display: flex; }
  .c-mega__settings > li.c-mega__favorite--active,
  .c-mega__settings > li.c-mega__account--active {
    padding-bottom: 15px; }
  .c-mega__settings > li > ul > li > a {
    width: 100%;
    padding: 0 20px;
    padding-left: 55px;
    height: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1;
    font-size: 0.84em; }
  .c-mega__settings li.c-mega__account--active > a:after,
  .c-mega__settings li.c-mega__favorite--active > a:after {
    content: "\f107"; }
  .c-mega__langs-drop .c-mega__li > a {
    display: flex; }
  .c-mega__langs .c-mega {
    position: relative;
    top: 0; }
  .c-mega__langs-drop > li > ul {
    display: none;
    flex-direction: column; }
  .c-mega__langs-drop > li > ul > li > a {
    padding: 0 20px;
    padding-left: 55px;
    height: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1;
    font-size: 0.84em; }
  .c-mega__langs-drop--active > li > ul {
    display: flex; }
  .c-mega__langs-drop--active > li {
    padding-bottom: 15px; }
  .c-mega__langs-drop--active > li > a:after {
    content: "\f107"; }
  .c-mega__li--leaf a:after {
    display: none; } }

@media screen and (max-width: 1440px) {
  .c-megafoot__copyright {
    justify-content: flex-start; } }

@media screen and (max-width: 1140px) {
  .c-megafoot__subscribe {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
  .c-megafoot__nav {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    align-items: center; }
  .c-megafoot__nav > li > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 15px;
    justify-content: center; }
  .c-megafoot__nav > li > ul > li {
    margin-bottom: 5px; }
  .c-megafoot__nav > li > ul > a {
    flex: none;
    width: auto;
    font-size: 0.9em; }
  .c-megafoot__nav > li > ul > li > a {
    margin-bottom: 0; }
  .c-megafoot__label {
    margin-bottom: 5px;
    text-transform: capitalize;
    font-size: 0.84em;
    text-align: center; }
  .l-megafoot__app .c-megafoot__label {
    display: none; }
  .l-megafoot__connect .c-megafoot__label {
    display: none; }
  .c-megafoot__apps {
    display: flex;
    flex-direction: row;
    column-gap: 15px;
    justify-content: center; }
  .c-megafoot__socialicons {
    display: flex;
    flex-direction: row;
    column-gap: 15px;
    justify-content: center; }
  .c-megafoot__address {
    text-align: center; }
  .c-megafoot__phone {
    text-align: center; }
  .c-megafoot__privacy {
    flex: none;
    margin-bottom: 15px; }
    .c-megafoot__privacy > a {
      font-size: 0.84em; }
  .c-megafoot__copyright {
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 5px;
    margin-bottom: 20px; }
    .c-megafoot__copyright > span {
      display: block;
      text-align: center;
      font-size: 0.84em; }
    .c-megafoot__copyright > span:after {
      display: none; } }

.c-minitab {
  display: flex;
  margin-bottom: 20px;
  flex-wrap: wrap; }
  @media screen and (max-width: 520px) {
    .c-minitab {
      margin-left: -20px;
      margin-right: -20px;
      padding: 10px;
      justify-content: space-evenly;
      background-color: #f9f9f9; }
      .t--cn .c-minitab {
        background-color: #f9f9f9; }
      .t--darker .c-minitab {
        background-color: #e6e6e7; } }
  .c-minitab__item {
    padding: 10px;
    font-size: 1.1em;
    font-weight: 400;
    cursor: pointer;
    min-width: 110px;
    border-radius: 0;
    text-align: center;
    color: #999;
    border-bottom: 1px solid #999;
    font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
    @media screen and (max-width: 520px) {
      .c-minitab__item {
        width: 110px;
        padding: 5px; } }
    .c-minitab__item .fa {
      margin-right: 5px; }
    .t--cn .c-minitab__item {
      color: #999;
      border-bottom: 1px solid #999;
      font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }
    .t--darker .c-minitab__item {
      border-bottom: 1px solid; }
    .t--contrast .c-minitab__item {
      border-bottom: 1px solid; }
    .c-minitab__item--active {
      font-weight: 800;
      color: #333;
      border-bottom: 1px solid #000; }
      .t--cn .c-minitab__item--active {
        color: #333;
        border-bottom: 1px solid #000; }
      .t--darker .c-minitab__item--active {
        color: #393737;
        border-bottom: 1px solid #085963; }
      .t--contrast .c-minitab__item--active {
        border-bottom: 1px solid; }
    .c-minitab__item:hover {
      text-decoration: underline;
      color: #085963; }
      .t--cn .c-minitab__item:hover {
        color: #085963; }
      .t--darker .c-minitab__item:hover {
        color: #085963; }
    @media screen and (max-width: 520px) {
      .c-minitab__item {
        border-radius: 0;
        margin-right: 10px;
        padding: 5px 10px;
        margin-bottom: 10px; } }
  .c-minitab__text {
    padding-bottom: 20px; }
  .c-minitab__map {
    width: 100%;
    position: relative; }
    .c-minitab__map:before {
      content: ' ';
      display: block;
      position: relative;
      height: 0;
      padding-top: 50%;
      width: 100%; }
    .c-minitab__map iframe {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }

@media screen and (max-width: 520px) {
  .t--darker .c-minitab__item {
    border-radius: 0; } }

.c-minitab__item h1, .c-minitab__item h2, .c-minitab__item h3, .c-minitab__item h4, .c-minitab__item h5, .c-minitab__item h6 {
  font-size: 1.2em; }

.c-simple-input {
  display: flex;
  align-items: center;
  padding: 10px;
  background-color: #fff; }
  .t--cn .c-simple-input {
    background-color: #fff; }
  .t--contrast .c-simple-input {
    background-color: #085963; }
  .c-simple-input__input {
    flex: 1;
    border: 0;
    min-width: 0; }
  .c-simple-input__addon {
    width: 30px;
    text-align: center;
    color: #000; }
    .t--cn .c-simple-input__addon {
      color: #000; }
    .t--darker .c-simple-input__addon {
      color: #085963; }

.c-enquireform__ctas {
  display: flex;
  flex-direction: row; }

.c-enquireform__fixhead {
  text-align: center;
  font-size: 2em;
  font-weight: 600;
  margin-bottom: 20px;
  font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif;
  color: #333; }
  .t--cn .c-enquireform__fixhead {
    font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif;
    color: #333; }
  .t--darker .c-enquireform__fixhead {
    color: #393737; }
  .l-contactpop .c-enquireform__fixhead {
    display: none; }

.c-enquireform__main {
  margin-bottom: 20px;
  background-color: #f9f9f9; }
  .t--cn .c-enquireform__main {
    background-color: #f9f9f9; }
  .t--darker .c-enquireform__main {
    background-color: #e6e6e7; }

.c-enquireform__replybar {
  padding: 15px 30px;
  padding-right: 10px;
  background-color: #08888c;
  color: #fff; }
  .t--cn .c-enquireform__replybar {
    background-color: #08888c;
    color: #fff; }
  .t--darker .c-enquireform__replybar {
    background-color: #085963;
    color: #fff; }
  .t--contrast .c-enquireform__replybar {
    background-color: #085963;
    color: #fff; }

.c-enquireform__target {
  padding: 30px;
  background-color: #f3f3f3; }
  .t--cn .c-enquireform__target {
    background-color: #f3f3f3; }
  @media screen and (max-width: 768px) {
    .c-enquireform__target {
      padding: 15px; } }

.c-enquireform__form {
  padding: 0 30px;
  margin-bottom: 20px; }

.c-enquireform__disclaimer {
  padding: 0 30px;
  margin-bottom: 20px;
  font-size: 0.84em;
  color: #999; }
  .t--cn .c-enquireform__disclaimer {
    color: #999; }

.c-forms__ctas {
  display: flex;
  flex-direction: row;
  column-gap: 10px; }

.c-forms__errors {
  padding: 10px 20px;
  background-color: #ffffd9;
  margin-bottom: 20px; }
  .t--cn .c-forms__errors {
    background-color: #ffffd9; }

.c-forms__error {
  color: #666; }
  .t--cn .c-forms__error {
    color: #666; }
  .c-forms__error .fal {
    margin-right: 5px; }

.c-forms__row {
  margin-bottom: 20px; }

.c-forms__required {
  width: 5px;
  height: 5px;
  display: inline-block;
  border-radius: 100%;
  margin: 0 5px;
  background-color: #ed4c4c; }
  .t--cn .c-forms__required {
    background-color: #ed4c4c; }
  .c-forms__required--done {
    background-color: #08888c; }
    .t--cn .c-forms__required--done {
      background-color: #08888c; }
    .t--darker .c-forms__required--done {
      background-color: #085963; }
    .t--contrast .c-forms__required--done {
      background-color: #085963; }

.c-forms__required--float {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -2px; }

.c-forms__title {
  cursor: default;
  font-size: 1em;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #333; }
  .t--cn .c-forms__title {
    color: #333; }
  .t--darker .c-forms__title {
    color: #393737; }
  @media screen and (max-width: 768px) {
    .c-forms__title {
      font-size: 0.84em;
      padding-bottom: 0;
      font-weight: 600;
      color: #999; }
      .t--cn .c-forms__title {
        color: #999; } }

.c-forms__checkbox:hover .c-forms__info > span {
  display: block; }

.c-forms__title:hover .c-forms__info > span {
  display: block; }

.c-forms__postfix:hover .c-forms__info > span {
  display: block; }

.c-mortgage__calrow:hover .c-forms__info > span {
  display: block; }

.c-forms__title .fa,
.c-forms__title .fal,
.c-forms__title .far,
.c-forms__title .fas {
  margin: 0 5px;
  font-size: 12pt;
  color: #666; }
  .t--cn .c-forms__title .fa, .t--cn
  .c-forms__title .fal, .t--cn
  .c-forms__title .far, .t--cn
  .c-forms__title .fas {
    color: #666; }

.c-forms__cols {
  display: flex;
  margin: 0 -5px;
  position: relative; }

.c-forms__col {
  flex: 1 1 0px;
  min-width: 0;
  margin: 0 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative; }

.c-forms__col--withrange {
  flex: 0 0 250px; }
  @media screen and (max-width: 768px) {
    .c-forms__col--withrange {
      flex: 0 0 100px; } }

.c-forms__col--sm {
  max-width: 120px;
  min-width: 100px; }

.c-forms__col--xxs {
  max-width: 70px;
  min-width: 50px; }

.c-forms__col--range {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.c-forms__col--xs {
  flex: 0 0 100px; }

.c-forms__col--md {
  flex: 0 0 300px; }

.c-forms__col--text {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 1px;
  color: #666; }
  .t--cn .c-forms__col--text {
    color: #666; }

.c-forms__col--hint {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0.8em;
  text-transform: uppercase;
  color: #666; }
  .t--cn .c-forms__col--hint {
    color: #666; }

.c-forms__col--row {
  flex-direction: row; }

.c-forms__fields {
  display: flex;
  padding: 0;
  border-bottom: 1px solid #666; }
  .t--cn .c-forms__fields {
    border-bottom: 1px solid #666; }
  .t--darker .c-forms__fields {
    border-bottom: 1px solid; }
  .t--contrast .c-forms__fields {
    border-bottom: 1px solid; }
  .c-forms__fields--bg {
    border-bottom: none;
    border-radius: 4px;
    transition: background-color 0.1s linear;
    border: 1px solid transparent;
    background-color: #f5f5f5;
    box-shadow: 1px 1px 4px -3px #333; }
    .t--cn .c-forms__fields--bg {
      border: 1px solid transparent;
      background-color: #f5f5f5;
      box-shadow: 1px 1px 4px -3px #333; }
    .t--darker .c-forms__fields--bg {
      border: 1px solid transparent;
      background-color: #f9f9f9;
      box-shadow: 1px 1px 4px -3px black; }
    .t--contrast .c-forms__fields--bg {
      border: 1px solid transparent;
      box-shadow: 1px 1px 4px -3px #333; }
  .c-forms__fields--bg:hover, .c-forms__fields--bg:active {
    border-color: #ddd;
    box-shadow: none;
    background-color: #fff; }
    .t--cn .c-forms__fields--bg:hover, .t--cn .c-forms__fields--bg:active {
      border-color: #ddd;
      box-shadow: none;
      background-color: #fff; }
    .t--darker .c-forms__fields--bg:hover, .t--darker .c-forms__fields--bg:active {
      border-color: #eee;
      box-shadow: none; }
    .t--contrast .c-forms__fields--bg:hover, .t--contrast .c-forms__fields--bg:active {
      box-shadow: none;
      background-color: #085963; }
  .c-forms__fields--invalid {
    border-bottom-color: #ed4c4c; }
    .t--cn .c-forms__fields--invalid {
      border-bottom-color: #ed4c4c; }

.c-forms__col--disable .c-forms__fields {
  background-color: #ccc; }
  .t--cn .c-forms__col--disable .c-forms__fields {
    background-color: #ccc; }
  .c-forms__col--disable .c-forms__fields input,
  .c-forms__col--disable .c-forms__fields select,
  .c-forms__col--disable .c-forms__fields textarea {
    color: #999; }
    .t--cn .c-forms__col--disable .c-forms__fields input, .t--cn
    .c-forms__col--disable .c-forms__fields select, .t--cn
    .c-forms__col--disable .c-forms__fields textarea {
      color: #999; }

.c-forms--dark .c-forms__fields {
  background-color: #eee;
  border-bottom: 2px solid #018190; }
  .t--cn .c-forms--dark .c-forms__fields {
    background-color: #eee;
    border-bottom: 2px solid #018190; }
  .t--darker .c-forms--dark .c-forms__fields {
    border-bottom: 2px solid #018190; }
  .t--contrast .c-forms--dark .c-forms__fields {
    border-bottom: 2px solid; }

.c-forms__field {
  flex: 1 1 0px;
  height: 46px;
  box-sizing: border-box;
  position: relative;
  align-items: center;
  display: flex; }

.c-forms__field--short {
  flex: 0 0 80px; }

.c-forms--sm .c-forms__field {
  height: 36px; }

.c-forms--lg .c-forms__field {
  height: 50px; }

.c-forms__field--taller {
  height: 60px;
  padding-top: 5px; }

.c-forms__field--square {
  flex: 0 0 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.84em;
  text-transform: uppercase;
  color: #999; }
  .t--cn .c-forms__field--square {
    color: #999; }
  .c-forms__field--square:last-child {
    justify-content: flex-end; }
  .c-forms__field--square:first-child {
    justify-content: flex-start; }

.c-forms__field--addon {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9em;
  text-transform: uppercase;
  min-width: 46px;
  padding: 0 15px;
  color: #666; }
  .t--cn .c-forms__field--addon {
    color: #666; }
  .c-forms__field--addon:last-child {
    justify-content: flex-end; }
  .c-forms__field--addon:first-child {
    justify-content: flex-start; }

.c-forms__field--addon-pad {
  padding: 0 5px; }

.c-forms input[type='number'] {
  letter-spacing: 1px; }

.c-forms__range {
  width: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  transition: all 0.2s ease-out; }
  @media screen and (max-width: 768px) {
    .c-forms__range {
      display: none; } }

.c-forms__row:hover .c-forms__range {
  opacity: 1; }

.c-forms__input {
  height: 100%;
  box-sizing: border-box;
  width: 100%;
  border: none;
  font-size: 1em;
  background-color: transparent;
  resize: none;
  outline: none;
  font-family: Open Sans, 'Noto Sans TC', sans-serif;
  -moz-appearance: textfield; }
  .c-forms__input:invalid {
    font-size: 1em;
    font-family: Open Sans, 'Noto Sans TC', sans-serif; }
    .t--cn .c-forms__input:invalid {
      font-family: Open Sans, 'Noto Sans SC', sans-serif; }
    .t--contrast .c-forms__input:invalid {
      font-family: 'Open Sans', 'Noto Sans TC', 'Noto Sans SC', sans-serif; }
  .t--cn .c-forms__input {
    font-family: Open Sans, 'Noto Sans SC', sans-serif; }
  .t--contrast .c-forms__input {
    font-family: 'Open Sans', 'Noto Sans TC', 'Noto Sans SC', sans-serif; }
  .c-forms__input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .c-forms__input::placeholder {
    font-size: 1em;
    font-family: Open Sans, 'Noto Sans TC', sans-serif; }
    .t--cn .c-forms__input::placeholder {
      font-family: Open Sans, 'Noto Sans SC', sans-serif; }
    .t--contrast .c-forms__input::placeholder {
      font-family: 'Open Sans', 'Noto Sans TC', 'Noto Sans SC', sans-serif; }
  .c-forms__input--center {
    text-align: center; }

.c-forms__responses {
  display: flex;
  justify-content: space-between;
  padding-top: 5px; }

.c-forms__response {
  flex: 1 1 auto;
  color: #666; }
  .t--cn .c-forms__response {
    color: #666; }

.c-forms__response--error {
  font-size: 0.84em;
  text-transform: uppercase;
  color: #ed4c4c; }
  .t--cn .c-forms__response--error {
    color: #ed4c4c; }

.c-forms__response--hint {
  font-size: 0.84em;
  text-transform: uppercase;
  color: #666; }
  .t--cn .c-forms__response--hint {
    color: #666; }

.c-forms__responsetext {
  font-size: 0.65em;
  color: #999; }
  .t--cn .c-forms__responsetext {
    color: #999; }

.c-forms__button {
  border: none;
  width: 100%;
  padding: 10px 20px;
  border-radius: 2px;
  font-size: 0.9em;
  cursor: pointer;
  color: #fff;
  background-color: #bc9408; }
  .c-forms__button:hover {
    color: #fff;
    background-color: #bc9408; }
    .t--cn .c-forms__button:hover {
      color: #fff;
      background-color: #bc9408; }
    .t--darker .c-forms__button:hover {
      color: #fff; }
    .t--contrast .c-forms__button:hover {
      color: #fff; }
  .c-forms__button:active {
    color: #fff;
    background-color: #bc9408; }
    .t--cn .c-forms__button:active {
      color: #fff;
      background-color: #bc9408; }
    .t--darker .c-forms__button:active {
      color: #fff; }
    .t--contrast .c-forms__button:active {
      color: #fff; }
  .t--cn .c-forms__button {
    color: #fff;
    background-color: #bc9408; }
  .t--darker .c-forms__button {
    color: #fff; }
  .t--contrast .c-forms__button {
    color: #fff; }

.c-forms__checkbox {
  cursor: pointer;
  align-items: center;
  display: flex;
  margin: 10px 0; }
  .c-forms__checkbox input[type='checkbox'] {
    margin: 0;
    display: inline-block;
    height: 20px;
    width: 20px;
    -moz-appearance: checkbox;
    margin-right: 10px;
    border: 1px solid #ddd; }
    .t--cn .c-forms__checkbox input[type='checkbox'] {
      border: 1px solid #ddd; }
    .t--darker .c-forms__checkbox input[type='checkbox'] {
      border: 1px solid #eee; }
    .t--contrast .c-forms__checkbox input[type='checkbox'] {
      border: 1px solid; }
  .c-forms__checkbox label {
    font-size: 1em;
    color: #666; }
    .t--cn .c-forms__checkbox label {
      color: #666; }
    .c-forms__checkbox label .fa,
    .c-forms__checkbox label .far,
    .c-forms__checkbox label .fas {
      margin: 0 5px;
      font-size: 0.84em;
      color: #666; }
      .t--cn .c-forms__checkbox label .fa, .t--cn
      .c-forms__checkbox label .far, .t--cn
      .c-forms__checkbox label .fas {
        margin: 0 5px;
        font-size: 0.84em;
        color: #666; }
      .t--darker .c-forms__checkbox label .fa, .t--darker
      .c-forms__checkbox label .far, .t--darker
      .c-forms__checkbox label .fas {
        margin: 0 5px;
        font-size: 0.84em; }
      .t--contrast .c-forms__checkbox label .fa, .t--contrast
      .c-forms__checkbox label .far, .t--contrast
      .c-forms__checkbox label .fas {
        margin: 0 5px;
        font-size: 0.84em; }

.c-forms__selectables {
  display: flex; }

.c-forms__selectable {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5px 10px;
  min-width: 60px;
  box-sizing: border-box;
  cursor: pointer;
  border-right: 1px solid #ddd;
  background-color: #f9f9f9;
  border-bottom: 2px solid #b1d2c6; }
  .c-forms__selectable:hover {
    background-color: #fff; }
    .t--cn .c-forms__selectable:hover {
      background-color: #fff; }
    .t--contrast .c-forms__selectable:hover {
      background-color: #085963; }
  .c-forms__selectable:last-child {
    border-right: none; }
    .t--cn .c-forms__selectable:last-child {
      border-right: none; }
    .t--darker .c-forms__selectable:last-child {
      border-right: none; }
    .t--contrast .c-forms__selectable:last-child {
      border-right: none; }
  .t--cn .c-forms__selectable {
    border-right: 1px solid #ddd;
    background-color: #f9f9f9;
    border-bottom: 2px solid #b1d2c6; }
  .t--darker .c-forms__selectable {
    border-right: 1px solid #eee;
    background-color: #e6e6e7;
    border-bottom: 2px solid; }
  .t--contrast .c-forms__selectable {
    border-right: 1px solid;
    border-bottom: 2px solid; }
  .c-forms__selectable input[type='radio'] {
    display: none; }
  .c-forms__selectable label {
    font-size: 0.65em;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #666; }
    .t--cn .c-forms__selectable label {
      color: #666; }
  .c-forms__selectable .fas,
  .c-forms__selectable .far,
  .c-forms__selectable .fa {
    font-size: 1em;
    margin-bottom: 5px;
    color: #666; }
    .t--cn .c-forms__selectable .fas, .t--cn
    .c-forms__selectable .far, .t--cn
    .c-forms__selectable .fa {
      color: #666; }

.c-forms__selectable--lg {
  padding: 10px 15px;
  min-width: 90px; }

.c-forms__selectable--active {
  border-bottom: 2px solid #018190;
  background-color: #fff; }
  .t--cn .c-forms__selectable--active {
    border-bottom: 2px solid #018190;
    background-color: #fff; }
  .t--darker .c-forms__selectable--active {
    border-bottom: 2px solid #018190; }
  .t--contrast .c-forms__selectable--active {
    border-bottom: 2px solid;
    background-color: #085963; }
  .c-forms__selectable--active .fas,
  .c-forms__selectable--active .far,
  .c-forms__selectable--active .fa {
    color: #085963; }
    .t--cn .c-forms__selectable--active .fas, .t--cn
    .c-forms__selectable--active .far, .t--cn
    .c-forms__selectable--active .fa {
      color: #085963; }
    .t--darker .c-forms__selectable--active .fas, .t--darker
    .c-forms__selectable--active .far, .t--darker
    .c-forms__selectable--active .fa {
      color: #085963; }
  .c-forms__selectable--active label {
    color: #085963; }
    .t--cn .c-forms__selectable--active label {
      color: #085963; }
    .t--darker .c-forms__selectable--active label {
      color: #085963; }

.c-forms__suggestions {
  position: absolute;
  top: calc(46px + 1px);
  left: 0;
  width: 100%;
  z-index: 2;
  background-color: #fff;
  box-shadow: 0 3px 5px -2px #999; }
  .t--cn .c-forms__suggestions {
    background-color: #fff;
    box-shadow: 0 3px 5px -2px #999; }
  .t--darker .c-forms__suggestions {
    box-shadow: 0 3px 5px -2px #999; }
  .t--contrast .c-forms__suggestions {
    background-color: #085963;
    box-shadow: 0 3px 5px -2px; }

.c-forms__suggestion {
  display: flex;
  padding: 10px 20px;
  box-sizing: border-box;
  cursor: pointer; }
  .c-forms__suggestion:hover, .c-forms__suggestion--active {
    background-color: #f9f9f9; }
    .t--cn .c-forms__suggestion:hover, .t--cn .c-forms__suggestion--active {
      background-color: #f9f9f9; }
    .t--darker .c-forms__suggestion:hover, .t--darker .c-forms__suggestion--active {
      background-color: #e6e6e7; }

.c-forms__suggestion-caption {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9em;
  color: #999;
  border-bottom: 1px solid #ddd; }
  .t--cn .c-forms__suggestion-caption {
    color: #999;
    border-bottom: 1px solid #ddd; }
  .t--darker .c-forms__suggestion-caption {
    border-bottom: 1px solid #eee; }
  .t--contrast .c-forms__suggestion-caption {
    border-bottom: 1px solid; }

.c-forms__suggestion-icon {
  flex: 0 0 46px;
  height: 46px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-size: 0.9em;
  padding: 5px;
  box-sizing: border-box;
  color: #666; }
  .t--cn .c-forms__suggestion-icon {
    color: #666; }

.c-forms__suggestion-body {
  flex: 1 1 0px;
  display: flex;
  flex-direction: column; }

.c-forms__suggestion-address {
  font-size: 1em;
  margin-bottom: 5px;
  color: #333; }
  .t--cn .c-forms__suggestion-address {
    color: #333; }
  .t--darker .c-forms__suggestion-address {
    color: #393737; }

.c-forms__suggestion-district {
  font-size: 0.84em;
  color: #999; }
  .t--cn .c-forms__suggestion-district {
    color: #999; }

.c-forms__header {
  color: #999;
  font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
  .t--cn .c-forms__header {
    color: #999;
    font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }

.c-forms__info {
  margin-left: 10px;
  position: relative; }
  .c-forms__info:before {
    content: '\f059';
    font-family: 'Font Awesome 5 Pro'; }
  .c-forms__info span {
    color: #333;
    background-color: #fff;
    border: 1px solid #666;
    display: none;
    position: absolute;
    max-width: 230px;
    left: 19px;
    width: max-content;
    z-index: 1;
    padding: 3px 7px;
    text-transform: none;
    font-size: 0.8em;
    border-radius: 1px;
    bottom: 10px;
    font-family: Segoe UI; }
    .t--cn .c-forms__info span {
      color: #333;
      background-color: #fff;
      border: 1px solid #666; }
    .t--darker .c-forms__info span {
      color: #333;
      background-color: #fff;
      border: 1px solid #666; }
    .t--contrast .c-forms__info span {
      color: #333;
      background-color: #fff;
      border: 1px solid #666; }

@media screen and (max-width: 768px) {
  .c-forms__postfix .c-forms__info:before {
    font-size: 0.84em;
    padding-bottom: 0;
    font-weight: 600;
    color: #999; }
    .t--cn .c-forms__postfix .c-forms__info:before {
      color: #999; } }

@media screen and (max-width: 768px) {
  .c-forms__postfix .c-forms__info span {
    left: auto;
    right: 0; } }

@media screen and (max-width: 768px) {
  .c-mortgage__calrow .c-forms__info:before {
    font-size: 0.84em;
    padding-bottom: 0;
    font-weight: 600;
    color: #999; }
    .t--cn .c-mortgage__calrow .c-forms__info:before {
      color: #999; } }

@media screen and (max-width: 768px) {
  .c-mortgage__calrow .c-forms__info span {
    left: auto;
    right: 0; } }

@media screen and (max-width: 768px) {
  .c-forms__checkbox .c-forms__info:before {
    font-size: 0.84em;
    padding-bottom: 0;
    font-weight: 600;
    color: #999; }
    .t--cn .c-forms__checkbox .c-forms__info:before {
      color: #999; } }

@media screen and (max-width: 768px) {
  .c-forms__checkbox .c-forms__info span {
    left: auto;
    right: 0; } }

.c-forms__switch {
  display: inline-flex;
  flex-direction: row;
  overflow: hidden;
  box-shadow: 1px 1px 2px -1px #666; }
  .t--cn .c-forms__switch {
    box-shadow: 1px 1px 2px -1px #666; }
  .t--darker .c-forms__switch {
    box-shadow: 1px 1px 2px -1px; }
  .t--contrast .c-forms__switch {
    box-shadow: 1px 1px 2px -1px; }

.c-forms__actions {
  display: flex;
  justify-content: space-between; }
  .c-forms__actions--center {
    justify-content: center; }

.c-forms__field--addon.c-forms__field--taller {
  align-items: flex-start;
  padding-top: 10px; }

.l-propmeta__contactform .c-forms__required--float {
  display: none; }

/* Base styles for the dropdown */
.country-code-dropdown {
  border: none;
  /* Remove border when not focused */
  outline: none;
  /* Remove default outline */
  background-color: transparent;
  /* Optional: Make background transparent */
  padding: 8px;
  /* Adjust padding as needed */
  font-size: 16px;
  /* Ensure readable text */
  /* Retain default appearance to keep the down arrow */
  -webkit-appearance: none;
  /* Remove default styling in WebKit browsers */
  -moz-appearance: none;
  /* Remove default styling in Firefox */
  appearance: none;
  /* Remove default styling in other browsers */
  /* Add a custom background image for the arrow if necessary */
  background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6"><path fill="%23000" d="M0 0l5 6 5-6z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px 6px;
  cursor: pointer;
  /* Change cursor to pointer on hover */
  width: 30%; }

/* Add a border when the dropdown is focused */
.country-code-dropdown:focus {
  border: 1px solid #000;
  border-radius: 4px;
  background-color: #fff;
  /* Optional: Change background on focus */ }

/* Optional: Transition for smooth border appearance */
.country-code-dropdown {
  transition: border 0.3s ease, background-color 0.3s ease;
  min-width: 200px;
  padding: 8px;
  margin-right: 5px; }

.c-calloremail {
  display: none;
  position: fixed;
  width: 100%;
  z-index: 2;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  transform: translate3d(0, 8px, 0);
  transition: all 0.3s ease-out;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  color: #fff; }
  .t--cn .c-calloremail {
    background-color: #fff;
    color: #fff; }
  .t--darker .c-calloremail {
    color: #fff; }
  .t--contrast .c-calloremail {
    background-color: #085963;
    color: #fff; }
  @media screen and (max-width: 768px) {
    .c-calloremail {
      display: flex;
      flex-direction: column; } }
  .c-calloremail__item {
    font-size: 0.9em;
    flex: 1 1 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 20px;
    margin: 2px 0;
    height: 36px;
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid #b61229;
    background-color: #eee;
    color: #b61229;
    box-shadow: 1px 1px 3px -2px #333; }
    .t--cn .c-calloremail__item {
      border: 1px solid #b61229;
      background-color: #eee;
      color: #b61229;
      box-shadow: 1px 1px 3px -2px #333; }
    .t--darker .c-calloremail__item {
      border: 1px solid;
      box-shadow: 1px 1px 3px -2px #393737; }
    .t--contrast .c-calloremail__item {
      border: 1px solid;
      box-shadow: 1px 1px 3px -2px; }
    .c-calloremail__item .fal,
    .c-calloremail__item .far,
    .c-calloremail__item .fas,
    .c-calloremail__item .fab {
      margin-right: 10px;
      width: 25px;
      height: 25px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      background-color: rgba(0, 0, 0, 0.2); }
      .t--cn .c-calloremail__item .fal, .t--cn
      .c-calloremail__item .far, .t--cn
      .c-calloremail__item .fas, .t--cn
      .c-calloremail__item .fab {
        background-color: rgba(0, 0, 0, 0.2); }
    .c-calloremail__item--wa {
      color: #085963; }
      .t--cn .c-calloremail__item--wa {
        color: #085963; }
      .t--darker .c-calloremail__item--wa {
        color: #085963; }
      .c-calloremail__item--wa .fab {
        color: #fff;
        background-color: #4dc247; }
        .t--cn .c-calloremail__item--wa .fab {
          color: #fff;
          background-color: #4dc247; }
        .t--darker .c-calloremail__item--wa .fab {
          color: #fff; }
        .t--contrast .c-calloremail__item--wa .fab {
          color: #fff; }
    .c-calloremail__item--phone {
      color: #fff;
      background-color: #08888c; }
      .t--cn .c-calloremail__item--phone {
        color: #fff;
        background-color: #08888c; }
      .t--darker .c-calloremail__item--phone {
        color: #fff;
        background-color: #085963; }
      .t--contrast .c-calloremail__item--phone {
        color: #fff;
        background-color: #085963; }
      .c-calloremail__item--phone .fab {
        color: #fff;
        background-color: #4dc247; }
        .t--cn .c-calloremail__item--phone .fab {
          color: #fff;
          background-color: #4dc247; }
        .t--darker .c-calloremail__item--phone .fab {
          color: #fff; }
        .t--contrast .c-calloremail__item--phone .fab {
          color: #fff; }
    .c-calloremail__item--main {
      background-color: #b61229;
      color: #fff; }
      .t--cn .c-calloremail__item--main {
        background-color: #b61229;
        color: #fff; }
      .t--darker .c-calloremail__item--main {
        color: #fff; }
      .t--contrast .c-calloremail__item--main {
        color: #fff; }
  .c-calloremail__item:last-child {
    margin-right: 0; }
  .c-calloremail--active .c-calloremail {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    pointer-events: all; }

.c-replybar {
  width: 100%;
  display: flex;
  box-sizing: border-box; }
  @media screen and (max-width: 768px) {
    .c-replybar {
      flex-direction: column; } }
  .c-replybar__text {
    flex: 1 1 auto; }
    @media screen and (max-width: 768px) {
      .c-replybar__text {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; } }
  .c-replybar__actions {
    display: flex;
    flex: 0 0 90px;
    align-items: center;
    justify-content: flex-end; }
    @media screen and (max-width: 768px) {
      .c-replybar__actions {
        padding-top: 10px;
        flex: 1 1 auto;
        justify-content: center; } }
  .c-replybar__action {
    display: flex;
    height: 44px;
    font-size: 1.2em;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    margin-right: 10px;
    min-width: 100px;
    box-sizing: border-box;
    color: #fff;
    border: 1px solid #eee; }
    .c-replybar__action .fa,
    .c-replybar__action .fas,
    .c-replybar__action .fab,
    .c-replybar__action .fal,
    .c-replybar__action .icons,
    .c-replybar__action .far {
      margin-right: 5px;
      width: 25px;
      height: 25px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      font-size: 0.7em;
      background-color: rgba(0, 0, 0, 0.2); }
      .t--cn .c-replybar__action .fa, .t--cn
      .c-replybar__action .fas, .t--cn
      .c-replybar__action .fab, .t--cn
      .c-replybar__action .fal, .t--cn
      .c-replybar__action .icons, .t--cn
      .c-replybar__action .far {
        background-color: rgba(0, 0, 0, 0.2); }
    .c-replybar__action .fab.fa-whatsapp {
      background-color: #4dc247; }
      .t--cn .c-replybar__action .fab.fa-whatsapp {
        background-color: #4dc247; }
    .t--cn .c-replybar__action {
      color: #fff;
      border: 1px solid #eee; }
    .t--darker .c-replybar__action {
      color: #fff;
      border: 1px solid; }
    .t--contrast .c-replybar__action {
      color: #fff;
      border: 1px solid; }
    .c-replybar__action:hover {
      background-color: #52c1b9; }
      .t--cn .c-replybar__action:hover {
        background-color: #00b0a8; }
      .t--darker .c-replybar__action:hover {
        background-color: #fff; }
      .t--contrast .c-replybar__action:hover {
        background-color: #fff; }
  .c-replybar__actiontxt {
    font-size: 10pt;
    white-space: nowrap; }
  .c-replybar__title {
    font-size: 1.1em;
    font-family: 'Open Sans', 'Noto Sans TC', sans-serif; }
    .t--cn .c-replybar__title {
      font-family: 'Open Sans', 'Noto Sans SC', sans-serif; }
    .t--darker .c-replybar__title {
      font-family: 'Oswald', 'Noto Sans TC', 'Noto Sans SC', sans-serif; }
    .t--contrast .c-replybar__title {
      font-family: 'Oswald', 'Noto Sans TC', 'Noto Sans SC', sans-serif; }
  .c-replybar__textLg {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    height: 44px;
    justify-content: flex-start; }
  .c-replybar__caption {
    font-size: 0.84em;
    color: #fff; }
    .t--cn .c-replybar__caption {
      color: #fff; }
    .t--darker .c-replybar__caption {
      color: #fff; }
    .t--contrast .c-replybar__caption {
      color: #fff; }
  .c-replybar__captionLg {
    font-size: 1.3em;
    color: #fff; }
    .t--cn .c-replybar__captionLg {
      color: #fff; }
    .t--darker .c-replybar__captionLg {
      color: #fff; }
    .t--contrast .c-replybar__captionLg {
      color: #fff; }

.c-contactrem {
  position: relative;
  width: 100%;
  height: 300px; }
  .c-contactrem__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-image: url("https://images.okay.com/website/common/images/agents.webp");
    background-size: 100% auto;
    background-position: center; }
    @media screen and (max-width: 768px) {
      .c-contactrem__bg {
        background-attachment: initial; } }
  .c-contactrem__container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .c-contactrem__head {
    max-width: 1200px;
    font-size: 3em;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    text-shadow: 2px 2px 4px #666;
    font-family: 'Chronicle Display', 'Noto Sans TC', sans-serif; }
    .t--cn .c-contactrem__head {
      color: #fff;
      text-shadow: 2px 2px 4px #666;
      font-family: 'Cormorant Infant', 'Noto Sans SC', sans-serif; }
    .t--darker .c-contactrem__head {
      color: #fff;
      text-shadow: 2px 2px 4px; }
    .t--contrast .c-contactrem__head {
      color: #fff;
      text-shadow: 2px 2px 4px; }
    @media screen and (max-width: 1200px) {
      .c-contactrem__head {
        max-width: 90%;
        font-size: 2em;
        margin-bottom: 20px; } }
    @media screen and (max-width: 768px) {
      .c-contactrem__head {
        max-width: 90%;
        font-size: 1.8em;
        margin-bottom: 20px; } }
  .c-contactrem__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 46px;
    border-radius: 4px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #fff; }
    .t--cn .c-contactrem__btn {
      color: #fff;
      background-color: rgba(255, 255, 255, 0.2);
      border: 1px solid #fff; }
    .t--darker .c-contactrem__btn {
      color: #fff;
      background-color: rgba(255, 255, 255, 0.2);
      border: 1px solid #fff; }
    .t--contrast .c-contactrem__btn {
      color: #fff;
      background-color: rgba(255, 255, 255, 0.2);
      border: 1px solid #fff; }
    .c-contactrem__btn:hover {
      background-color: #52c1b9; }
      .t--cn .c-contactrem__btn:hover {
        background-color: #00b0a8; }
      .t--darker .c-contactrem__btn:hover {
        background-color: #fff; }
      .t--contrast .c-contactrem__btn:hover {
        background-color: #fff; }
    .c-contactrem__btn:active {
      background-color: #52c1b9; }
      .t--cn .c-contactrem__btn:active {
        background-color: #00b0a8; }
      .t--darker .c-contactrem__btn:active {
        background-color: #fff; }
      .t--contrast .c-contactrem__btn:active {
        background-color: #fff; }
    @media screen and (max-width: 768px) {
      .c-contactrem__btn {
        width: 120px;
        height: 30px; } }

.tab-container {
  display: flex;
  flex-direction: column; }
  .tab-container input[type="radio"] {
    display: none; }

.tab-menu-container {
  position: relative;
  display: flex;
  align-items: center; }

.tab-menu {
  overflow-x: auto;
  white-space: nowrap;
  flex-grow: 1;
  display: flex;
  scroll-behavior: smooth; }
  @media screen and (max-width: 768px) {
    .tab-menu {
      white-space: nowrap; } }

.tab-item {
  display: inline-block;
  padding: 10px 20px; }

.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 15px;
  cursor: pointer;
  z-index: 1; }

.left-arrow,
.right-arrow {
  position: relative;
  display: inline-block; }
  .left-arrow::before,
  .right-arrow::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 800;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-style: normal; }

.left-arrow {
  padding-left: 20px; }
  .left-arrow::before {
    content: "\f053";
    left: 0; }

.right-arrow {
  padding-right: 20px; }
  .right-arrow::before {
    content: "\f054";
    right: 0; }

.arrow.hidden {
  display: none; }

.tab-menu label {
  position: relative;
  cursor: pointer;
  font-weight: bold; }

.tab-menu input[type="radio"] {
  position: absolute;
  left: -9999px; }

@media screen and (max-width: 768px) {
  .tab-menu > div {
    margin-right: 20px; } }

.tab-panel-wrapper {
  display: none;
  overflow-x: auto; }

.tab-name {
  margin-top: 20px; }

#tab1:checked ~ .tab-content #panel1,
#tab2:checked ~ .tab-content #panel2,
#tab3:checked ~ .tab-content #panel3,
#tab4:checked ~ .tab-content #panel4,
#tab5:checked ~ .tab-content #panel5,
#tab6:checked ~ .tab-content #panel6 {
  display: block; }

#tab1:checked ~ .tab-menu-container label[for="tab1"],
#tab2:checked ~ .tab-menu-container label[for="tab2"],
#tab3:checked ~ .tab-menu-container label[for="tab3"],
#tab4:checked ~ .tab-menu-container label[for="tab4"],
#tab5:checked ~ .tab-menu-container label[for="tab5"],
#tab6:checked ~ .tab-menu-container label[for="tab6"] {
  color: #018190; }
  .t--cn #tab1:checked ~ .tab-menu-container label[for="tab1"], .t--cn
  #tab2:checked ~ .tab-menu-container label[for="tab2"], .t--cn
  #tab3:checked ~ .tab-menu-container label[for="tab3"], .t--cn
  #tab4:checked ~ .tab-menu-container label[for="tab4"], .t--cn
  #tab5:checked ~ .tab-menu-container label[for="tab5"], .t--cn
  #tab6:checked ~ .tab-menu-container label[for="tab6"] {
    color: #018190; }
  .t--darker #tab1:checked ~ .tab-menu-container label[for="tab1"], .t--darker
  #tab2:checked ~ .tab-menu-container label[for="tab2"], .t--darker
  #tab3:checked ~ .tab-menu-container label[for="tab3"], .t--darker
  #tab4:checked ~ .tab-menu-container label[for="tab4"], .t--darker
  #tab5:checked ~ .tab-menu-container label[for="tab5"], .t--darker
  #tab6:checked ~ .tab-menu-container label[for="tab6"] {
    color: #018190; }

/* Additional styling for picture list and descriptions */
.picture-list {
  display: flex;
  flex-wrap: wrap; }

.picture {
  width: 200px;
  margin: 10px; }

.picture img {
  width: 100%;
  height: auto; }

.description {
  background-color: #f0f0f0;
  padding: 5px;
  text-align: center; }

.tab-panel {
  display: flex;
  flex-direction: column; }

.document-container {
  display: flex;
  flex-direction: column; }

.document-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 50px; }
  @media screen and (max-width: 1200px) {
    .document-list {
      grid-template-columns: repeat(3, 1fr); } }
  @media screen and (max-width: 768px) {
    .document-list {
      grid-template-columns: repeat(1, 1fr); } }

@media screen and (max-width: 768px) {
  .list {
    width: 453px; } }

.document-item {
  padding-bottom: 20px;
  text-align: left; }

.document-link {
  text-decoration: none;
  color: black; }

.document-heading {
  text-align: left;
  margin: 20px 0; }

.image-wrapper {
  width: 100%;
  margin: 20px 0;
  display: flex;
  justify-content: center; }

.image-wrapper img {
  max-width: 100%;
  max-height: 200px;
  object-fit: contain; }

.data-container {
  margin-top: 10px; }

.data-heading {
  font-size: 24px;
  margin-bottom: 10px; }

.data-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  justify-content: space-between; }

.data-link {
  text-decoration: none;
  color: blue;
  margin-right: 10px; }

.sort-dropdown {
  margin-left: 10px; }

.data-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1px; }

.grid-header {
  background-color: #f2f2f2;
  padding: 10px;
  font-weight: bold; }

.grid-item {
  background-color: #f9f9f9;
  padding: 10px; }
  .grid-item a {
    cursor: pointer;
    text-decoration: none;
    color: #018190; }
    .grid-item a:hover {
      text-decoration: underline; }
    .t--cn .grid-item a {
      color: #018190; }
    .t--darker .grid-item a {
      color: #018190; }

.c-development {
  background-color: #000; }
  .t--cn .c-development {
    background-color: #000; }
  .t--darker .c-development {
    background-color: #085963; }
  .c-development__bannerContainer {
    position: relative;
    padding-top: 30%;
    width: 100%; }
    @media screen and (max-width: 1200px) {
      .c-development__bannerContainer {
        padding-top: 40%; } }
    @media screen and (max-width: 768px) {
      .c-development__bannerContainer {
        padding-top: 60%;
        margin-bottom: 20px; } }
  .c-development__banner-bg {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .c-development__banner-bg img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  .c-development__banner__info {
    padding: 20px 90px;
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    max-width: 1000px;
    width: 100%;
    box-sizing: border-box; }
    @media screen and (max-width: 1200px) {
      .c-development__banner__info {
        margin: 0 auto;
        position: relative;
        padding: 20px; } }
  .c-development__banner__title {
    font-size: 5em;
    font-family: 'Chronicle Display', 'Noto Sans TC', sans-serif;
    color: #fff;
    text-shadow: 2px 2px 4px #333; }
    .t--cn .c-development__banner__title {
      font-family: 'Cormorant Infant', 'Noto Sans SC', sans-serif;
      color: #fff;
      text-shadow: 2px 2px 4px #333; }
    .t--darker .c-development__banner__title {
      color: #fff;
      text-shadow: 2px 2px 4px #393737; }
    .t--contrast .c-development__banner__title {
      color: #fff;
      text-shadow: 2px 2px 4px; }
    @media screen and (max-width: 1440px) {
      .c-development__banner__title {
        font-size: 3em; } }
    @media screen and (max-width: 1200px) {
      .c-development__banner__title {
        font-size: 2.5em;
        text-align: center;
        margin-bottom: 20px; } }
  .c-development__banner__caption {
    font-size: 1.1em;
    line-height: 25px;
    color: #fff;
    text-shadow: 2px 2px 4px #333;
    font-family: 'Lato', 'Noto Sans TC', sans-serif; }
    .t--cn .c-development__banner__caption {
      color: #fff;
      text-shadow: 2px 2px 4px #333;
      font-family: 'Lato', 'Noto Sans SC', sans-serif; }
    .t--darker .c-development__banner__caption {
      color: #fff;
      text-shadow: 2px 2px 4px #393737; }
    .t--contrast .c-development__banner__caption {
      color: #fff;
      text-shadow: 2px 2px 4px; }
    @media screen and (max-width: 1440px) {
      .c-development__banner__caption {
        font-size: 1em; } }
    @media screen and (max-width: 1200px) {
      .c-development__banner__caption {
        font-size: 0.9em;
        line-height: 20px;
        text-align: center; } }
  .c-development__banner__overlay::before {
    content: '';
    z-index: 10;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 50%); }
  .c-development__detailsContainer {
    border-radius: 48px 48px 0 0;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    padding-top: 3em;
    padding-bottom: 0.5em;
    background-color: #fff; }
    .t--cn .c-development__detailsContainer {
      background-color: #fff; }
    .t--darker .c-development__detailsContainer {
      background-color: #fff; }
    .c-development__detailsContainer > div {
      margin-bottom: 20px; }
  .c-development__addressAndDeveloperContainer, .c-development__projectInformationContainer, .c-development__multimediaContainer, .c-development__documentContainer, .c-development__propertyDetailsContainer, .c-development__getInTouchContainer, .c-development__srpeContainer {
    padding: 0 80px; }
    @media screen and (max-width: 768px) {
      .c-development__addressAndDeveloperContainer, .c-development__projectInformationContainer, .c-development__multimediaContainer, .c-development__documentContainer, .c-development__propertyDetailsContainer, .c-development__getInTouchContainer, .c-development__srpeContainer {
        padding: 0 40px; } }
    @media screen and (max-width: 520px) {
      .c-development__addressAndDeveloperContainer, .c-development__projectInformationContainer, .c-development__multimediaContainer, .c-development__documentContainer, .c-development__propertyDetailsContainer, .c-development__getInTouchContainer, .c-development__srpeContainer {
        padding: 0 15px; } }
  .c-development__multimediaContainer {
    max-width: 1240px;
    max-height: 515px; }
  .c-development .fas {
    margin-right: 0.5em; }
  .c-development .tab-menu .far,
  .c-development .tab-menu .fas {
    font-size: 1em; }
  .c-development__documentContainer {
    margin-top: 3em; }
  .c-development__propertyDetailsContainer {
    display: flex;
    align-items: center;
    height: 563px;
    background-color: #eee;
    justify-content: center;
    column-gap: 60px;
    margin-top: 5em; }
    @media screen and (max-width: 768px) {
      .c-development__propertyDetailsContainer {
        flex-direction: column;
        height: 100%; } }
    @media screen and (max-width: 520px) {
      .c-development__propertyDetailsContainer {
        flex-direction: column;
        height: 100%; } }
  .c-development__propertyDetails-texts {
    flex: 0.7;
    width: 50%;
    display: flex;
    align-items: start;
    justify-items: center;
    flex-direction: column; }
    @media screen and (max-width: 768px) {
      .c-development__propertyDetails-texts {
        width: 100%;
        margin: 20px 0;
        order: 2; } }
  .c-development__propertyDetails-photo {
    flex: 0 0 463px;
    height: 95%;
    order: 1; }
    @media screen and (max-width: 520px) {
      .c-development__propertyDetails-photo {
        flex: 1; } }
  .c-development__propertyDetails-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .c-development__propertyDetails-textcell {
    margin-bottom: 10px;
    display: flex; }
  .c-development__propertyDetails-textlabel {
    flex: 1;
    min-width: 150px;
    /* Set a minimum width for each label */
    padding-right: 20px;
    /* Add some spacing between label and value */ }
    @media screen and (max-width: 520px) {
      .c-development__propertyDetails-textlabel {
        padding-right: 0; } }
  .c-development__propertyDetails-textvalueContainer {
    display: flex;
    flex-direction: column;
    margin-left: 1em; }
  .c-development__propertyDetails-textvalueContainer {
    flex: 2; }
  .c-development__propertyDetails-texttitle {
    font-size: 3em;
    margin-bottom: 0.5em;
    text-wrap: nowrap;
    font-family: 'Chronicle Display', 'Noto Sans TC', sans-serif; }
    .t--cn .c-development__propertyDetails-texttitle {
      font-family: 'Cormorant Infant', 'Noto Sans SC', sans-serif; }
    @media screen and (max-width: 768px) {
      .c-development__propertyDetails-texttitle {
        font-size: 1.5em; } }
  .c-development__getInTouchContainer {
    display: flex;
    align-items: center;
    height: 563px;
    justify-content: center;
    column-gap: 60px;
    margin-top: 5em; }
    @media screen and (max-width: 768px) {
      .c-development__getInTouchContainer {
        flex-direction: column;
        height: 100%;
        row-gap: 20px; } }
    @media screen and (max-width: 520px) {
      .c-development__getInTouchContainer {
        flex-direction: column;
        height: 100%;
        margin-top: 0; } }
  .c-development__getInTouch-texts {
    flex: 0.7;
    width: 50%;
    display: flex;
    align-items: start;
    justify-content: space-around;
    flex-direction: column;
    margin-left: 5em;
    height: 90%; }
    @media screen and (max-width: 768px) {
      .c-development__getInTouch-texts {
        width: 100%;
        align-items: flex-start;
        margin: 20px 0;
        margin-left: 0;
        row-gap: 20px;
        order: 2; } }
    @media screen and (max-width: 520px) {
      .c-development__getInTouch-texts {
        margin-top: 0; } }
  .c-development__getInTouch-photo {
    flex: 0 0 463px;
    height: 100%; }
    @media screen and (max-width: 768px) {
      .c-development__getInTouch-photo {
        order: 1; } }
    @media screen and (max-width: 520px) {
      .c-development__getInTouch-photo {
        flex: 1; } }
  .c-development__getInTouch-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .c-development__getInTouch-textcell {
    margin-bottom: 10px; }
  .c-development__getInTouch-texttitle {
    font-size: 3em;
    margin-bottom: 0.5em;
    text-align: left;
    text-wrap: nowrap;
    font-family: 'Chronicle Display', 'Noto Sans TC', sans-serif; }
    .t--cn .c-development__getInTouch-texttitle {
      font-family: 'Cormorant Infant', 'Noto Sans SC', sans-serif; }
    @media screen and (max-width: 768px) {
      .c-development__getInTouch-texttitle {
        font-size: 1.5em; } }
    @media screen and (max-width: 520px) {
      .c-development__getInTouch-texttitle {
        margin-bottom: 0; } }
  .c-development__getInTouch-socialicon-container {
    display: flex;
    align-items: center;
    margin-bottom: 2em; }
  .c-development__getInTouch-socialicon-container span {
    margin-right: 20px; }
  .c-development__getInTouch-address-icon {
    font-size: 1.5em;
    margin-bottom: 10px; }
  .c-development__getInTouch-telandemail {
    display: flex;
    flex-direction: column; }
  .c-development__getInTouch-whasapp {
    margin-top: 1em; }
  .c-development__multimedia-tab-container {
    display: flex;
    flex-direction: column; }
    .c-development__multimedia-tab-container input[type="radio"] {
      display: none; }
  .c-development__multimedia-tab-menu-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1em; }
  .c-development__multimedia-tab-menu-container label {
    position: relative;
    cursor: pointer;
    font-weight: bold; }
  .c-development__multimedia-tab-menu-container input[type="radio"] {
    position: absolute;
    left: -9999px; }
  .c-development__multimedia-tab-content {
    width: 100%;
    display: flex;
    flex-direction: column; }
  .c-development__mapWrapper, .c-development__photoGallery {
    height: 495px;
    cursor: pointer; }
  .c-development__multimedia-tab-panel-wrapper {
    display: none;
    flex: 1;
    overflow: hidden; }
  #tab-photoGallery:checked ~ .c-development__multimedia-tab-content #photoGallery-panel,
  #tab-videoGallery:checked ~ .c-development__multimedia-tab-content #videoGallery-panel,
  #tab-mapContainer:checked ~ .c-development__multimedia-tab-content #mapContainer-panel {
    display: block; }
  #tab-photoGallery:checked ~ .c-development__multimedia-tab-menu-container label[for="tab-photoGallery"],
  #tab-videoGallery:checked ~ .c-development__multimedia-tab-menu-container label[for="tab-videoGallery"],
  #tab-mapContainer:checked ~ .c-development__multimedia-tab-menu-container label[for="tab-mapContainer"] {
    color: #018190; }
    .t--cn #tab-photoGallery:checked ~ .c-development__multimedia-tab-menu-container label[for="tab-photoGallery"], .t--cn
    #tab-videoGallery:checked ~ .c-development__multimedia-tab-menu-container label[for="tab-videoGallery"], .t--cn
    #tab-mapContainer:checked ~ .c-development__multimedia-tab-menu-container label[for="tab-mapContainer"] {
      color: #018190; }
    .t--darker #tab-photoGallery:checked ~ .c-development__multimedia-tab-menu-container label[for="tab-photoGallery"], .t--darker
    #tab-videoGallery:checked ~ .c-development__multimedia-tab-menu-container label[for="tab-videoGallery"], .t--darker
    #tab-mapContainer:checked ~ .c-development__multimedia-tab-menu-container label[for="tab-mapContainer"] {
      color: #018190; }
  .c-development__multimedia-tab-menu {
    margin-right: 2em; }
  .c-development__videoGallery {
    display: flex;
    justify-content: center;
    background-color: black; }
  .c-development__videoGallery-iframe {
    width: 800px;
    max-width: 1249px;
    /* Optional: Set a maximum width */
    height: 495px;
    /* Set the desired height */
    border: none;
    /* Remove the border */ }
  .c-development__srpeContainer {
    font-size: x-small;
    margin-top: 10em; }
    .c-development__srpeContainer li {
      list-style: disc;
      margin-left: 2em; }
    @media screen and (max-width: 520px) {
      .c-development__srpeContainer {
        margin-top: 0; } }
  .c-development__photoGallery {
    display: flex; }
  .c-development__photoGallery-left, .c-development__photoGallery-right {
    flex: 1;
    height: 100%; }
  .c-development__photoGallery-left img,
  .c-development__photoGallery-right img {
    object-fit: cover; }
  .c-development__photoGallery-left img {
    width: 98%;
    height: 100%; }
    @media screen and (max-width: 520px) {
      .c-development__photoGallery-left img {
        width: 100%; } }
  .c-development__photoGallery-right img {
    width: 98%;
    height: 100%;
    text-align: right; }
  .c-development__photoGallery-right {
    display: flex;
    flex-direction: column;
    row-gap: 5px; }
  .c-development__photoGallery-row {
    display: flex;
    justify-content: space-between;
    height: 100%; }
  .c-development__photoGallery-photo {
    flex: 1;
    display: flex;
    align-items: center;
    height: 100%; }
  .c-development__photoGallery-photoWithSpan {
    position: relative;
    display: inline-block; }
  .c-development__photoGallery-span {
    position: absolute;
    bottom: 1em;
    left: 2em;
    background-color: rgba(0, 0, 0, 0.5);
    /* Optional: Add background color for better visibility */
    color: white;
    /* Optional: Change text color */
    padding: 5px;
    /* Optional: Add padding */
    box-sizing: border-box;
    /* Ensure padding does not affect width */
    text-align: center;
    /* Center the text */
    border-radius: 10px;
    /* Add rounded corners */ }
  @media screen and (max-width: 520px) {
    .c-development__photoGallery-right {
      display: none; } }
  @media screen and (max-width: 520px) {
    .c-development__photoGallery {
      height: 100%; } }
  @media screen and (max-width: 520px) {
    .c-development__photoGallery-left {
      position: relative;
      display: flex;
      align-items: center; } }
  @media screen and (max-width: 520px) {
    .c-development__photoGallery-photo {
      position: relative;
      white-space: nowrap;
      flex-grow: 1;
      display: flex; } }
  @media screen and (max-width: 520px) {
    .c-development__photoGallery-photo img {
      display: inline-block;
      max-height: 100%;
      width: 100%; } }
  .c-development__photoGallery-arrow-container {
    display: none; }
    @media screen and (max-width: 520px) {
      .c-development__photoGallery-arrow-container {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        pointer-events: none; } }
  @media screen and (max-width: 520px) {
    .c-development__photoGallery-arrow {
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      font-size: 2em;
      pointer-events: all;
      color: #fff;
      text-shadow: 0 0 4px #333; } }
  @media screen and (max-width: 520px) {
    .c-development__photoGallery-left-arrow, .c-development__photoGallery-right-arrow {
      margin-top: -20px; } }
  @media screen and (max-width: 520px) {
    .c-development__photoGallery-left-arrow {
      margin-left: 0; } }
  @media screen and (max-width: 520px) {
    .c-development__photoGallery-right-arrow {
      margin-right: 0; } }
  .c-development__picture {
    height: 100%; }

.c-socialsharebutton__container {
  display: flex;
  flex-direction: row;
  column-gap: 15px;
  justify-content: center; }
  .c-socialsharebutton__container > a {
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 1.5em;
    color: #000; }

.button-link {
  display: inline-block;
  padding: 10px 20px;
  background-color: black;
  color: white;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  width: 100%; }

.button-link:hover {
  background-color: #333; }

.c-bigpopup__main {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  min-width: 450px;
  max-width: 600px;
  overflow: hidden;
  border-radius: 2px;
  padding: 40px 60px;
  background-color: #fff; }
  .t--cn .c-bigpopup__main {
    background-color: #fff; }
  .t--contrast .c-bigpopup__main {
    background-color: #085963; }
  @media screen and (max-width: 768px) {
    .c-bigpopup__main {
      min-width: 0;
      padding: 50px 20px;
      width: 100%; } }

.c-bigpopup__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.c-bigpopup__img {
  max-width: 200px; }
  .c-bigpopup__img img {
    width: 100%; }

.c-bigpopup__status {
  max-width: 200px;
  padding-bottom: 30px;
  font-family: 'Font Awesome 5 Pro'; }
  .c-bigpopup__status:before {
    content: '.';
    font-size: 60pt; }

.c-bigpopup--success .c-bigpopup__status:before {
  content: '\f058';
  color: #085963; }
  .t--cn .c-bigpopup--success .c-bigpopup__status:before {
    color: #085963; }
  .t--darker .c-bigpopup--success .c-bigpopup__status:before {
    color: #085963; }

.c-bigpopup--failed .c-bigpopup__status:before {
  content: '\f057';
  color: #413c3c; }
  .t--cn .c-bigpopup--failed .c-bigpopup__status:before {
    color: #413c3c; }

.c-bigpopup--question .c-bigpopup__status:before {
  content: '\f059';
  color: #bc9408; }
  .t--cn .c-bigpopup--question .c-bigpopup__status:before {
    color: #bc9408; }

.c-bigpopup--phone .c-bigpopup__status:before {
  content: '\260E';
  color: #085963; }
  .t--cn .c-bigpopup--phone .c-bigpopup__status:before {
    color: #085963; }
  .t--darker .c-bigpopup--phone .c-bigpopup__status:before {
    color: #085963; }

.c-bigpopup__title {
  font-size: 2em;
  font-weight: 600;
  padding-bottom: 20px;
  text-align: center;
  font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
  .t--cn .c-bigpopup__title {
    font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }
  @media screen and (max-width: 768px) {
    .c-bigpopup__title {
      font-size: 1.5em;
      text-align: center; } }

.c-bigpopup--callPopup__main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  min-width: 300px;
  max-width: 600px;
  overflow: hidden;
  border-radius: 2px;
  padding-top: 15px;
  background-color: #fff; }
  .t--cn .c-bigpopup--callPopup__main {
    background-color: #fff; }
  .t--contrast .c-bigpopup--callPopup__main {
    background-color: #085963; }
  @media screen and (max-width: 768px) {
    .c-bigpopup--callPopup__main {
      min-width: 0;
      padding: 50px 20px;
      width: 100%; } }

.c-bigpopup--callPopup__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 0 0 0; }

.c-bigpopup--callPopup__body--section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif;
  color: #999; }
  .t--cn .c-bigpopup--callPopup__body--section {
    font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif;
    color: #999; }

.c-bigpopup--callPopup__title {
  display: flex;
  justify-content: center;
  width: 100%;
  font-size: 1em;
  font-weight: 600;
  padding: 20px 0;
  text-align: center;
  background-color: #08888c;
  color: #eee;
  font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
  .t--cn .c-bigpopup--callPopup__title {
    background-color: #08888c;
    color: #eee;
    font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }
  .t--darker .c-bigpopup--callPopup__title {
    background-color: #085963; }
  .t--contrast .c-bigpopup--callPopup__title {
    background-color: #085963; }
  @media screen and (max-width: 768px) {
    .c-bigpopup--callPopup__title {
      font-size: 1.5em;
      text-align: center; } }
  .c-bigpopup--callPopup__title .fal {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    font-size: 0.7em;
    background-color: rgba(0, 0, 0, 0.2); }
    .t--cn .c-bigpopup--callPopup__title .fal {
      background-color: rgba(0, 0, 0, 0.2); }

.c-bigpopup--callPopup__caption {
  width: 100%;
  font-size: 1.5em;
  font-weight: 600;
  padding: 20px 0;
  text-align: center;
  background-color: #f3f3f3;
  color: #08888c;
  font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
  .t--cn .c-bigpopup--callPopup__caption {
    background-color: #f3f3f3;
    color: #08888c;
    font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }
  .t--darker .c-bigpopup--callPopup__caption {
    color: #085963; }
  .t--contrast .c-bigpopup--callPopup__caption {
    color: #085963; }
  @media screen and (max-width: 768px) {
    .c-bigpopup--callPopup__caption {
      font-size: 1.5em;
      text-align: center; } }

.c-bigpopup--callPopup__close {
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer; }

.c-bigpopup--callPopup__empty-row {
  height: 1em; }

.c-bigpopup__caption {
  text-align: justify;
  padding-bottom: 20px; }
  @media screen and (max-width: 768px) {
    .c-bigpopup__caption {
      text-align: justify; } }

.c-bigpopup__close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer; }

.c-bigpopup__action {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px; }
  @media screen and (max-width: 768px) {
    .c-bigpopup__action {
      margin: 10px; } }

.c-bigpopup__action button {
  max-width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.c-bigpopup__actions {
  display: flex;
  flex-direction: row;
  justify-content: center; }
  @media screen and (max-width: 768px) {
    .c-bigpopup__actions {
      flex-direction: column-reverse; } }

.c-bigpopup__pic {
  max-width: 200px;
  padding-top: 50%;
  padding-bottom: 30px;
  position: relative;
  width: 100%; }
  @media screen and (max-width: 768px) {
    .c-bigpopup__pic {
      max-width: 120px;
      display: none; } }

.c-bigpopup__pic img {
  position: absolute;
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
  top: 0; }

.c-bigpopup__primary {
  font-weight: 600; }

.c-marker {
  display: inline-block;
  width: 23px;
  height: 23px;
  border-radius: 100%;
  line-height: 22px;
  text-align: center;
  font-size: 8pt;
  margin-bottom: 6px;
  position: relative;
  transform: translate3d(-50%, calc(-100% - 4px), 0);
  background-color: #fff;
  color: #333;
  box-shadow: 0 0 3px #333; }
  .c-marker--noleg {
    transform: translate3d(-50%, -50%, 0); }
  .c-marker--inline {
    transform: none; }
  .t--cn .c-marker {
    background-color: #fff;
    color: #333;
    box-shadow: 0 0 3px #333; }
  .t--darker .c-marker {
    background-color: #fff;
    color: #393737;
    box-shadow: 0 0 3px black; }
  .t--contrast .c-marker {
    background-color: #fff;
    box-shadow: 0 0 3px #333; }
  .c-marker--text {
    position: absolute;
    white-space: nowrap;
    line-height: 1em;
    font-size: 0.84em;
    bottom: -18px;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    color: #666; }
    .t--cn .c-marker--text {
      color: #666; }
  .c-marker:before {
    content: ' ';
    font-weight: 900;
    font-family: 'Font Awesome 5 Pro'; }
  .c-marker:after {
    position: absolute;
    content: ' ';
    width: 4px;
    height: 4px;
    bottom: -3px;
    left: 9px;
    transform: rotate(45deg);
    background-color: #fff;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999; }
    .t--cn .c-marker:after {
      background-color: #fff;
      border-right: 1px solid #999;
      border-bottom: 1px solid #999; }
    .t--darker .c-marker:after {
      border-right: 1px solid #999;
      border-bottom: 1px solid #999; }
    .t--contrast .c-marker:after {
      background-color: #085963;
      border-right: 1px solid;
      border-bottom: 1px solid; }
  .c-marker--noleg:after {
    display: none; }
  .c-marker--atm:before {
    content: '\f19c'; }
  .c-marker--school:before {
    content: '\f549'; }
  .c-marker--pharmacy:before {
    content: '\f0f0'; }
  .c-marker--bus:before {
    content: '\f207'; }
  .c-marker--subway:before {
    content: '\f239'; }
  .c-marker--store:before {
    content: '\f54e'; }
  .c-marker--restaurant:before {
    content: '\f2e7'; }
  .c-marker--pin:before {
    content: '\f3c5'; }
  .c-marker--fav:before {
    content: '\f004'; }
  .c-marker--history:before {
    content: '\f1da'; }
  .c-marker--firsthand-property:before {
    content: '\f3c5';
    font-size: large; }
  .c-marker--active {
    color: #fff; }
    .t--cn .c-marker--active {
      color: #fff; }
    .t--darker .c-marker--active {
      color: #fff; }
    .t--contrast .c-marker--active {
      color: #fff; }

.c-marker--atm.c-marker--active, .c-marker--atm.c-marker--active:after {
  background-color: #4971c5; }
  .t--cn .c-marker--atm.c-marker--active, .t--cn .c-marker--atm.c-marker--active:after {
    background-color: #4971c5; }
  .t--darker .c-marker--atm.c-marker--active, .t--darker .c-marker--atm.c-marker--active:after {
    background-color: #4971c5; }
  .t--contrast .c-marker--atm.c-marker--active, .t--contrast .c-marker--atm.c-marker--active:after {
    background-color: #4971c5; }

.c-marker--school.c-marker--active, .c-marker--school.c-marker--active:after {
  background-color: #4971c5; }
  .t--cn .c-marker--school.c-marker--active, .t--cn .c-marker--school.c-marker--active:after {
    background-color: #4971c5; }
  .t--darker .c-marker--school.c-marker--active, .t--darker .c-marker--school.c-marker--active:after {
    background-color: #4971c5; }
  .t--contrast .c-marker--school.c-marker--active, .t--contrast .c-marker--school.c-marker--active:after {
    background-color: #4971c5; }

.c-marker--pharmacy.c-marker--active, .c-marker--pharmacy.c-marker--active:after {
  background-color: #4971c5; }
  .t--cn .c-marker--pharmacy.c-marker--active, .t--cn .c-marker--pharmacy.c-marker--active:after {
    background-color: #4971c5; }
  .t--darker .c-marker--pharmacy.c-marker--active, .t--darker .c-marker--pharmacy.c-marker--active:after {
    background-color: #4971c5; }
  .t--contrast .c-marker--pharmacy.c-marker--active, .t--contrast .c-marker--pharmacy.c-marker--active:after {
    background-color: #4971c5; }

.c-marker--bus.c-marker--active, .c-marker--bus.c-marker--active:after {
  background-color: #911eb1; }
  .t--cn .c-marker--bus.c-marker--active, .t--cn .c-marker--bus.c-marker--active:after {
    background-color: #911eb1; }
  .t--darker .c-marker--bus.c-marker--active, .t--darker .c-marker--bus.c-marker--active:after {
    background-color: #911eb1; }
  .t--contrast .c-marker--bus.c-marker--active, .t--contrast .c-marker--bus.c-marker--active:after {
    background-color: #911eb1; }

.c-marker--subway.c-marker--active, .c-marker--subway.c-marker--active:after {
  background-color: #911eb1; }
  .t--cn .c-marker--subway.c-marker--active, .t--cn .c-marker--subway.c-marker--active:after {
    background-color: #911eb1; }
  .t--darker .c-marker--subway.c-marker--active, .t--darker .c-marker--subway.c-marker--active:after {
    background-color: #911eb1; }
  .t--contrast .c-marker--subway.c-marker--active, .t--contrast .c-marker--subway.c-marker--active:after {
    background-color: #911eb1; }

.c-marker--store.c-marker--active, .c-marker--store.c-marker--active:after {
  background-color: #bc9408; }
  .t--cn .c-marker--store.c-marker--active, .t--cn .c-marker--store.c-marker--active:after {
    background-color: #bc9408; }
  .t--darker .c-marker--store.c-marker--active, .t--darker .c-marker--store.c-marker--active:after {
    background-color: #bc9408; }
  .t--contrast .c-marker--store.c-marker--active, .t--contrast .c-marker--store.c-marker--active:after {
    background-color: #bc9408; }

.c-marker--restaurant.c-marker--active, .c-marker--restaurant.c-marker--active:after {
  background-color: #bc9408; }
  .t--cn .c-marker--restaurant.c-marker--active, .t--cn .c-marker--restaurant.c-marker--active:after {
    background-color: #bc9408; }
  .t--darker .c-marker--restaurant.c-marker--active, .t--darker .c-marker--restaurant.c-marker--active:after {
    background-color: #bc9408; }
  .t--contrast .c-marker--restaurant.c-marker--active, .t--contrast .c-marker--restaurant.c-marker--active:after {
    background-color: #bc9408; }

.c-marker--fav.c-marker--active, .c-marker--fav.c-marker--active:after {
  background-color: #085963; }
  .t--cn .c-marker--fav.c-marker--active, .t--cn .c-marker--fav.c-marker--active:after {
    background-color: #085963; }
  .t--darker .c-marker--fav.c-marker--active, .t--darker .c-marker--fav.c-marker--active:after {
    background-color: #085963; }
  .t--contrast .c-marker--fav.c-marker--active, .t--contrast .c-marker--fav.c-marker--active:after {
    background-color: #085963; }

.c-marker--history.c-marker--active, .c-marker--history.c-marker--active:after {
  background-color: #085963; }
  .t--cn .c-marker--history.c-marker--active, .t--cn .c-marker--history.c-marker--active:after {
    background-color: #085963; }
  .t--darker .c-marker--history.c-marker--active, .t--darker .c-marker--history.c-marker--active:after {
    background-color: #085963; }
  .t--contrast .c-marker--history.c-marker--active, .t--contrast .c-marker--history.c-marker--active:after {
    background-color: #085963; }

.c-marker--pin.c-marker--active, .c-marker--pin.c-marker--active:after {
  background-color: #666; }
  .t--cn .c-marker--pin.c-marker--active, .t--cn .c-marker--pin.c-marker--active:after {
    background-color: #666; }
  .t--darker .c-marker--pin.c-marker--active, .t--darker .c-marker--pin.c-marker--active:after {
    background-color: #666; }
  .t--contrast .c-marker--pin.c-marker--active, .t--contrast .c-marker--pin.c-marker--active:after {
    background-color: #666; }

.c-marker--inactive.c-marker--active, .c-marker--inactive.c-marker--active:after {
  background-color: #fff;
  color: #999; }

.c-marker--firsthand-property.c-marker--active, .c-marker--firsthand-property.c-marker--active:after {
  background-color: #b61229; }
  .t--cn .c-marker--firsthand-property.c-marker--active, .t--cn .c-marker--firsthand-property.c-marker--active:after {
    background-color: #b61229; }

.c-propslider {
  position: relative;
  height: 485px;
  margin-bottom: 20px;
  box-sizing: border-box; }
  .c-propslider--lite {
    margin-bottom: 0; }
    @media screen and (max-width: 1200px) {
      .c-propslider--lite {
        height: 365px; } }
  .c-propslider--nothumb {
    height: 100%; }
  @media screen and (max-width: 768px) {
    .c-propslider {
      margin-right: 0;
      min-height: 0;
      height: 0;
      padding-top: 65%;
      margin-bottom: 0; } }
  .c-propslider__slides {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: pointer; }
    .c-propslider__slides::-webkit-scrollbar {
      display: none; }
  .c-propslider--contain .c-propslider__slide {
    background-color: #333; }
    .t--cn .c-propslider--contain .c-propslider__slide {
      background-color: #333; }
    .t--darker .c-propslider--contain .c-propslider__slide {
      background-color: black; }
    .t--contrast .c-propslider--contain .c-propslider__slide {
      background-color: #333; }
    .c-propslider--contain .c-propslider__slide img {
      object-fit: contain; }
  .c-propslider__slide {
    position: relative;
    flex: 0 0 100%;
    height: 100%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    background-color: #333; }
    .t--cn .c-propslider__slide {
      background-color: #333; }
    .t--darker .c-propslider__slide {
      background-color: black; }
    .t--contrast .c-propslider__slide {
      background-color: #333; }
    .c-propslider__slide img {
      display: block;
      overflow: hidden;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      image-rendering: -webkit-optimize-contrast; }
    .c-propslider__slide--contain img {
      object-fit: contain; }
    .c-propslider__slide iframe,
    .c-propslider__slide video {
      display: block;
      overflow: hidden;
      width: 100%;
      height: 100%; }
  .c-propslider__caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.5) 100%);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 50px 30px;
    box-sizing: border-box; }
    @media screen and (max-width: 768px) {
      .c-propslider__caption {
        display: none; } }
  .c-propslider__caption-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #eee;
    text-shadow: 1px 1px 1px #000;
    font-size: 1.1em; }
    .t--cn .c-propslider__caption-text {
      color: #eee;
      text-shadow: 1px 1px 1px #000; }
    .t--darker .c-propslider__caption-text {
      text-shadow: 1px 1px 1px #085963; }
    .t--contrast .c-propslider__caption-text {
      text-shadow: 1px 1px 1px; }
  .c-propslider__slide--portrait img {
    object-fit: contain; }
  .c-propslider__actions {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none; }
  .c-propslider__arrow {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 2em;
    pointer-events: all;
    color: #fff;
    text-shadow: 0 0 4px #333; }
    .t--cn .c-propslider__arrow {
      color: #fff;
      text-shadow: 0 0 4px #333; }
    .t--darker .c-propslider__arrow {
      color: #fff;
      text-shadow: 0 0 4px #393737; }
    .t--contrast .c-propslider__arrow {
      color: #fff;
      text-shadow: 0 0 4px; }
    .c-propslider__arrow--left {
      margin-left: 0;
      margin-top: -20px; }
    .c-propslider__arrow--right {
      margin-right: 0;
      margin-top: -20px; }
  .c-propslider__overlay {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .c-propslider__overlay {
        display: flex; } }
  .c-propslider__labels {
    display: flex;
    padding: 15px 10px; }
  .c-propslider__label {
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.65em;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.8;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #bc9408;
    color: #fff; }
    .t--cn .c-propslider__label {
      background-color: #bc9408;
      color: #fff; }
    .t--darker .c-propslider__label {
      color: #fff; }
    .t--contrast .c-propslider__label {
      color: #fff; }
  .c-propslider__more {
    display: flex;
    padding: 15px 10px;
    flex-wrap: nowrap;
    flex-direction: row; }
  .c-propslider__action {
    padding: 8px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65em;
    text-transform: uppercase;
    border-radius: 4px;
    margin-left: 5px;
    opacity: 0.8;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff; }
    .t--cn .c-propslider__action {
      background-color: rgba(0, 0, 0, 0.7);
      color: #fff; }
    .t--darker .c-propslider__action {
      background-color: rgba(0, 0, 0, 0.75);
      color: #fff; }
    .t--contrast .c-propslider__action {
      color: #fff; }
  .c-propslider__empty {
    height: 100%;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.65em;
    min-height: 540px;
    background-color: #eee;
    color: #333; }
    .t--cn .c-propslider__empty {
      background-color: #eee;
      color: #333; }
    .t--darker .c-propslider__empty {
      color: #393737; }
    @media screen and (max-width: 768px) {
      .c-propslider__empty {
        height: 200px;
        margin-right: 0;
        min-height: 0; } }
  .c-propslider__slide-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .c-propslider__slide-overlay-button {
      border-radius: 100%;
      width: 70px;
      height: 70px;
      display: flex;
      align-items: center;
      justify-content: center;
      display: flex;
      flex-direction: column;
      background-color: #eee; }
      .c-propslider__slide-overlay-button span {
        font-size: 1.2em;
        color: #333; }
        .t--cn .c-propslider__slide-overlay-button span {
          color: #333; }
        .t--darker .c-propslider__slide-overlay-button span {
          color: #393737; }
      .t--cn .c-propslider__slide-overlay-button {
        background-color: #eee; }
  .c-propslider__slide-overlay-text {
    font-size: 0.65em !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 3px; }

.l-pop__content .c-propslider {
  margin-right: 0; }

.c-pop__nav {
  position: relative;
  background-color: #000; }
  .t--cn .c-pop__nav {
    background-color: #000; }
  .t--darker .c-pop__nav {
    background-color: #000; }
  .t--contrast .c-pop__nav {
    background-color: #000; }
  @media screen and (max-width: 768px) {
    .c-pop__nav {
      background-color: transparent; }
      .t--cn .c-pop__nav {
        background-color: transparent; }
      .t--darker .c-pop__nav {
        background-color: transparent; }
      .t--contrast .c-pop__nav {
        background-color: transparent; } }
  @media screen and (max-width: 768px) {
    .l-pop--nav-overlap .c-pop__nav:before {
      content: ' ';
      position: absolute;
      width: 100%;
      height: 136px;
      pointer-events: none;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); }
      .t--cn .l-pop--nav-overlap .c-pop__nav:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); }
      .t--darker .l-pop--nav-overlap .c-pop__nav:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); }
      .t--contrast .l-pop--nav-overlap .c-pop__nav:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); } }

.c-pop__logo {
  margin: 10px 20px;
  width: 300px;
  height: 68px;
  position: relative; }
  .c-pop__logo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center; }

.c-pop__back {
  padding: 0 15px;
  height: 68px;
  font-size: 0.9em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #085963; }
  .c-pop__back .icons {
    font-size: 1.1em;
    margin-right: 10px; }
  .t--cn .c-pop__back {
    color: #085963; }
  .t--darker .c-pop__back {
    color: #085963; }
  @media screen and (max-width: 768px) {
    .l-pop--nav-overlap .c-pop__back {
      color: #fff;
      text-shadow: 1px 1px 3px #333; }
      .t--cn .l-pop--nav-overlap .c-pop__back {
        color: #fff;
        text-shadow: 1px 1px 3px #333; }
      .t--darker .l-pop--nav-overlap .c-pop__back {
        color: #fff;
        text-shadow: 1px 1px 3px #393737; }
      .t--contrast .l-pop--nav-overlap .c-pop__back {
        color: #fff;
        text-shadow: 1px 1px 3px; } }

.c-pop__close {
  padding: 0 15px;
  height: 68px;
  font-size: 0.9em;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff; }
  .t--cn .c-pop__close {
    color: #fff; }
  .t--darker .c-pop__close {
    color: #fff; }
  .t--contrast .c-pop__close {
    color: #fff; }
  @media screen and (max-width: 768px) {
    .c-pop__close {
      display: none; } }
  .l-pop--nav-calc .c-pop__close {
    color: #333; }
    .t--cn .l-pop--nav-calc .c-pop__close {
      color: #333; }
    .t--darker .l-pop--nav-calc .c-pop__close {
      color: #393737; }

.c-pop__close-text {
  margin-left: 10px;
  font-size: 1.1em;
  font-weight: 400;
  font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
  .t--cn .c-pop__close-text {
    font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }
  @media screen and (max-width: 768px) {
    .c-pop__close-text {
      display: none; } }

.c-pop__menuitem {
  position: relative;
  padding: 15px 20px;
  min-width: 80px;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.1em;
  cursor: pointer;
  font-weight: 400;
  font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif;
  color: #888; }
  .t--cn .c-pop__menuitem {
    font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif;
    color: #888; }
  .t--darker .c-pop__menuitem {
    color: #888; }
  .t--contrast .c-pop__menuitem {
    color: #888; }
  .c-pop__menuitem:hover {
    color: #eee; }
    .t--cn .c-pop__menuitem:hover {
      color: #eee; }
    @media screen and (max-width: 768px) {
      .c-pop__menuitem:hover {
        color: #000; }
        .t--cn .c-pop__menuitem:hover {
          color: #000; }
        .t--darker .c-pop__menuitem:hover {
          color: #085963; } }
  .c-pop__menuitem--alone {
    display: none; }
  .c-pop__menuitem--active {
    cursor: default;
    overflow: hidden;
    color: #eee; }
    .t--cn .c-pop__menuitem--active {
      color: #eee; }
    @media screen and (max-width: 768px) {
      .c-pop__menuitem--active {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1em;
        font-weight: 600;
        align-self: flex-start;
        padding: 0;
        height: 68px;
        color: #000; }
        .t--cn .c-pop__menuitem--active {
          color: #000; }
        .t--darker .c-pop__menuitem--active {
          color: #085963; } }

@media screen and (max-width: 768px) {
  .l-pop--nav-overlap .c-pop__menuitem--active {
    color: #fff;
    text-shadow: 1px 1px 3px #333; }
    .t--cn .l-pop--nav-overlap .c-pop__menuitem--active {
      color: #fff;
      text-shadow: 1px 1px 3px #333; }
    .t--darker .l-pop--nav-overlap .c-pop__menuitem--active {
      color: #fff;
      text-shadow: 1px 1px 3px #393737; }
    .t--contrast .l-pop--nav-overlap .c-pop__menuitem--active {
      color: #fff;
      text-shadow: 1px 1px 3px; } }

.c-imggrid {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff; }
  .t--cn .c-imggrid {
    background-color: #fff; }
  .t--contrast .c-imggrid {
    background-color: #085963; }
  .c-imggrid__body {
    width: 100%;
    flex: 1 1 auto;
    overflow: auto;
    scrollbar-width: thin; }
  .c-imggrid__images {
    display: block;
    display: grid;
    padding: 10px;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-gap: 10px; }
    @media screen and (max-width: 768px) {
      .c-imggrid__images {
        grid-template-columns: 1fr;
        padding: 10px 0; } }
  .c-imggrid__image {
    position: relative;
    margin-bottom: 10px;
    cursor: pointer; }
    .c-imggrid__image:before {
      content: ' ';
      position: relative;
      padding-top: 70%;
      display: block; }
    @media screen and (max-width: 768px) {
      .c-imggrid__image {
        margin-bottom: 0;
        pointer-events: none; } }
    .c-imggrid__image a {
      pointer-events: none; }
      @media screen and (max-width: 768px) {
        .c-imggrid__image a {
          pointer-events: all; } }
  .c-imggrid__caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.4) 130%);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 5px 10px;
    box-sizing: border-box; }
  .c-imggrid__caption-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #eee;
    text-shadow: 1px 1px 1px #000;
    font-size: 0.84em; }
    .t--cn .c-imggrid__caption-text {
      color: #eee;
      text-shadow: 1px 1px 1px #000; }
    .t--darker .c-imggrid__caption-text {
      text-shadow: 1px 1px 1px #085963; }
    .t--contrast .c-imggrid__caption-text {
      text-shadow: 1px 1px 1px; }
    @media screen and (max-width: 768px) {
      .c-imggrid__caption-text {
        font-size: 0.84em; } }
  .c-imggrid img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top: 0;
    left: 0;
    image-rendering: -webkit-optimize-contrast; }
  .c-imggrid__title {
    padding: 20px;
    font-size: 1.8em;
    font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif;
    color: #085963;
    background-color: #eee; }
    @media screen and (max-width: 768px) {
      .c-imggrid__title {
        display: none; } }
    .t--cn .c-imggrid__title {
      font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif;
      color: #085963;
      background-color: #eee; }
    .t--darker .c-imggrid__title {
      color: #085963; }
  .c-imggrid__disclaimer {
    padding: 20px;
    font-size: 0.84em;
    color: #999;
    background-color: #fff; }
    .t--cn .c-imggrid__disclaimer {
      color: #999;
      background-color: #fff; }
    .t--contrast .c-imggrid__disclaimer {
      background-color: #085963; }

.c-propmap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 60px; }
  @media screen and (max-width: 768px) {
    .c-propmap {
      margin-bottom: 40px;
      box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.7); }
      .t--cn .c-propmap {
        box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.7); }
      .t--darker .c-propmap {
        box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.75); }
      .t--contrast .c-propmap {
        box-shadow: 0 1px 3px -2px; } }
  .c-propmap__box {
    position: relative;
    height: 0;
    padding-top: 50%; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .c-propmap__box {
        padding-top: 500px; } }
    @supports (-ms-ime-align: auto) {
      .c-propmap__box {
        padding-top: 500px; } }
    @media screen and (max-width: 768px) {
      .c-propmap__box {
        padding-top: 80%; } }
  .c-propmap__frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff; }
    .t--cn .c-propmap__frame {
      background-color: #fff; }
    .t--contrast .c-propmap__frame {
      background-color: #085963; }
  .c-propmap__types {
    position: absolute;
    display: flex;
    top: 20px;
    left: 20px;
    background-color: #fff;
    box-shadow: 4px 4px 20px -10px #333; }
    .t--cn .c-propmap__types {
      background-color: #fff;
      box-shadow: 4px 4px 20px -10px #333; }
    .t--darker .c-propmap__types {
      box-shadow: 4px 4px 20px -10px #393737; }
    .t--contrast .c-propmap__types {
      background-color: #085963;
      box-shadow: 4px 4px 20px -10px; }
    @media screen and (max-width: 768px) {
      .c-propmap__types {
        position: relative;
        order: 2;
        top: 0;
        left: 0;
        overflow: auto;
        border: none;
        box-shadow: none; } }
  .c-poi .c-propmap__types {
    box-shadow: none; }
  .c-propmap__types--rel {
    position: relative;
    top: 0;
    left: 0;
    border: none; }
  .c-propmap__types--rel .c-propmap__type {
    flex: 1 1 0px;
    padding: 15px 5px;
    border-right: 0;
    flex-direction: column; }
    @media screen and (max-width: 768px) {
      .c-propmap__types--rel .c-propmap__type {
        padding: 10px 5px; } }
  .c-propmap__types--rel .c-propmap__type--active:before {
    display: block; }
  .c-propmap__types--rel .c-propmap__icon {
    margin-right: 5px; }
  .c-propmap__icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    font-size: 0.84em;
    margin-right: 10px;
    color: #fff; }
    .t--cn .c-propmap__icon {
      color: #fff; }
    .t--darker .c-propmap__icon {
      color: #fff; }
    .t--contrast .c-propmap__icon {
      color: #fff; }
    @media screen and (max-width: 768px) {
      .c-propmap__icon {
        margin-right: 0;
        margin-bottom: 2px; } }
  .c-propmap__type {
    box-sizing: border-box;
    position: relative;
    font-size: 1em;
    padding: 5px 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    justify-content: flex-start;
    font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
    .t--cn .c-propmap__type {
      font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }
    @media screen and (max-width: 768px) {
      .c-propmap__type {
        padding: 10px 5px;
        flex-direction: column;
        flex: 1 1 0px;
        border-right: none; } }
    .c-propmap__type--active:before {
      display: none;
      content: ' ';
      position: absolute;
      left: 50%;
      bottom: -5px;
      width: 10px;
      height: 10px;
      margin-left: -5px;
      transform: rotate(45deg);
      background-color: #eee; }
      @media screen and (max-width: 768px) {
        .c-propmap__type--active:before {
          display: block; } }
      .t--cn .c-propmap__type--active:before {
        background-color: #eee; }
  .c-propmap__type:hover {
    background-color: #eee; }
    .t--cn .c-propmap__type:hover {
      background-color: #eee; }
  .c-propmap__type:last-child {
    border-right: none; }
  .c-propmap__fullscreen {
    border: none;
    cursor: pointer;
    font-size: 1em;
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5px 20px;
    margin: 0;
    outline: none;
    font-weight: 300;
    height: 35px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 4px 4px 20px -10px #333;
    font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
    .c-propmap__fullscreen .fal {
      margin-right: 5px; }
    .t--cn .c-propmap__fullscreen {
      background-color: #fff;
      box-shadow: 4px 4px 20px -10px #333;
      font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }
    .t--darker .c-propmap__fullscreen {
      box-shadow: 4px 4px 20px -10px #393737; }
    .t--contrast .c-propmap__fullscreen {
      background-color: #085963;
      box-shadow: 4px 4px 20px -10px; }
  .c-propmap__timinggroup {
    display: flex;
    padding: 30px 20px;
    flex-direction: column; }
    @media screen and (max-width: 768px) {
      .c-propmap__timinggroup {
        padding: 10px;
        flex-direction: row; } }
  .c-propmap__timingaction {
    display: none;
    justify-content: center;
    padding-bottom: 10px; }
    @media screen and (max-width: 768px) {
      .c-propmap__timingaction {
        display: flex; } }
  .c-propmap__timing {
    order: 2;
    background-color: #f9f9f9; }
    .t--cn .c-propmap__timing {
      background-color: #f9f9f9; }
    .t--darker .c-propmap__timing {
      background-color: #e6e6e7; }
    @media screen and (max-width: 768px) {
      .c-propmap__timing {
        order: 3;
        background-color: #f9f9f9; }
        .t--cn .c-propmap__timing {
          background-color: #f9f9f9; }
        .t--darker .c-propmap__timing {
          background-color: #e6e6e7; } }
    .c-propmap__timing .c-forms__title {
      display: none; }
    .c-propmap__timing .c-forms__field--addon {
      min-width: 30px; }
  @media screen and (min-width: 768px) {
    .c-propmap__timing--sm .c-propmap__estimate {
      flex: 0 0 80px; } }
  .c-propmap__timing--sm .c-propmap__minute {
    font-size: 1.5em; }
  .c-propmap__main {
    flex: 1 1 auto;
    box-sizing: border-box;
    padding-bottom: 10px; }
    @media screen and (max-width: 768px) {
      .c-propmap__main {
        padding-bottom: 0; } }
  .c-propmap__routes-inner {
    padding: 0 20px;
    padding: 0;
    padding-right: 10px; }
    .t--cn .c-propmap__routes-inner {
      padding: 0;
      padding-right: 10px; }
    .t--darker .c-propmap__routes-inner {
      padding: 0;
      padding-right: 10px; }
    .t--contrast .c-propmap__routes-inner {
      padding: 0;
      padding-right: 10px; }
    .c-propmap__routes-inner .c-forms {
      background-color: #fff; }
      .t--cn .c-propmap__routes-inner .c-forms {
        background-color: #fff; }
      .t--contrast .c-propmap__routes-inner .c-forms {
        background-color: #085963; }
      .c-propmap__routes-inner .c-forms__fields {
        background-color: transparent; }
        .t--cn .c-propmap__routes-inner .c-forms__fields {
          background-color: transparent; }
        .t--darker .c-propmap__routes-inner .c-forms__fields {
          background-color: transparent; }
        .t--contrast .c-propmap__routes-inner .c-forms__fields {
          background-color: transparent; }
  .c-propmap__methods {
    display: inline-flex;
    justify-content: flex-start;
    box-shadow: 4px 4px 10px -8px #333; }
    .t--cn .c-propmap__methods {
      box-shadow: 4px 4px 10px -8px #333; }
    .t--darker .c-propmap__methods {
      box-shadow: 4px 4px 10px -8px #393737; }
    .t--contrast .c-propmap__methods {
      box-shadow: 4px 4px 10px -8px; }
  .c-propmap__method {
    font-size: 1em;
    text-align: center;
    width: 70px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #666;
    background-color: #fff;
    border-bottom: 1px solid transparent; }
    .t--cn .c-propmap__method {
      color: #666;
      background-color: #fff;
      border-bottom: 1px solid transparent; }
    .t--darker .c-propmap__method {
      border-bottom: 1px solid transparent; }
    .t--contrast .c-propmap__method {
      background-color: #085963;
      border-bottom: 1px solid transparent; }
    .c-propmap__method--active {
      background-color: #eee;
      color: #333;
      border-bottom: 1px solid #333; }
      .t--cn .c-propmap__method--active {
        background-color: #eee;
        color: #333;
        border-bottom: 1px solid #333; }
      .t--darker .c-propmap__method--active {
        color: #393737;
        border-bottom: 1px solid #393737; }
      .t--contrast .c-propmap__method--active {
        border-bottom: 1px solid; }
  .c-propmap__estimate-icon {
    font-size: 1.5em;
    margin-right: 10px;
    color: #999; }
    .t--cn .c-propmap__estimate-icon {
      color: #999; }
    @media screen and (max-width: 768px) {
      .c-propmap__estimate-icon {
        display: none; } }
  .c-propmap__side {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px; }
    @media screen and (max-width: 768px) {
      .c-propmap__side {
        justify-content: center;
        flex: 0 0 18%;
        padding: 0; } }
  .c-propmap__estimate-box {
    text-align: center;
    display: flex;
    align-items: baseline; }
    @media screen and (max-width: 768px) {
      .c-propmap__estimate-box {
        display: flex;
        flex-direction: column; } }
  .c-propmap__actions {
    margin: 15px 0; }
  @media screen and (max-width: 768px) {
    .c-propmap__action-box {
      display: none; } }
  .c-propmap__minute {
    font-size: 2em;
    margin-right: 10px;
    color: #000; }
    .t--cn .c-propmap__minute {
      color: #000; }
    .t--darker .c-propmap__minute {
      color: #085963; }
    @media screen and (max-width: 768px) {
      .c-propmap__minute {
        font-size: 1.1em;
        margin-right: 0; } }
  .c-propmap__unit {
    font-size: 0.84em; }
    @media screen and (max-width: 768px) {
      .c-propmap__unit {
        font-size: 0.65em; } }
  .c-propmap__current {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.5em;
    padding-right: 30px;
    box-sizing: border-box;
    color: #666; }
    .t--cn .c-propmap__current {
      color: #666; }
    @media screen and (max-width: 768px) {
      .c-propmap__current {
        font-size: 1.2em;
        padding-right: 10px; } }

.o-btn {
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding: 7px 25px;
  border: 0;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  transition: all 0.2s ease-out;
  line-height: 1.2em;
  box-sizing: border-box;
  box-shadow: 2px 2px 3px -1px #ccc;
  color: #085963;
  background-color: #eee;
  font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
  @media screen and (max-width: 768px) {
    .o-btn {
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 25px;
      padding-right: 25px; } }
  .t--cn .o-btn {
    box-shadow: 2px 2px 3px -1px #ccc;
    color: #085963;
    background-color: #eee;
    font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }
  .t--darker .o-btn {
    box-shadow: 2px 2px 3px -1px #ccc;
    color: #085963; }
  .t--contrast .o-btn {
    box-shadow: 2px 2px 3px -1px #999; }
  .o-btn[disabled] {
    color: #999;
    background-color: #f9f9f9; }
    .t--cn .o-btn[disabled] {
      color: #999;
      background-color: #f9f9f9; }
    .t--darker .o-btn[disabled] {
      background-color: #e6e6e7; }
    .o-btn[disabled]:hover {
      color: #999;
      background-color: #f9f9f9; }
      .t--cn .o-btn[disabled]:hover {
        color: #999;
        background-color: #f9f9f9; }
      .t--darker .o-btn[disabled]:hover {
        background-color: #e6e6e7; }
    .o-btn[disabled]:active {
      color: #999;
      background-color: #f9f9f9; }
      .t--cn .o-btn[disabled]:active {
        color: #999;
        background-color: #f9f9f9; }
      .t--darker .o-btn[disabled]:active {
        background-color: #e6e6e7; }
  .o-btn--simple {
    height: 30px;
    padding: 0 10px;
    box-sizing: border-box;
    align-items: center;
    display: flex;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #085963;
    color: #085963;
    background-color: transparent; }
    .t--cn .o-btn--simple {
      border: 1px solid #085963;
      color: #085963;
      background-color: transparent; }
    .t--darker .o-btn--simple {
      border: 1px solid #085963;
      color: #085963;
      background-color: transparent; }
    .t--contrast .o-btn--simple {
      border: 1px solid;
      background-color: transparent; }
  .o-btn--contact {
    box-shadow: none;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.84em;
    border: 1px solid #b61229;
    color: #b61229;
    background-color: #fff; }
    .t--cn .o-btn--contact {
      border: 1px solid #b61229;
      color: #b61229;
      background-color: #fff; }
    .t--darker .o-btn--contact {
      border: 1px solid; }
    .t--contrast .o-btn--contact {
      border: 1px solid;
      background-color: #085963; }
  .o-btn.o-btn--contact:hover {
    box-shadow: none; }
    .t--cn .o-btn.o-btn--contact:hover {
      box-shadow: none; }
    .t--darker .o-btn.o-btn--contact:hover {
      box-shadow: none; }
    .t--contrast .o-btn.o-btn--contact:hover {
      box-shadow: none; }
  .o-btn.o-btn--contact:active {
    box-shadow: none; }
    .t--cn .o-btn.o-btn--contact:active {
      box-shadow: none; }
    .t--darker .o-btn.o-btn--contact:active {
      box-shadow: none; }
    .t--contrast .o-btn.o-btn--contact:active {
      box-shadow: none; }
  .o-btn.o-btn--contact:hover {
    background-color: #b61229;
    color: #fff; }
    .t--cn .o-btn.o-btn--contact:hover {
      background-color: #b61229;
      color: #fff; }
    .t--darker .o-btn.o-btn--contact:hover {
      color: #fff; }
    .t--contrast .o-btn.o-btn--contact:hover {
      color: #fff; }
  .t--darker .o-btn--a {
    background: linear-gradient(to bottom, #085963 0%, #085963 100%); }
  .t--darker .o-btn--b {
    background: linear-gradient(to bottom, #008190 0%, #008190 100%); }
  .t--darker .o-btn--c {
    background: linear-gradient(to bottom, #01878c 0%, #01878c 100%); }
  .t--darker .o-btn--d {
    background: linear-gradient(to bottom, #00b0a8 0%, #00b0a8 100%); }
  .o-btn__ripple {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.2);
    transform: scale(0);
    opacity: 1;
    transition: all 0.5s ease-out;
    pointer-events: none; }
    .o-btn__ripple--animate {
      transform: scale(2);
      opacity: 0; }
  .o-btn:hover {
    text-decoration: none;
    box-shadow: 1px 1px 3px -2px #666;
    color: #555;
    background-color: #f5f5f5; }
    .t--cn .o-btn:hover {
      box-shadow: 1px 1px 3px -2px #666;
      color: #555;
      background-color: #f5f5f5; }
    .t--darker .o-btn:hover {
      box-shadow: 1px 1px 3px -2px; }
    .t--contrast .o-btn:hover {
      box-shadow: 1px 1px 3px -2px; }
  .o-btn:active {
    text-decoration: none;
    box-shadow: 1px 1px 3px -2px #666;
    color: #555;
    background-color: #f5f5f5; }
    .t--cn .o-btn:active {
      box-shadow: 1px 1px 3px -2px #666;
      color: #555;
      background-color: #f5f5f5; }
    .t--darker .o-btn:active {
      box-shadow: 1px 1px 3px -2px; }
    .t--contrast .o-btn:active {
      box-shadow: 1px 1px 3px -2px; }
  .o-btn--primary {
    white-space: nowrap;
    font-weight: 400;
    color: #085963;
    background-color: #eee;
    font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
    .t--cn .o-btn--primary {
      color: #085963;
      background-color: #eee;
      font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }
    .t--darker .o-btn--primary {
      color: #085963; }
    .o-btn--primary:hover {
      color: #085963;
      background-color: #fff;
      font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
      .t--cn .o-btn--primary:hover {
        color: #085963;
        background-color: #fff;
        font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }
      .t--darker .o-btn--primary:hover {
        color: #085963; }
      .t--contrast .o-btn--primary:hover {
        background-color: #085963; }
    .o-btn--primary:active {
      color: #085963;
      background-color: #fff;
      font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
      .t--cn .o-btn--primary:active {
        color: #085963;
        background-color: #fff;
        font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }
      .t--darker .o-btn--primary:active {
        color: #085963; }
      .t--contrast .o-btn--primary:active {
        background-color: #085963; }
    .o-btn--primary-flat {
      color: #fff;
      background: none;
      background-color: #08888c; }
      .t--cn .o-btn--primary-flat {
        color: #fff;
        background: none;
        background-color: #08888c; }
      .t--darker .o-btn--primary-flat {
        color: #fff;
        background: none;
        background-color: #085963; }
      .t--contrast .o-btn--primary-flat {
        color: #fff;
        background: none;
        background-color: #085963; }
      .o-btn--primary-flat:hover {
        color: #fff;
        background: none;
        background-color: #52c1b9; }
        .t--cn .o-btn--primary-flat:hover {
          color: #fff;
          background: none;
          background-color: #00b0a8; }
        .t--darker .o-btn--primary-flat:hover {
          color: #fff;
          background: none;
          background-color: #fff; }
        .t--contrast .o-btn--primary-flat:hover {
          color: #fff;
          background: none;
          background-color: #fff; }
      .o-btn--primary-flat:active {
        color: #fff;
        background: none;
        background-color: #52c1b9; }
        .t--cn .o-btn--primary-flat:active {
          color: #fff;
          background: none;
          background-color: #00b0a8; }
        .t--darker .o-btn--primary-flat:active {
          color: #fff;
          background: none;
          background-color: #fff; }
        .t--contrast .o-btn--primary-flat:active {
          color: #fff;
          background: none;
          background-color: #fff; }
  .o-btn--highlight {
    color: #fff;
    background-color: #52c1b9; }
    .t--cn .o-btn--highlight {
      color: #fff;
      background-color: #00b0a8; }
    .t--darker .o-btn--highlight {
      color: #fff;
      background: linear-gradient(to bottom, #268689 0%, #085963 100%);
      background-color: #fff; }
    .t--contrast .o-btn--highlight {
      color: #fff;
      background-color: #fff; }
  .o-btn--facebook {
    color: #fff;
    background-color: #4971c5; }
    .t--cn .o-btn--facebook {
      color: #fff;
      background-color: #4971c5; }
    .t--darker .o-btn--facebook {
      color: #fff; }
    .t--contrast .o-btn--facebook {
      color: #fff; }
    .o-btn--facebook:hover {
      color: #fff;
      background-color: #4971c5; }
      .t--cn .o-btn--facebook:hover {
        color: #fff;
        background-color: #4971c5; }
      .t--darker .o-btn--facebook:hover {
        color: #fff; }
      .t--contrast .o-btn--facebook:hover {
        color: #fff; }
    .o-btn--facebook:active {
      color: #fff;
      background-color: #4971c5; }
      .t--cn .o-btn--facebook:active {
        color: #fff;
        background-color: #4971c5; }
      .t--darker .o-btn--facebook:active {
        color: #fff; }
      .t--contrast .o-btn--facebook:active {
        color: #fff; }
  .o-btn--danger {
    color: #fff;
    background-color: #ed4c4c; }
    .t--cn .o-btn--danger {
      color: #fff;
      background-color: #ed4c4c; }
    .o-btn--danger:hover {
      color: #fff;
      background-color: #ff0000; }
      .t--cn .o-btn--danger:hover {
        color: #fff;
        background-color: #ff0000; }
    .o-btn--danger:active {
      color: #fff;
      background-color: #ff0000; }
      .t--cn .o-btn--danger:active {
        color: #fff;
        background-color: #ff0000; }
  .o-btn--danger .fa {
    color: #fff; }
    .t--cn .o-btn--danger .fa {
      color: #fff; }
  .o-btn--long {
    width: 100%;
    max-width: 300px; }
  .o-btn--loading {
    position: relative;
    pointer-events: none;
    cursor: not-allowed;
    color: #bbb; }
    .t--cn .o-btn--loading {
      color: #bbb; }
    .o-btn--loading::after {
      content: '\f021';
      font-family: 'Font Awesome 5 Pro';
      margin-left: 10px;
      font-weight: 100;
      display: inline-block;
      animation: rotate 1s linear infinite;
      font-size: 1em;
      vertical-align: middle;
      color: #666; }
      .t--cn .o-btn--loading::after {
        color: #666; }
  .o-btn--loading.o-btn--primary:hover {
    background-color: #08888c; }
    .t--cn .o-btn--loading.o-btn--primary:hover {
      background-color: #08888c; }
    .t--darker .o-btn--loading.o-btn--primary:hover {
      background-color: #085963; }
    .t--contrast .o-btn--loading.o-btn--primary:hover {
      background-color: #085963; }
  .o-btn--loading.o-btn--primary:active {
    background-color: #08888c; }
    .t--cn .o-btn--loading.o-btn--primary:active {
      background-color: #08888c; }
    .t--darker .o-btn--loading.o-btn--primary:active {
      background-color: #085963; }
    .t--contrast .o-btn--loading.o-btn--primary:active {
      background-color: #085963; }
  .o-btn--external {
    text-transform: uppercase;
    font-size: 1em;
    background: none;
    border: 0;
    box-shadow: none;
    font-weight: 600;
    color: #212c2e; }
    .t--cn .o-btn--external {
      color: #212c2e; }
    .t--darker .o-btn--external {
      color: #0e8190; }
    .t--contrast .o-btn--external {
      color: #fff; }
    .o-btn--external:hover {
      box-shadow: none; }
    .o-btn--external:active {
      box-shadow: none; }
  .o-btn--parallel {
    position: relative;
    box-shadow: none;
    overflow: hidden;
    transform: skew(-20deg);
    border-radius: 4px;
    min-width: 200px;
    color: #fff; }
    .o-btn--parallel span {
      display: block;
      transform: skew(20deg); }
      @media screen and (max-width: 768px) {
        .o-btn--parallel span {
          transform: skew(0); } }
    .o-btn--parallel:hover {
      color: #fff; }
      .t--cn .o-btn--parallel:hover {
        color: #fff; }
      .t--darker .o-btn--parallel:hover {
        background: linear-gradient(to bottom, #268689 0%, #085963 100%);
        color: #fff; }
      .t--contrast .o-btn--parallel:hover {
        color: #fff; }
    .t--cn .o-btn--parallel {
      color: #fff; }
    .t--darker .o-btn--parallel {
      color: #fff; }
    .t--contrast .o-btn--parallel {
      color: #fff; }
    .o-btn--parallel:hover {
      box-shadow: none; }
    .o-btn--parallel:active {
      box-shadow: none; }
    @media screen and (max-width: 768px) {
      .o-btn--parallel {
        padding: 5px;
        height: 80px;
        width: 115px;
        min-width: 0;
        transform: skew(0);
        display: flex;
        align-items: center;
        justify-content: center; } }
  .o-btn--sm {
    font-size: 0.9em;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .o-btn--sm .icons {
      margin-right: 5px; }
  .o-btn--back {
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-size: 10.7pt;
    font-weight: 600;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #018190;
    font-family: Open Sans, 'Noto Sans TC', sans-serif; }
    .t--cn .o-btn--back {
      color: #018190;
      font-family: Open Sans, 'Noto Sans SC', sans-serif; }
    .t--darker .o-btn--back {
      color: #018190; }
    .t--contrast .o-btn--back {
      font-family: 'Open Sans', 'Noto Sans TC', 'Noto Sans SC', sans-serif; }
    .o-btn--back:focus, .o-btn--back:active, .o-btn--back:hover {
      box-shadow: none;
      background-color: transparent;
      color: #018190; }
      .t--cn .o-btn--back:focus, .t--cn .o-btn--back:active, .t--cn .o-btn--back:hover {
        color: #018190; }
      .t--darker .o-btn--back:focus, .t--darker .o-btn--back:active, .t--darker .o-btn--back:hover {
        color: #018190; }
    .o-btn--back .icons,
    .o-btn--back .fal,
    .o-btn--back .fas {
      margin-right: 10px; }
  .o-btn--label {
    display: inline-block;
    white-space: nowrap;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 20px;
    margin-right: 10px;
    margin-bottom: 15px;
    font-size: 0.84em;
    border: 2px solid transparent;
    color: #666;
    background-color: #eee; }
    .t--cn .o-btn--label {
      color: #666;
      background-color: #eee; }
    @media screen and (max-width: 768px) {
      .o-btn--label {
        padding: 10px 15px; } }
  .o-btn--label.o-btn--active {
    box-shadow: none;
    color: #08888c;
    background-color: #fff;
    border: 2px solid #08888c; }
    .t--cn .o-btn--label.o-btn--active {
      color: #08888c;
      background-color: #fff;
      border: 2px solid #08888c; }
    .t--darker .o-btn--label.o-btn--active {
      color: #085963;
      border: 2px solid #085963; }
    .t--contrast .o-btn--label.o-btn--active {
      color: #085963;
      background-color: #085963;
      border: 2px solid #085963; }
  .o-btn--switch {
    padding: 7px 25px;
    white-space: nowrap;
    box-shadow: none;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    color: #333;
    background-color: #fff; }
    .t--cn .o-btn--switch {
      color: #333;
      background-color: #fff; }
    .t--darker .o-btn--switch {
      color: #393737; }
    .t--contrast .o-btn--switch {
      background-color: #085963; }
  .o-btn--switch.o-btn--active {
    color: #085963;
    background-color: #eee; }
    .t--cn .o-btn--switch.o-btn--active {
      color: #085963;
      background-color: #eee; }
    .t--darker .o-btn--switch.o-btn--active {
      color: #085963; }

.o-btn-whatsapp-icon {
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  margin-right: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("img/waicon.png"); }

.o-btn-tel-icon {
  display: block;
  width: 25px;
  height: 25px;
  position: relative;
  margin-right: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("img/telicon.png"); }

.c-prophead__btn--wa .o-btn-whatsapp-icon {
  width: 20px;
  height: 20px;
  margin-right: 0; }

.o-btn--cta {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  background-color: #b61229; }
  .t--cn .o-btn--cta {
    color: #fff;
    background-color: #b61229; }
  .t--darker .o-btn--cta {
    color: #fff; }
  .t--contrast .o-btn--cta {
    color: #fff; }
  .o-btn--cta:hover {
    color: #fff;
    background-color: #b61229; }
    .t--cn .o-btn--cta:hover {
      color: #fff;
      background-color: #b61229; }
    .t--darker .o-btn--cta:hover {
      color: #fff; }
    .t--contrast .o-btn--cta:hover {
      color: #fff; }
  .o-btn--cta:active {
    color: #fff;
    background-color: #b61229; }
    .t--cn .o-btn--cta:active {
      color: #fff;
      background-color: #b61229; }
    .t--darker .o-btn--cta:active {
      color: #fff; }
    .t--contrast .o-btn--cta:active {
      color: #fff; }

.o-textbtn {
  text-decoration: underline;
  font-size: 0.9em;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
  color: #666; }
  .t--cn .o-textbtn {
    color: #666; }

.o-link {
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
  color: #212c2e; }
  .o-link:hover {
    text-decoration: underline; }
  .t--cn .o-link {
    color: #212c2e; }
  .t--darker .o-link {
    color: #0e8190; }
  .t--contrast .o-link {
    color: #fff; }
  .o-link--long {
    margin-left: 20px;
    margin-right: 20px; }
  .o-link--highlight {
    color: #018190; }
    .t--cn .o-link--highlight {
      color: #018190; }
    .t--darker .o-link--highlight {
      color: #018190; }
  .o-link--highlight-y {
    color: #ffe987;
    text-shadow: 1px 1px 6px #e0e004, 0 0 1px #6c2600; }
    .t--cn .o-link--highlight-y {
      color: #ffe987;
      text-shadow: 1px 1px 6px #e0e004, 0 0 1px #6c2600; }
    .t--darker .o-link--highlight-y {
      color: #ffe987;
      text-shadow: 1px 1px 6px #e0e004, 0 0 1px #6c2600; }
    .t--contrast .o-link--highlight-y {
      color: #ffe987;
      text-shadow: 1px 1px 6px #e0e004, 0 0 1px #6c2600; }
  .o-link--contrast {
    color: #fff; }
    .t--cn .o-link--contrast {
      color: #fff; }
    .t--darker .o-link--contrast {
      color: #fff; }
    .t--contrast .o-link--contrast {
      color: #fff; }
  .o-link--plain {
    margin: 0;
    color: #333; }
    .t--cn .o-link--plain {
      color: #333; }
    .t--darker .o-link--plain {
      color: #393737; }
  .o-link--nounder:hover {
    text-decoration: none; }

.o-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #eee;
  opacity: 0.8;
  border-radius: 100%;
  border: 2px solid #fff;
  background-color: rgba(0, 0, 0, 0.4); }
  .o-play-btn:after {
    content: '\f144';
    font-family: 'Font Awesome 5 Pro';
    font-size: 16pt;
    margin-left: 4px; }

.o-btn--flat {
  padding: 0;
  box-shadow: none;
  border: 0;
  background: none;
  display: inline-block;
  border-radius: 0;
  font-size: 1.1em;
  margin-right: 10px;
  align-items: baseline;
  color: #085963; }
  .o-btn--flat .fal {
    font-size: 0.9em; }
  .t--cn .o-btn--flat {
    color: #085963; }
  .t--darker .o-btn--flat {
    color: #085963; }
  .o-btn--flat:hover {
    box-shadow: none;
    background: none;
    color: #0fd28d; }
    .t--cn .o-btn--flat:hover {
      color: #0fd28d; }
    .t--darker .o-btn--flat:hover {
      color: #229069; }
  .o-btn--flat:active {
    box-shadow: none;
    background: none;
    color: #0fd28d; }
    .t--cn .o-btn--flat:active {
      color: #0fd28d; }
    .t--darker .o-btn--flat:active {
      color: #229069; }
  .o-btn--flat-pad {
    padding: 10px 20px; }
  .o-btn--flat-danger {
    color: #ed4c4c; }
    .t--cn .o-btn--flat-danger {
      color: #ed4c4c; }
    .o-btn--flat-danger:hover {
      box-shadow: none;
      background: none;
      color: #ed4c4c; }
      .t--cn .o-btn--flat-danger:hover {
        color: #ed4c4c; }
    .o-btn--flat-danger:active {
      box-shadow: none;
      background: none;
      color: #ed4c4c; }
      .t--cn .o-btn--flat-danger:active {
        color: #ed4c4c; }
  .o-btn--flat-lg {
    padding: 10px 0;
    font-size: 1.1em; }
  .o-btn--flat.o-btn--active {
    color: #0fd28d; }
    .t--cn .o-btn--flat.o-btn--active {
      color: #0fd28d; }
    .t--darker .o-btn--flat.o-btn--active {
      color: #229069; }

.o-btn--tab {
  box-shadow: none;
  border: 0;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  font-size: 0.9em;
  text-transform: uppercase;
  color: #08888c;
  border-bottom: 2px solid #ddd; }
  .t--cn .o-btn--tab {
    color: #08888c;
    border-bottom: 2px solid #ddd; }
  .t--darker .o-btn--tab {
    color: #085963;
    border-bottom: 2px solid #eee; }
  .t--contrast .o-btn--tab {
    color: #085963;
    border-bottom: 2px solid; }
  .o-btn--tab:hover {
    background: none;
    box-shadow: none;
    border-bottom: 2px solid #08888c; }
    .t--cn .o-btn--tab:hover {
      background: none;
      box-shadow: none;
      border-bottom: 2px solid #08888c; }
    .t--darker .o-btn--tab:hover {
      background: none;
      box-shadow: none;
      border-bottom: 2px solid #085963; }
    .t--contrast .o-btn--tab:hover {
      background: none;
      box-shadow: none;
      border-bottom: 2px solid #085963; }
  .o-btn--tab:active {
    background: none;
    box-shadow: none;
    border-bottom: 2px solid #08888c; }
    .t--cn .o-btn--tab:active {
      background: none;
      box-shadow: none;
      border-bottom: 2px solid #08888c; }
    .t--darker .o-btn--tab:active {
      background: none;
      box-shadow: none;
      border-bottom: 2px solid #085963; }
    .t--contrast .o-btn--tab:active {
      background: none;
      box-shadow: none;
      border-bottom: 2px solid #085963; }

.o-href {
  text-decoration: underline;
  color: #085963; }
  .t--cn .o-href {
    color: #085963; }
  .t--darker .o-href {
    color: #085963; }

.fas.fa-heart {
  color: #ed4c4c;
  text-shadow: 1px 1px 3px #ccc; }
  .t--cn .fas.fa-heart {
    color: #ed4c4c;
    text-shadow: 1px 1px 3px #ccc; }
  .t--darker .fas.fa-heart {
    text-shadow: 1px 1px 3px #ccc; }
  .t--contrast .fas.fa-heart {
    text-shadow: 1px 1px 3px #999; }

.o-btn--hero {
  border-radius: 0;
  width: 300px;
  max-width: 100%;
  padding: 15px;
  text-transform: uppercase;
  font-size: 0.9em;
  background-color: #08888c;
  color: #fff; }
  .o-btn--hero .icons {
    margin-right: 10px; }
  .t--cn .o-btn--hero {
    background-color: #08888c;
    color: #fff; }
  .t--darker .o-btn--hero {
    background-color: #085963;
    color: #fff; }
  .t--contrast .o-btn--hero {
    background-color: #085963;
    color: #fff; }

button > span {
  pointer-events: none; }

.o-btn--loading.o-btn--cta::after {
  color: #fff; }
  .t--cn .o-btn--loading.o-btn--cta::after {
    color: #fff; }
  .t--darker .o-btn--loading.o-btn--cta::after {
    color: #fff; }
  .t--contrast .o-btn--loading.o-btn--cta::after {
    color: #fff; }

.o-minibox {
  display: flex;
  width: 100px;
  height: 100px;
  align-items: center;
  justify-content: center;
  box-shadow: 1px 1px 4px 0px #333;
  vertical-align: middle;
  transition: all 0.1s ease-out;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.7); }
  .o-minibox > * {
    transform: scale(1);
    transition: all 0.1s ease-out; }
  .t--cn .o-minibox {
    background-color: rgba(0, 0, 0, 0.7); }
  .t--darker .o-minibox {
    background-color: rgba(0, 0, 0, 0.75); }
  .t--darker .o-minibox:hover {
    background-color: #085963; }
  .o-minibox:hover > * {
    transform: scale(1.05); }
  @media screen and (max-width: 768px) {
    .o-minibox {
      width: 60px;
      height: 60px; } }

.o-image {
  width: 100%; }
  .o-image--center {
    height: 100%;
    margin-left: -50%;
    transform: translate(50%, 0, 0); }
  .o-image--ah {
    width: auto;
    height: 100%; }

.o-h1 {
  font-size: 2em;
  margin-top: 0;
  margin-bottom: 15px;
  text-transform: capitalize;
  font-weight: 300;
  color: #000;
  font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
  .t--cn .o-h1 {
    color: #000;
    font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }
  .t--darker .o-h1 {
    color: #085963; }
  .o-h1 a {
    color: #000; }
    .t--cn .o-h1 a {
      color: #000; }
    .t--darker .o-h1 a {
      color: #085963; }
    .o-h1 a:hover {
      text-decoration: underline;
      color: #0fd28d; }
      .t--cn .o-h1 a:hover {
        color: #0fd28d; }
      .t--darker .o-h1 a:hover {
        color: #229069; }
  @media screen and (max-width: 520px) {
    .o-h1 {
      font-size: 1.5em; } }
  .o-h1--serif {
    font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
    .t--cn .o-h1--serif {
      font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }
    .t--darker .o-h1--serif {
      font-family: 'Freight Neo Pro', 'Noto Sans TC', sans-serif; }
      .t--cn .t--darker .o-h1--serif {
        font-family: 'Freight Neo Pro', 'Noto Sans SC', sans-serif; }
  .o-h1--flex {
    display: flex;
    justify-content: center;
    align-items: center; }
  .o-h1--no-mb {
    margin-bottom: 0; }
  @media screen and (max-width: 520px) {
    .o-h1--sm-mobile {
      font-size: 1.5em; } }
  @media screen and (max-width: 768px) {
    .o-h1--center-mobile {
      text-align: center; } }
  .o-h1--seo {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 1.35em;
    padding-top: 5px;
    padding-bottom: 40px;
    margin-bottom: 0;
    white-space: nowrap;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333; }
    .t--cn .o-h1--seo {
      color: #333; }
    .t--darker .o-h1--seo {
      color: #393737; }
    @media screen and (max-width: 1200px) {
      .o-h1--seo {
        font-size: 1.15em;
        padding-top: 10px;
        padding-bottom: 30px; } }
    @media screen and (max-width: 768px) {
      .o-h1--seo {
        font-size: 1em;
        padding-top: 10px;
        padding-bottom: 10px; } }
  .o-h1__alt {
    font-size: 80%;
    color: #999; }
    .t--cn .o-h1__alt {
      font-size: 80%;
      color: #999; }
    .t--darker .o-h1__alt {
      font-size: 80%; }
    .t--contrast .o-h1__alt {
      font-size: 80%; }

.o-h2 {
  font-size: 1.5em;
  line-height: 0.9em;
  margin-top: 0;
  margin-bottom: 10px;
  text-transform: uppercase; }
  @media screen and (max-width: 768px) {
    .o-h2 {
      font-size: 1.2em; } }

.o-p {
  margin-bottom: 30px;
  white-space: pre-wrap; }
  .o-p--nopre {
    white-space: normal; }
  @media screen and (max-width: 768px) {
    .o-p {
      line-height: 1.6em; } }

.o-consolas {
  font-family: Consolas;
  padding: 5px;
  background-color: #eee; }
  .t--cn .o-consolas {
    background-color: #eee; }

.o-radius {
  border-radius: 2px; }

.o-radius2 {
  border-radius: 4px; }

.o-radius3 {
  border-radius: 6px; }

.o-plain {
  display: inline;
  font-size: 1em;
  font-weight: normal; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-block: 0;
  font-weight: normal; }

.u-reset {
  padding: 0;
  margin: 0;
  -webkit-text-size-adjust: 100%;
  font-size: 1em;
  font-family: Open Sans, 'Noto Sans TC', sans-serif; }
  @media screen and (max-width: 768px) {
    .u-reset {
      font-size: 1em; } }
  .t--cn .u-reset {
    font-family: Open Sans, 'Noto Sans SC', sans-serif; }
  .t--contrast .u-reset {
    font-family: 'Open Sans', 'Noto Sans TC', 'Noto Sans SC', sans-serif; }

.g-reset {
  font-family: 'Open Sans', 'Noto Sans TC', 'Noto Sans SC', sans-serif;
  -webkit-text-size-adjust: 100%;
  font-size: 1em; }

button {
  font-size: 1em;
  background-color: transparent;
  border: none;
  padding: 0;
  font-family: Open Sans, 'Noto Sans TC', sans-serif; }
  .t--cn button {
    font-family: Open Sans, 'Noto Sans SC', sans-serif; }
  .t--contrast button {
    font-family: 'Open Sans', 'Noto Sans TC', 'Noto Sans SC', sans-serif; }

a {
  text-decoration: none; }

ul {
  margin: 0;
  padding: 0; }
  ul li {
    list-style: none; }

.navbar .u-sub-menu-v3 .hs-sub-menu a {
  border-left: 3px solid transparent; }
  .navbar .u-sub-menu-v3 .hs-sub-menu a.t--cn {
    border-left: 3px solid transparent; }
  .navbar .u-sub-menu-v3 .hs-sub-menu a.t--darker {
    border-left: 3px solid transparent; }
  .navbar .u-sub-menu-v3 .hs-sub-menu a.t--contrast {
    border-left: 3px solid transparent; }

.navbar .u-sub-menu-v3 .hs-sub-menu a:active,
.navbar .u-sub-menu-v3 .hs-sub-menu a:hover {
  background-color: #fff;
  border-left: 3px solid #018190;
  color: #333 !important; }
  .navbar .u-sub-menu-v3 .hs-sub-menu a:active.t--cn,
  .navbar .u-sub-menu-v3 .hs-sub-menu a:hover.t--cn {
    background-color: #fff;
    border-left: 3px solid #018190;
    color: #333 !important; }
  .navbar .u-sub-menu-v3 .hs-sub-menu a:active.t--darker,
  .navbar .u-sub-menu-v3 .hs-sub-menu a:hover.t--darker {
    border-left: 3px solid #018190;
    color: #393737 !important; }
  .navbar .u-sub-menu-v3 .hs-sub-menu a:active.t--contrast,
  .navbar .u-sub-menu-v3 .hs-sub-menu a:hover.t--contrast {
    background-color: #085963;
    border-left: 3px solid;
    color: !important; }

.svg-donut-center {
  font-family: 'Open Sans' !important; }

.u-md {
  font-size: 1em; }

.u-xs {
  font-size: 0.65em; }

.u-sm {
  font-size: 0.84em; }

.u-lg {
  font-size: 1.2em; }

.u-italic {
  font-style: italic; }

.u-text-center {
  text-align: center; }

.u-text-right {
  text-align: right; }

.u-casual {
  color: #999; }
  .t--cn .u-casual {
    color: #999; }

.u-text-primary {
  color: #212c2e; }
  .t--cn .u-text-primary {
    color: #212c2e; }
  .t--darker .u-text-primary {
    color: #0e8190; }
  .t--contrast .u-text-primary {
    color: #fff; }

.u-text-primary3 {
  color: #085963; }
  .t--cn .u-text-primary3 {
    color: #085963; }
  .t--darker .u-text-primary3 {
    color: #085963; }

.u-caption {
  font-size: 1em;
  color: #666; }
  .t--cn .u-caption {
    color: #666; }

.u-upper {
  text-transform: uppercase; }

.u-capfirst {
  text-transform: capitalize; }

.u-preserve-cap {
  text-transform: none; }

.u-small-caption {
  font-size: 0.84em;
  color: #999; }
  .t--cn .u-small-caption {
    color: #999; }

.u-ref {
  font-size: 1em;
  text-transform: uppercase;
  color: #999; }
  .t--cn .u-ref {
    color: #999; }

.u-dummy-long {
  height: 4000px;
  width: 100%;
  background-color: #f9f9f9; }
  .t--cn .u-dummy-long {
    background-color: #f9f9f9; }
  .t--darker .u-dummy-long {
    background-color: #e6e6e7; }

.u-bold {
  font-weight: 600; }

.u-underline {
  text-decoration: underline; }

.u-oneliner {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center; }

.u-relative {
  position: relative; }

.u-anchor-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 20px; }
  @media screen and (max-width: 768px) {
    .u-anchor-bottom {
      padding-bottom: 10px; } }
  @media screen and (max-width: 768px) {
    .u-anchor-bottom--non-mobile {
      padding-top: 10px;
      position: relative; } }

@media screen and (max-width: 768px) {
  .u-text-center-mobile {
    text-align: center; } }

.u-stretch {
  width: 100%;
  height: 100%; }

.u-flex {
  display: flex;
  flex-direction: row; }
  .u-flex--column {
    flex-direction: column; }
  .u-flex__flex {
    flex: 1; }
  .u-flex--middle {
    justify-content: center;
    align-items: center; }

.u-flex-right {
  display: flex;
  justify-content: flex-end; }
  @media screen and (max-width: 768px) {
    .u-flex-right--non-mobile {
      justify-content: center; } }

.u-flex-left {
  display: flex;
  justify-content: flex-start; }
  @media screen and (max-width: 768px) {
    .u-flex-left--non-mobile {
      justify-content: center; } }

.u-z2 {
  z-index: 2; }

@media screen and (max-width: 768px) {
  .u-wrap-mobile {
    display: block;
    margin: 10px 0; } }

@media screen and (max-width: 768px) {
  .u-wrap-mobile--nopad {
    display: block;
    margin: 0; } }

.u-hidden {
  display: none; }

.u-hidden-animate {
  display: none; }

.u-i-m-visible-haha {
  width: 78px;
  padding: 2px 4px; }

@media screen and (max-width: 768px) {
  .u-mobile-hidden {
    display: none; } }

.u-mobile-only-force {
  display: none !important; }
  @media screen and (max-width: 768px) {
    .u-mobile-only-force {
      display: inline-block !important; } }

.u-mobile-only {
  display: none; }
  @media screen and (max-width: 768px) {
    .u-mobile-only {
      display: inline-block; } }

@media screen and (max-width: 768px) {
  .u-noscroll {
    overflow: hidden; } }