@charset "UTF-8";
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

div#include-smart-header {
  background-color: #fff; }

header.include-global-header,
footer > .include-global-footer,
nav.include-global-nav {
  font-family: Arial, "微軟正黑體", "繁黑體", "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "LiHei Pro", sans-serif, "新細明體", PMingLiU;
  font-size: 14px;
  line-height: 1.42857143;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  header.include-global-header a,
  footer > .include-global-footer a,
  nav.include-global-nav a {
    color: #000;
    text-decoration: none; }
  header.include-global-header a:hover,
  header.include-global-header a:focus,
  footer > .include-global-footer a:hover,
  footer > .include-global-footer a:focus,
  nav.include-global-nav a:hover,
  nav.include-global-nav a:focus {
    color: #FF9900;
    text-decoration: none; }
  header.include-global-header a:focus,
  footer > .include-global-footer a:focus,
  nav.include-global-nav a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  header.include-global-header img,
  footer > .include-global-footer img,
  nav.include-global-nav img {
    vertical-align: middle; }
  header.include-global-header ul,
  footer > .include-global-footer ul,
  nav.include-global-nav ul {
    margin: 0; }

header.include-global-header,
footer > .include-global-footer > div,
nav.include-global-nav > ul {
  width: 1075px;
  margin-right: auto;
  margin-left: auto; }
  @media (max-width: 1024px) {
    header.include-global-header,
    footer > .include-global-footer > div,
    nav.include-global-nav > ul {
      width: 100%; } }

header.include-global-header {
  height: 84px;
  background-color: #fff; }
  @media (max-width: 768px) {
    header.include-global-header {
      height: 50px; } }
  header.include-global-header h1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0; }
    header.include-global-header h1 > a > img {
      width: 230px;
      height: auto; }
      @media (max-width: 768px) {
        header.include-global-header h1 > a > img {
          padding-top: .25rem;
          margin-top: 0px;
          width: 165px;
          height: 47px;
          margin-left: .75rem; } }
    header.include-global-header h1 > a.otherLG > img {
      width: auto;
      height: 40px; }
    @media (max-width: 768px) {
      header.include-global-header h1 > a.otherLG {
        display: none; } }
  header.include-global-header ul {
    list-style: none;
    max-width: 50%;
    font-size: 14px;
    padding-left: 0;
    margin-top: 10px; }
    @media (max-width: 768px) {
      header.include-global-header ul {
        display: none; } }
    header.include-global-header ul > li {
      display: inline;
      padding-left: .75rem;
      color: #FF9900; }
      header.include-global-header ul > li > a {
        color: #FF9900; }
        header.include-global-header ul > li > a > i {
          font-size: 1.5rem; }
          header.include-global-header ul > li > a > i.fa-facebook-square {
            color: #4e70b8; }
          header.include-global-header ul > li > a > i.fa-youtube-play {
            color: #de2c28; }
    header.include-global-header ul > li a.manulife {
      color: #b89932; }
      header.include-global-header ul > li a.manulife:hover {
        color: #f90; }

nav.include-global-nav {
  border-top: 4px solid #FF9900;
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 3px rgba(136, 136, 136, 0.3);
  box-shadow: 0px 3px 3px rgba(136, 136, 136, 0.3);
  margin-bottom: 1px; }
  nav.include-global-nav > ul > li:first-child > a {
    color: #f90; }
  nav.include-global-nav > ul > li:last-child > a {
    color: #b89932; }
  nav.include-global-nav > ul > li:last-child > a:hover {
    color: #f90; }

footer {
  border-top: 1px solid rgba(230, 230, 230, 0.5);
  font-size: 14px; }
  footer > .include-global-footer:nth-child(1) {
    padding: 1rem 0;
    background-color: #fff; }
    footer > .include-global-footer:nth-child(1) > .footer-reading > ul {
      width: 10.7%;
      display: inline-block;
      vertical-align: top;
      list-style: none;
      padding: 0 .5rem;
      margin-bottom: .5rem; }
      footer > .include-global-footer:nth-child(1) > .footer-reading > ul > li {
        line-height: 26px;
        font-size: 13px; }
        footer > .include-global-footer:nth-child(1) > .footer-reading > ul > li.reading-ftit {
          font-weight: bold;
          font-style: 15px;
          line-height: 2rem;
          margin-bottom: .75rem; }
        footer > .include-global-footer:nth-child(1) > .footer-reading > ul > li.reading-ftit-title {
          color: #f86602;
          font-weight: bold; }
        footer > .include-global-footer:nth-child(1) > .footer-reading > ul > li.reading-ftit:after {
          height: 5px;
          display: block;
          width: 100%;
          background: #CCCCCC;
          border-right: 1px #fff;
          content: ''; }
      @media (min-width: 993px) and (max-width: 1023px) {
        footer > .include-global-footer:nth-child(1) > .footer-reading > ul {
          width: 33%; }
          footer > .include-global-footer:nth-child(1) > .footer-reading > ul > li {
            display: inline-block;
            padding: 0 .5rem; }
            footer > .include-global-footer:nth-child(1) > .footer-reading > ul > li.reading-ftit {
              display: inline-block;
              width: 100%; }
            footer > .include-global-footer:nth-child(1) > .footer-reading > ul > li.reading-ftit-title {
              display: inline-block;
              width: 100%; } }
      @media (min-width: 650px) and (max-width: 992px) {
        footer > .include-global-footer:nth-child(1) > .footer-reading > ul {
          width: 49%; }
          footer > .include-global-footer:nth-child(1) > .footer-reading > ul > li {
            display: inline-block;
            padding: 0 .5rem;
            font-size: 13px;
            line-height: 26px; }
            footer > .include-global-footer:nth-child(1) > .footer-reading > ul > li.reading-ftit {
              display: inline-block;
              width: 100%; }
            footer > .include-global-footer:nth-child(1) > .footer-reading > ul > li.reading-ftit-title {
              display: inline-block;
              width: 100%; } }
      @media (max-width: 649px) {
        footer > .include-global-footer:nth-child(1) > .footer-reading > ul {
          width: 49%; }
          footer > .include-global-footer:nth-child(1) > .footer-reading > ul > li {
            display: block;
            padding: 0 .5rem;
            font-size: 13px;
            line-height: 26px; }
            footer > .include-global-footer:nth-child(1) > .footer-reading > ul > li.reading-ftit {
              display: inline-block;
              width: 100%; }
            footer > .include-global-footer:nth-child(1) > .footer-reading > ul > li.reading-ftit-title {
              display: inline-block;
              width: 100%; } }
  footer > .include-global-footer:nth-child(2) {
    background-color: #e6e6e6;
    padding: .75rem 0; }
    footer > .include-global-footer:nth-child(2) > .footer-navbar {
      text-align: center;
      font-size: 13px;
      line-height: 1.5rem;
      padding: 0 .2rem; }
    @media (max-width: 768px) {
      footer > .include-global-footer:nth-child(2) {
        padding: 1rem; }
        footer > .include-global-footer:nth-child(2) > .footer-navbar a {
          display: inline-block;
          text-align: center;
          padding: .1rem .5rem;
          border: 1px solid #e6e6e6;
          border-radius: .25rem; }
        footer > .include-global-footer:nth-child(2) > .footer-navbar span {
          display: none; } }
  footer > .include-global-footer:nth-child(3) {
    background-color: #ff8c00; }
    footer > .include-global-footer:nth-child(3) > .footer-info {
      padding: 1.25rem 0; }
      footer > .include-global-footer:nth-child(3) > .footer-info p {
        margin: 0;
        line-height: 1.5rem;
        color: #fff;
        text-align: center;
        font-size: 13px;
        padding: 0 1rem; }