@charset "UTF-8";
body {
  font-family: 微軟正黑體;
  width: 100%;
  font-size: 15px; }

a {
  text-decoration: none;
  color: #4D4B45; }
  a:focus, a:hover, a:visited {
    text-decoration: none;
    color: #000; }

.alert-text {
  color: red; }

.import-text {
  color: #EE8A19; }

.container {
  width: 100%; }
  @media screen and (min-width: 992px) {
    .container {
      width: 970px; } }
  @media screen and (min-width: 1200px) {
    .container {
      width: 1170px; } }

.btn {
  font-size: 15px; }
  .btn.pink {
    color: #fff;
    background-color: #42738F; }
    .btn.pink:hover {
      background-color: #F49F4C; }
  .btn.gray {
    background-color: #d5d5d5;
    color: #5a5a5a; }
    .btn.gray:hover {
      background-color: #575656; 
      color: #fff;}

#to-top {
  width: 39px;
  height: 39px;
  background: url(https://live.staticflickr.com/65535/51327107835_a0366ab105_q.jpg&12345) no-repeat;
  background-size: 39px;
  cursor: pointer;
  position: fixed;
  bottom: 50px;
  right: 15px;
  z-index: 19; }
  #to-top:hover {
    background: url(https://live.staticflickr.com/65535/51326106416_1af7379f01_q.jpg&12345) no-repeat;
    background-size: 39px; }
  @media screen and (min-width: 768px) {
    #to-top {
      background: url(https://live.staticflickr.com/65535/51326796014_362b091925_s.jpg&12345) no-repeat;
      background-size: 39px; }
      #to-top:hover {
        background: url(https://live.staticflickr.com/65535/51327077175_738318f886_s.jpg&12345) no-repeat;
        background-size: 39px; } }
  @media screen and (min-width: 992px) {
    #to-top {
      right: 50%;
      margin-right: -470px; } }
  @media screen and (min-width: 1065px) {
    #to-top {
      margin-right: -520px; } }
  @media screen and (min-width: 1200px) {
    #to-top {
      margin-right: -565px; } }
  @media screen and (min-width: 1300px) {
    #to-top {
      margin-right: -635px; } }
  @media screen and (min-width: 1400px) {
    #to-top {
      margin-right: -685px; } }
  #to-top.bot {
    position: absolute;
    top: -50px;
    bottom: auto; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none; }

/*firefox */
input[type=number] {
  -moz-appearance: textfield; }

.form-control::-webkit-input-placeholder {
  color: #ababab; }

.form-control::-moz-placeholder {
  color: #ababab; }

.form-control:-ms-input-placeholder {
  color: #ababab; }

.article-content-area, #tinymce, .tinymce_template_box, .donate-intro-area {
  font-size: 16px;
  color: #6a6a6a;
  line-height: 1.6; }
  .article-content-area h3, #tinymce h3, .tinymce_template_box h3, .donate-intro-area h3 {
    font-size: 18px;
    color: #42738F; }
  .article-content-area h4, #tinymce h4, .tinymce_template_box h4, .donate-intro-area h4 {
    font-size: 16px;
    color: #42738F; }
  .article-content-area h5, #tinymce h5, .tinymce_template_box h5, .donate-intro-area h5 {
    font-size: 16px;
    color: #0090a8; }
  .article-content-area .title-label, #tinymce .title-label, .tinymce_template_box .title-label, .donate-intro-area .title-label {
    display: inline-block;
    padding: 5px 12px;
    margin-bottom: 2px;
    font-size: 16px;
    background-color: #42738F;
    color: #fff;
    border-radius: 3px; }
  .article-content-area p, #tinymce p, .tinymce_template_box p, .donate-intro-area p {
    font-size: 16px;
    color: #6a6a6a;
    text-align: justify; }
  .article-content-area ul, #tinymce ul, .tinymce_template_box ul, .donate-intro-area ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .article-content-area ul li, #tinymce ul li, .tinymce_template_box ul li, .donate-intro-area ul li {
      position: relative;
      text-align: justify;
      padding-left: 15px;
      margin-bottom: 5px; }
      .article-content-area ul li:before, #tinymce ul li:before, .tinymce_template_box ul li:before, .donate-intro-area ul li:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 9px solid #5a5a5a;
        position: absolute;
        top: 10px;
        left: 0; }
    .article-content-area ul.style2 li:before, #tinymce ul.style2 li:before, .tinymce_template_box ul.style2 li:before, .donate-intro-area ul.style2 li:before {
      border-bottom: 9px solid #42738F; }
    .article-content-area ul.style3 li:before, #tinymce ul.style3 li:before, .tinymce_template_box ul.style3 li:before, .donate-intro-area ul.style3 li:before {
      border: none;
      width: 4px;
      height: 14px;
      background-color: #42738F;
      top: 6px; }
  .article-content-area ol, #tinymce ol, .tinymce_template_box ol, .donate-intro-area ol {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: item; }
    .article-content-area ol li, #tinymce ol li, .tinymce_template_box ol li, .donate-intro-area ol li {
      position: relative;
      text-align: justify;
      padding-left: 20px;
      margin-bottom: 5px; }
      .article-content-area ol li:before, #tinymce ol li:before, .tinymce_template_box ol li:before, .donate-intro-area ol li:before {
        top: 1px;
        left: 0px;
        position: absolute;
        content: counter(item) ".";
        counter-increment: item;
        width: 15px;
        text-align: right;
        color: #42738F; }
  .article-content-area table, #tinymce table, .tinymce_template_box table, .donate-intro-area table, .article-content-area th, #tinymce th, .tinymce_template_box th, .donate-intro-area th, .article-content-area td, #tinymce td, .tinymce_template_box td, .donate-intro-area td {
    text-align: center;
    border: 1px solid #5a5a5a;
    color: #5a5a5a; }
  .article-content-area img, #tinymce img, .tinymce_template_box img, .donate-intro-area img {
    max-width: 100%;
    height: auto; }
  .article-content-area iframe, #tinymce iframe, .tinymce_template_box iframe, .donate-intro-area iframe {
    max-width: 100%; }

.acart-proportion-box {
  height: 0;
  position: relative; }
  .acart-proportion-box > .proportion-item {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) translateZ(0);
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto; }
  .acart-proportion-box > iframe.proportion-item {
    width: 100%;
    height: 100%; }
  .acart-proportion-box.proportion-3-4 {
    padding-bottom: 133.33333%; }
  .acart-proportion-box.proportion-4-3 {
    padding-bottom: 75%; }
  .acart-proportion-box.proportion-16-9 {
    padding-bottom: 56.25%; }
  .acart-proportion-box.proportion-5-4 {
    padding-bottom: 80%; }
  .acart-proportion-box.proportion-4-5 {
    padding-bottom: 125%; }
  .acart-proportion-box.proportion-1-1 {
    padding-bottom: 100%; }

/*
=================================================================
(#m02-1hds) HEADER
=================================================================
*/


.black-background.show {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 20;
  background: rgba(0, 0, 0, 0.6); }

div#mb-sidebar {
  display: none;
  position: fixed;
  width: 100%;
  top: -100%;
  z-index: 20;
  background-color: #1B2B65; }
  div#mb-sidebar.hidden-sidebar {
    display: none;
    top: -100%;
    -webkit-animation-name: hiddensidebar;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.5s;
    animation-name: hiddensidebar;
    animation-timing-function: ease-in;
    animation-duration: 0.5s; }
  div#mb-sidebar.show-sidebar {
    display: block;
    top: 60px;
    -webkit-animation-name: showsidebar;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.5s;
    animation-name: showsidebar;
    animation-timing-function: ease-in;
    animation-duration: 0.5s; }
  @media screen and (min-width: 992px) {
    div#mb-sidebar {
      display: none; }
      div#mb-sidebar.show-sidebar {
        display: none; } }

div.main-area {
  padding-top: 60px; }
  @media screen and (min-width: 992px) {
    div.main-area {
      padding-top: 0; } }

/* Chrome, Safari, Opera */
@-webkit-keyframes hiddensidebar {
  0% {
    top: 60px; }
  100% {
    top: -100%; } }

/* Standard syntax */
@keyframes hiddensidebar {
  0% {
    top: 60px; }
  100% {
    top: -100%; } }

/* Chrome, Safari, Opera */
@-webkit-keyframes showsidebar {
  0% {
    top: -100%; }
  100% {
    top: 60px; } }

/* Standard syntax */
@keyframes showsidebar {
  0% {
    top: -100%; }
  100% {
    top: 60px; } }

div.sidebar-content {
  padding-bottom: 90px;
  background-color: #1B2B65; }

.title-search-area {
  padding: 10px;
  background-color: #5a5a5a; }
  .title-search-area .input-group {
    border-radius: 5px; }
    .title-search-area .input-group .form-control {
      height: 36px;
      border: none;
      box-shadow: none;
      color: #5a5a5a; }
    .title-search-area .input-group .btn {
      height: 36px;
      background-color: #FFF;
      border: none;
      padding: 7px 12px; }
      .title-search-area .input-group .btn i {
        color: #5a5a5a;
        font-size: 20px; }
    .title-search-area .input-group .input-group-btn:before {
      content: '';
      display: block;
      width: 1px;
      height: 25px;
      background-color: #5a5a5a;
      position: absolute;
      top: 6px;
      left: -3px;
      z-index: 2; }

.sidebar-nav {
  list-style: none;
  margin: 0;
  padding: 0px 0 0;
  /*the third layer menu*/ }
  .sidebar-nav .sidebar-header:first-child {
    margin-top: 0; }
  .sidebar-nav .sidebar-ul-split {
    padding: 9px 10px;
    color: #262626;
    background: #FFDA6B;
    position: relative; }
    .sidebar-nav .sidebar-ul-split:after {
      position: absolute;
      content: " ";
      width: 0;
      height: 0;
      border: solid transparent;
      right: 12px;
      bottom: -12px;
      border-width: 6px;
      border-top-color: #ff7878; }
  .sidebar-nav li.icon-title a {
    padding: 5px 15px 5px 55px; }
    .sidebar-nav li.icon-title a:before {
      content: '';
      display: block;
      width: 23px;
      height: 21px;
      background: url(https://live.staticflickr.com/65535/51326851376_478e6c84fc_t.jpg) no-repeat;
      background-size: 23px;
      position: absolute;
      top: 12px;
      left: 25px; }
  .sidebar-nav li.icon-title.facebook a:before {
    background: url(https://live.staticflickr.com/65535/51326851376_478e6c84fc_t.jpg) no-repeat;
    background-size: 23px; }
  .sidebar-nav li.icon-title.youtube a:before {
    background: url(https://live.staticflickr.com/65535/51326098732_20535e1c1f_t.jpg) no-repeat;
    background-size: 23px; }
  .sidebar-nav li.icon-title.lecture a:before {
    background: url(../img/header/icon_lecture_xs.png) no-repeat;
    background-size: 23px; }
  .sidebar-nav li.icon-title.en a:before {
    background: url(https://live.staticflickr.com/65535/51326075352_4134c66b4f_t.jpg) no-repeat;
    background-size: 23px; }
  .sidebar-nav a {
    display: block;
    color: #fff;
    font-size: 16px;
    padding: 5px 15px 5px 30px;
    background-color: #1B2B65;
    min-height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #1B2B60;
    text-decoration: none;
    position: relative; }
    .sidebar-nav a:hover, .sidebar-nav a.active {
      background: #42738F; }
    .sidebar-nav a .sidebar-nav-icon {
      float: right;
      font-size: 18px;
      color: #fff;
      margin-top: 9px;
      transition: 0.5s;
      transform: rotate(-90deg); }
    .sidebar-nav a.open {
      background: #797979; 
      color: #fff;}
      .sidebar-nav a.open .sidebar-nav-icon {
        transform: rotate(0deg); }
  .sidebar-nav li.lightpink > a {
    background: #4884C5;
    border-bottom: 1px solid #4884C1;
    color: #fff; }
  .sidebar-nav > li > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none; }
    .sidebar-nav > li > ul a {
      margin: 0;
      font-size: 16px;
      min-height: 32px;
      line-height: 32px;
      background: #d5d5d5;
      border-bottom: 1px solid #d5d5d5;
      padding: 6px 15px 6px 45px;
      color: #42738F; }
      .sidebar-nav > li > ul a i.sidebar-nav-icon, .sidebar-nav > li > ul a i.sidebar-nav-indicator {
        color: #fff; }
      .sidebar-nav > li > ul a:after {
        content: '';
        display: none;
        width: 5px;
        height: 5px;
        background-color: #fff;
        position: absolute;
        top: 20px;
        left: 33px; }
      .sidebar-nav > li > ul a:hover, .sidebar-nav > li > ul a.active, .sidebar-nav > li > ul a.open {
        background: #797979; color: #fff; }
      .sidebar-nav > li > ul a:hover:after, .sidebar-nav > li > ul a.active:after, .sidebar-nav > li > ul a.open:after {
        display: block; }
    .sidebar-nav > li > ul li:last-child a {
      border: none; }
  .sidebar-nav > li.active ul {
    display: block; }
  .sidebar-nav li > ul > li > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none; }
    .sidebar-nav li > ul > li > ul li a {
      background-color: #7884C5;
      padding: 6px 45px 6px 60px;
      border-top: 1px solid #4884C5 !important; }
      .sidebar-nav li > ul > li > ul li a:after {
        width: 0px;
        height: 0px;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 5px solid #fff;
        background: none;
        top: 18px;
        left: 47px; }
      .sidebar-nav li > ul > li > ul li a:hover, .sidebar-nav li > ul > li > ul li a.active {
        background: #7884C5; }
    .sidebar-nav li > ul > li > ul li:last-child a {
      border-bottom: 1px solid #4884C5 !important; }
  .sidebar-nav li > ul > li.active > ul {
    display: block; }

.is-sticky #a-cart-sticky-header {
  background: #ffffff;
  left: 0;
  margin-left: 0;
  opacity: 1;
  padding: 0px 15px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1100;
  display: block;
  /* transition: all 0.1s ease-in 0s; */ }

/*
=================================================================
(#m02-2fts) FOOTER
=================================================================
*/
footer {
  position: relative;
  width: 100%;
  background: #42738F;
  margin-top: 90px; }
  footer .footer-info-area {
    padding: 50px 0 45px;
    text-align: center; }
    @media screen and (min-width: 600px) {
      footer .footer-info-area {
        position: relative; } }
    @media screen and (min-width: 768px) {
      footer .footer-info-area {
        padding: 50px 30px; } }
    @media screen and (min-width: 992px) {
      footer .footer-info-area {
        padding: 50px 0; } }
    footer .footer-info-area:after {
      content: '';
      display: block;
      clear: both; }
    footer .footer-info-area .footer-slogan {
      margin-bottom: 30px; }
      footer .footer-info-area .footer-slogan img {
        width: 100%;
        max-width: 305px;
        height: auto; }
        footer .footer-info-area .footer-slogan img.pc {
          display: none; }
        @media screen and (min-width: 768px) {
          footer .footer-info-area .footer-slogan img.mb {
            display: none; }
          footer .footer-info-area .footer-slogan img.pc {
            display: inline-block; } }
      @media screen and (min-width: 720px) {
        footer .footer-info-area .footer-slogan {
          text-align: left; } }
      @media screen and (min-width: 1200px) {
        footer .footer-info-area .footer-slogan {
          float: right;
          margin-top: 10px;
          margin-bottom: 0; } }
    footer .footer-info-area .footer-info {
      display: inline-block;
      text-align: left;
      position: relative; }
      @media screen and (min-width: 720px) {
        footer .footer-info-area .footer-info {
          display: block; } }
      @media screen and (min-width: 992px) {
        footer .footer-info-area .footer-info {
          display: block; } }
      @media screen and (min-width: 1200px) {
        footer .footer-info-area .footer-info {
          float: left; } }
      footer .footer-info-area .footer-info .footer-item {
        font-size: 12px;
        color: #fff;
        margin-bottom: 4px; }
        @media screen and (min-width: 360px) {
          footer .footer-info-area .footer-info .footer-item {
            font-size: 13px; } }
        @media screen and (min-width: 480px) {
          footer .footer-info-area .footer-info .footer-item {
            font-size: 15px; } }
        footer .footer-info-area .footer-info .footer-item .spec {
          font-size: 17px; }
        footer .footer-info-area .footer-info .footer-item .phone {
          color: #fff; }
    footer .footer-info-area .footer-link {
      margin-bottom: 30px; }
      footer .footer-info-area .footer-link .icon-link {
        display: inline-block;
        color: #fff;
        font-size: 13px;
        margin: 0 5px;
        text-align: center;
        padding-top: 45px;
        outline: none; }
        @media screen and (min-width: 360px) {
          footer .footer-info-area .footer-link .icon-link {
            font-size: 14px; } }
        @media screen and (min-width: 400px) {
          footer .footer-info-area .footer-link .icon-link {
            margin: 0 10px; } }
        @media screen and (min-width: 720px) {
          footer .footer-info-area .footer-link .icon-link {
            width: 70px;
            margin: 10px; } }
        @media screen and (min-width: 992px) {
          footer .footer-info-area .footer-link .icon-link {
            width: auto;
            margin: 0 10px; } }
        footer .footer-info-area .footer-link .icon-link.edm {
          background: url(../img/footer/icon_edm_2x.png) center 0px no-repeat;
          background-size: 40px; }
          @media screen and (min-width: 768px) {
            footer .footer-info-area .footer-link .icon-link.edm {
              background: url(../img/footer/icon_edm.png) center 0px no-repeat;
              background-size: 40px; } }
        footer .footer-info-area .footer-link .icon-link.join {
          background: url(../img/footer/icon_join_2x.png) center 0px no-repeat;
          background-size: 40px; }
          @media screen and (min-width: 768px) {
            footer .footer-info-area .footer-link .icon-link.join {
              background: url(../img/footer/icon_join.png) center 0px no-repeat;
              background-size: 40px; } }
        footer .footer-info-area .footer-link .icon-link.law {
          background: url(../img/footer/icon_law_2x.png) center 0px no-repeat;
          background-size: 40px; }
          @media screen and (min-width: 768px) {
            footer .footer-info-area .footer-link .icon-link.law {
              background: url(../img/footer/icon_law.png) center 0px no-repeat;
              background-size: 40px; } }
        footer .footer-info-area .footer-link .icon-link.sitemap {
          background: url(../img/footer/icon_sitemap_2x.png) center 0px no-repeat;
          background-size: 40px; }
          @media screen and (min-width: 768px) {
            footer .footer-info-area .footer-link .icon-link.sitemap {
              background: url(../img/footer/icon_sitemap.png) center 0px no-repeat;
              background-size: 40px; } }
      @media screen and (min-width: 360px) {
        footer .footer-info-area .footer-link {
          font-size: 15px; } }
      @media screen and (min-width: 720px) {
        footer .footer-info-area .footer-link {
          width: 250px;
          margin-bottom: 0;
          position: absolute;
          top: 60px;
          right: 30px; } }
      @media screen and (min-width: 992px) {
        footer .footer-info-area .footer-link {
          width: auto;
          top: 105px;
          right: 35px; } }
      @media screen and (min-width: 1200px) {
        footer .footer-info-area .footer-link {
          float: right;
          position: static;
          margin-top: 9px;
          margin-right: 45px; } }
  footer .footer-bottom {
    background-color: #5a5a5a;
    padding: 15px 0;
    position: relative; }
    footer .footer-bottom .copy-right {
      text-align: center;
      font-size: 12px;
      color: #fff; }
      @media screen and (min-width: 480px) {
        footer .footer-bottom .copy-right {
          font-size: 15px; } }
      @media screen and (min-width: 768px) {
        footer .footer-bottom .copy-right {
          display: inline-block;
          color: #c0c0c0; } }
    footer .footer-bottom .acart-area {
      color: #c0c0c0;
      font-size: 12px;
      margin-top: 20px;
      text-align: center; }
      footer .footer-bottom .acart-area a {
        color: #c0c0c0; }
      @media screen and (min-width: 480px) {
        footer .footer-bottom .acart-area {
          font-size: 16px; } }
      @media screen and (min-width: 768px) {
        footer .footer-bottom .acart-area {
          float: right;
          margin-top: 0; } }

/*
=================================================================
(#m03mcs) MAIN CONTENT
=================================================================
*/
/*
* @Author: ansen
* @Date:   2017-12-15 10:23:06
* @Last Modified by:   ansen
* @Last Modified time: 2018-07-23 11:35:29
*/
.en-donate-intro {
  font-family: Arial;
  margin-bottom: 20px; }

.form-area {
  border: 1px solid #4884C9; }
  .form-area .form-content-box {
    padding: 30px 20px;
    position: relative; }
    .form-area .form-content-box.padding-top {
      padding-top: 60px; }
      @media screen and (min-width: 768px) {
        .form-area .form-content-box.padding-top {
          padding-top: 30px; } }
  .form-area .form-content-box + .form-content-box {
    border-top: 1px dashed #4884C9; }
  .form-area .row {
    margin-bottom: 15px; }
    .form-area .row.input-area .inline-input {
      margin-top: 10px; }
    .form-area .row.input-area.only_unionpay {
      display: none; }
    @media screen and (min-width: 768px) {
      .form-area .row.input-area {
        padding-left: 40px; }
        .form-area .row.input-area .inline-input {
          margin-top: 0; }
          .form-area .row.input-area .inline-input .form-control {
            display: inline-block;
            width: calc( 100% - 120px); } }
    @media screen and (min-width: 992px) {
      .form-area .row.input-area {
        padding-left: 20px; } }
    @media screen and (min-width: 1200px) {
      .form-area .row.input-area {
        padding-left: 40px; } }
    @media screen and (min-width: 768px) {
      .form-area .row.check-area {
        padding-left: 20px; } }
    .form-area .row.no-margin {
      margin-bottom: 0; }
    .form-area .row.lg-center {
      padding: 0 15px; }
      @media screen and (min-width: 768px) {
        .form-area .row.lg-center {
          padding: 0; }
          .form-area .row.lg-center > div {
            text-align: center; } }
    .form-area .row .donate-title {
      padding-right: 0; }
      @media screen and (min-width: 768px) {
        .form-area .row .donate-title {
          text-align: right;
          padding-top: 1px; } }
    .form-area .row .radio-inline-box {
      text-align: left; }
      @media screen and (min-width: 768px) {
        .form-area .row .radio-inline-box {
          padding-top: 2px; } }
    @media screen and (min-width: 768px) {
      .form-area .row .radio-inline-area {
        display: inline-block; } }
    @media screen and (min-width: 768px) {
      .form-area .row.with_input {
        height: 34px; } }
    .form-area .row.with_input .donate-title {
      padding-top: 4px; }
    .form-area .row.with_input .radio-inline-box {
      padding-top: 0;
      line-height: 34px; }
    .form-area .row .radio {
      margin-top: 0; }
    @media screen and (min-width: 768px) {
      .form-area .row .sm-left {
        text-align: center; } }
    .form-area .row label {
      font-size: 16px;
      font-weight: normal;
      color: #6a6a6a;
      margin-bottom: 0;
      line-height: 27px;
      position: relative; }
      .form-area .row label.required:after {
        content: '√';
        display: block;
        font-size: 16px;
        color: red;
        position: absolute;
        top: -1px;
        left: -9px; }
      .form-area .row label.radio-inline {
        margin-right: 10px;
        padding-top: 0; }
      .form-area .row label.xs-block {
        display: block; }
        @media screen and (min-width: 420px) {
          .form-area .row label.xs-block {
            display: inline-block; } }
      .form-area .row label input[type=radio], .form-area .row label input[type=checkbox] {
        margin: 7px 7px 0 -19px; }
    .form-area .row label.radio-inline + label.radio-inline {
      margin-left: 0; }
    .form-area .row .form-control#other_source {
      display: inline-block;
      width: 120px;
      margin-top: 10px;
      transform: translateY(4px);
      opacity: 0;
      cursor: default; }
      .form-area .row .form-control#other_source.checked {
        opacity: 1;
        cursor: text; }
    .form-area .row span {
      font-size: 16px;
      font-weight: normal;
      color: #6a6a6a;
      margin-bottom: 0;
      line-height: 27px; }
    .form-area .row a.openprivacy {
      text-decoration: underline; }
    .form-area .row .form-control {
      border: 1px solid #b5b5b5;
      box-shadow: none;
      color: #6a6a6a;
      font-size: 15px;
      border-radius: 3px; }
      .form-area .row .form-control.margin-bottom {
        margin-bottom: 10px; }
        @media screen and (min-width: 768px) {
          .form-area .row .form-control.margin-bottom {
            margin-bottom: 0; } }
      .form-area .row .form-control.margin-top {
        margin-top: 10px; }
      .form-area .row .form-control.mb {
        margin-bottom: 10px; }
    .form-area .row .form-control.period_select_year, .form-area .row .form-control.period_select_month {
      display: none;
      width: 108px;
      margin-left: 10px; }
      .form-area .row .form-control.period_select_year.checked, .form-area .row .form-control.period_select_month.checked {
        display: inline-block; }
    .form-area .row .form-control#donate_amount {
      display: none;
      width: 190px; }
      .form-area .row .form-control#donate_amount.checked {
        display: inline-block; }
    .form-area .row .form-control#donor_address.unionpay {
      margin-top: -10px; }
    .form-area .row textarea.form-control {
      resize: none; }
    .form-area .row .alert-red {
      font-size: 15px;
      color: #e370aa; }
    .form-area .row .alert-blue {
        font-size: 15px;
        color: #42738F; }
  .form-area .vcode .col-input {
    padding-left: 15px;
    padding-right: 15px; }
    @media screen and (min-width: 480px) {
      .form-area .vcode .col-input {
        float: left;
        width: 50%; } }
  .form-area .vcode .col-img {
    padding-left: 15px;
    padding-right: 15px; }
    @media screen and (min-width: 480px) {
      .form-area .vcode .col-img {
        float: left;
        width: 50%; } }
    @media screen and (min-width: 768px) {
      .form-area .vcode .col-img {
        width: 33.33%; } }
  .form-area .vcode span#refresh_code {
    cursor: pointer; }
  @media screen and (min-width: 768px) {
    .form-area #sameAsDonorNameBtn {
      width: 100%; } }
  .form-area .id-law-area {
    border: 1px solid #4884C9;
    padding: 23px 15px 30px; }
    .form-area .id-law-area .id-law-title {
      font-size: 18px;
      color: #42738F;
      text-align: center;
      margin-bottom: 12px; }
    .form-area .id-law-area .id-law-content {
      font-size: 15px;
      color: #6a6a6a;
      text-align: justify;
      line-height: 1.6; }
  .form-area .check-id-law {
    text-align: center;
    margin: 20px 0 30px; }
    .form-area .check-id-law label {
      font-size: 16px;
      font-weight: normal;
      color: #6a6a6a; }
  .form-area .form-btn-area {
    text-align: center;
    margin-top: 30px; }
    .form-area .form-btn-area .btn {
      width: 100%;
      margin: 15px 0 0; }
      @media screen and (min-width: 480px) {
        .form-area .form-btn-area .btn {
          width: 95px;
          margin: 0 15px; } }
  .form-area .form-button-area .btn-style {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 4px;
    color: #fff;
    background-color: #42738F; }
    .form-area .form-button-area .btn-style:hover {
      background-color: #9c004e; }
  .form-area .show-last-info {
    position: absolute;
    right: 20px;
    top: 15px; }
    @media screen and (min-width: 768px) {
      .form-area .show-last-info {
        width: calc( 33% - 107px);
        top: 30px;
        right: calc( 8% + 20px); } }

.form-area.contactus {
  border: none;
  background-color: #81a5d7;
  padding: 20px; }
  @media screen and (min-width: 768px) {
    .form-area.contactus {
      padding-top: 30px; } }
  .form-area.contactus .map-area {
    border: 1px solid #4884C9;
    padding: 10px;
    background: #FFF;
    text-align: center;
    border-radius: 3px;
    margin: 0 auto 30px; }
    @media screen and (min-width: 768px) {
      .form-area.contactus .map-area {
        width: 90%; } }
    .form-area.contactus .map-area iframe {
      width: 100%; }
  .form-area.contactus .page-sub-title {
    text-align: center; }
  .form-area.contactus .contact-label {
    padding-right: 0; }
    @media screen and (min-width: 768px) {
      .form-area.contactus .contact-label {
        text-align: right;
        padding-top: 5px; }
        .form-area.contactus .contact-label.text {
          padding-top: 0; } }
    @media screen and (min-width: 768px) {
      .form-area.contactus .contact-label.phone {
        padding-left: 0; } }
  .form-area.contactus .margin-bottom {
    margin-bottom: 15px; }
    @media screen and (min-width: 768px) {
      .form-area.contactus .margin-bottom {
        margin-bottom: 0; } }
  .form-area.contactus .form-control {
    border: 1px solid #42738F; }
  .form-area.contactus .vcode .col-input {
    padding-left: 15px;
    padding-right: 15px; }
    @media screen and (min-width: 480px) {
      .form-area.contactus .vcode .col-input {
        float: left;
        width: 50%; } }
  .form-area.contactus .vcode .col-img {
    padding-left: 15px;
    padding-right: 15px; }
    @media screen and (min-width: 480px) {
      .form-area.contactus .vcode .col-img {
        float: left;
        width: 50%; } }
    @media screen and (min-width: 768px) {
      .form-area.contactus .vcode .col-img {
        width: 33.33%; } }

.form-area.project {
  padding: 20px;
  margin-bottom: 50px; }
  .form-area.project h3 {
    margin: 0 0 15px;
    font-size: 18px;
    color: #43a5b5; }
  .form-area.project .donate-item {
    float: left;
    padding: 0 15px;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .form-area.project .donate-item {
        width: 50%; }
        .form-area.project .donate-item.single {
          width: 100%; } }
    .form-area.project .donate-item .donate-way {
      display: inline-block;
      width: calc( 100% - 85px); }
    .form-area.project .donate-item input[type=number] {
      height: 27px;
      padding: 0 6px;
      border-radius: 3px;
      border: 1px solid #a2a2a2;
      box-shadow: none;
      outline: none; }
  .form-area.project .donate-item + .donate-item {
    margin-top: 30px; }
    @media screen and (min-width: 768px) {
      .form-area.project .donate-item + .donate-item {
        margin-top: 0; } }
  .form-area.project .donat-btn {
    display: inline-block;
    padding: 6px 16px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border: none;
    border-radius: 5px;
    background-color: #e24794; }
    .form-area.project .donat-btn:hover {
      background-color: #42738F; }

.form-area.finish:after {
  content: '';
  display: block;
  clear: both; }

.form-area.finish .form-title {
  font-size: 18px;
  color: #42738F;
  margin-bottom: 25px; }

@media screen and (min-width: 768px) {
  .form-area.finish .form-content-box {
    float: left;
    width: 50%; } }

@media screen and (min-width: 768px) {
  .form-area.finish .form-content-box.first {
    left: 50%; } }

@media screen and (min-width: 768px) {
  .form-area.finish .form-content-box.second {
    left: -50%;
    border-top: none;
    border-right: 1px dashed #4884C9; } }

.form-area.finish .form-content-box .form-list {
  font-size: 16px;
  font-weight: normal;
  color: #6a6a6a;
  line-height: 27px; }
  .form-area.finish .form-content-box .form-list label {
    margin-bottom: 0; }

#auth_code {
  margin-right: 15px; }

#refresh_img {
  cursor: pointer;
  color: #4884C8; }

#fillDonateRecordDiv {
  border-top: 1px dashed #4884C9;
  border-bottom: 1px dashed #4884C9; }

.qa-tab-area {
  margin-bottom: 25px; }
  @media screen and (min-width: 550px) {
    .qa-tab-area {
      margin-left: -10px;
      margin-right: -10px; } }
  @media screen and (min-width: 768px) {
    .qa-tab-area {
      margin-left: -15px;
      margin-right: -15px; } }
  .qa-tab-area:after {
    content: '';
    display: block;
    clear: both; }
  @media screen and (min-width: 550px) {
    .qa-tab-area .qa-select-area {
      display: none; } }
  .qa-tab-area .qa-select-area select.form-control {
    border: 1px solid #81a5d7;
    box-shadow: none;
    color: #6a6a6a;
    font-size: 15px;
    border-radius: 3px; }
  .qa-tab-area .qa-tab-box {
    display: none; }
    @media screen and (min-width: 550px) {
      .qa-tab-area .qa-tab-box {
        display: block;
        float: left;
        width: 25%;
        padding: 0 10px; } }
    @media screen and (min-width: 768px) {
      .qa-tab-area .qa-tab-box {
        padding: 0 15px; } }
    .qa-tab-area .qa-tab-box .qa-tab-btn {
      display: block;
      font-size: 16px;
      text-align: center;
      padding: 13px 20px;
      color: #42738F;
      background-color: #fff;
      border: 1px solid #00FFFF;
      border-radius: 5px; }
    .qa-tab-area .qa-tab-box.active .qa-tab-btn, .qa-tab-area .qa-tab-box:hover .qa-tab-btn {
      color: #fff;
      background-color: #42738F;
      border: 1px solid #42738F; }

.donate-group {
  border: 1px solid #42738F;
  border-radius: 3px;
  margin-bottom: 20px !important;
  box-shadow: none; }
  .donate-group .donate-question {
    background-color: #42738F;
    padding: 0; }
    .donate-group .donate-question a {
      display: block;
      color: #fff;
      font-size: 16px;
      padding: 10px 50px 10px 20px;
      position: relative; }
      .donate-group .donate-question a i {
        font-size: 24px;
        position: absolute;
        top: 10px;
        right: 25px;
        transition: .35s;
        transform: rotate(0deg); }
      .donate-group .donate-question a.collapsed i {
        transform: rotate(90deg); }
  .donate-group .panel-body {
    padding: 20px;
    font-size: 16px;
    border: none !important; }
  .donate-group .donate-answer {
    font-size: 16px;
    text-align: justify;
    line-height: 1.6; }
    .donate-group .donate-answer h4 {
      margin: 0 0 5px;
      color: #42738F;
      font-size: 16px;
      line-height: 1.6;
      position: relative;
      padding-left: 14px; }
      .donate-group .donate-answer h4:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 9px solid #42738F;
        position: absolute;
        bottom: 6px;
        left: 0; }
  .donate-group .btn-area {
    margin-top: 20px; }

.description {
  font-size: 16px;
  color: #6a6a6a;
  line-height: 27px; }

/*
* @Author: ansen
* @Date:   2017-12-20 12:12:58
* @Last Modified by:   ansen 
* @Last Modified time: 2018-05-16 11:41:31
*/
.news-list-area:after {
  content: '';
  display: block;
  clear: both; }

.news-list-area .list-box {
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  cursor: pointer;
  position: relative;
  border-bottom: 1px dashed #ccc; }
  .news-list-area .list-box:last-child {
    border-bottom: none; }
  @media screen and (min-width: 600px) {
    .news-list-area .list-box {
      padding: 0 0px 0 240px;
      margin-bottom: 35px;
      padding-bottom: 0;
      border-bottom: none; } }
  .news-list-area .list-box .list-pic-area {
    display: block;
    width: 150px;
    height: 110px;
    border: 1px solid #dedede;
    position: absolute;
    top: 0;
    left: 70px;
    transform: translateX(-50%);
    margin: 0px 5px 0px 5px; }
    .news-list-area .list-box .list-pic-area.calendar-picarea-hidden {
      display: none; }
    @media screen and (min-width: 600px) {
      .news-list-area .list-box .list-pic-area {
        display: inline-block;
        width: 240px;
        height: 175px;
        position: absolute;
        left: 0%;
        transform: translateX(0);
        margin-left: 0px;
        padding: 10px; }
        .news-list-area .list-box .list-pic-area.calendar-picarea-hidden {
          display: block; } }
    .news-list-area .list-box .list-pic-area .mask {
      opacity: 0;
      max-width: 100%;
      width: 100%; }
    .news-list-area .list-box .list-pic-area .main-pic {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      max-width: 100%;
      max-height: 100%; }
      @media screen and (min-width: 600px) {
        .news-list-area .list-box .list-pic-area .main-pic {
          padding: 10px;
          border: none; } }
    .news-list-area .list-box .list-pic-area .youtubecover {
      display: block;
      position: absolute;
      top: 33px;
      width: 92%;
      height: 44%;
      z-index: 1000; }
    @media not all and (min-resolution: 0.001dpcm) {
      @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .news-list-area .list-box .list-pic-area .youtubecover {
          display: none; } } }
    .news-list-area .list-box .list-pic-area .youtubeDiv {
      width: 130px;
      height: 90px;
      z-index: 1; }
      .news-list-area .list-box .list-pic-area .youtubeDiv iframe {
        max-width: 150px;
        max-height: 110px; }
      @media screen and (min-width: 600px) {
        .news-list-area .list-box .list-pic-area .youtubeDiv {
          width: 218px;
          height: 160px; }
          .news-list-area .list-box .list-pic-area .youtubeDiv iframe {
            max-width: 100%;
            max-height: 100%;
            border: none; } }
  .news-list-area .list-box .list-item-area {
    display: block;
    padding-left: 20px;
    min-height: 105px;
    margin-left: 140px;
    text-align: left; }
    .news-list-area .list-box .list-item-area.calendar-itemarea-hidden {
      min-height: 0;
      margin-left: 0;
      padding-left: 0px; }
    @media screen and (min-width: 600px) {
      .news-list-area .list-box .list-item-area {
        margin-left: 0px;
        min-height: 183px; }
        .news-list-area .list-box .list-item-area.calendar-itemarea-hidden {
          min-height: 183px;
          margin-left: 20px; } }
    .news-list-area .list-box .list-item-area .list-title-area {
      color: #42738F; }

.horizontal-list-area .list-box {
  position: relative;
  margin-bottom: 35px; }
  @media screen and (min-width: 768px) {
    .horizontal-list-area .list-box {
      padding-left: 300px; } }
  .horizontal-list-area .list-box:after {
    content: '';
    display: block;
    clear: both; }
  .horizontal-list-area .list-box .list-pic-area {
    width: 100%;
    max-width: 350px;
    padding: 10px;
    margin: 0 auto 5px;
    border: 1px solid #dedede; }
    .horizontal-list-area .list-box .list-pic-area img {
      width: 100%; }
    @media screen and (min-width: 640px) {
      .horizontal-list-area .list-box .list-pic-area {
        display: inline-block;
        float: left;
        width: 40%; } }
    @media screen and (min-width: 768px) {
      .horizontal-list-area .list-box .list-pic-area {
        float: none;
        width: 300px;
        height: 226px;
        position: absolute;
        top: 0;
        left: 0; } }
  @media screen and (min-width: 640px) {
    .horizontal-list-area .list-box .list-content-area {
      padding-left: 15px;
      width: 60%;
      float: left; } }
  @media screen and (min-width: 768px) {
    .horizontal-list-area .list-box .list-content-area {
      min-height: 226px;
      width: auto;
      float: none; } }
  .horizontal-list-area .list-box .list-content-area .list-title-area {
    color: #42738F;
    margin-bottom: 7px; }
    .horizontal-list-area .list-box .list-content-area .list-title-area a {
      color: #42738F;
      font-size: 18px; }
  .horizontal-list-area .list-box .list-btn-area {
    float: right;
    margin-top: 20px; }
    @media screen and (min-width: 768px) {
      .horizontal-list-area .list-box .list-btn-area {
        float: none;
        position: absolute;
        right: 0;
        bottom: 0; } }
    .horizontal-list-area .list-box .list-btn-area .list-btn {
      display: inline-block;
      width: 100px;
      height: 40px;
      background-color: #4884C0;
      color: #fff;
      font-size: 16px;
      text-align: center;
      line-height: 40px;
      transform: skew(-7deg); }
      .horizontal-list-area .list-box .list-btn-area .list-btn span {
        display: inline-block;
        transform: skew(7deg); }
      .horizontal-list-area .list-box .list-btn-area .list-btn.lightpink {
        background-color: #4884C0; }
      .horizontal-list-area .list-box .list-btn-area .list-btn.pink {
        background-color: #42738F; }
    .horizontal-list-area .list-box .list-btn-area .list-btn + .list-btn {
      margin-left: 12px; }

.epaper-list {
  display: table;
  width: 100%;
  padding: 15px 5px;
  border-bottom: 1px dashed #dcdcdc; }
  .epaper-list .epaper-list-date {
    font-size: 16px;
    font-family: Arial;
    color: #43a5b5; }
    @media screen and (min-width: 480px) {
      .epaper-list .epaper-list-date {
        display: table-cell;
        width: 100px; } }
    @media screen and (min-width: 768px) {
      .epaper-list .epaper-list-date {
        width: 140px; } }
  .epaper-list .epaper-list-title {
    color: #5a5a5a;
    word-break: break-all;
    text-align: justify; }
    @media screen and (min-width: 480px) {
      .epaper-list .epaper-list-title {
        display: table-cell; } }
    .epaper-list .epaper-list-title a {
      color: #5a5a5a; }
  .epaper-list.th {
    padding: 12px 5px;
    border-bottom: 1px solid #4884C9; }
    .epaper-list.th .epaper-list-date {
      font-family: '微軟正黑體';
      color: #42738F; }
    .epaper-list.th .epaper-list-title {
      color: #42738F; }
  .epaper-list:last-child {
    border: none; }
  .epaper-list.xs-hidden {
    display: none; }
    @media screen and (min-width: 480px) {
      .epaper-list.xs-hidden {
        display: block; } }

.credit-list {
  display: table;
  width: 100%;
  padding: 15px 5px;
  border-bottom: 1px dashed #dcdcdc; }
  .credit-list .credit-list-date {
    font-size: 16px;
    font-family: Arial;
    color: #5a5a5a; }
    @media screen and (min-width: 768px) {
      .credit-list .credit-list-date {
        display: table-cell;
        width: 110px; } }
  .credit-list .credit-list-no {
    font-size: 16px;
    color: #5a5a5a; }
    @media screen and (min-width: 768px) {
      .credit-list .credit-list-no {
        display: table-cell;
        width: 110px; } }
  .credit-list .credit-list-way {
    font-size: 16px;
    color: #5a5a5a; }
    @media screen and (min-width: 768px) {
      .credit-list .credit-list-way {
        display: table-cell;
        width: 165px;
        padding-right: 15px; } }
  .credit-list .credit-list-name {
    font-size: 16px;
    color: #5a5a5a; }
    @media screen and (min-width: 768px) {
      .credit-list .credit-list-name {
        display: table-cell; } }
  .credit-list .credit-list-amount {
    font-size: 16px;
    color: #5a5a5a;
    text-align: right; }
    @media screen and (min-width: 768px) {
      .credit-list .credit-list-amount {
        display: table-cell;
        width: 90px; } }
  .credit-list.th {
    padding: 12px 5px;
    border-bottom: 1px solid #4884C9; }
    .credit-list.th .credit-list-date, .credit-list.th .credit-list-no, .credit-list.th .credit-list-name, .credit-list.th .credit-list-amount, .credit-list.th .credit-list-way {
      font-family: '微軟正黑體';
      color: #42738F; }
  .credit-list:last-child {
    border-bottom: 1px solid #4884C9; }
  @media screen and (min-width: 768px) {
    .credit-list .xs-visible {
      display: none; } }

.report-list {
  display: table;
  width: 100%;
  padding: 15px 5px;
  border-bottom: 1px dashed #dcdcdc; }
  .report-list .report-list-date {
    font-size: 16px;
    font-family: Arial;
    color: #43a5b5; }
    @media screen and (min-width: 480px) {
      .report-list .report-list-date {
        display: table-cell;
        width: 110px; } }
  .report-list .report-list-title {
    font-size: 16px;
    color: #5a5a5a;
    word-break: break-all;
    text-align: justify; }
    @media screen and (min-width: 480px) {
      .report-list .report-list-title {
        display: table-cell; } }
    .report-list .report-list-title a {
      color: #5a5a5a; }
    .report-list .report-list-title .year-label {
      display: inline-block;
      background-color: #e24794;
      color: #fff;
      border-radius: 3px;
      padding: 1px 7px;
      margin-right: 5px; }
  .report-list.th {
    padding: 12px 5px;
    border-bottom: 1px solid #4884C9; }
    .report-list.th .report-list-date, .report-list.th .report-list-title {
      font-family: '微軟正黑體';
      color: #42738F; }
  .report-list:last-child {
    border-bottom: none; }
  .report-list.xs-hidden {
    display: none; }
    @media screen and (min-width: 480px) {
      .report-list.xs-hidden {
        display: block; } }

.list-search-area {
  padding: 20px 25px;
  background-color: #fdecf5;
  border: 1px solid  #81a5d7;
  margin-bottom: 13px; }
  .list-search-area:after {
    content: '';
    display: block;
    clear: both; }
  .list-search-area .form-control {
    border: 1px solid #81a5d7;
    box-shadow: none; }
  @media screen and (min-width: 768px) {
    .list-search-area .list-search-time {
      float: left;
      width: 20%;
      padding-right: 20px; } }
  .list-search-area .list-search-keyword {
    margin-top: 10px; }
    @media screen and (min-width: 768px) {
      .list-search-area .list-search-keyword {
        float: left;
        width: 83%;
        padding-right: 20px;
        margin-top: 0; }
        .list-search-area .list-search-keyword.epaper {
          width: 37%; }
        .list-search-area .list-search-keyword.double {
          width: 63%; } }
  .list-search-area .list-search-button {
    margin-top: 10px; }
    @media screen and (min-width: 768px) {
      .list-search-area .list-search-button {
        float: right;
        width: 17%;
        margin-top: 0; } }
    .list-search-area .list-search-button .btn {
      width: 100%;
      background-color: #e24794;
      color: #fff;
      font-size: 15px; }
      .list-search-area .list-search-button .btn:hover {
        background-color: #42738F; }
      .list-search-area .list-search-button .btn span {
        display: inline-block;
        position: relative;
        padding-left: 15px; }
        .list-search-area .list-search-button .btn span i {
          font-size: 17px;
          position: absolute;
          top: 1px;
          left: -7px; }
  .list-search-area .list-search-subscribe {
    margin-top: 40px;
    position: relative; }
    @media screen and (min-width: 768px) {
      .list-search-area .list-search-subscribe {
        float: left;
        width: 26%;
        padding-left: 25px;
        margin-top: 0; } }
    .list-search-area .list-search-subscribe .btn {
      width: 100%;
      background-color: #e24794;
      color: #fff;
      font-size: 15px; }
      .list-search-area .list-search-subscribe .btn:hover {
        background-color: #42738F; }
    .list-search-area .list-search-subscribe:before {
      content: '';
      display: block;
      width: calc( 100% + 50px);
      height: 1px;
      background-color: #81a5d7;
      position: absolute;
      top: -20px;
      left: 50%;
      transform: translateX(-50%); }
      @media screen and (min-width: 768px) {
        .list-search-area .list-search-subscribe:before {
          display: block;
          width: 1px;
          height: calc( 100% + 40px);
          left: 0px;
          top: 50%;
          transform: translateY(-50%); } }
  @media screen and (min-width: 768px) {
    .list-search-area.report .list-search-button {
      padding-right: 0;
      float: right; } }

.credit-search-area {
  padding: 20px 25px;
  background-color: #fdecf5;
  border: 1px solid  #81a5d7;
  margin-bottom: 13px;
  position: relative; }
  @media screen and (min-width: 640px) {
    .credit-search-area {
      padding: 20px 100px 20px 25px; } }
  @media screen and (min-width: 1200px) {
    .credit-search-area {
      padding: 20px 140px 20px 25px; } }
  .credit-search-area .form-control {
    border: 1px solid #81a5d7;
    box-shadow: none; }
  .credit-search-area .credit-search-row {
    color: #5a5a5a;
    font-size: 16px; }
    .credit-search-area .credit-search-row:after {
      content: '';
      display: block;
      clear: both; }
    .credit-search-area .credit-search-row .credit-search-group:first-child {
      margin-bottom: 15px; }
      @media screen and (min-width: 810px) {
        .credit-search-area .credit-search-row .credit-search-group:first-child {
          margin-bottom: 0; } }
    .credit-search-area .credit-search-row .credit-search-group:after {
      content: '';
      display: block;
      clear: both; }
      @media screen and (min-width: 810px) {
        .credit-search-area .credit-search-row .credit-search-group:after {
          display: none; } }
    .credit-search-area .credit-search-row .credit-search-labelA {
      float: left;
      width: 100px;
      line-height: 34px; }
      @media screen and (min-width: 810px) {
        .credit-search-area .credit-search-row .credit-search-labelA {
          width: 80px; } }
    .credit-search-area .credit-search-row .credit-search-labelB {
      float: left;
      width: 100px;
      line-height: 34px; }
    .credit-search-area .credit-search-row .credit-search-startDate {
      position: relative;
      float: left;
      width: calc( 100% - 100px);
      margin-bottom: 15px; }
      .credit-search-area .credit-search-row .credit-search-startDate:after {
        content: '~';
        display: none;
        position: absolute;
        top: 5px;
        right: -6px; }
      @media screen and (min-width: 480px) {
        .credit-search-area .credit-search-row .credit-search-startDate {
          width: calc( 50% - 50px);
          padding-right: 10px;
          margin-bottom: 0; }
          .credit-search-area .credit-search-row .credit-search-startDate:after {
            display: block; } }
      @media screen and (min-width: 640px) {
        .credit-search-area .credit-search-row .credit-search-startDate {
          width: 41%;
          padding-right: 25px; }
          .credit-search-area .credit-search-row .credit-search-startDate:after {
            right: 7px; } }
      @media screen and (min-width: 810px) {
        .credit-search-area .credit-search-row .credit-search-startDate {
          width: 21%;
          padding-right: 25px; } }
      @media screen and (min-width: 992px) {
        .credit-search-area .credit-search-row .credit-search-startDate {
          width: 130px;
          padding-right: 20px; }
          .credit-search-area .credit-search-row .credit-search-startDate:after {
            right: 4px; } }
      @media screen and (min-width: 1200px) {
        .credit-search-area .credit-search-row .credit-search-startDate {
          width: 21%;
          padding-right: 25px; }
          .credit-search-area .credit-search-row .credit-search-startDate:after {
            right: 9px; } }
    .credit-search-area .credit-search-row .credit-search-endDate {
      float: left;
      width: calc( 100% - 100px);
      margin-left: 100px; }
      @media screen and (min-width: 480px) {
        .credit-search-area .credit-search-row .credit-search-endDate {
          width: calc( 50% - 50px);
          padding-left: 10px;
          margin-left: 0; } }
      @media screen and (min-width: 640px) {
        .credit-search-area .credit-search-row .credit-search-endDate {
          width: 36.5%;
          padding-left: 0; } }
      @media screen and (min-width: 810px) {
        .credit-search-area .credit-search-row .credit-search-endDate {
          width: 21%;
          padding-right: 25px; } }
      @media screen and (min-width: 992px) {
        .credit-search-area .credit-search-row .credit-search-endDate {
          width: 130px;
          padding-right: 20px; } }
      @media screen and (min-width: 1200px) {
        .credit-search-area .credit-search-row .credit-search-endDate {
          width: 21%;
          padding-right: 25px; } }
    .credit-search-area .credit-search-row .credit-search-donorname {
      float: left;
      width: calc( 100% - 100px); }
      @media screen and (min-width: 640px) {
        .credit-search-area .credit-search-row .credit-search-donorname {
          width: 77.5%; } }
      @media screen and (min-width: 810px) {
        .credit-search-area .credit-search-row .credit-search-donorname {
          width: 29.5%; } }
      @media screen and (min-width: 992px) {
        .credit-search-area .credit-search-row .credit-search-donorname {
          width: 22.5%; } }
      @media screen and (min-width: 1200px) {
        .credit-search-area .credit-search-row .credit-search-donorname {
          width: 29.5%; } }
    .credit-search-area .credit-search-row .credit-search-no {
      float: left;
      width: calc( 100% - 100px); }
      @media screen and (min-width: 640px) {
        .credit-search-area .credit-search-row .credit-search-no {
          width: 77.5%; } }
      @media screen and (min-width: 810px) {
        .credit-search-area .credit-search-row .credit-search-no {
          width: 42%;
          padding-right: 25px; } }
      @media screen and (min-width: 992px) {
        .credit-search-area .credit-search-row .credit-search-no {
          width: 260px;
          padding-right: 20px; } }
      @media screen and (min-width: 1200px) {
        .credit-search-area .credit-search-row .credit-search-no {
          width: 42%;
          padding-right: 25px; } }
  .credit-search-area .credit-search-row + .credit-search-row {
    margin-top: 15px; }
  .credit-search-area .credit-search-btn {
    width: 100%;
    background-color: #e24794;
    border: none;
    border-radius: 4px;
    padding: 6px 12px;
    margin-top: 15px;
    text-align: center;
    outline: none; }
    @media screen and (min-width: 640px) {
      .credit-search-area .credit-search-btn {
        width: 68px;
        height: 68px;
        padding: 2px 0 0;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%); } }
    @media screen and (min-width: 810px) {
      .credit-search-area .credit-search-btn {
        margin-top: 0; } }
    @media screen and (min-width: 1200px) {
      .credit-search-area .credit-search-btn {
        right: 30px; } }
    .credit-search-area .credit-search-btn i {
      color: #fff;
      font-size: 17px; }
      @media screen and (min-width: 640px) {
        .credit-search-area .credit-search-btn i {
          font-size: 22px;
          display: block; } }
    .credit-search-area .credit-search-btn span {
      color: #fff; }
      @media screen and (min-width: 640px) {
        .credit-search-area .credit-search-btn span {
          display: block; } }

/*
* @Author: ansen
* @Date:   2017-12-13 14:37:30
* @Last Modified by:   ansen
* @Last Modified time: 2018-05-23 17:48:40
*/
.page-banner-area {
  display: none;
  width: 100%;
  max-width: 1920px;
  height: 0px;
  padding-top: 18.65%;
  margin: auto;
  position: relative; }
  .page-banner-area.about {
    background: url(https://live.staticflickr.com/65535/51325679841_c8ef6eb43d_h.jpg?20210720) center center no-repeat;
    background-size: 100%; }
  .page-banner-area.news {
    background: url(https://live.staticflickr.com/65535/51326768019_d2d4288ecd_h.jpg?20210720) center center no-repeat;
    background-size: 100%; }
  .page-banner-area.activity {
    background: url(../img/page/activity.jpg) center center no-repeat;
    background-size: 100%; }
  .page-banner-area.service {
    background: url(../img/page/service.jpg) center center no-repeat;
    background-size: 100%; }
  .page-banner-area.volunteer {
    background: url(../img/page/volunteer.jpg) center center no-repeat;
    background-size: 100%; }
  .page-banner-area.donate {
    background: url(../img/page/donate.jpg) center center no-repeat;
    background-size: 100%; }
  .page-banner-area.contact {
    background: url(https://live.staticflickr.com/65535/51326654175_3ce5e2a995_h.jpg?20210720) center center no-repeat;
    background-size: 100%; }
  .page-banner-area.about_en {
    background: url(../img/page/english/about.jpg) center center no-repeat;
    background-size: 100%; }
  .page-banner-area.work_en {
    background: url(../img/page/english/work.jpg) center center no-repeat;
    background-size: 100%; }
  .page-banner-area.contact_en {
    background: url(../img/page/english/contact.jpg) center center no-repeat;
    background-size: 100%; }
  .page-banner-area.donate_en {
    background: url(../img/page/english/donate.jpg) center center no-repeat;
    background-size: 100%; }
  @media screen and (min-width: 768px) {
    .page-banner-area {
      display: block; } }
  @media screen and (min-width: 1940px) {
    .page-banner-area {
      padding-top: 360px; } }
  .page-banner-area .page-banner-text {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    bottom: 15px; }
    @media screen and (min-width: 360px) {
      .page-banner-area .page-banner-text {
        font-size: 35px; } }
    @media screen and (min-width: 768px) {
      .page-banner-area .page-banner-text {
        font-size: 50px; } }
    @media screen and (min-width: 992px) {
      .page-banner-area .page-banner-text {
        right: 50%;
        margin-right: -485px; } }
    @media screen and (min-width: 1200px) {
      .page-banner-area .page-banner-text {
        margin-right: -585px; } }

.breadcrumbs {
  font-size: 14px;
  color: #000;
  text-align: right;
  margin: 20px 0; }
  @media screen and (min-width: 768px) {
    .breadcrumbs {
      margin: 20px 0 30px; } }
  .breadcrumbs a {
    color: #000; }
  .breadcrumbs .path-alert {
    color: #43a5b5; }

.page-title {
  display: none;
  font-weight: bold;
  font-size: 24px;
  color: #42738F;
  margin: 0 0 25px; }
  .page-title.underline {
    padding-bottom: 10px;
    border-bottom: 1px solid #b9b9b9;
    margin: 0 0 25px; }
  @media screen and (min-width: 992px) {
    .page-title {
      display: block;
      padding-left: 20px;
      margin: 0 0 15px; } }

.page-sub-title {
  font-weight: normal;
  font-size: 20px;
  color: #42738F;
  margin: 0 0 25px; }

.page-xs-title {
  font-size: 21px;
  color: #42738F;
  line-height: 1.6;
  padding-bottom: 10px;
  padding-left: 2px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d6d6d6; }
  .page-xs-title.margin-bottom {
    margin-bottom: 35px; }
  .page-xs-title.no-border {
    border: none;
    margin-bottom: 0; }
  @media screen and (min-width: 992px) {
    .page-xs-title {
      display: none; }
      .page-xs-title.service {
        display: block; } }

.form-content-box.form-head {
  padding-top: 0;
  border-top: none !important; }
  .form-content-box.form-head .page-sub-title {
    background-color: #42738F;
    color: #fff;
    text-align: center;
    margin-left: -21px;
    margin-right: -21px;
    margin-top: -1px;
    padding: 10px 0;
    font-size: 17px; }

.page_list {
  text-align: center; }
  .page_list .pagination li span, .page_list .pagination li a {
    display: inline-block;
    margin: 0 3px;
    padding: 1px 8px;
    border: 1px solid transparent;
    border-radius: 2px;
    font-size: 17px;
    color: #5a5a5a; }
    .page_list .pagination li span:hover, .page_list .pagination li span.selected, .page_list .pagination li a:hover, .page_list .pagination li a.selected {
      color: #42738F;
      border: 1px solid #42738F;
      background-color: #fff; }

.page-main-area {
  width: 100%;
  display: table;
  table-layout: fixed; }
  @media screen and (min-width: 992px) {
    .page-main-area .page-left-area {
      display: table-cell;
      width: 200px;
      vertical-align: top; } }
  @media screen and (min-width: 1200px) {
    .page-main-area .page-left-area {
      width: 220px; } }
  @media screen and (min-width: 992px) {
    .page-main-area .page-right-area {
      display: table-cell;
      vertical-align: top;
      padding-left: 35px; } }
  @media screen and (min-width: 1200px) {
    .page-main-area .page-right-area {
      padding-left: 60px; } }

.page-left-menu {
  display: none;
  border: 1px solid #4884C9;
  border-top: 12px solid #4884C9;
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
  position: relative; }
  @media screen and (min-width: 992px) {
    .page-left-menu {
      display: block; } }
  .page-left-menu:before {
    content: '';
    display: block;
    width: calc( 100% + 2px);
    height: 12px;
    background-color: #4884C8;
    position: absolute;
    top: -12px;
    left: -1px; }
  .page-left-menu > li > a {
    display: block;
    width: 100%;
    padding: 14px 15px 14px 35px;
    font-size: 16px;
    color: #5a5a5a;
    position: relative; }
    .page-left-menu > li > a:before {
      content: '';
      display: none;
      width: 5px;
      height: 5px;
      background-color: #4884C8;
      position: absolute;
      top: 50%;
      left: 20px;
      margin-top: -3px; }
  .page-left-menu > li:hover > a:before, .page-left-menu > li.selected > a:before {
    display: block; }
  .page-left-menu > li ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .page-left-menu > li ul li a {
      display: block;
      width: 100%;
      padding: 0px 15px 10px 50px;
      font-size: 14px;
      color: #5a5a5a;
      position: relative; }
      .page-left-menu > li ul li a:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 5px solid #9e9e9e;
        position: absolute;
        top: 6px;
        left: 36px; }
    .page-left-menu > li ul li:hover a, .page-left-menu > li ul li.selected a {
      color: #42738F; }
      .page-left-menu > li ul li:hover a:before, .page-left-menu > li ul li.selected a:before {
        display: block;
        border-left: 5px solid #42738F; }
    .page-left-menu > li ul li:last-child a {
      padding-bottom: 14px; }
  .page-left-menu > li + li {
    border-top: 1px dashed #4884C9; }

.page-search-area {
  background-color: #fdecf5;
  border: 1px solid #81a5d7;
  padding: 20px;
  margin-bottom: 30px;
  position: relative; }
  @media screen and (min-width: 768px) {
    .page-search-area .form-group {
      display: inline-block;
      width: 40%;
      margin-bottom: 0; } }
  .page-search-area .form-group label {
    font-size: 15px;
    color: #5a5a5a;
    margin-bottom: 0;
    width: 65px; }
    @media screen and (min-width: 768px) {
      .page-search-area .form-group label {
        width: auto;
        font-size: 16px; } }
  .page-search-area .form-group .form-control {
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #81a5d7;
    font-size: 14px;
    color: #5a5a5a;
    box-shadow: none;
    width: calc( 100% - 70px); }
  .page-search-area .form-group .select2-container {
    width: calc(100% - 70px); }
    @media screen and (min-width: 768px) {
      .page-search-area .form-group .select2-container {
        margin-top: -4px; } }
  @media screen and (min-width: 768px) {
    .page-search-area.branch .form-group {
      margin-right: 10px; }
      .page-search-area.branch .form-group:nth-child(1), .page-search-area.branch .form-group:nth-child(2) {
        margin-bottom: 15px; } }
  @media screen and (min-width: 768px) {
    .page-search-area.branch .form-group label {
      width: 65px; } }
  .page-search-area .btn {
    font-size: 15px;
    color: #fff;
    background-color: #e24794;
    border-radius: 5px;
    padding: 5px 12px;
    width: 100%; }
    .page-search-area .btn span {
      display: inline-block;
      position: relative;
      padding-left: 15px; }
      .page-search-area .btn span i {
        font-size: 17px;
        position: absolute;
        top: 1px;
        left: -7px; }
    @media screen and (min-width: 768px) {
      .page-search-area .btn {
        width: 100px;
        position: absolute;
        top: 20px;
        right: 20px; } }

.page-laebl-area {
  vertical-align: middle;
  text-align: left;
  margin-bottom: 4px;
  padding-left: 2px;
  padding-top: 3px; }
  .page-laebl-area .article-date {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-family: Arial;
    line-height: 1.6;
    color: #43a5b5;
    margin-right: 5px;
    width: auto; }
    .page-laebl-area .article-date.calendar-data-style {
      font-size: 16px;
      width: 160px; }
    .page-laebl-area .article-date.news-data-style {
      font-size: 15px; }
    .page-laebl-area .article-date.volunteer-date-style {
      width: auto; }
    .page-laebl-area .article-date span.text {
      font-family: '微軟正黑體'; }
    @media screen and (min-width: 768px) {
      .page-laebl-area .article-date {
        font-size: 16px;
        width: 160px; }
        .page-laebl-area .article-date.calendar-data-style {
          width: 160px; } }
  .page-laebl-area .article-part {
    font-size: 14px;
    background: #009fe1;
    border-radius: 3px;
    margin-right: 5px;
    padding: .2em .6em .2em; }
  .page-laebl-area .article-label {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: auto;
    border-radius: 3px;
    padding: 1px 7px;
    margin-right: 5px;
    margin-bottom: 0px;
    color: #ffffff; }
    .page-laebl-area .article-label.parent {
      background-color: #ea297a; }
    .page-laebl-area .article-label.brother {
      background-color: #de207f; }

.label-warning {
  display: inline-block;
  font-size: 14px;
  color: #167cb6;
  background: #ffffff;
  margin-right: 5px;
  margin-bottom: 10px;
  line-height: 1.3; }
  .label-warning:before {
    content: '#'; }
  .label-warning:hover {
    border-bottom: 1px solid #167cb6; }
  @media screen and (min-width: 768px) {
    .label-warning {
      font-size: 15px; } }

.article-title {
  font-size: 21px;
  color: #42738F;
  line-height: 1.6;
  padding-bottom: 10px;
  padding-left: 2px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d6d6d6; }
  .article-title.date {
    color: #5a5a5a; }
  .article-title.noborder {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none; }

.article-content-area {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 60px; }
  .article-content-area.no-padding {
    padding-bottom: 0; }

#tinymce {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.tinymce_template_box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.social-share-area {
  text-align: right;
  padding: 30px 10px 15px;
  border-top: 1px solid #d6d6d6;
  position: relative; }
  .social-share-area .back-btn {
    font-size: 15px;
    color: #fff;
    padding: 5px 25px;
    border-radius: 5px;
    background-color: #d5d5d5;
    position: absolute;
    top: 30px;
    left: 10px; }
    .social-share-area .back-btn:hover {
      background-color: #5a5a5a; }
  .social-share-area .share-btn {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-left: 5px;
    background: url(https://live.staticflickr.com/65535/51331060254_4edea29cbb_s.jpg) no-repeat;
    background-size: 34px; }
    .social-share-area .share-btn.fb {
      background: url(https://live.staticflickr.com/65535/51331021048_920854718c_s.jpg) no-repeat;
      background-size: 34px; }
      @media screen and (min-width: 768px) {
        .social-share-area .share-btn.fb {
          background: url(https://live.staticflickr.com/65535/51331060254_4edea29cbb_s.jpg) no-repeat;
          background-size: 34px; } }
    .social-share-area .share-btn.line {
      background: url(https://live.staticflickr.com/65535/51331016913_bd0a0f386e_s.jpg) no-repeat;
      background-size: 34px; }
      @media screen and (min-width: 768px) {
        .social-share-area .share-btn.line {
          background: url(https://live.staticflickr.com/65535/51331055574_25d6fef1bb_s.jpg) no-repeat;
          background-size: 34px; } }

.list-title-area {
  font-size: 18px;
  color: #5a5a5a;
  line-height: 1.5;
  padding: 0px 2px;
  margin-bottom: 5px;
  text-align: left; }
  .list-title-area.news-list-title-style {
    font-size: 15px; }
  @media screen and (min-width: 768px) {
    .list-title-area {
      font-size: 18px;
      margin-bottom: 10px; }
      .list-title-area.news-list-title-style {
        font-size: 18px; } }

.list-info-area {
  font-size: 16px;
  color: #6a6a6a;
  line-height: 1.6;
  padding: 0px 2px;
  text-align: justify;
  display: block; }
  .list-info-area.open-xs {
    display: block; }
  @media screen and (min-width: 600px) {
    .list-info-area {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; } }
  .list-info-area a {
    color: #0a87c5; }
    .list-info-area a:hover {
      text-decoration: underline; }
  .list-info-area span {
    font-family: Arial; }
  .list-info-area.inline {
    display: inline-block;
    margin-right: 10px; }

.donate-info-box {
  position: relative;
  padding-bottom: 30px; }
  @media screen and (min-width: 600px) {
    .donate-info-box {
      padding-left: 280px; } }
  @media screen and (min-width: 768px) {
    .donate-info-box {
      padding-left: 360px; } }
  .donate-info-box .donate-info-photo {
    width: 100%;
    padding: 10px;
    border: 1px solid #dedede;
    margin-bottom: 10px; }
    @media screen and (min-width: 600px) {
      .donate-info-box .donate-info-photo {
        margin-bottom: 0px;
        position: absolute;
        top: 0;
        left: 0;
        width: 280px;
        height: 210px; } }
    @media screen and (min-width: 768px) {
      .donate-info-box .donate-info-photo {
        width: 360px;
        height: 270px; } }
    .donate-info-box .donate-info-photo img {
      width: 100%; }
  .donate-info-box .donate-info-content-area {
    position: relative; }
    @media screen and (min-width: 600px) {
      .donate-info-box .donate-info-content-area {
        padding-left: 30px;
        min-height: 210px; } }
    @media screen and (min-width: 768px) {
      .donate-info-box .donate-info-content-area {
        min-height: 270px; } }
    .donate-info-box .donate-info-content-area .donate-info-date {
      font-size: 15px;
      color: #43a5b5;
      margin-bottom: 3px; }
      .donate-info-box .donate-info-content-area .donate-info-date.num {
        font-family: Arial;
        font-size: 18px;
        margin-bottom: 16px; }
    .donate-info-box .donate-info-content-area .donate-info-title {
      font-size: 18px;
      color: #42738F;
      line-height: 1.6;
      margin-bottom: 5px; }
    .donate-info-box .donate-info-content-area .donate-info-content {
      font-size: 16px;
      color: #6a6a6a;
      line-height: 1.6;
      text-align: justify; }

.epaper-header-area {
  background-color: #fdecf5;
  border: 1px solid  #81a5d7;
  padding: 20px 15px; }
  .epaper-header-area label {
    font-weight: normal; }
  .epaper-header-area .form-control {
    display: inline-block;
    width: calc( 100% - 130px);
    border: 1px solid #81a5d7;
    box-shadow: none;
    border-radius: 3px; }

.substribe-epaper {
  border: 1px solid #81a5d7;
  border-top: none; }
  .substribe-epaper > div {
    display: none; }
    .substribe-epaper > div.selected {
      display: block; }
  .substribe-epaper .form-control {
    border: 1px solid #b5b5b5;
    box-shadow: none;
    border-radius: 3px; }
  .substribe-epaper .panel-footer {
    padding: 20px;
    background: none;
    border-top: 1px dashed #81a5d7; }
  .substribe-epaper .margin-bottom {
    margin-bottom: 10px; }
    @media screen and (min-width: 768px) {
      .substribe-epaper .margin-bottom {
        margin-bottom: 0; } }

.donate-intro-area {
  margin-bottom: 30px; }
  .donate-intro-area #videoModal .video-area {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80vw;
    max-width: 1400px; }
  .donate-intro-area .donate-intro-btn-area {
    text-align: center;
    margin-top: 20px; }
    .donate-intro-area .donate-intro-btn-area .btn {
      background-color: #e24794;
      color: #fff;
      border: none; }

/*
* @Author: ansen
* @Date:   2017-09-04 10:36:09
* @Last Modified by:   ansen
* @Last Modified time: 2018-05-16 12:11:19
*/
.banner-area {
  width: 100%; }
  .banner-area .owl-carousel .item {
    display: block;
    position: relative;
    height: 38vw; }
    @media screen and (min-width: 1200px) {
      .banner-area .owl-carousel .item {
        height: 450px; } }
  .banner-area .owl-controls {
    margin-top: -20px;
    position: relative; }
    .banner-area .owl-controls .owl-dots .owl-dot span {
      border-radius: 0px;
      width: 30px;
      height: 5px; }
    .banner-area .owl-controls .owl-dots .owl-dot.active span, .banner-area .owl-controls .owl-dots .owl-dot:hover span {
      background-color: #42738F; }

.index-title {
  font-size: 24px;
  font-weight: bold;
  color: #42738F;
  text-align: center;
  margin: 0 0 25px; }

.index-news-area {
  padding: 65px 0 20px;
  overflow: hidden; }
  .index-news-area .index-news-box {
    text-align: center;
    position: relative;
    padding: 0px 0 60px 0px; }
    @media screen and (min-width: 480px) {
      .index-news-area .index-news-box {
        padding: 0px 0 40px 0px; } }
    @media screen and (min-width: 850px) {
      .index-news-area .index-news-box {
        min-height: 392px;
        padding: 15px 0 25px 400px;
        text-align: left; } }
    .index-news-area .index-news-box .index-news-photo-area {
      display: none;
      padding: 41px 25px 30px 32px;
      position: absolute;
      top: 0px;
      left: 0;
      background: url(../img/index/news_bg.png) no-repeat;
      background-size: 392px; }
      .index-news-area .index-news-box .index-news-photo-area .index-news-photo-frame {
        width: 332px;
        height: 244px;
        position: relative;
        top: 0;
        left: 0; }
        .index-news-area .index-news-box .index-news-photo-area .index-news-photo-frame img.mask {
          opacity: 0;
          max-width: 100%;
          width: 100%; }
        .index-news-area .index-news-box .index-news-photo-area .index-news-photo-frame img.main-pic {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          max-width: 100%;
          max-height: 100%; }
      @media screen and (min-width: 850px) {
        .index-news-area .index-news-box .index-news-photo-area {
          display: block; } }
    @media screen and (min-width: 480px) {
      .index-news-area .index-news-box .index-news-list-area {
        display: inline-block;
        width: 80%; } }
    @media screen and (min-width: 850px) {
      .index-news-area .index-news-box .index-news-list-area {
        padding-top: 10px;
        display: block;
        width: auto; } }
    @media screen and (min-width: 992px) {
      .index-news-area .index-news-box .index-news-list-area {
        padding-left: 40px; } }
    .index-news-area .index-news-box .index-news-list-area .index-news-list-item {
      border-bottom: 1px solid #d9d9d9;
      text-align: left;
      padding: 10px 5px;
      display: table;
      width: 100%; }
      @media screen and (min-width: 850px) {
        .index-news-area .index-news-box .index-news-list-area .index-news-list-item {
          border: none;
          padding: 0px !important; } }
      .index-news-area .index-news-box .index-news-list-area .index-news-list-item .index-news-list-date {
        font-size: 16px;
        font-family: Arial;
        line-height: 25px;
        color: #43a5b5;
        position: relative;
        vertical-align: middle; }
        @media screen and (min-width: 480px) {
          .index-news-area .index-news-box .index-news-list-area .index-news-list-item .index-news-list-date {
            display: table-cell;
            width: 100px;
            vertical-align: top; } }
        @media screen and (min-width: 850px) {
          .index-news-area .index-news-box .index-news-list-area .index-news-list-item .index-news-list-date {
            font-size: 18px;
            width: 50px;
            vertical-align: initial;
            padding: 14px 0px 14px 0; } }
        @media screen and (min-width: 992px) {
          .index-news-area .index-news-box .index-news-list-area .index-news-list-item .index-news-list-date {
            width: 75px;
            padding: 14px 25px 14px 0; } }
        @media screen and (min-width: 850px) {
          .index-news-area .index-news-box .index-news-list-area .index-news-list-item .index-news-list-date .list-year {
            display: none; } }
        .index-news-area .index-news-box .index-news-list-area .index-news-list-item .index-news-list-date:after {
          content: '';
          display: none;
          width: 2px;
          height: 102%;
          background-color: #d9d9d9;
          position: absolute;
          top: 0;
          right: 0; }
          @media screen and (min-width: 992px) {
            .index-news-area .index-news-box .index-news-list-area .index-news-list-item .index-news-list-date:after {
              display: block; } }
      .index-news-area .index-news-box .index-news-list-area .index-news-list-item .index-news-list-title {
        display: inline-block;
        font-size: 17px;
        color: #5a5a5a;
        vertical-align: middle;
        line-height: 1.5; }
        .index-news-area .index-news-box .index-news-list-area .index-news-list-item .index-news-list-title a {
          display: inline-block;
          color: #5a5a5a; }
        @media screen and (min-width: 480px) {
          .index-news-area .index-news-box .index-news-list-area .index-news-list-item .index-news-list-title {
            display: table-cell; } }
        @media screen and (min-width: 850px) {
          .index-news-area .index-news-box .index-news-list-area .index-news-list-item .index-news-list-title {
            padding-left: 15px;
            font-size: 18px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 300px; } }
        @media screen and (min-width: 992px) {
          .index-news-area .index-news-box .index-news-list-area .index-news-list-item .index-news-list-title {
            max-width: 400px; } }
        @media screen and (min-width: 1200px) {
          .index-news-area .index-news-box .index-news-list-area .index-news-list-item .index-news-list-title {
            max-width: 610px; } }
      .index-news-area .index-news-box .index-news-list-area .index-news-list-item:first-child {
        padding: 0 5px 10px; }
      .index-news-area .index-news-box .index-news-list-area .index-news-list-item:last-child {
        border: none; }
    .index-news-area .index-news-box .index-news-more {
      position: absolute;
      right: 50%;
      bottom: 22px;
      margin-right: -28px; }
      @media screen and (min-width: 480px) {
        .index-news-area .index-news-box .index-news-more {
          bottom: 10px; } }
      @media screen and (min-width: 850px) {
        .index-news-area .index-news-box .index-news-more {
          right: 60px;
          bottom: 30px;
          margin-right: 0px; } }
      @media screen and (min-width: 1070px) {
        .index-news-area .index-news-box .index-news-more {
          right: 0; } }
      @media screen and (min-width: 1200px) {
        .index-news-area .index-news-box .index-news-more {
          right: 60px; } }
      @media screen and (min-width: 1300px) {
        .index-news-area .index-news-box .index-news-more {
          right: 0; } }
      .index-news-area .index-news-box .index-news-more .index-news-more-btn {
        color: #42738F;
        font-size: 18px;
        font-family: Arial; }

.index-video-area {
  padding: 40px 0 65px;
  background: url(https://live.staticflickr.com/65535/51325666651_423f8aa10e_t.jpg);
  margin-bottom: 30px;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .index-video-area {
      margin-bottom: 60px;
      background: url(https://live.staticflickr.com/65535/51325666651_423f8aa10e_t.jpg); } }
  .index-video-area .index-video-box {
    width: 100%;
    margin: auto;
    position: relative; }
    @media screen and (min-width: 768px) {
      .index-video-area .index-video-box {
        width: 700px;
        height: 393.75px; } }
    .index-video-area .index-video-box .embed-responsive {
      z-index: 2; }
    .index-video-area .index-video-box .index-video-more {
      position: absolute;
      right: 50%;
      bottom: -40px;
      z-index: 2;
      margin-right: -28px; }
      @media screen and (min-width: 850px) {
        .index-video-area .index-video-box .index-video-more {
          right: 0;
          margin-right: 0; } }
      .index-video-area .index-video-box .index-video-more .index-video-more-btn {
        color: #42738F;
        font-size: 18px;
        font-family: Arial; }
    .index-video-area .index-video-box:before {
      content: '';
      display: none;
      width: 388px;
      height: 636px;
      background: url(../img/index/video_bg2.png) no-repeat;
      background-size: 388px;
      position: absolute;
      top: -120px;
      left: -370px; }
      @media screen and (min-width: 768px) {
        .index-video-area .index-video-box:before {
          display: block; } }
    .index-video-area .index-video-box:after {
      content: '';
      display: none;
      width: 468px;
      height: 527px;
      background: url(../img/index/video_bg3.png) no-repeat;
      background-size: 468px;
      position: absolute;
      top: 36px;
      right: -420px; }
      @media screen and (min-width: 768px) {
        .index-video-area .index-video-box:after {
          display: block; } }

.litte-banner-area {
  text-align: center;
  padding-top: 40px;
  border-top: 1px solid #B9B9B9; }
  .litte-banner-area .row > div + div {
    margin-top: 30px; }
    @media screen and (min-width: 768px) {
      .litte-banner-area .row > div + div {
        margin-top: 0; } }
  .litte-banner-area img {
    max-width: 100%;
    height: auto; }

.index-activity-area {
  margin-bottom: 10px;
  position: relative; }
  @media screen and (min-width: 480px) {
    .index-activity-area {
      padding: 0 10px; } }
  @media screen and (min-width: 768px) {
    .index-activity-area {
      padding: 0 10px 0 175px;
      margin-bottom: 10px; } }
  @media screen and (min-width: 992px) {
    .index-activity-area {
      padding: 0 50px 0 190px; } }
  .index-activity-area .activity-tab-box-xs {
    max-width: 450px;
    margin: auto;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    position: relative; }
    .index-activity-area .activity-tab-box-xs:before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #fff;
      position: absolute;
      top: 15px;
      right: 10px;
      z-index: 2; }
    @media screen and (min-width: 768px) {
      .index-activity-area .activity-tab-box-xs {
        display: none; } }
    .index-activity-area .activity-tab-box-xs select {
      color: #fff;
      -webkit-appearance: none;
      background-color: #967dd9;
      border: none;
      box-shadow: none;
      position: relative; }
      .index-activity-area .activity-tab-box-xs select.org1 {
        background-color: #c80064; }
      .index-activity-area .activity-tab-box-xs select.org2 {
        background-color: #967dd9; }
      .index-activity-area .activity-tab-box-xs select.org3 {
        background-color: #59bfcd; }
      .index-activity-area .activity-tab-box-xs select.org4 {
        background-color: #fb961d; }
      .index-activity-area .activity-tab-box-xs select.org5 {
        background-color: #87c14b; }
      .index-activity-area .activity-tab-box-xs select option {
        background-color: #fff;
        color: #5a5a5a; }
  .index-activity-area .activity-tab-box {
    display: none;
    text-align: left;
    position: absolute;
    top: 15px;
    left: 70px; }
    @media screen and (min-width: 768px) {
      .index-activity-area .activity-tab-box {
        display: block; } }
    @media screen and (min-width: 992px) {
      .index-activity-area .activity-tab-box {
        left: 85px; } }
    .index-activity-area .activity-tab-box .activity-tab {
      position: relative;
      margin-bottom: 10px;
      background-color: #c80064;
      transition: .5s;
      opacity: .75; }
      .index-activity-area .activity-tab-box .activity-tab:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-bottom: 25px solid #c80064;
        position: absolute;
        bottom: 0;
        left: -9px; }
      .index-activity-area .activity-tab-box .activity-tab:after {
        content: '';
        display: block;
        width: 8px;
        height: 100%;
        background-color: #e64e9a;
        position: absolute;
        top: 0;
        left: -7px;
        transform: skew(-15deg); }
      .index-activity-area .activity-tab-box .activity-tab a {
        display: block;
        width: 146px;
        height: 50px;
        font-size: 16px;
        color: #fff;
        padding-top: 12px;
        padding-left: 20px; }
      .index-activity-area .activity-tab-box .activity-tab.org1 {
        background-color: #c80064; }
        .index-activity-area .activity-tab-box .activity-tab.org1:before {
          border-bottom: 25px solid #c80064; }
        .index-activity-area .activity-tab-box .activity-tab.org1:after {
          background-color: #e64e9a; }
        .index-activity-area .activity-tab-box .activity-tab.org1 a {
          color: #edc2d1; }
      .index-activity-area .activity-tab-box .activity-tab.org2 {
        background-color: #967dd9; }
        .index-activity-area .activity-tab-box .activity-tab.org2:before {
          border-bottom: 25px solid #967dd9; }
        .index-activity-area .activity-tab-box .activity-tab.org2:after {
          background-color: #bfacf1; }
        .index-activity-area .activity-tab-box .activity-tab.org2 a {
          color: #ded7f2; }
      .index-activity-area .activity-tab-box .activity-tab.org3 {
        background-color: #59bfcd; }
        .index-activity-area .activity-tab-box .activity-tab.org3:before {
          border-bottom: 25px solid #59bfcd; }
        .index-activity-area .activity-tab-box .activity-tab.org3:after {
          background-color: #90d9e3; }
        .index-activity-area .activity-tab-box .activity-tab.org3 a {
          color: #cfeaee; }
      .index-activity-area .activity-tab-box .activity-tab.org4 {
        background-color: #fb961d; }
        .index-activity-area .activity-tab-box .activity-tab.org4:before {
          border-bottom: 25px solid #fb961d; }
        .index-activity-area .activity-tab-box .activity-tab.org4:after {
          background-color: #ffc37b; }
        .index-activity-area .activity-tab-box .activity-tab.org4 a {
          color: #fedec5; }
      .index-activity-area .activity-tab-box .activity-tab.org5 {
        background-color: #87c14b; }
        .index-activity-area .activity-tab-box .activity-tab.org5:before {
          border-bottom: 25px solid #87c14b; }
        .index-activity-area .activity-tab-box .activity-tab.org5:after {
          background-color: #b9e58c; }
        .index-activity-area .activity-tab-box .activity-tab.org5 a {
          color: #daebcc; }
      .index-activity-area .activity-tab-box .activity-tab:hover, .index-activity-area .activity-tab-box .activity-tab.active {
        transform: translateX(-40px); }
        .index-activity-area .activity-tab-box .activity-tab:hover a, .index-activity-area .activity-tab-box .activity-tab.active a {
          color: #fff; }
      .index-activity-area .activity-tab-box .activity-tab.active {
        opacity: 1; }
        .index-activity-area .activity-tab-box .activity-tab.active a {
          font-size: 18px; }
  .index-activity-area .activity-list-box {
    padding: 10px 0px 0;
    background-color: #fff;
    position: relative; }
    @media screen and (min-width: 480px) {
      .index-activity-area .activity-list-box {
        padding: 10px 30px 0; } }
    @media screen and (min-width: 768px) {
      .index-activity-area .activity-list-box {
        padding: 20px;
        min-height: 343px;
        border: 2px solid #E1DFE0;
        border-radius: 5px; } }
    @media screen and (min-width: 992px) {
      .index-activity-area .activity-list-box {
        padding: 30px; } }
    .index-activity-area .activity-list-box .activity-tab-content {
      display: none; }
      .index-activity-area .activity-list-box .activity-tab-content#tab-org1 {
        display: block; }
    .index-activity-area .activity-list-box .activity-list {
      text-align: left;
      padding: 15px 5px;
      display: table;
      width: 100%; }
      .index-activity-area .activity-list-box .activity-list .activity-list-date {
        vertical-align: top;
        font-size: 16px;
        margin-bottom: 2px;
        line-height: 25px;
        color: #43a5b5;
        position: relative; }
        .index-activity-area .activity-list-box .activity-list .activity-list-date span.date {
          font-family: Arial; }
        .index-activity-area .activity-list-box .activity-list .activity-list-date span.activity-label {
          display: inline-block;
          font-size: 14px;
          color: #fff;
          border-radius: 3px;
          padding: 0px 7px;
          margin-left: 4px; }
          .index-activity-area .activity-list-box .activity-list .activity-list-date span.activity-label.parent {
            background-color: #ea297a; }
          .index-activity-area .activity-list-box .activity-list .activity-list-date span.activity-label.brother {
            background-color: #009fe1; }
        @media screen and (min-width: 768px) {
          .index-activity-area .activity-list-box .activity-list .activity-list-date {
            display: table-cell;
            width: 230px;
            margin-bottom: 0; } }
      .index-activity-area .activity-list-box .activity-list .activity-list-title {
        font-size: 17px;
        color: #5a5a5a;
        vertical-align: middle;
        line-height: 1.5; }
        @media screen and (min-width: 768px) {
          .index-activity-area .activity-list-box .activity-list .activity-list-title {
            display: table-cell;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 250px; } }
        @media screen and (min-width: 992px) {
          .index-activity-area .activity-list-box .activity-list .activity-list-title {
            max-width: 300px; } }
        .index-activity-area .activity-list-box .activity-list .activity-list-title a {
          display: inline-block;
          color: #5a5a5a; }
    .index-activity-area .activity-list-box .activity-list + .activity-list {
      border-top: 1px dashed #d9d9d9; }

.index-activity-more {
  text-align: center;
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .index-activity-more {
      margin-bottom: 30px; } }
  @media screen and (min-width: 850px) {
    .index-activity-more {
      text-align: right;
      padding: 0 10px; } }
  @media screen and (min-width: 992px) {
    .index-activity-more {
      padding: 0 50px; } }
  .index-activity-more .index-news-more-btn {
    color: #42738F;
    font-size: 18px;
    font-family: Arial; }

/*
* @Author: ansen
* @Date:   2017-12-18 09:28:29
* @Last Modified by:   ansen
* @Last Modified time: 2018-02-05 16:20:10
*/
.success-area {
  text-align: center; }
  .success-area .success-text {
    display: inline-block;
    width: 100%;
    max-width: 840px;
    font-size: 20px;
    color: #5a5a5a;
    padding: 10px 0 26px;
    margin-top: 200px;
    margin-bottom: 60px;
    border-top: 2px solid #4884C9;
    position: relative; }
    @media screen and (min-width: 992px) {
      .success-area .success-text {
        width: 840px;
        min-height: 80px;
        background: url(../img/success404/bg_pic.png) center center no-repeat; } }
    .success-area .success-text #error-time {
      display: inline-block;
      font-size: 30px;
      font-family: Arial;
      color: #42738F;
      margin: 0 10px 0; }
    .success-area .success-text .error-img-404 {
      width: 187px;
      height: 83px;
      background: url(../img/success404/404_pic01_2x.png) no-repeat;
      background-size: 187px;
      position: absolute;
      top: -170px;
      left: 50%;
      margin-left: -94px; }
      @media screen and (min-width: 640px) {
        .success-area .success-text .error-img-404 {
          top: -85px;
          left: 50%;
          margin-left: -233px; } }
      @media screen and (min-width: 768px) {
        .success-area .success-text .error-img-404 {
          background: url(../img/success404/404_pic01.png) no-repeat;
          background-size: 187px; } }
    .success-area .success-text .error-img-text {
      width: 275px;
      height: 64px;
      background: url(../img/success404/404_pic02_2x.png) no-repeat;
      background-size: 275px;
      position: absolute;
      z-index: 2;
      top: -66px;
      left: 50%;
      margin-left: -137px; }
      @media screen and (min-width: 640px) {
        .success-area .success-text .error-img-text {
          top: -66px;
          left: 50%;
          margin-left: -10px; } }
      @media screen and (min-width: 768px) {
        .success-area .success-text .error-img-text {
          background: url(../img/success404/404_pic02.png) no-repeat;
          background-size: 275px; } }
    .success-area .success-text .success-img-404 {
      width: 302px;
      height: 55px;
      background: url(../img/success404/success_pic01_2x.png) no-repeat;
      background-size: 302px;
      position: absolute;
      top: -140px;
      left: 50%;
      margin-left: -151px; }
      @media screen and (min-width: 640px) {
        .success-area .success-text .success-img-404 {
          top: -90px;
          left: 50%;
          margin-left: -220px; } }
      @media screen and (min-width: 768px) {
        .success-area .success-text .success-img-404 {
          background: url(../img/success404/success_pic01.png) no-repeat;
          background-size: 302px; } }
    .success-area .success-text .success-img-text {
      width: 120px;
      height: 31px;
      background: url(../img/success404/success_pic02_2x.png) no-repeat;
      background-size: 120px;
      position: absolute;
      z-index: 2;
      top: -65px;
      left: 50%;
      margin-left: -60px; }
      @media screen and (min-width: 640px) {
        .success-area .success-text .success-img-text {
          top: -65px;
          left: 50%;
          margin-left: 105px; } }
      @media screen and (min-width: 768px) {
        .success-area .success-text .success-img-text {
          background: url(../img/success404/success_pic02.png) no-repeat;
          background-size: 120px; } }
    .success-area .success-text:before {
      content: '';
      display: none;
      width: 26px;
      height: 62px;
      background: url(../img/success404/bg_pic01_2x.png) no-repeat;
      background-size: 26px;
      position: absolute;
      top: -64px;
      left: 7%;
      margin-left: -25px; }
      @media screen and (min-width: 520px) {
        .success-area .success-text:before {
          display: block; } }
      @media screen and (min-width: 768px) {
        .success-area .success-text:before {
          background: url(../img/success404/bg_pic01.png) no-repeat;
          background-size: 26px; } }
      @media screen and (min-width: 992px) {
        .success-area .success-text:before {
          left: 50%;
          margin-left: -375px; } }
    .success-area .success-text:after {
      content: '';
      display: none;
      width: 59px;
      height: 97px;
      background: url(../img/success404/bg_pic02_2x.png) no-repeat;
      background-size: 59px;
      position: absolute;
      top: -99px;
      right: 10px; }
      @media screen and (min-width: 520px) {
        .success-area .success-text:after {
          display: block; } }
      @media screen and (min-width: 768px) {
        .success-area .success-text:after {
          background: url(../img/success404/bg_pic02.png) no-repeat;
          background-size: 59px; } }
      @media screen and (min-width: 992px) {
        .success-area .success-text:after {
          right: 45px; } }

.build-area {
  text-align: center; }
  .build-area .build-text-area {
    display: inline-block;
    width: 100%;
    max-width: 840px;
    font-size: 20px;
    color: #5a5a5a;
    padding: 20px;
    margin-top: 240px;
    margin-bottom: 60px;
    background-color: #fdf2f8;
    position: relative; }
    @media screen and (min-width: 400px) {
      .build-area .build-text-area {
        border-radius: 20px; } }
    @media screen and (min-width: 768px) {
      .build-area .build-text-area {
        margin-top: 200px; } }
    @media screen and (min-width: 992px) {
      .build-area .build-text-area {
        width: 840px;
        min-height: 80px; } }
    .build-area .build-text-area .build-triangle {
      width: 0px;
      height: 82px;
      background: url(../img/success404/pic03_2x.png) no-repeat;
      background-size: 73px;
      position: absolute;
      top: -77px;
      left: 50%;
      margin-left: 70px; }
      @media screen and (min-width: 400px) {
        .build-area .build-text-area .build-triangle {
          width: 73px; } }
      @media screen and (min-width: 550px) {
        .build-area .build-text-area .build-triangle {
          left: 50%;
          margin-left: 160px; } }
      @media screen and (min-width: 768px) {
        .build-area .build-text-area .build-triangle {
          left: 50%;
          margin-left: 175px;
          background: url(../img/success404/pic03.png) no-repeat;
          background-size: 73px; } }
    .build-area .build-text-area .build-img-coming {
      width: 216px;
      height: 113px;
      background: url(../img/success404/pic01_2x.png) no-repeat;
      background-size: 216px;
      position: absolute;
      top: -220px;
      left: 50%;
      margin-left: -108px; }
      @media screen and (min-width: 550px) {
        .build-area .build-text-area .build-img-coming {
          top: -100px;
          left: 50%;
          margin-left: -240px; } }
      @media screen and (min-width: 768px) {
        .build-area .build-text-area .build-img-coming {
          left: 50%;
          margin-left: -240px;
          background: url(../img/success404/pic01.png) no-repeat;
          background-size: 216px; } }
    .build-area .build-text-area .build-img-text {
      width: 206px;
      height: 92px;
      background: url(../img/success404/pic02_2x.png) no-repeat;
      background-size: 206px;
      position: absolute;
      top: -83px;
      left: 50%;
      margin-left: -103px; }
      @media screen and (min-width: 550px) {
        .build-area .build-text-area .build-img-text {
          left: 50%;
          margin-left: -15px; } }
      @media screen and (min-width: 768px) {
        .build-area .build-text-area .build-img-text {
          left: 50%;
          margin-left: 0;
          background: url(../img/success404/pic02.png) no-repeat;
          background-size: 206px; } }
    .build-area .build-text-area:before {
      content: '';
      display: none;
      width: 67px;
      height: 49px;
      background: url(../img/success404/pic05_2x.png) no-repeat;
      background-size: 67px;
      position: absolute;
      top: -40px;
      left: 7%;
      margin-left: -25px; }
      @media screen and (min-width: 768px) {
        .build-area .build-text-area:before {
          display: block;
          background: url(../img/success404/pic05.png) no-repeat;
          background-size: 67px; } }
      @media screen and (min-width: 992px) {
        .build-area .build-text-area:before {
          left: 50%;
          margin-left: -375px; } }
    .build-area .build-text-area:after {
      content: '';
      display: none;
      width: 29px;
      height: 43px;
      background: url(../img/success404/pic04_2x.png) no-repeat;
      background-size: 29px;
      position: absolute;
      top: -33px;
      right: 10px; }
      @media screen and (min-width: 768px) {
        .build-area .build-text-area:after {
          display: block;
          background: url(../img/success404/pic04.png) no-repeat;
          background-size: 29px; } }
      @media screen and (min-width: 992px) {
        .build-area .build-text-area:after {
          right: 45px; } }
    .build-area .build-text-area .build-text {
      border: 2px solid #fff;
      padding: 30px 15px;
      font-size: 18px;
      line-height: 1.8; }
      @media screen and (min-width: 360px) {
        .build-area .build-text-area .build-text {
          border-radius: 15px; } }
      .build-area .build-text-area .build-text span {
        color: #42738F; }

@media screen and (min-width: 1200px) {
  .sitemap-area .col-sm-6.col-md-3 {
    padding: 0 30px; } }

.sitemap-area .sitemap-title {
  font-size: 17px;
  color: #42738F;
  padding: 0 5px 9px;
  margin-bottom: 5px;
  border-bottom: 1px solid #4884C9; }

.sitemap-area ul {
  margin: 0 0 25px;
  padding: 0;
  list-style: none; }
  @media screen and (min-width: 992px) {
    .sitemap-area ul {
      min-height: 120px; } }
  .sitemap-area ul li a {
    display: inline-block;
    color: #6a6a6a;
    padding: 8px 5px; }

/*
* @Author: ansen
* @Date:   2017-12-20 09:21:10
* @Last Modified by:   ansen
* @Last Modified time: 2018-04-30 12:01:51
*/
.location-list-area:after {
  content: '';
  display: block;
  clear: both; }

.location-list-area .list-box {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dashed #ccc; }
  @media screen and (min-width: 600px) {
    .location-list-area .list-box {
      padding-left: 240px;
      padding-bottom: 0;
      margin-bottom: 30px;
      border-bottom: none; } }
  .location-list-area .list-box .list-pic-area {
    display: none;
    width: 240px;
    border: 1px solid #dedede;
    padding: 10px;
    background-color: #FFF;
    position: absolute;
    top: 0;
    left: 0; }
    @media screen and (min-width: 600px) {
      .location-list-area .list-box .list-pic-area {
        display: block; } }
    .location-list-area .list-box .list-pic-area img {
      max-width: 100%;
      height: auto; }
  .location-list-area .list-box .list-item {
    position: relative; }
    @media screen and (min-width: 600px) {
      .location-list-area .list-box .list-item {
        padding-left: 10px;
        min-height: 182px; } }
    @media screen and (min-width: 768px) {
      .location-list-area .list-box .list-item {
        padding-left: 30px; } }
  .location-list-area .list-box .list-title-area span {
    display: inline-block;
    color: #42738F;
    padding-right: 20px;
    position: relative; }
    .location-list-area .list-box .list-title-area span .location-icon {
      display: block;
      width: 17px;
      height: 24px;
      background: url(../img/page/map_icon.png) no-repeat;
      background-size: 17px;
      position: absolute;
      right: 0px;
      top: 0; }
  .location-list-area .list-box .list-btn-area {
    text-align: right;
    margin-top: 20px; }
    @media screen and (min-width: 768px) {
      .location-list-area .list-box .list-btn-area {
        position: absolute;
        right: 0;
        bottom: 0; } }
    .location-list-area .list-box .list-btn-area .link-btn {
      display: inline-block;
      padding: 6px 16px;
      color: #fff;
      font-size: 16px;
      text-align: center;
      border-radius: 5px; }
      .location-list-area .list-box .list-btn-area .link-btn.lightpink {
        background-color: #4884C0;
        margin-right: 10px; }
        .location-list-area .list-box .list-btn-area .link-btn.lightpink:hover {
          background-color: #e96b6c; }
      .location-list-area .list-box .list-btn-area .link-btn.deeppink {
        background-color: #e24794; }
        .location-list-area .list-box .list-btn-area .link-btn.deeppink:hover {
          background-color: #42738F; }

@media screen and (min-width: 768px) {
  .light-box .modal-dialog {
    width: 750px; } }

.light-box .modal-dialog .close {
  font-size: 32px;
  color: #42738F;
  opacity: 1;
  position: absolute;
  top: 10px;
  right: 18px;
  z-index: 2; }

.light-box .modal-content {
  padding: 20px 15px; }
  @media screen and (min-width: 768px) {
    .light-box .modal-content {
      padding: 40px; } }
  .light-box .modal-content .modal-header {
    font-size: 18px;
    color: #42738F;
    padding: 0 5px 15px;
    border-bottom: 1px solid #00FFFF; }
  .light-box .modal-content .modal-body {
    font-size: 16px;
    color: #6a6a6a;
    line-height: 1.6;
    text-align: justify;
    padding: 15px 5px 25px; }
  .light-box .modal-content .modal-footer {
    font-size: 16px;
    color: #6a6a6a;
    line-height: 1.6;
    border-top: 1px dashed #4884C9;
    text-align: justify;
    padding: 10px 5px 5px; }

@media screen and (min-width: 992px) {
  .page {
    float: right;
    width: 705px; } }

@media screen and (min-width: 1200px) {
  .page {
    width: 800px; } }

.volunteer-intro-area {
  padding: 20px 0px 10px;
  margin-bottom: 20px;
  border-top: 1px solid #D6D6D6;
  overflow: hidden;
  position: relative; }
  .volunteer-intro-area .article-content-area {
    padding-bottom: 0; }
  .volunteer-intro-area .more-content {
    display: none;
    font-size: 18px;
    padding: 6px 12px;
    color: #42738F;
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    right: 5px;
    z-index: 2; }
  .volunteer-intro-area.brief {
    height: 300px; }
    .volunteer-intro-area.brief:after {
      content: '';
      display: block;
      width: 100%;
      height: 100px;
      background: linear-gradient(to top, #fff 35%, rgba(255, 255, 255, 0) 100%);
      position: absolute;
      left: 0;
      bottom: 0px; }
    .volunteer-intro-area.brief .more-content {
      display: inline-block; }
    @media screen and (min-width: 992px) {
      .volunteer-intro-area.brief {
        height: auto; }
        .volunteer-intro-area.brief:after {
          display: none; }
        .volunteer-intro-area.brief .more-content {
          display: none; } }
  .volunteer-intro-area.open {
    height: auto;
    padding: 20px 0px 70px; }
    @media screen and (min-width: 992px) {
      .volunteer-intro-area.open {
        padding: 20px 0px 10px; } }
  @media screen and (min-width: 992px) {
    .volunteer-intro-area {
      height: auto;
      padding: 20px 0px 10px; } }

.volunteer-list-area .volunteer-list-header {
  background-color:#d5d5d5; 
  }
  .volunteer-list-area .volunteer-list-header:after {
    content: '';
    display: block;
    clear: both; }

.volunteer-list-area .volunteer-list-row:after {
  content: '';
  display: block;
  clear: both; }

.volunteer-list-area .volunteer-list-row + .volunteer-list-row {
  border-top: 1px dashed #ccc; }

.volunteer-list-area .volunteer-list-td {
  float: left;
  width: 100px;
  font-size: 16px;
  color: #5a5a5a;
  padding: 10px; }
  @media screen and (min-width: 768px) {
    .volunteer-list-area .volunteer-list-td {
      width: 110px; } }
  .volunteer-list-area .volunteer-list-td.xs-title {
    width: 100%; }
  .volunteer-list-area .volunteer-list-td.medium {
    width: 145px;
    padding-right: 0; }
    @media screen and (min-width: 768px) {
      .volunteer-list-area .volunteer-list-td.medium {
        width: 150px;
        padding-right: 10px; } }
  .volunteer-list-area .volunteer-list-td.long {
    width: 100%;
    padding-top: 0; }
    @media screen and (min-width: 768px) {
      .volunteer-list-area .volunteer-list-td.long {
        width: calc( 100% - 310px);
        padding-top: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; } }

.volunteer-list-area a.list-title {
  color: #5a5a5a; }
  .volunteer-list-area a.list-title:hover {
    text-decoration: underline; }

.volunteer-list-area span.date {
  font-family: Arial;
  font-size: 16px;
  color: #0090a8; }

.volunteer-list-area span.location {
  font-size: 16px;
  color: #42738F; }

.volunteer-contact-area {
  margin-bottom: 15px; }
  .volunteer-contact-area .volunteer-contact-item {
    display: block;
    margin-bottom: 3px;
    padding-left: 2px; }
    @media screen and (min-width: 768px) {
      .volunteer-contact-area .volunteer-contact-item {
        display: inline-block;
        margin-bottom: 5px;
        padding-right: 10px;
        margin-right: 10px;
        border-right: 1px dashed #4884C9; } }
    @media screen and (min-width: 1200px) {
      .volunteer-contact-area .volunteer-contact-item {
        padding-right: 25px;
        margin-right: 25px; } }
    .volunteer-contact-area .volunteer-contact-item span {
      display: inline-block;
      font-size: 16px;
      color: #5a5a5a; }
      .volunteer-contact-area .volunteer-contact-item span.title {
        color: #42738F; }
    .volunteer-contact-area .volunteer-contact-item:last-child {
      border-right: none;
      padding-right: 0px;
      margin-right: 0px; }

/*# sourceMappingURL=maps/base.css.map */