.header {
  border-bottom: 1px solid #eee;
  box-shadow: -3px -3px 3px 0 rgba(255, 255, 255, 0.19), 3px 0 3px 0 rgba(255, 255, 255, 0.19), 0 3px 3px 0 rgba(216, 210, 210, 0.23);
  z-index: 9999;
  position: relative;
  background: #102079;
  display: -ms-flexbox;
  display: flex;
  padding: .5em 3em;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .header--no-border {
    border-bottom: 0;
    box-shadow: none; }
  @media only screen and (max-width: 1500px) {
    .header__logo-wrap {
      width: 232px; } }
  .header__logo-wrap img {
    max-width: 100%;
    height: auto; }
  .header__login-header__form-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    .header__login-header__form-wrap .login-form {
      margin: 0 auto; }
      .header__login-header__form-wrap .login-form::after {
        content: "";
        clear: both;
        display: table; }
      .header__login-header__form-wrap .login-form .grid {
        float: left;
        max-width: 250px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
        @media only screen and (max-width: 1000px) {
          .header__login-header__form-wrap .login-form .grid {
            max-width: 150px; } }
        .header__login-header__form-wrap .login-form .grid .input-group__icon {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center;
          width: 50px;
          color: #333;
          background-color: #fff;
          border-radius: 6px 0 0 6px; }
        .header__login-header__form-wrap .login-form .grid .form-control {
          width: 80%;
          margin-right: 2em;
          font-size: 14px;
          border-radius: 0 .25rem .25rem 0; }
          @media only screen and (max-width: 1000px) {
            .header__login-header__form-wrap .login-form .grid .form-control {
              font-size: 10px; } }
        .header__login-header__form-wrap .login-form .grid .btn-info {
          color: #fff;
          background-color: #5bc0de;
          border-color: #46b8da; }
          .header__login-header__form-wrap .login-form .grid .btn-info:hover {
            color: #fff;
            background-color: #31b0d5;
            border-color: #269abc; }
        .header__login-header__form-wrap .login-form .grid .apply-btn {
          background-color: #008080;
          border-color: #008080;
          margin-left: .1em; }
          .header__login-header__form-wrap .login-form .grid .apply-btn:hover {
            background: #036565;
            border-color: #036565; }
  .header__logout-header__drawer-and-logo-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-width: 400px; }
    .header__logout-header__drawer-and-logo-wrap #drawer {
      margin-right: 1.5em;
      cursor: pointer; }
      .header__logout-header__drawer-and-logo-wrap #drawer i {
        color: #fff;
        font-size: 18pt; }
  .header__logout-header__form-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13pt;
    text-align: right; }
    .header__logout-header__form-wrap .logout-link {
      color: #fff; }

.logo-wrap {
  text-align: center;
  padding: 2em; }
  .logo-wrap img {
    box-shadow: 1px 2px 3px 1px #a6a6a6; }

footer {
  background-color: #404040;
  padding: 15px 0;
  color: #e6e6e6; }
  footer h4 {
    color: #e6e6e6;
    font-size: 20px; }
  footer .grid-wrap {
    margin: 0 auto;
    max-width: 600px; }
    footer .grid-wrap::after {
      content: "";
      clear: both;
      display: table; }
    footer .grid-wrap .grid {
      max-width: 280px; }
    footer .grid-wrap .service-info {
      float: left; }
      footer .grid-wrap .service-info p {
        color: #979797;
        font-size: 14px;
        margin: .5em 0; }
      footer .grid-wrap .service-info .flickr {
        margin: 0;
        padding: 0; }
        footer .grid-wrap .service-info .flickr li {
          width: 20%;
          float: left;
          display: inline-block;
          margin: 0 3px 3px 0; }
          footer .grid-wrap .service-info .flickr li img {
            width: 45px;
            border: 1px solid #1f1f1f;
            transition: 0.5s all;
            margin-right: 1em; }
            footer .grid-wrap .service-info .flickr li img:hover {
              border: 1px solid #84754e;
              transition: 0.5s all; }
    footer .grid-wrap .contact-info {
      float: right; }
      footer .grid-wrap .contact-info__row {
        margin-bottom: 1em; }
        footer .grid-wrap .contact-info__row span {
          color: #979797;
          font-size: 0.95em; }

.marquee-news-section {
  background: #f9f9f9;
  margin-top: 20px; }
  .marquee-news-section .marquee-news-wrap {
    position: relative;
    margin-bottom: 1em; }
    .marquee-news-section .marquee-news-wrap::after {
      content: "";
      clear: both;
      display: table; }
    .marquee-news-section .marquee-news-wrap .arrow-icon {
      position: absolute;
      left: 196px;
      top: calc(50% - 7px);
      border-left: 10px solid #F9F9F9;
      border-right: 10px solid #F9F9F9;
      border-bottom: 14px solid #F3F3F3;
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
    .marquee-news-section .marquee-news-wrap .breaking-news {
      width: 200px;
      text-align: center;
      background: #f3f3f3;
      float: left;
      height: 50px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
      .marquee-news-section .marquee-news-wrap .breaking-news h2 {
        font-weight: 600;
        color: #737373;
        font-size: 14pt;
        margin: 0; }
    .marquee-news-section .marquee-news-wrap .marquee-wrap {
      background: #f9f9f9;
      overflow: hidden;
      height: 50px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
      .marquee-news-section .marquee-news-wrap .marquee-wrap .marquee {
        overflow: hidden;
        width: 65vw;
        margin: 0 auto; }
        @media screen and (max-width: 1450px) {
          .marquee-news-section .marquee-news-wrap .marquee-wrap .marquee {
            width: 50vw; } }
        .marquee-news-section .marquee-news-wrap .marquee-wrap .marquee::after {
          content: "";
          clear: both;
          display: table; }
        .marquee-news-section .marquee-news-wrap .marquee-wrap .marquee .marquee-text {
          float: left;
          margin-right: 3em;
          font-size: 11pt; }
          .marquee-news-section .marquee-news-wrap .marquee-wrap .marquee .marquee-text a {
            color: #005DB4; }

.banner-section .banner-wrap {
  margin-bottom: 2em; }
  .banner-section .banner-wrap .row {
    margin: 0; }
  .banner-section .banner-wrap .grid {
    padding: 0; }
  .banner-section .banner-wrap .rslide-wrap {
    width: 100%;
    position: relative; }
    .banner-section .banner-wrap .rslide-wrap ul {
      list-style: none; }
    .banner-section .banner-wrap .rslide-wrap .banner_tabs {
      display: none; }
    .banner-section .banner-wrap .rslide-wrap img {
      width: 100%; }
    .banner-section .banner-wrap .rslide-wrap .banner_nav {
      position: absolute;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      top: 40%;
      opacity: 0.7;
      z-index: 3;
      text-indent: -9999px;
      overflow: hidden;
      text-decoration: none;
      height: 61px;
      width: 38px; }
    .banner-section .banner-wrap .rslide-wrap .prev {
      background: transparent url(../../Image/img/themes.gif) no-repeat left top;
      left: 0; }
    .banner-section .banner-wrap .rslide-wrap .next {
      background: transparent url(../../Image/img/themes.gif) no-repeat right top;
      right: 0; }
    .banner-section .banner-wrap .rslide-wrap .rslide {
      overflow: hidden;
      width: 100%;
      padding: 0;
      margin: 0; }
      .banner-section .banner-wrap .rslide-wrap .rslide li {
        width: 100%; }
  .banner-section .banner-wrap .bulletin-outer-wrap .bulletin-inner-wrap {
    padding-left: 2em; }
    .banner-section .banner-wrap .bulletin-outer-wrap .bulletin-inner-wrap .title {
      background: #8c8c8c;
      color: #fff;
      font-size: 17px;
      padding: .7em 1em;
      border-bottom: 1px solid #fff;
      cursor: pointer; }
      .banner-section .banner-wrap .bulletin-outer-wrap .bulletin-inner-wrap .title a {
        color: #fff;
        text-decoration: none; }
      .banner-section .banner-wrap .bulletin-outer-wrap .bulletin-inner-wrap .title--dark {
        background: #666666;
        border-bottom: 0; }
      .banner-section .banner-wrap .bulletin-outer-wrap .bulletin-inner-wrap .title--light {
        transition: .5s all; }
        .banner-section .banner-wrap .bulletin-outer-wrap .bulletin-inner-wrap .title--light:hover {
          background: #fff; }
          .banner-section .banner-wrap .bulletin-outer-wrap .bulletin-inner-wrap .title--light:hover a {
            color: #555; }
    .banner-section .banner-wrap .bulletin-outer-wrap .bulletin-inner-wrap .scroll-content {
      height: 200px;
      overflow: hidden;
      background: #f9f9f9; }
      .banner-section .banner-wrap .bulletin-outer-wrap .bulletin-inner-wrap .scroll-content .scrollbar {
        height: 200px;
        width: 100%;
        overflow-y: scroll; }
        .banner-section .banner-wrap .bulletin-outer-wrap .bulletin-inner-wrap .scroll-content .scrollbar::-webkit-scrollbar {
          width: 5px;
          background-color: #555555; }
        .banner-section .banner-wrap .bulletin-outer-wrap .bulletin-inner-wrap .scroll-content .scrollbar::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
          background-color: #fff; }
        .banner-section .banner-wrap .bulletin-outer-wrap .bulletin-inner-wrap .scroll-content .scrollbar::-webkit-scrollbar-thumb {
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
          background-color: #555555; }
      .banner-section .banner-wrap .bulletin-outer-wrap .bulletin-inner-wrap .scroll-content__content {
        display: -ms-flexbox;
        display: flex;
        padding: 1em; }
        .banner-section .banner-wrap .bulletin-outer-wrap .bulletin-inner-wrap .scroll-content__content .img-wrap {
          width: 90px; }
          .banner-section .banner-wrap .bulletin-outer-wrap .bulletin-inner-wrap .scroll-content__content .img-wrap img {
            max-width: 100%; }
        .banner-section .banner-wrap .bulletin-outer-wrap .bulletin-inner-wrap .scroll-content__content .text-wrap {
          padding: 0.1em;
          padding-left: .5em;
          width: 270px;
          width: 270px; }
          .banner-section .banner-wrap .bulletin-outer-wrap .bulletin-inner-wrap .scroll-content__content .text-wrap .pp-title {
            font-size: 15px;
            color: #000;
            transition: all .5s; }
            .banner-section .banner-wrap .bulletin-outer-wrap .bulletin-inner-wrap .scroll-content__content .text-wrap .pp-title:hover {
              color: #8c8c8c; }
          .banner-section .banner-wrap .bulletin-outer-wrap .bulletin-inner-wrap .scroll-content__content .text-wrap__datetime {
            display: -ms-flexbox;
            display: flex;
            font-size: 12.5px;
            color: #B5B3B3;
            text-transform: uppercase;
            font-style: italic;
            margin-top: 5px; }
            .banner-section .banner-wrap .bulletin-outer-wrap .bulletin-inner-wrap .scroll-content__content .text-wrap__datetime .date {
              margin-right: 2em; }

.location-section .location-wrap {
  margin-bottom: 3em; }
  .location-section .location-wrap h3 {
    font-size: 2em;
    color: #666666;
    padding: .2em;
    padding-bottom: .5em;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 1.5em; }
  .location-section .location-wrap .location {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2em; }
    @media only screen and (max-width: 1000px) {
      .location-section .location-wrap .location {
        -ms-flex-pack: distribute;
        justify-content: space-around; } }
    .location-section .location-wrap .location iframe {
      margin-right: 1em; }
    .location-section .location-wrap .location__text h4 {
      font-weight: bold;
      color: #737373;
      margin: 0;
      padding: 0;
      font-size: 20px; }
    .location-section .location-wrap .location__text a {
      color: #337ab7;
      text-decoration: none; }
    .location-section .location-wrap .location__text__phone {
      color: #B5B3B3;
      font-size: 12px;
      font-style: italic;
      margin: 0.5em 0;
      text-transform: uppercase; }

#toTop {
  color: rgba(255, 240, 240, 0);
  text-decoration: none;
  position: fixed;
  bottom: 14px;
  right: 3%;
  overflow: hidden;
  width: 40px;
  height: 40px;
  border: none;
  text-indent: 100%;
  background: url(../../Image/img/to-top1.png) no-repeat 0px 0px;
  z-index: 10001; }

.pd_system-wrap {
  font-family: Microsoft JhengHei; }
  .pd_system-wrap .container {
    width: 92%;
    max-width: 2680px; }
  .pd_system-wrap .main-wrap {
    background: #fff; }