@charset "UTF-8";
body {
  font-family: Arial, Verdana, Geneva, sans-serif, "微軟正黑體";
  font-size: 100%;
  background-color: #ffffff; }

body.web {
  background-color: #E4E3DF; }

.header {
  background-image: url("/images/LOGOBG.jpg"); }

.container select {
  padding: 5px; }

.container a {
  text-decoration: none;
  color: #5e5e5d; }
  .container a:hover {
    color: #7C7C7C; }

.container .top {
  background-image: url("/images/topBG_A.jpg"); }
  .container .top a {
    display: inline-block;
    padding: 5px;
    font-size: 1.5rem; }

.container .nav-link {
  background-image: url("/images/topBG_B.jpg"); }
  .container .nav-link a {
    display: inline-block;
    font-size: 1.5rem;
    padding: 5px 20px;
    border-right: 1px solid #ccffff; }
    .container .nav-link a:last-child {
      border-right: none; }

.container .footer {
  background-image: url("/images/down_bg.jpg");
  color: #ccffff;
  margin-top: 20px; }
  .container .footer .footer-content {
    padding: 10px 0 0 70px; }

.container .index-movie {
  display: block;
  padding: 15px; }
  .container .index-movie .subject {
    font-size: 1.25rem;
    padding: 12px 0 0 0; }

.container .web-section {
  margin-top: 15px; }

.container .donate-top {
  display: block;
  width: 69px;
  height: 90px;
  position: absolute;
  bottom: 0; }

.container .donate-top-a {
  background-image: url("/images/top_btn01.jpg");
  right: 290px; }
  .container .donate-top-a:hover {
    background-image: url("/images/top_btn01_b.jpg"); }

.container .donate-top-b {
  right: 200px;
  background-image: url("/images/top_btn02.jpg"); }
  .container .donate-top-b:hover {
    background-image: url("/images/top_btn02_b.jpg"); }

.container .history {
  padding: 0 20px;
  background-color: #fff;
  font-size: 1.375rem; }
  .container .history .history-head {
    font-weight: bold;
    padding: 20px 10px;
    border-bottom: 2px solid #ccc;
    border-top: 3px solid #900; }
  .container .history .history-item {
    padding: 15px 10px;
    border-bottom: 1px dotted #ccc; }
  .container .history .date {
    font-weight: bold;
    color: #ef6b01; }

.container .proj-member {
  background: none;
  border: none; }

.container .donate-link {
  display: block;
  width: 252px;
  height: 106px;
  background-image: url("/images/donate-btn.jpg"); }

.container .banner01 {
  margin: 20px 0; }

.container .bread {
  font-size: 1.25rem; }

.container .article-block {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px 20px;
  font-size: 1.5rem;
  margin: 20px 0; }
  .container .article-block .title {
    font-size: 2rem;
    color: #f00;
    font-weight: bold;
    margin: 10px 0 0 0;
    padding: 0 0 10px; }
  .container .article-block .date {
    color: #ef6b01; }
  .container .article-block .item {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px; }
    .container .article-block .item .intro {
      line-height: 1.5;
      margin: 15px 0; }
  .container .article-block .btn-type .icon {
    margin-right: 10px; }
  .container .article-block .btn-type a {
    display: block; }
    .container .article-block .btn-type a:hover {
      color: #f00; }
  .container .article-block .link {
    color: #000;
    font-weight: bold; }
    .container .article-block .link:hover {
      color: #f60; }
  .container .article-block .movie {
    margin: 20px 0;
    text-align: center; }
    .container .article-block .movie iframe {
      width: 100%;
      max-width: 560px; }

.container .nth-block:nth-child(odd) {
  background-color: #fff; }

.container .nth-block:nth-child(even) {
  background-color: #F9F0E6; }

.container .map-item {
  margin: 10px 0;
  font-size: 1.375rem; }
  .container .map-item h6 {
    color: #900;
    font-weight: bold;
    text-align: center;
    background-color: #eee;
    border-top: 2px solid #900;
    font-size: 1.5rem;
    padding: 8px 0;
    margin: 0; }
  .container .map-item ul {
    display: block;
    background-color: #fff;
    list-style: none;
    padding: 0; }
    .container .map-item ul li {
      border-bottom: 1px solid #ccc;
      padding: 10px 5px;
      height: 40px; }
  .container .map-item .serial {
    color: #ef6b01;
    margin-right: 1.375rem; }

.container .text-block {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px 20px;
  margin: 20px 0;
  font-size: 1.25rem; }
  .container .text-block .subject {
    display: inline-block;
    color: #f60;
    font-weight: bold;
    font-size: 1.5rem; }
  .container .text-block .date {
    color: #f60;
    font-size: 1.375rem;
    font-weight: bold; }
  .container .text-block .intro {
    color: #000;
    font-size: 1.375rem;
    line-height: 1.8;
    margin-bottom: 20px; }
  .container .text-block .focus {
    color: #900;
    font-weight: bold;
    font-size: 1.5rem; }

.container .btn-none {
  border: none;
  background: none; }

.container .btn-a {
  border: none;
  display: inline-block;
  background-color: #900;
  border-radius: 7px;
  text-align: center;
  letter-spacing: 3px;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold; }
  .container .btn-a:hover {
    color: #fff; }

.container .nav-a {
  font-size: 1.5rem; }

.container .dot-hr {
  border-bottom: 1px dotted #ccc; }

.container .member-panel {
  border: 1px solid #f00;
  margin-bottom: 20px; }

.container .donate-info, .container .member-panel {
  padding: 15px;
  background-color: #F9F0E6;
  font-size: 1.375rem; }
  .container .donate-info p, .container .member-panel p {
    line-height: 1.5; }
  .container .donate-info .donate-doc a.btn-a, .container .member-panel .donate-doc a.btn-a {
    margin-top: 5px; }
  .container .donate-info strong, .container .member-panel strong {
    font-weight: bold;
    font-size: 1.5rem; }
  .container .donate-info h5, .container .member-panel h5 {
    margin-top: 40px;
    font-size: 1.5rem;
    color: #900;
    font-weight: bold; }

.container .act {
  background-color: #fff;
  width: 80%;
  margin: 20px auto;
  padding: 20px 0;
  border: 1px solid #ccc;
  border-radius: 7px; }
  .container .act .subject {
    font-size: 1.5rem;
    color: #f60;
    border-top: 1px dotted #ccc;
    padding-top: 5px; }

.container .movie-panel iframe {
  width: 100%;
  max-width: 560px; }

.container .album-panel {
  background-color: #fff;
  max-width: 760px;
  width: 100%;
  margin: 20px auto;
  padding: 20px 45px;
  border: 1px solid #ccc;
  border-radius: 7px; }

.container .act-thumb {
  display: block;
  height: 180px;
  overflow: hidden; }

.container .act-subject {
  border-top: 1px dotted #ccc;
  padding-top: 5px;
  color: #f60;
  font-weight: bold;
  font-size: 1.25rem;
  display: block;
  height: 40px;
  overflow: hidden;
  margin-top: 5px; }

.container .mnews {
  background-color: #eae7dc; }
  .container .mnews .mnews-left {
    float: left;
    width: 20px; }
  .container .mnews .mnews-right {
    float: left;
    width: calc(100% - 40px); }

.container .other-link {
  margin: 20px 0;
  text-align: center; }

.container .page-content {
  font-size: 1.375rem;
  line-height: 1.5; }

.container .charter-tabs {
  list-style: none;
  display: block;
  width: 100%;
  padding: 0; }
  .container .charter-tabs > li {
    display: block;
    float: left;
    width: 33%;
    background-color: #fff;
    margin-bottom: 1px;
    border-right: 1px solid #ccc; }
    .container .charter-tabs > li a {
      display: block;
      font-size: 1.5rem;
      padding: 10px; }
    .container .charter-tabs > li.active a {
      background-color: #ffffcc;
      color: #900; }

.container .course-tabs > li {
  width: 25%; }

.container .service-tabs {
  padding: 0;
  list-style: none;
  width: 100%;
  text-align: right;
  border-bottom: 1px solid #ccc; }
  .container .service-tabs > li {
    display: inline-block;
    background-color: #fff;
    width: 140px;
    padding: 5px 20px; }
    .container .service-tabs > li a {
      display: block;
      font-size: 1.5rem;
      text-align: center; }
    .container .service-tabs > li.active {
      background-color: #ffffcc; }
      .container .service-tabs > li.active a {
        color: #900; }

.container .tab-content-box {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 20px;
  margin-bottom: 20px; }

.container .charter-title {
  font-weight: bold;
  color: #f60;
  font-size: 2rem; }

.container .charter {
  line-height: 1.8;
  font-size: 1.25rem; }
  .container .charter p {
    margin-bottom: 20px; }
  .container .charter strong {
    margin-right: 12px;
    font-weight: bold; }
  .container .charter .main-title {
    font-size: 1.5rem;
    color: #333;
    line-height: 22px;
    font-weight: bold; }
  .container .charter .sec-title {
    font-size: 1.375rem;
    color: #f60;
    line-height: 22px;
    font-weight: bold; }
  .container .charter .sub-title {
    font-size: 1.375rem;
    color: #626262;
    line-height: 22px;
    font-weight: bold; }
  .container .charter .saying {
    text-indent: 0;
    font-style: italic; }
  .container .charter .course-sy {
    border-left: 20px solid #ff99cc;
    padding-left: 15px;
    margin: 15px 0; }

.container .article-indent p {
  text-indent: 2.5rem; }

.container .board-panel {
  background-color: #fff;
  border: 1px solid #ccc;
  font-size: 1.375rem;
  padding: 15px 20px;
  line-height: 1.5; }
  .container .board-panel .subject {
    background-color: #FBECEC;
    padding: 10px 0;
    border-bottom: 1px dotted #ccc; }
  .container .board-panel .title {
    font-weight: bold;
    color: #900; }
  .container .board-panel .cont {
    padding: 15px 0; }

.container .reply-panel {
  border-top: 2px solid #ccc; }

.container .n-table {
  width: 100%;
  font-size: 1.5rem;
  border-top: 2px solid #900;
  background-color: #fff; }
  .container .n-table .link {
    color: #900;
    font-weight: bold;
    font-size: 1.5rem; }
  .container .n-table td, .container .n-table th {
    padding: 5px 10px; }
  .container .n-table thead tr th {
    color: #900;
    font-weight: bold;
    text-align: center;
    background-color: #eee;
    border-right: 1px solid #ccc; }
    .container .n-table thead tr th:last-child {
      border-right: none; }
  .container .n-table tbody tr td {
    border-right: 1px solid #ccc; }
    .container .n-table tbody tr td:last-child {
      border-right: none; }

.container .service-title {
  font-weight: bold;
  color: #900;
  border-bottom: 1px solid #ccc;
  margin-right: 80px;
  padding-bottom: 15px; }

.container .home-title {
  color: #f60;
  font-weight: bold; }

.container .home-list strong {
  margin-right: 12px; }

.container .page-box {
  text-align: center; }
  .container .page-box .page_tag a {
    display: inline-block;
    text-align: center;
    width: 40px;
    height: 30px; }

.container .border-none {
  border: none; }

.container .service {
  background-image: url("/images/service_pic01.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  color: #000;
  min-height: 380px; }
  .container .service ul {
    list-style: none;
    padding: 0; }
    .container .service ul li {
      margin-bottom: 5px; }

.container .page-info {
  margin: 15px 0 10px 0; }

.container .page-subject {
  color: #900;
  font-size: 2.4rem;
  font-weight: bold;
  border-left: 5px solid #900;
  padding-left: 15px; }

.container .page-subtitle {
  color: #333;
  font-size: 2rem;
  font-weight: bold; }

.container .text-content {
  border: 1px solid #ccc;
  background-color: #fff; }
  .container .text-content .text-title {
    color: #604100;
    font-size: 1.5rem;
    font-weight: bold;
    border-top: 3px solid #f60;
    border-bottom: 1px solid #cbcbcb;
    margin: 0 0 30px 0;
    background-color: #F9F0E6;
    padding: 30px 15px; }
  .container .text-content .text-inner {
    padding: 0 20px 20px 20px; }
  .container .text-content .append-block {
    border-top: 1px dotted #ccc; }
  .container .text-content .download-block {
    width: 80%;
    min-height: 110px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin: 20px auto;
    padding: 10px 15px; }
    .container .text-content .download-block .title {
      font-weight: bold;
      font-size: 1.5rem;
      color: #ef6b01; }
    .container .text-content .download-block .item-list {
      list-style: none;
      font-size: 1.375rem; }
      .container .text-content .download-block .item-list li {
        padding: 5px 0; }

.container .project-box {
  padding: 15px; }

.container .section {
  margin-top: 40px; }

.container .section-title {
  font-size: 2rem;
  font-weight: bold; }

.container .arrow {
  height: 100%;
  width: 45px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1001;
  background-color: rgba(240, 240, 240, 0.5); }

.container .arrow-left {
  background-image: url(../images/arrow-left.png);
  top: 0;
  left: 0; }

.container .arrow-right {
  background-image: url(../images/arrow-right.png);
  top: 0;
  right: 0; }

.container .custom-radio input[type="radio"] {
  display: none; }
  .container .custom-radio input[type="radio"] + label {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    background-color: #eee;
    cursor: pointer;
    width: 100%;
    height: 90px;
    color: #585757;
    margin-bottom: 20px;
    font-size: 1.5rem; }
    .container .custom-radio input[type="radio"] + label .pay-memo {
      font-size: 1rem; }
    .container .custom-radio input[type="radio"] + label.col {
      flex-direction: column; }
  .container .custom-radio input[type="radio"]:checked + label {
    background-color: #DE1111;
    color: #fff; }
    .container .custom-radio input[type="radio"]:checked + label.orange {
      background-color: #8BD81F; }
  .container .custom-radio input[type="radio"]:disabled + label {
    cursor: not-allowed;
    display: none; }

.container .captcha-box {
  display: flex;
  align-items: center; }
  .container .captcha-box span {
    margin-left: 10px; }

.container .custom-button {
  border: none;
  border-radius: 7px;
  background-color: #DE1111;
  width: 100%;
  height: 40px;
  color: #fff; }

.container .forget {
  display: flex;
  align-items: center;
  height: 40px; }

.container .custom-input input[type="text"], .container .custom-input input[type="password"] {
  background-color: #eee;
  border: none;
  padding: 5px 10px; }

.container .custom-money {
  width: 120px; }

.container .normal-font {
  font-size: 1.25rem; }

.container .proj-radio-box {
  padding: 5px 10px;
  margin: 10px 0 0 5px; }
  .container .proj-radio-box input[type="radio"] {
    display: none; }
    .container .proj-radio-box input[type="radio"] + label {
      display: flex;
      align-items: center;
      color: #999;
      font-size: 1.5rem;
      font-weight: bold; }
      .container .proj-radio-box input[type="radio"] + label .dashed-border {
        display: inline-block;
        border: 2px dotted #999;
        border-radius: 5px;
        padding: 2px;
        margin-right: 4px;
        width: 24px;
        height: 25px; }
      .container .proj-radio-box input[type="radio"] + label .checked {
        display: none; }
    .container .proj-radio-box input[type="radio"]:checked + label {
      color: #22A838; }
      .container .proj-radio-box input[type="radio"]:checked + label .dashed-border {
        border-color: #22A838; }
      .container .proj-radio-box input[type="radio"]:checked + label .checked {
        display: inline; }

.container .sheet-cont .row {
  margin: 10px 0; }

.container .sheet-cont .title {
  font-weight: bold;
  color: #900; }

.container .proj-story {
  color: #000;
  border-radius: 7px;
  display: inline-block;
  padding: 5px 10px;
  margin: 10px 5px 0 0;
  font-size: 1.25rem;
  letter-spacing: 2px;
  font-weight: bold;
  text-align: center;
  background-color: #ebf442;
  border: none; }

.container .modal-title {
  font-size: 1.5rem;
  color: #DE1111;
  font-weight: bold; }

.container .sheet-donate {
  width: 100%;
  padding: 40px 20px;
  background-color: #fff; }
  .container .sheet-donate .title {
    font-weight: bold; }
  .container .sheet-donate .row {
    padding: 10px 0; }
  .container .sheet-donate .form {
    margin-top: 30px; }
  .container .sheet-donate .result {
    font-weight: bold;
    text-align: center;
    font-size: 1.8rem;
    color: #f00;
    padding: 20px; }
  .container .sheet-donate .contact {
    line-height: 1.8; }

.container .donor {
  margin: 60px 10px 0 0; }
  .container .donor h3 {
    font-size: 2rem;
    font-weight: bold;
    color: #DE1111; }

.container .donor-block {
  border: #eff0ee 1px solid;
  background-color: #f9f9f9;
  padding: 40px 0;
  margin-bottom: 100px; }

.container .donor-field {
  display: inline-block;
  min-width: 120px; }

.container .forget-pwd {
  color: #33e;
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 1.375rem;
  font-weight: bold; }

.container .angel {
  font-size: 1.375rem;
  padding: 0 20px; }
  .container .angel .angel-title {
    color: #900;
    font-size: 18px;
    font-weight: bold; }
  .container .angel .angel-content {
    background-color: #fff;
    padding: 25px; }
    .container .angel .angel-content .date {
      margin-left: 10px;
      color: #f60; }
    .container .angel .angel-content .angel-c {
      margin: 20px 0;
      line-height: 2; }
    .container .angel .angel-content .red {
      color: #900; }

.relative {
  position: relative; }

.error-holder {
  margin: 10px; }

.error {
  color: #f00;
  font-weight: bold; }

@media (max-width: 991px) {
  .container .donate-top-a {
    right: 100px; }
  .container .donate-top-b {
    right: 10px; } }

@media (max-width: 767px) {
  .container .custom-radio input[type="radio"] + label.quard {
    font-size: 2rem;
    flex-direction: column;
    height: 150px;
    margin: 10px auto; }
    .container .custom-radio input[type="radio"] + label.quard .memo, .container .custom-radio input[type="radio"] + label.quard .pay-memo {
      font-size: 1rem;
      padding-top: 10px; }
  .container .captcha-box {
    margin: 15px 0; }
  .container .donor-block {
    padding: 40px 10px; } }

/*# sourceMappingURL=front.css.map */