@charset "UTF-8";

/* CSS Document */



section, article, aside, footer, header, nav, h2 { display:block;}



body { padding:0; margin:0 auto; color: #000; font-size:1em; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #fff; position: relative;}

img { border:0; display: block;}



html, body { height: 100%;}



.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }



div.brk { clear: both;}





/************ video box ************/

.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; width:100%; height: 0px; overflow:hidden;}

.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%;}





@media screen and (min-width: 1440px) {



  /************ header + nav ************/



  header#mo { display: none;}

    

  header#pc { width: 100%;}

  

  header#pc .search-bx { width: 250px; display: flex; justify-content: flex-end; align-items: center; background-color: #fff;}

  header#pc .search-bx input[type=text] { width: calc(100% - 40px); padding: 10px; margin: 0 10px 0 0; color: #000; font-size: 1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}

  header#pc .search-bx input[type=button] { width: 40px; height: 31px; box-sizing: border-box; background-color: #fff; background-image: url("../images/search_icon.png"); background-repeat: no-repeat; border: 0; cursor: pointer;}



  header#pc .logo-nav-bar { clear: both; width: 100%; height: 100px; padding: 0 calc(50% - 700px); box-sizing: border-box; border-bottom: 1px #eee solid; display: flex; justify-content: flex-start; align-items: center;}

  header#pc .logo-nav-bar .logo-box { width: 260px;}

  header#pc .logo-nav-bar .logo-box img { width: 100%; height: auto;}



  ul.header-nav { width: calc(100% - 260px - 250px); height: 100%; padding: 0 10px 0 0; margin: 0; list-style: none; display: flex; justify-content: flex-end; align-items: center; box-sizing: border-box;}

  ul.header-nav li { height: 100%; padding: 0; margin: 0; position: relative;}

  ul.header-nav li a { height: 100%; padding: 10px 15px; box-sizing: border-box; color: #333; font-size: 1.1rem; text-decoration: none; display: flex; align-items: center; cursor: pointer;}

  ul.header-nav li a:hover { color: #fff; background-color: #026535;}

  ul.header-nav li a.sel { color: #fff; background-color: #026535;}

  ul.header-nav li ul.nav-popup { width: 200px; padding: 40px 0 30px 0; margin: 0; list-style: none; background-color: rgba(255,255,255,0.8); display: none; position: absolute; top: 90px; left: calc(50% - 100px); z-index: 999;}

  ul.header-nav li ul.nav-popup li { width: 100%; padding: 0; margin: 0;}

  ul.header-nav li ul.nav-popup li a { width: 100%; color: #026535; text-align: center; text-decoration: none; background-color: transparent; display: block;}

  ul.header-nav li ul.nav-popup li a:hover { color: #fff; background-color: #026535;}





  /************ index banner ************/



  .index-banner { width: 100%; overflow: hidden;} 



  .index-banner img { width: 100%; height: auto; position: relative; z-index: 2;}





  /************ section #index-main-containt ************/



  section#index-main-containt { clear: both; width: 100%;}



  .index-main-content { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}



  .index-main-content .about-content { width: 100%;padding: 80px calc(50% - 700px); box-sizing: border-box; background-color: #f1f1f1; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}

  .index-main-content .about-content .pic { width: 45%;}

  .index-main-content .about-content .pic img { width: 100%; height: auto;}

  .index-main-content .about-content .text-content { width: 55%; padding: 0 0 0 60px; font-size: 1.2rem; line-height: 2em; box-sizing: border-box;}

  .index-main-content .about-content .text-content .title-sub { width: 100%; padding: 0 0 20px 0; color: #026535; font-size: 1.6rem; font-weight: 500;}

  .index-main-content .about-content .text-content .news-more { clear: both; width: 100%; padding: 0 80px 0 0; margin: 40px 0 0 0; box-sizing: border-box;}

  .index-main-content .about-content .text-content .news-more a { width: 80px; padding: 5px 0; color: #026535; font-size: 0.9rem; line-height: 1em; text-align: center; text-decoration: none; border-radius: 14px; border: 1px #026535 solid; background-color: #fff; box-sizing: border-box; display: block; float: right;}

  .index-main-content .about-content .text-content .news-more a:hover { color: #fff; background-color: #026535;}



  .index-main-content .top-massage-box { width: 50%; padding: 80px 20px 80px calc(50% - 700px); box-sizing: border-box;}

  .index-main-content .top-massage-box ul.massage-tab { width: 100%; padding: 0; margin: 0; list-style: none; border-bottom: 1px #026535 solid; display: flex; justify-content: center; align-items: flex-start; position: relative; z-index: 1;}

  .index-main-content .top-massage-box ul.massage-tab li { padding: 0; margin: 0 20px;}

  .index-main-content .top-massage-box ul.massage-tab li a { padding: 15px 0; color: #026535; font-size: 1.2rem; text-decoration: none; border-bottom: 5px #fff solid; display: block;}

  .index-main-content .top-massage-box ul.massage-tab li a:hover { border-bottom: 5px #026535 solid;}

  .index-main-content .top-massage-box ul.massage-tab li a.sel { border-bottom: 5px #026535 solid;}

  .index-main-content .top-massage-box ul.massage-tab img.massage-icon { width: 40px; height: auto; position: absolute; top: 0; left: 0; z-index: 2;}



  .index-main-content .top-massage-box .massage-list { clear: both; width: 100%; padding: 30px 0; margin: 0 auto;}

  .index-main-content .top-massage-box .massage-list div { width: 100%; display: none;}

  .index-main-content .top-massage-box .massage-list div img.top-pic { clear: both; width: 100%; height: auto; margin: 0 0 20px 0;}

  .index-main-content .top-massage-box .massage-list div .index-news-list { clear: both; width: 100%; margin: 0 0 15px 0;}

  .index-main-content .top-massage-box .massage-list div .index-news-list .news-date { width: 120px; padding: 5px 0; color: #fff; font-size: 1.2rem; text-align: center; background-color: #026535; float: left;}

  .index-main-content .top-massage-box .massage-list div .index-news-list .news-title { width: calc(100% - 120px); padding: 5px 0 0 20px; box-sizing: border-box; float: left;}

  .index-main-content .top-massage-box .massage-list div .index-news-list .news-title a { color: #000; font-size: 1.2rem; text-decoration: none;}

  .index-main-content .top-massage-box .massage-list div .index-news-list .news-title a:hover { color: #026535;}

  .index-main-content .top-massage-box .massage-list div .index-news-list .news-con-title { clear: both; width: 100%; padding: 10px 0; font-size: 1.2rem; font-weight: 500; border-bottom: 1px #ccc solid;}

  .index-main-content .top-massage-box .massage-list div .news-more { clear: both; width: 100%; padding: 0 80px 0 0; margin: 20px 0 0 0; box-sizing: border-box;}

  .index-main-content .top-massage-box .massage-list div .news-more a { width: 80px; padding: 5px 0; color: #026535; font-size: 0.9rem; line-height: 1em; text-align: center; text-decoration: none; border-radius: 14px; border: 1px #026535 solid; background-color: #fff; box-sizing: border-box; display: block; float: right;}

  .index-main-content .top-massage-box .massage-list div .news-more a:hover { color: #fff; background-color: #026535;}



  .index-main-content .fundation-content { width: 50%; padding: 80px calc(50% - 700px) 80px 20px; box-sizing: border-box; font-size: 1.2rem; line-height: 2em; display: flex; justify-content: flex-start; align-items: flex-end; flex-wrap: wrap;}

  .index-main-content .fundation-content .title-sub { width: 100%; padding: 0 0 20px 0; color: #026535; font-size: 1.6rem; font-weight: 500;}

  .index-main-content .fundation-content .donation-box { clear: both; width: 70%; padding: 10px 20px; margin: 20px 0 0 0; font-size: 1rem; line-height: 1.6em; border: 1px #026535 solid; border-radius: 20px; box-sizing: border-box;}

  .index-main-content .fundation-content .news-more { width: 80px; margin: 0 0 0 80px;}

  .index-main-content .fundation-content .news-more a { width: 100%; padding: 5px 0; color: #026535; font-size: 0.9rem; line-height: 1em; text-align: center; text-decoration: none; border-radius: 14px; border: 1px #026535 solid; background-color: #fff; box-sizing: border-box; display: block;}

  .index-main-content .fundation-content .news-more a:hover { color: #fff; background-color: #026535;}





  /************ page-main-content ************/



  section#page-main-containt { clear: both; width: 100%; padding: 0 calc(50% - 700px); box-sizing: border-box;}



  .page-main-content { width: 100%; padding: 30px 0;}



  .breadcrumbs-bar { width: 100%; margin: 0 0 40px 0; color: #333; font-size: 0.9rem;}

  .breadcrumbs-bar span.page-on { color: #000; font-weight: 600;}

  .breadcrumbs-bar a { color: #333; text-decoration: none;}

  .breadcrumbs-bar a:hover { border-bottom: 1px #333 solid;}





  /************ page about ************/



  .page-about-con { clear: both; width: 100%; padding: 0 0 60px 0; font-size: 1.1rem; line-height: 2em;}

  .page-about-con span.title-style { font-size: 1.4rem; font-weight: 500;}





  /************ page news ************/



  .page-main-content .top-massage-box { width: 100%; padding: 0 calc(50% - 700px); box-sizing: border-box;}

  .page-main-content .top-massage-box ul.massage-tab { width: 100%; padding: 0; margin: 0; list-style: none; border-bottom: 1px #026535 solid; display: flex; justify-content: center; align-items: flex-start; position: relative; z-index: 1;}

  .page-main-content .top-massage-box ul.massage-tab li { padding: 0; margin: 0 20px;}

  .page-main-content .top-massage-box ul.massage-tab li a { padding: 15px 0; color: #026535; font-size: 1.2rem; text-decoration: none; border-bottom: 5px #fff solid; display: block;}

  .page-main-content .top-massage-box ul.massage-tab li a:hover { border-bottom: 5px #026535 solid;}

  .page-main-content .top-massage-box ul.massage-tab li a.sel { border-bottom: 5px #026535 solid;}

  .page-main-content .top-massage-box ul.massage-tab img.massage-icon { width: 40px; height: auto; position: absolute; top: 0; left: 0; z-index: 2;}



  .page-main-content .top-massage-box .massage-list { clear: both; width: 100%; padding: 30px 0; margin: 0 auto;}

  .page-main-content .top-massage-box .massage-list div { width: 60%; margin: 0 auto; display: block;}

  .page-main-content .top-massage-box .massage-list div img.top-pic { clear: both; width: 100%; height: auto; margin: 0 0 20px 0;}

  .page-main-content .top-massage-box .massage-list div .index-news-list { clear: both; width: 100%; margin: 0 0 15px 0;}

  .page-main-content .top-massage-box .massage-list div .index-news-list .news-date { width: 120px; padding: 5px 0; color: #fff; font-size: 1.2rem; text-align: center; background-color: #026535; float: left;}

  .page-main-content .top-massage-box .massage-list div .index-news-list .news-title { width: calc(100% - 120px); padding: 5px 0 0 20px; box-sizing: border-box; float: left;}

  .page-main-content .top-massage-box .massage-list div .index-news-list .news-title a { color: #000; font-size: 1.2rem; text-decoration: none;}

  .page-main-content .top-massage-box .massage-list div .index-news-list .news-title a:hover { color: #026535;}

  .page-main-content .top-massage-box .massage-list div .index-news-list .news-con-title { clear: both; width: 100%; padding: 10px 0; font-size: 1.2rem; font-weight: 500; border-bottom: 1px #ccc solid;}





  /************ page news-content ************/



  .page-main-content .top-massage-box .massage-list div .page-news-content { clear: both; width: 100%; padding: 40px 0; font-size: 1.1rem; line-height: 2em;}

  .page-main-content .top-massage-box .massage-list div .page-news-content a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}

  .page-main-content .top-massage-box .massage-list div .page-news-content img { max-width: 100%; height: auto;}



  .page-goback-bt { clear: both; width: 120px !important; margin: 60px auto 0 auto;}

  .page-goback-bt a { width: 100%; padding: 5px 0; color: #fff; font-size: 1.1rem; text-align: center; text-decoration: none; border-radius: 14px; background-color: #8d1f22; display: block;}

  .page-goback-bt a:hover { background-color: #b9292d;}





  /************ page-num ************/



  ul.page-num-box { clear: both; width: 100%; padding: 0; margin: 60px 0 0 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

  ul.page-num-box li { padding: 0; margin: 0 5px 20px 5px;}

  ul.page-num-box li a { padding: 5px; color: #026535; font-size: 0.9rem; text-decoration: none; border: 1px #fff solid; background-color: #fff; display: block;}

  ul.page-num-box li a:hover { border: 1px #026535 solid;}

  ul.page-num-box li a.sel { color: #fff; border: 1px #026535 solid; background-color: #026535;}





  /************ page-manager ************/



  ul.manager-type-tab { clear: both; width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

  ul.manager-type-tab li { padding: 0; margin: 0 10px 20px 10px;}

  ul.manager-type-tab li a { padding: 2px 20px; color: #e66b28; font-size: 1.2rem; text-decoration: none; border-radius: 20px; border: 1px #e66b28 solid; background-color: #fff; box-sizing: border-box; display: block;}

  ul.manager-type-tab li a:hover { background-color: #eee;}

  ul.manager-type-tab li a.sel { color: #fff; background-color: #e66b28;}



  .page-manager-list { clear: both; width: 100%;}

  .page-manager-list div { display: block;}



  .page-manager-con { clear: both; width: 100%; margin: 90px auto; border: 1px #999 solid; background-color: #fff; position: relative;}

  .page-manager-con .title-box { width: 400px; padding: 10px 0; color: #fff; font-size: 1.2rem; font-weight: 500; line-height: 1.2em; text-align: center; border-radius: 20px; background-color: #e66b28; position: absolute; top: -30px; left: calc(50% - 200px);}

  .page-manager-con .table-caption-full { clear: both; width: 100%; font-size: 1rem; font-weight: 500; line-height: 1.2em; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: stretch;}

  .page-manager-con .table-caption-full .caption-0 { width: 20%; padding: 50px 10px 30px 10px; box-sizing: border-box; text-align: center; background-color: #eee;}

  .page-manager-con .table-caption-full .caption-1 { width: 32%; padding: 50px 10px 30px 10px; text-align: right; box-sizing: border-box; display: flex; justify-content: flex-end; align-items: center;}

  .page-manager-con .table-caption-full .caption-1 .caption-1-1 { width: 65%; text-align: right;}

  .page-manager-con .table-caption-full .caption-1 .caption-1-2 { width: 35%; text-align: right;}

  .page-manager-con .table-caption-full .caption-2 { width: 48%; padding: 50px 10px 30px 10px; text-align: center; background-color: rgba(179,179,179,0.2); box-sizing: border-box;}

  /*.page-manager-con .table-caption-full .caption-3 { width: 28%; padding: 50px 10px 30px 10px; text-align: center; box-sizing: border-box;}*/

  .page-manager-con .table-column-full { clear: both; width: 100%; font-size: 0.9rem; line-height: 1.6em; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: stretch;}

  .page-manager-con .table-column-full:last-child { border-bottom: 0;}

  .page-manager-con .table-column-full .column-0 { width: 20%; padding: 30px 10px; box-sizing: border-box; background-color: #eee;}

  .page-manager-con .table-column-full .column-0 .photo { width: 160px; height: 160px;  margin: 0 auto; border-radius: 100%; border: 5px #fff solid; background-color: #efefef; box-sizing: border-box; display: flex; justify-content: center; align-items: center; overflow: hidden; -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);}

  .page-manager-con .table-column-full .column-0 .photo img { min-width: auto; width: 100%; min-height: 100%; height: auto;}

  .page-manager-con .table-column-full .column-1 { width: 32%; padding: 30px 10px; text-align: right; box-sizing: border-box; display: flex; justify-content: flex-end; align-items: flex-start;}

  .page-manager-con .table-column-full .column-1 .column-1-1 { width: 65%; text-align: right;}

  .page-manager-con .table-column-full .column-1 .column-1-2 { width: 35%; text-align: right;}

  .page-manager-con .table-column-full .column-2 { width: 48%; padding: 30px 10px; text-align: justify; background-color: rgba(179,179,179,0.2); box-sizing: border-box;}

  .page-manager-con .table-column-full .column-2 ul { padding: 0 0 0 20px; margin: 0; box-sizing: border-box; list-style-type: disc; display: block;}

  .page-manager-con .table-column-full .column-2 ul li { padding: 0; margin: 0; word-break: break-all; word-wrap: break-word;}

  /*.page-manager-con .table-column-full .column-3 { width: 28%; padding: 30px 10px; box-sizing: border-box; word-break: break-all; word-wrap: break-word;}*/





  /************ page-links ************/



  ul.page-links-list { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}

  ul.page-links-list li { width: 50%; padding: 10px; margin: 0; color: #026535; font-size: 1.2rem; display: flex; justify-content: flex-start; align-items: flex-start; box-sizing: border-box;}

  ul.page-links-list li .icon { width: 30px;}

  ul.page-links-list li .title { width: calc(100% - 30px);}

  ul.page-links-list li .title a { color: #026535; text-decoration: none;}

  ul.page-links-list li .title a:hover { border-bottom: 1px #026535 solid;}





  /************ page-publication ************/



  .page-books-list { clear: both; width: 100%;}

  .page-books-list .title { width: 100%; padding: 0 0 10px 0; margin: 0 0 40px 0; color: #026535; font-size: 1.6rem; font-weight: 500; border-bottom: 1px #026535 solid;}

  .page-books-list ul.books-class-tab { width: 100%; padding: 0; margin: 0 0 30px 0; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}

  .page-books-list ul.books-class-tab li { padding: 0; margin: 0;}

  .page-books-list ul.books-class-tab li a { padding: 3px 10px; margin: 0 5px 10px 5px; color: #026535; font-size: 1.1rem; border: 1px #026535 solid; border-radius: 10px; background-color: #fff; text-decoration: none; display: block;}

  .page-books-list ul.books-class-tab li a:hover { background-color: #eee;}

  .page-books-list ul.books-class-tab li a.sel { color: #fff; background-color: #026535;}

  .page-books-list .books-list-con { width: 100%; margin: 0 0 40px 0;}

  .page-books-list .books-list-con div { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

  .page-books-list .books-list-con div .book-box { width: calc(100% / 5 - 10px); padding: 5px; margin: 0 5px 20px 5px; border: 1px #eee solid; box-sizing: border-box;}

  .page-books-list .books-list-con div .book-box:hover { border: 2px #ccc solid;}

  .page-books-list .books-list-con div .book-box a { width: 100%; color: #026535; text-decoration: none; display: block;}

  .page-books-list .books-list-con div .book-box .book-pic { width: 100%;}

  .page-books-list .books-list-con div .book-box .book-pic img { width: 100%; height: auto;}

  .page-books-list .books-list-con div .book-box .book-title { width: 100%; padding: 10px 0; color: #026535; font-size: 0.9rem; border-bottom: 1px #eee dashed;}

  .page-books-list .books-list-con div .book-box .book-author { width: 100%; padding: 10px 0 0 0; color: #026535; font-size: 0.8rem;}





  .page-periodical-list { clear: both; width: 100%;}

  .page-periodical-list .title { width: 100%; padding: 0 0 10px 0; margin: 0 0 40px 0; color: #026535; font-size: 1.6rem; font-weight: 500; border-bottom: 1px #026535 solid;}

  .page-periodical-list ul.periodical-class-tab { width: 100%; padding: 0; margin: 0 0 30px 0; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}

  .page-periodical-list ul.periodical-class-tab li { padding: 0; margin: 0;}

  .page-periodical-list ul.periodical-class-tab li a { padding: 3px 10px; margin: 0 5px 10px 5px; color: #026535; font-size: 1.1rem; border: 1px #026535 solid; border-radius: 10px; background-color: #fff; text-decoration: none; display: block;}

  .page-periodical-list ul.periodical-class-tab li a:hover { background-color: #eee;}

  .page-periodical-list ul.periodical-class-tab li a.sel { color: #fff; background-color: #026535;}

  .page-periodical-list .periodical-list-con { width: 100%;}

  .page-periodical-list .periodical-list-con div { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

  .page-periodical-list .periodical-list-con div .periodical-box { width: calc(100% / 5 - 10px); padding: 5px; margin: 0 5px 20px 5px; border: 1px #eee solid; box-sizing: border-box;}

  .page-periodical-list .periodical-list-con div .periodical-box:hover { border: 2px #ccc solid;}

  .page-periodical-list .periodical-list-con div .periodical-box a { width: 100%; color: #026535; text-decoration: none; display: block;}

  .page-periodical-list .periodical-list-con div .periodical-box .per-pic { width: 100%;}

  .page-periodical-list .periodical-list-con div .periodical-box .per-pic img { width: 100%; height: auto;}

  .page-periodical-list .periodical-list-con div .periodical-box .per-title { width: 100%; padding: 10px 0; color: #026535; font-size: 0.9rem; border-bottom: 1px #eee dashed;}

  .page-periodical-list .periodical-list-con div .periodical-box .per-author { width: 100%; padding: 10px 0 0 0; color: #026535; font-size: 0.8rem;}





  /************ page-files-download ************/



  .page-files-download-con { clear: both; width: 100%; margin: 0 0 40px 0;}

  .page-files-download-con .title { width: 100%; padding: 0 0 10px 0; margin: 0 0 40px 0; color: #026535; font-size: 1.6rem; font-weight: 500; border-bottom: 1px #026535 solid;}



  .page-files-download-con .files-dw-list-caption { width: 100%; color: #fff; font-size: 1.1rem; font-weight: 500; background-color: #026535; display: flex; justify-content: flex-start; align-items: stretch;}

  .page-files-download-con .files-dw-list-caption .caption-1 { width: calc(100% - 80px); padding: 8px 10px; box-sizing: border-box;}

  .page-files-download-con .files-dw-list-caption .caption-2 { width: 80px; padding: 8px 0; text-align: center;}

  .page-files-download-con .files-dw-list-column { width: 100%; color: #333; border-bottom: 1px #ccc dashed; display: flex; justify-content: flex-start; align-items: stretch;}

  .page-files-download-con .files-dw-list-column:hover { background-color: #eee;}

  .page-files-download-con .files-dw-list-column .column-1 { width: calc(100% - 80px); padding: 10px 10px 8px 10px; font-size: 1.1rem; box-sizing: border-box;}

  .page-files-download-con .files-dw-list-column .column-2 { width: 80px; padding: 8px 0; text-align: center;}

  .page-files-download-con .files-dw-list-column .column-2 a { color: #026535; font-size: 1.4rem;}





  /************ page-donation ************/



  .page-donation-con { clear: both; width: 100%; margin: 0 0 40px 0; font-size: 1.1rem; line-height: 2em;}

  .page-donation-con .title { width: 100%; padding: 0 0 10px 0; margin: 0 0 40px 0; color: #026535; font-size: 1.6rem; font-weight: 500; border-bottom: 1px #026535 solid;}

  .page-donation-con span.title-style { font-size: 1.4rem; font-weight: 500;}





  /************ page-sitemap ************/



  ul.page-sitemap { width: 100%; padding: 0; margin: 90px 0; list-style: none; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}

  ul.page-sitemap li { padding: 0; margin: 0 15px 30px 15px; color: #026535; font-size: 1.2rem; font-weight: 600;}

  ul.page-sitemap li a { color: #026535; text-decoration: none; border-bottom: 2px #026535 solid;}

  ul.page-sitemap li a:hover { }

  ul.page-sitemap li ul.sitemap-popup { width: 100%; padding: 0; margin: 10px 0 0 0; list-style: none; display: block;}

  ul.page-sitemap li ul.sitemap-popup li { width: 100%; padding: 0; margin: 0; color: #026535; font-size: 1.1rem; font-weight: 400; line-height: 2em; text-align: center;}

  ul.page-sitemap li ul.sitemap-popup li a { color: #026535; text-decoration: none; border-bottom: 0;}

  ul.page-sitemap li ul.sitemap-popup li a:hover { color: #333;}





  /************ page-error404 ************/



  .page-error404 { clear: both; width: 100%; margin: 100px 0;}

  .page-error404 .title-big-mo { display: none;}

  .page-error404 .title-small-mo { display: none;}

  .page-error404 .title-big { width: 100%; color: #026535; font-size: 4rem; font-weight: 900; text-align: center;}

  .page-error404 .title-small { width: 100%; margin: 80px 0 30px 0; color: #026535; font-size: 2rem; font-weight: 600; text-align: center;}

  .page-error404 .back-home { width: 100%; text-align: center;}

  .page-error404 .back-home a { color: #026535; font-size: 1.4rem; text-decoration: none; border-bottom: 1px #026535 solid;}





  /************ footer ************/



  footer { clear: both; width: 100%; padding: 40px calc(50% - 700px); box-sizing: border-box; background-color: #8d1f22; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}



  ul.footer-nav { width: 100%; padding: 0 0 20px 0; margin: 0 0 30px 0; border-bottom: 1px rgba(255,255,255,0.2) solid; list-style: none; display: flex; justify-content: center; flex-wrap: wrap;}

  ul.footer-nav li { padding: 0; margin: 0 15px 20px 15px; color: #fff; font-size: 1.2rem;}

  ul.footer-nav li a { color: #fff; text-decoration: none;}

  ul.footer-nav li a:hover { border-bottom: 1px #fff solid;}

  ul.footer-nav li ul.footer-nav-popup { padding: 0; margin: 5px 0 0 0; list-style: none; display: block;}

  ul.footer-nav li ul.footer-nav-popup li { padding: 0; margin: 0;}

  ul.footer-nav li ul.footer-nav-popup li a { color: #fff; font-size: 1rem; font-weight: 300; line-height: 1.6em;}

  ul.footer-nav li ul.footer-nav-popup li a:hover { border-bottom: 1px #fff solid;}


  /**20250616新增**/
  .footer-order-bt { width: 80px; margin: 0 40px;}
  .footer-order-bt a { width: 100%; padding: 0 10px; color: #000 !important; font-size: 1.1rem; text-align: center; text-decoration: none; border-radius: 10px; background-color: rgba(255,255,255,1); display: block;}
  .footer-order-bt a:hover { border-bottom: 0 !important; background-color: rgba(255,255,255,0.8);}



  .infor-text-mo { display: none;}

  .infor-text { width: 50%; color: #fff; font-size: 1rem; font-weight: 300; line-height: 1.8em;}  



  .infor-fb { width: 50%; display: flex; justify-content: flex-end;}


  /**20260421新增**/
  .publication-order-box { clear: both; width: 100%;}
  .publication-order-box img.col-banner { width: 35vw; height: auto !important; margin: 0 0 40px 0; float: left;}
  .publication-order-box img.col-qrcode { width: 9vw; height: auto !important; margin: 0 0 40px 0; float: left;}



}

@media screen and (min-width: 1280px) and (max-width: 1440px) {



  /************ header + nav ************/



  header#mo { display: none;}

    

  header#pc { width: 100%;}

  

  header#pc .search-bx { width: 220px; display: flex; justify-content: flex-end; align-items: center; background-color: #fff;}

  header#pc .search-bx input[type=text] { width: calc(100% - 40px); padding: 10px; margin: 0 10px 0 0; color: #000; font-size: 1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}

  header#pc .search-bx input[type=button] { width: 40px; height: 31px; box-sizing: border-box; background-color: #fff; background-image: url("../images/search_icon.png"); background-repeat: no-repeat; border: 0; cursor: pointer;}



  header#pc .logo-nav-bar { clear: both; width: 100%; height: 100px; padding: 0 calc(50% - 600px); box-sizing: border-box; border-bottom: 1px #eee solid; display: flex; justify-content: flex-start; align-items: center;}

  header#pc .logo-nav-bar .logo-box { width: 260px;}

  header#pc .logo-nav-bar .logo-box img { width: 100%; height: auto;}



  ul.header-nav { width: calc(100% - 260px - 220px); height: 100%; padding: 0 10px 0 0; margin: 0; list-style: none; display: flex; justify-content: flex-end; align-items: center; box-sizing: border-box;}

  ul.header-nav li { height: 100%; padding: 0; margin: 0; position: relative;}

  ul.header-nav li a { height: 100%; padding: 10px 10px; box-sizing: border-box; color: #333; font-size: 0.9rem; text-decoration: none; display: flex; align-items: center; cursor: pointer;}

  ul.header-nav li a:hover { color: #fff; background-color: #026535;}

  ul.header-nav li a.sel { color: #fff; background-color: #026535;}

  ul.header-nav li ul.nav-popup { width: 180px; padding: 40px 0 30px 0; margin: 0; list-style: none; background-color: rgba(255,255,255,0.8); display: none; position: absolute; top: 90px; left: calc(50% - 90px); z-index: 999;}

  ul.header-nav li ul.nav-popup li { width: 100%; padding: 0; margin: 0;}

  ul.header-nav li ul.nav-popup li a { width: 100%; color: #026535; text-align: center; text-decoration: none; background-color: transparent; display: block;}

  ul.header-nav li ul.nav-popup li a:hover { color: #fff; background-color: #026535;}





  /************ index banner ************/



  .index-banner { width: 100%; overflow: hidden;} 



  .index-banner img { width: 100%; height: auto; position: relative; z-index: 2;}





  /************ section #index-main-containt ************/



  section#index-main-containt { clear: both; width: 100%;}



  .index-main-content { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}



  .index-main-content .about-content { width: 100%;padding: 80px calc(50% - 600px); box-sizing: border-box; background-color: #f1f1f1; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}

  .index-main-content .about-content .pic { width: 45%;}

  .index-main-content .about-content .pic img { width: 100%; height: auto;}

  .index-main-content .about-content .text-content { width: 55%; padding: 0 0 0 60px; font-size: 1.2rem; line-height: 2em; box-sizing: border-box;}

  .index-main-content .about-content .text-content .title-sub { width: 100%; padding: 0 0 20px 0; color: #026535; font-size: 1.6rem; font-weight: 500;}

  .index-main-content .about-content .text-content .news-more { clear: both; width: 100%; padding: 0 80px 0 0; margin: 40px 0 0 0; box-sizing: border-box;}

  .index-main-content .about-content .text-content .news-more a { width: 80px; padding: 5px 0; color: #026535; font-size: 0.9rem; line-height: 1em; text-align: center; text-decoration: none; border-radius: 14px; border: 1px #026535 solid; background-color: #fff; box-sizing: border-box; display: block; float: right;}

  .index-main-content .about-content .text-content .news-more a:hover { color: #fff; background-color: #026535;}



  .index-main-content .top-massage-box { width: 50%; padding: 80px 20px 80px calc(50% - 600px); box-sizing: border-box;}

  .index-main-content .top-massage-box ul.massage-tab { width: 100%; padding: 0; margin: 0; list-style: none; border-bottom: 1px #026535 solid; display: flex; justify-content: center; align-items: flex-start; position: relative;}

  .index-main-content .top-massage-box ul.massage-tab li { padding: 0; margin: 0 20px;}

  .index-main-content .top-massage-box ul.massage-tab li a { padding: 15px 0; color: #026535; font-size: 1.2rem; text-decoration: none; border-bottom: 5px #fff solid; display: block;}

  .index-main-content .top-massage-box ul.massage-tab li a:hover { border-bottom: 5px #026535 solid;}

  .index-main-content .top-massage-box ul.massage-tab li a.sel { border-bottom: 5px #026535 solid;}

  .index-main-content .top-massage-box ul.massage-tab img.massage-icon { width: 40px; height: auto; position: absolute; top: 0; left: 10px; z-index: 2;}



  .index-main-content .top-massage-box .massage-list { clear: both; width: 100%; padding: 30px 0; margin: 0 auto;}

  .index-main-content .top-massage-box .massage-list div { width: 100%; display: none;}

  .index-main-content .top-massage-box .massage-list div img.top-pic { clear: both; width: 100%; height: auto; margin: 0 0 20px 0;}

  .index-main-content .top-massage-box .massage-list div .index-news-list { clear: both; width: 100%; margin: 0 0 15px 0;}

  .index-main-content .top-massage-box .massage-list div .index-news-list .news-date { width: 120px; padding: 5px 0; color: #fff; font-size: 1.2rem; text-align: center; background-color: #026535; float: left;}

  .index-main-content .top-massage-box .massage-list div .index-news-list .news-title { width: calc(100% - 120px); padding: 5px 0 0 20px; box-sizing: border-box; float: left;}

  .index-main-content .top-massage-box .massage-list div .index-news-list .news-title a { color: #000; font-size: 1.2rem; text-decoration: none;}

  .index-main-content .top-massage-box .massage-list div .index-news-list .news-title a:hover { color: #026535;}

  .index-main-content .top-massage-box .massage-list div .index-news-list .news-con-title { clear: both; width: 100%; padding: 10px 0; font-size: 1.2rem; font-weight: 500; border-bottom: 1px #ccc solid;}

  .index-main-content .top-massage-box .massage-list div .news-more { clear: both; width: 100%; padding: 0 80px 0 0; margin: 20px 0 0 0; box-sizing: border-box;}

  .index-main-content .top-massage-box .massage-list div .news-more a { width: 80px; padding: 5px 0; color: #026535; font-size: 0.9rem; line-height: 1em; text-align: center; text-decoration: none; border-radius: 14px; border: 1px #026535 solid; background-color: #fff; box-sizing: border-box; display: block; float: right;}

  .index-main-content .top-massage-box .massage-list div .news-more a:hover { color: #fff; background-color: #026535;}



  .index-main-content .fundation-content { width: 50%; padding: 80px calc(50% - 600px) 80px 20px; box-sizing: border-box; font-size: 1.2rem; line-height: 2em; display: flex; justify-content: flex-start; align-items: flex-end; flex-wrap: wrap;}

  .index-main-content .fundation-content .title-sub { width: 100%; padding: 0 0 20px 0; color: #026535; font-size: 1.6rem; font-weight: 500;}

  .index-main-content .fundation-content .donation-box { clear: both; width: 70%; padding: 10px 20px; margin: 20px 0 0 0; font-size: 1rem; line-height: 1.6em; border: 1px #026535 solid; border-radius: 20px; box-sizing: border-box;}

  .index-main-content .fundation-content .news-more { width: 80px; margin: 0 0 0 80px;}

  .index-main-content .fundation-content .news-more a { width: 100%; padding: 5px 0; color: #026535; font-size: 0.9rem; line-height: 1em; text-align: center; text-decoration: none; border-radius: 14px; border: 1px #026535 solid; background-color: #fff; box-sizing: border-box; display: block;}

  .index-main-content .fundation-content .news-more a:hover { color: #fff; background-color: #026535;}





  /************ page-main-content ************/



  section#page-main-containt { clear: both; width: 100%; padding: 0 calc(50% - 600px); box-sizing: border-box;}



  .page-main-content { width: 100%; padding: 30px 0;}



  .breadcrumbs-bar { width: 100%; margin: 0 0 40px 0; color: #333; font-size: 0.9rem;}

  .breadcrumbs-bar span.page-on { color: #000; font-weight: 600;}

  .breadcrumbs-bar a { color: #333; text-decoration: none;}

  .breadcrumbs-bar a:hover { border-bottom: 1px #333 solid;}





  /************ page about ************/



  .page-about-con { clear: both; width: 100%; padding: 0 0 60px 0; font-size: 1.1rem; line-height: 2em;}

  .page-about-con span.title-style { font-size: 1.4rem; font-weight: 500;}





  /************ page news ************/



  .page-main-content .top-massage-box { width: 100%; padding: 0 calc(50% - 600px); box-sizing: border-box;}

  .page-main-content .top-massage-box ul.massage-tab { width: 100%; padding: 0; margin: 0; list-style: none; border-bottom: 1px #026535 solid; display: flex; justify-content: center; align-items: flex-start; position: relative; z-index: 1;}

  .page-main-content .top-massage-box ul.massage-tab li { padding: 0; margin: 0 20px;}

  .page-main-content .top-massage-box ul.massage-tab li a { padding: 15px 0; color: #026535; font-size: 1.2rem; text-decoration: none; border-bottom: 5px #fff solid; display: block;}

  .page-main-content .top-massage-box ul.massage-tab li a:hover { border-bottom: 5px #026535 solid;}

  .page-main-content .top-massage-box ul.massage-tab li a.sel { border-bottom: 5px #026535 solid;}

  .page-main-content .top-massage-box ul.massage-tab img.massage-icon { width: 40px; height: auto; position: absolute; top: 0; left: 0; z-index: 2;}



  .page-main-content .top-massage-box .massage-list { clear: both; width: 100%; padding: 30px 0; margin: 0 auto;}

  .page-main-content .top-massage-box .massage-list div { width: 70%; margin: 0 auto;}

  .page-main-content .top-massage-box .massage-list div img.top-pic { clear: both; width: 100%; height: auto; margin: 0 0 20px 0;}

  .page-main-content .top-massage-box .massage-list div .index-news-list { clear: both; width: 100%; margin: 0 0 15px 0;}

  .page-main-content .top-massage-box .massage-list div .index-news-list .news-date { width: 120px; padding: 5px 0; color: #fff; font-size: 1.2rem; text-align: center; background-color: #026535; float: left;}

  .page-main-content .top-massage-box .massage-list div .index-news-list .news-title { width: calc(100% - 120px); padding: 5px 0 0 20px; box-sizing: border-box; float: left;}

  .page-main-content .top-massage-box .massage-list div .index-news-list .news-title a { color: #000; font-size: 1.2rem; text-decoration: none;}

  .page-main-content .top-massage-box .massage-list div .index-news-list .news-title a:hover { color: #026535;}

  .page-main-content .top-massage-box .massage-list div .index-news-list .news-con-title { clear: both; width: 100%; padding: 10px 0; font-size: 1.2rem; font-weight: 500; border-bottom: 1px #ccc solid;}





  /************ page news-content ************/



  .page-main-content .top-massage-box .massage-list div .page-news-content { clear: both; width: 100%; padding: 40px 0; font-size: 1.1rem; line-height: 2em;}

  .page-main-content .top-massage-box .massage-list div .page-news-content a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}

  .page-main-content .top-massage-box .massage-list div .page-news-content img { max-width: 100%; height: auto;}



  .page-goback-bt { clear: both; width: 120px !important; margin: 60px auto 0 auto;}

  .page-goback-bt a { width: 100%; padding: 5px 0; color: #fff; font-size: 1.1rem; text-align: center; text-decoration: none; border-radius: 14px; background-color: #8d1f22; display: block;}

  .page-goback-bt a:hover { background-color: #b9292d;}





  /************ page-num ************/



  ul.page-num-box { clear: both; width: 100%; padding: 0; margin: 60px 0 0 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

  ul.page-num-box li { padding: 0; margin: 0 5px 20px 5px;}

  ul.page-num-box li a { padding: 5px; color: #026535; font-size: 0.9rem; text-decoration: none; border: 1px #fff solid; background-color: #fff; display: block;}

  ul.page-num-box li a:hover { border: 1px #026535 solid;}

  ul.page-num-box li a.sel { color: #fff; border: 1px #026535 solid; background-color: #026535;}





  /************ page-manager ************/



  ul.manager-type-tab { clear: both; width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

  ul.manager-type-tab li { padding: 0; margin: 0 10px 20px 10px;}

  ul.manager-type-tab li a { padding: 2px 20px; color: #e66b28; font-size: 1.2rem; text-decoration: none; border-radius: 20px; border: 1px #e66b28 solid; background-color: #fff; box-sizing: border-box; display: block;}

  ul.manager-type-tab li a:hover { background-color: #eee;}

  ul.manager-type-tab li a.sel { color: #fff; background-color: #e66b28;}



  .page-manager-list { clear: both; width: 100%;}

  .page-manager-list div { display: block;}



  .page-manager-con { clear: both; width: 100%; margin: 90px auto; border: 1px #999 solid; background-color: #fff; position: relative;}

  .page-manager-con .title-box { width: 400px; padding: 10px 0; color: #fff; font-size: 1.2rem; font-weight: 500; line-height: 1.2em; text-align: center; border-radius: 20px; background-color: #e66b28; position: absolute; top: -30px; left: calc(50% - 200px);}

  .page-manager-con .table-caption-full { clear: both; width: 100%; font-size: 1rem; font-weight: 500; line-height: 1.2em; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: stretch;}

  .page-manager-con .table-caption-full .caption-0 { width: 20%; padding: 50px 10px 30px 10px; box-sizing: border-box; text-align: center; background-color: #eee;}

  .page-manager-con .table-caption-full .caption-1 { width: 32%; padding: 50px 10px 30px 10px; text-align: right; box-sizing: border-box; display: flex; justify-content: flex-end; align-items: center;}

  .page-manager-con .table-caption-full .caption-1 .caption-1-1 { width: 65%; text-align: right;}

  .page-manager-con .table-caption-full .caption-1 .caption-1-2 { width: 35%; text-align: right;}

  .page-manager-con .table-caption-full .caption-2 { width: 48%; padding: 50px 10px 30px 10px; text-align: center; background-color: rgba(179,179,179,0.2); box-sizing: border-box;}

  /*.page-manager-con .table-caption-full .caption-3 { width: 28%; padding: 50px 10px 30px 10px; text-align: center; box-sizing: border-box;}*/

  .page-manager-con .table-column-full { clear: both; width: 100%; font-size: 0.9rem; line-height: 1.6em; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: stretch;}

  .page-manager-con .table-column-full:last-child { border-bottom: 0;}

  .page-manager-con .table-column-full .column-0 { width: 20%; padding: 30px 10px; box-sizing: border-box; background-color: #eee;}

  .page-manager-con .table-column-full .column-0 .photo { width: 160px; height: 160px;  margin: 0 auto; border-radius: 100%; border: 5px #fff solid; background-color: #efefef; box-sizing: border-box; display: flex; justify-content: center; align-items: center; overflow: hidden; -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);}

  .page-manager-con .table-column-full .column-0 .photo img { min-width: auto; width: 100%; min-height: 100%; height: auto;}

  .page-manager-con .table-column-full .column-1 { width: 32%; padding: 30px 10px; text-align: right; box-sizing: border-box; display: flex; justify-content: flex-end; align-items: flex-start;}

  .page-manager-con .table-column-full .column-1 .column-1-1 { width: 65%; text-align: right;}

  .page-manager-con .table-column-full .column-1 .column-1-2 { width: 35%; text-align: right;}

  .page-manager-con .table-column-full .column-2 { width: 48%; padding: 30px 10px; text-align: justify; background-color: rgba(179,179,179,0.2); box-sizing: border-box;}

  .page-manager-con .table-column-full .column-2 ul { padding: 0 0 0 20px; margin: 0; box-sizing: border-box; list-style-type: disc; display: block;}

  .page-manager-con .table-column-full .column-2 ul li { padding: 0; margin: 0; word-break: break-all; word-wrap: break-word;}

  /*.page-manager-con .table-column-full .column-3 { width: 28%; padding: 30px 10px; box-sizing: border-box; word-break: break-all; word-wrap: break-word;}*/





  /************ page-links ************/



  ul.page-links-list { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}

  ul.page-links-list li { width: 50%; padding: 10px; margin: 0; color: #026535; font-size: 1.2rem; display: flex; justify-content: flex-start; align-items: flex-start; box-sizing: border-box;}

  ul.page-links-list li .icon { width: 30px;}

  ul.page-links-list li .title { width: calc(100% - 30px);}

  ul.page-links-list li .title a { color: #026535; text-decoration: none;}

  ul.page-links-list li .title a:hover { border-bottom: 1px #026535 solid;}





  /************ page-publication ************/



  .page-books-list { clear: both; width: 100%;}

  .page-books-list .title { width: 100%; padding: 0 0 10px 0; margin: 0 0 40px 0; color: #026535; font-size: 1.6rem; font-weight: 500; border-bottom: 1px #026535 solid;}

  .page-books-list ul.books-class-tab { width: 100%; padding: 0; margin: 0 0 30px 0; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}

  .page-books-list ul.books-class-tab li { padding: 0; margin: 0;}

  .page-books-list ul.books-class-tab li a { padding: 3px 10px; margin: 0 5px 10px 5px; color: #026535; font-size: 1.1rem; border: 1px #026535 solid; border-radius: 10px; background-color: #fff; text-decoration: none; display: block;}

  .page-books-list ul.books-class-tab li a:hover { background-color: #eee;}

  .page-books-list ul.books-class-tab li a.sel { color: #fff; background-color: #026535;}

  .page-books-list .books-list-con { width: 100%; margin: 0 0 40px 0;}

  .page-books-list .books-list-con div { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

  .page-books-list .books-list-con div .book-box { width: calc(100% / 5 - 10px); padding: 5px; margin: 0 5px 20px 5px; border: 1px #eee solid; box-sizing: border-box;}

  .page-books-list .books-list-con div .book-box:hover { border: 2px #ccc solid;}

  .page-books-list .books-list-con div .book-box a { width: 100%; color: #026535; text-decoration: none; display: block;}

  .page-books-list .books-list-con div .book-box .book-pic { width: 100%;}

  .page-books-list .books-list-con div .book-box .book-pic img { width: 100%; height: auto;}

  .page-books-list .books-list-con div .book-box .book-title { width: 100%; padding: 10px 0; color: #026535; font-size: 0.9rem; border-bottom: 1px #eee dashed;}

  .page-books-list .books-list-con div .book-box .book-author { width: 100%; padding: 10px 0 0 0; color: #026535; font-size: 0.8rem;}





  .page-periodical-list { clear: both; width: 100%;}

  .page-periodical-list .title { width: 100%; padding: 0 0 10px 0; margin: 0 0 40px 0; color: #026535; font-size: 1.6rem; font-weight: 500; border-bottom: 1px #026535 solid;}

  .page-periodical-list ul.periodical-class-tab { width: 100%; padding: 0; margin: 0 0 30px 0; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}

  .page-periodical-list ul.periodical-class-tab li { padding: 0; margin: 0;}

  .page-periodical-list ul.periodical-class-tab li a { padding: 3px 10px; margin: 0 5px 10px 5px; color: #026535; font-size: 1.1rem; border: 1px #026535 solid; border-radius: 10px; background-color: #fff; text-decoration: none; display: block;}

  .page-periodical-list ul.periodical-class-tab li a:hover { background-color: #eee;}

  .page-periodical-list ul.periodical-class-tab li a.sel { color: #fff; background-color: #026535;}

  .page-periodical-list .periodical-list-con { width: 100%;}

  .page-periodical-list .periodical-list-con div { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

  .page-periodical-list .periodical-list-con div .periodical-box { width: calc(100% / 5 - 10px); padding: 5px; margin: 0 5px 20px 5px; border: 1px #eee solid; box-sizing: border-box;}

  .page-periodical-list .periodical-list-con div .periodical-box:hover { border: 2px #ccc solid;}

  .page-periodical-list .periodical-list-con div .periodical-box a { width: 100%; color: #026535; text-decoration: none; display: block;}

  .page-periodical-list .periodical-list-con div .periodical-box .per-pic { width: 100%;}

  .page-periodical-list .periodical-list-con div .periodical-box .per-pic img { width: 100%; height: auto;}

  .page-periodical-list .periodical-list-con div .periodical-box .per-title { width: 100%; padding: 10px 0; color: #026535; font-size: 0.9rem; border-bottom: 1px #eee dashed;}

  .page-periodical-list .periodical-list-con div .periodical-box .per-author { width: 100%; padding: 10px 0 0 0; color: #026535; font-size: 0.8rem;}





  /************ page-files-download ************/



  .page-files-download-con { clear: both; width: 100%; margin: 0 0 40px 0;}

  .page-files-download-con .title { width: 100%; padding: 0 0 10px 0; margin: 0 0 40px 0; color: #026535; font-size: 1.6rem; font-weight: 500; border-bottom: 1px #026535 solid;}



  .page-files-download-con .files-dw-list-caption { width: 100%; color: #fff; font-size: 1.1rem; font-weight: 500; background-color: #026535; display: flex; justify-content: flex-start; align-items: stretch;}

  .page-files-download-con .files-dw-list-caption .caption-1 { width: calc(100% - 80px); padding: 8px 10px; box-sizing: border-box;}

  .page-files-download-con .files-dw-list-caption .caption-2 { width: 80px; padding: 8px 0; text-align: center;}

  .page-files-download-con .files-dw-list-column { width: 100%; color: #333; border-bottom: 1px #ccc dashed; display: flex; justify-content: flex-start; align-items: stretch;}

  .page-files-download-con .files-dw-list-column:hover { background-color: #eee;}

  .page-files-download-con .files-dw-list-column .column-1 { width: calc(100% - 80px); padding: 10px 10px 8px 10px; font-size: 1.1rem; box-sizing: border-box;}

  .page-files-download-con .files-dw-list-column .column-2 { width: 80px; padding: 8px 0; text-align: center;}

  .page-files-download-con .files-dw-list-column .column-2 a { color: #026535; font-size: 1.4rem;}





  /************ page-donation ************/



  .page-donation-con { clear: both; width: 100%; margin: 0 0 40px 0; font-size: 1.1rem; line-height: 2em;}

  .page-donation-con .title { width: 100%; padding: 0 0 10px 0; margin: 0 0 40px 0; color: #026535; font-size: 1.6rem; font-weight: 500; border-bottom: 1px #026535 solid;}

  .page-donation-con span.title-style { font-size: 1.4rem; font-weight: 500;}





  /************ page-sitemap ************/



  ul.page-sitemap { width: 100%; padding: 0; margin: 90px 0; list-style: none; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}

  ul.page-sitemap li { padding: 0; margin: 0 15px 30px 15px; color: #026535; font-size: 1.2rem; font-weight: 600;}

  ul.page-sitemap li a { color: #026535; text-decoration: none; border-bottom: 2px #026535 solid;}

  ul.page-sitemap li a:hover { }

  ul.page-sitemap li ul.sitemap-popup { width: 100%; padding: 0; margin: 10px 0 0 0; list-style: none; display: block;}

  ul.page-sitemap li ul.sitemap-popup li { width: 100%; padding: 0; margin: 0; color: #026535; font-size: 1.1rem; font-weight: 400; line-height: 2em; text-align: center;}

  ul.page-sitemap li ul.sitemap-popup li a { color: #026535; text-decoration: none; border-bottom: 0;}

  ul.page-sitemap li ul.sitemap-popup li a:hover { color: #333;}





  /************ page-error404 ************/



  .page-error404 { clear: both; width: 100%; margin: 100px 0;}

  .page-error404 .title-big-mo { display: none;}

  .page-error404 .title-small-mo { display: none;}

  .page-error404 .title-big { width: 100%; color: #026535; font-size: 4rem; font-weight: 900; text-align: center;}

  .page-error404 .title-small { width: 100%; margin: 80px 0 30px 0; color: #026535; font-size: 2rem; font-weight: 600; text-align: center;}

  .page-error404 .back-home { width: 100%; text-align: center;}

  .page-error404 .back-home a { color: #026535; font-size: 1.4rem; text-decoration: none; border-bottom: 1px #026535 solid;}





  /************ footer ************/



  footer { clear: both; width: 100%; padding: 40px calc(50% - 600px); box-sizing: border-box; background-color: #8d1f22; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}



  ul.footer-nav { width: 100%; padding: 0 0 20px 0; margin: 0 0 30px 0; border-bottom: 1px rgba(255,255,255,0.2) solid; list-style: none; display: flex; justify-content: center; flex-wrap: wrap;}

  ul.footer-nav li { padding: 0; margin: 0 15px 20px 15px; color: #fff; font-size: 1.2rem;}

  ul.footer-nav li a { color: #fff; text-decoration: none;}

  ul.footer-nav li a:hover { border-bottom: 1px #fff solid;}

  ul.footer-nav li ul.footer-nav-popup { padding: 0; margin: 5px 0 0 0; list-style: none; display: block;}

  ul.footer-nav li ul.footer-nav-popup li { padding: 0; margin: 0;}

  ul.footer-nav li ul.footer-nav-popup li a { color: #fff; font-size: 1rem; font-weight: 300; line-height: 1.6em;}

  ul.footer-nav li ul.footer-nav-popup li a:hover { border-bottom: 1px #fff solid;}


  /**20250616新增**/
  .footer-order-bt { width: 80px; margin: 0 40px;}
  .footer-order-bt a { width: 100%; padding: 0 10px; color: #000 !important; font-size: 1.1rem; text-align: center; text-decoration: none; border-radius: 10px; background-color: rgba(255,255,255,1); display: block;}
  .footer-order-bt a:hover { border-bottom: 0 !important; background-color: rgba(255,255,255,0.8);}



  .infor-text-mo { display: none;}

  .infor-text { width: 50%; color: #fff; font-size: 1rem; font-weight: 300; line-height: 1.8em;}



  .infor-fb { width: 50%; display: flex; justify-content: flex-end;}


  /**20260421新增**/
  .publication-order-box { clear: both; width: 100%;}
  .publication-order-box img.col-banner { width: 38vw; height: auto !important; margin: 0 0 40px 0; float: left;}
  .publication-order-box img.col-qrcode { width: 10vw; height: auto !important; margin: 0 0 40px 0; float: left;}



}

@media screen and (min-width: 768px) and (max-width: 1280px) {



  /************ header + nav ************/



  header#pc { display: none;}

    

  header#mo { width: 100%; position: relative; z-index: 999;}

  

  header#mo .logo-nav-bar { clear: both; width: 100%; height: 100px; padding: 0 40px; box-sizing: border-box; border-bottom: 1px #eee solid; display: flex; justify-content: space-between; align-items: center;}

  header#mo .logo-nav-bar .logo-box { width: 260px;}

  header#mo .logo-nav-bar .logo-box img { width: 100%; height: auto;}



  .nav-icon { width: 50px; font-size: 2.4rem; text-align: center;}



  ul.header-nav { width: 100%; padding: 60px 0; margin: 0; box-sizing: border-box; background-color: #026535; list-style: none; display: none; position: absolute; top: 100px; left: 0; z-index: 99;}

  ul.header-nav li { width: 100%; padding: 0; margin: 0;}

  ul.header-nav li a { width: 100%; padding: 15px 0; color: #fff; font-size: 1.2rem; text-align: center; text-decoration: none; display: flex; align-items: center; box-sizing: border-box; display: block; cursor: pointer;}

  ul.header-nav li a:hover { color: #fff; background-color: #026535;}

  ul.header-nav li a.sel { color: #fff; background-color: #026535;}

  ul.header-nav li ul.nav-popup { width: 100%; padding: 40px 0; margin: 0; list-style: none; background-color: rgba(255,255,255,0.6); display: none;}

  ul.header-nav li ul.nav-popup li { width: 100%; padding: 0; margin: 0;}

  ul.header-nav li ul.nav-popup li a { width: 100%; color: #026535; text-align: center; text-decoration: none; background-color: transparent; display: block;}

  ul.header-nav li ul.nav-popup li a:hover { color: #fff; background-color: #026535;}



  ul.header-nav .search-bx { clear: both; width: 400px; margin: 40px auto 0 auto; display: flex; justify-content: flex-end; align-items: center;}

  ul.header-nav .search-bx input[type=text] { width: calc(100% - 50px); padding: 10px; margin: 0 10px 0 0; color: #000; font-size: 1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; box-sizing: border-box; border: 0; background-color: #fff;}

  ul.header-nav .search-bx input[type=button] { width: 40px; height: 31px; box-sizing: border-box; background-image: url("../images/search_icon_white.png"); background-color: transparent; background-repeat: no-repeat; border: 0; cursor: pointer;}





  /************ index banner ************/



  .index-banner { width: 100%; overflow: hidden;} 



  .index-banner img { width: 100%; height: auto; position: relative; z-index: 2;}





  /************ section #index-main-containt ************/



  section#index-main-containt { clear: both; width: 100%;}



  .index-main-content { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}



  .index-main-content .about-content { width: 100%; padding: 80px 40px; box-sizing: border-box; background-color: #f1f1f1;}

  .index-main-content .about-content .pic { width: 100%;}

  .index-main-content .about-content .pic img { width: 100%; height: auto;}

  .index-main-content .about-content .text-content { width: 100%; padding: 30px 0 0 0; font-size: 1.2rem; line-height: 2em; box-sizing: border-box;}

  .index-main-content .about-content .text-content .title-sub { width: 100%; padding: 0 0 20px 0; color: #026535; font-size: 1.6rem; font-weight: 500;}

  .index-main-content .about-content .text-content .news-more { clear: both; width: 100%; padding: 0 80px 0 0; margin: 40px 0 0 0; box-sizing: border-box;}

  .index-main-content .about-content .text-content .news-more a { width: 80px; padding: 5px 0; color: #026535; font-size: 0.9rem; line-height: 1em; text-align: center; text-decoration: none; border-radius: 14px; border: 1px #026535 solid; background-color: #fff; box-sizing: border-box; display: block; float: right;}

  .index-main-content .about-content .text-content .news-more a:hover { color: #fff; background-color: #026535;}

  

  .index-main-content .top-massage-box { width: 100%; padding: 80px 40px; box-sizing: border-box; position: relative;}

  .index-main-content .top-massage-box ul.massage-tab { width: 100%; padding: 0; margin: 0; list-style: none; border-bottom: 1px #026535 solid; display: flex; justify-content: center; align-items: flex-start;}

  .index-main-content .top-massage-box ul.massage-tab li { padding: 0; margin: 0 20px;}

  .index-main-content .top-massage-box ul.massage-tab li a { padding: 15px 0; color: #026535; font-size: 1.2rem; text-decoration: none; border-bottom: 5px #fff solid; display: block;}

  .index-main-content .top-massage-box ul.massage-tab li a:hover { border-bottom: 5px #026535 solid;}

  .index-main-content .top-massage-box ul.massage-tab li a.sel { border-bottom: 5px #026535 solid;}

  .index-main-content .top-massage-box img.massage-icon { width: 40px; height: auto; position: absolute; top: 80px; left: 40px; z-index: 2;}



  .index-main-content .top-massage-box .massage-list { clear: both; width: 100%; padding: 30px 0;}

  .index-main-content .top-massage-box .massage-list div { width: 100%; display: none;}

  .index-main-content .top-massage-box .massage-list div img.top-pic { clear: both; width: 100%; height: auto; margin: 0 0 20px 0;}

  .index-main-content .top-massage-box .massage-list div .index-news-list { clear: both; width: 100%; margin: 0 0 15px 0;}

  .index-main-content .top-massage-box .massage-list div .index-news-list .news-date { width: 120px; padding: 5px 0; color: #fff; font-size: 1.2rem; text-align: center; background-color: #026535; float: left;}

  .index-main-content .top-massage-box .massage-list div .index-news-list .news-title { width: calc(100% - 120px); padding: 5px 0 0 20px; box-sizing: border-box; float: left;}

  .index-main-content .top-massage-box .massage-list div .index-news-list .news-title a { color: #000; font-size: 1.2rem; text-decoration: none;}

  .index-main-content .top-massage-box .massage-list div .index-news-list .news-title a:hover { color: #026535;}

  .index-main-content .top-massage-box .massage-list div .index-news-list .news-con-title { clear: both; width: 100%; padding: 10px 0; font-size: 1.2rem; font-weight: 500; border-bottom: 1px #ccc solid;}

  .index-main-content .top-massage-box .massage-list div .news-more { clear: both; width: 100%; padding: 0 80px 0 0; margin: 20px 0 0 0; box-sizing: border-box;}

  .index-main-content .top-massage-box .massage-list div .news-more a { width: 80px; padding: 5px 0; color: #026535; font-size: 0.9rem; line-height: 1em; text-align: center; text-decoration: none; border-radius: 14px; border: 1px #026535 solid; background-color: #fff; box-sizing: border-box; display: block; float: right;}

  .index-main-content .top-massage-box .massage-list div .news-more a:hover { color: #fff; background-color: #026535;}



  .index-main-content .fundation-content { width: 100%; padding: 80px 40px; box-sizing: border-box; font-size: 1.2rem; line-height: 2em; background-color: #f1f1f1; display: flex; justify-content: flex-start; align-items: flex-end; flex-wrap: wrap;}

  .index-main-content .fundation-content .title-sub { width: 100%; padding: 0 0 20px 0; color: #026535; font-size: 1.6rem; font-weight: 500;}

  .index-main-content .fundation-content .donation-box { clear: both; width: 70%; padding: 10px 20px; margin: 20px 0 0 0; font-size: 1rem; line-height: 1.6em; border: 1px #026535 solid; background-color: #fff; border-radius: 20px; box-sizing: border-box;}

  .index-main-content .fundation-content .news-more { width: 80px; margin: 0 0 0 80px;}

  .index-main-content .fundation-content .news-more a { width: 100%; padding: 5px 0; color: #026535; font-size: 0.9rem; line-height: 1em; text-align: center; text-decoration: none; border-radius: 14px; border: 1px #026535 solid; background-color: #fff; box-sizing: border-box; display: block;}

  .index-main-content .fundation-content .news-more a:hover { color: #fff; background-color: #026535;}





  /************ page-main-content ************/



  section#page-main-containt { clear: both; width: 100%;}



  .page-main-content { width: 100%; padding: 30px 40px; box-sizing: border-box;}



  .breadcrumbs-bar { width: 100%; margin: 0 0 40px 0; color: #333; font-size: 0.9rem;}

  .breadcrumbs-bar span.page-on { color: #000; font-weight: 600;}

  .breadcrumbs-bar a { color: #333; text-decoration: none;}

  .breadcrumbs-bar a:hover { border-bottom: 1px #333 solid;}





  /************ page about ************/



  .page-about-con { clear: both; width: 100%; padding: 0 0 60px 0; font-size: 1.1rem; line-height: 2em;}

  .page-about-con span.title-style { font-size: 1.4rem; font-weight: 500;}





  /************ page news ************/



  .page-main-content .top-massage-box { width: 100%;}

  .page-main-content .top-massage-box ul.massage-tab { width: 100%; padding: 0; margin: 0; list-style: none; border-bottom: 1px #026535 solid; display: flex; justify-content: center; align-items: flex-start; position: relative; z-index: 1;}

  .page-main-content .top-massage-box ul.massage-tab li { padding: 0; margin: 0 20px;}

  .page-main-content .top-massage-box ul.massage-tab li a { padding: 15px 0; color: #026535; font-size: 1.2rem; text-decoration: none; border-bottom: 5px #fff solid; display: block;}

  .page-main-content .top-massage-box ul.massage-tab li a:hover { border-bottom: 5px #026535 solid;}

  .page-main-content .top-massage-box ul.massage-tab li a.sel { border-bottom: 5px #026535 solid;}

  .page-main-content .top-massage-box ul.massage-tab img.massage-icon { width: 40px; height: auto; position: absolute; top: 0; left: 0; z-index: 2;}



  .page-main-content .top-massage-box .massage-list { clear: both; width: 100%; padding: 30px 0; margin: 0 auto;}

  .page-main-content .top-massage-box .massage-list div { width: 80%; margin: 0 auto;}

  .page-main-content .top-massage-box .massage-list div img.top-pic { clear: both; width: 100%; height: auto; margin: 0 0 20px 0;}

  .page-main-content .top-massage-box .massage-list div .index-news-list { clear: both; width: 100%; margin: 0 0 15px 0;}

  .page-main-content .top-massage-box .massage-list div .index-news-list .news-date { width: 120px; padding: 5px 0; color: #fff; font-size: 1.2rem; text-align: center; background-color: #026535; float: left;}

  .page-main-content .top-massage-box .massage-list div .index-news-list .news-title { width: calc(100% - 120px); padding: 5px 0 0 20px; box-sizing: border-box; float: left;}

  .page-main-content .top-massage-box .massage-list div .index-news-list .news-title a { color: #000; font-size: 1.2rem; text-decoration: none;}

  .page-main-content .top-massage-box .massage-list div .index-news-list .news-title a:hover { color: #026535;}

  .page-main-content .top-massage-box .massage-list div .index-news-list .news-con-title { clear: both; width: 100%; padding: 10px 0; font-size: 1.2rem; font-weight: 500; border-bottom: 1px #ccc solid;}





  /************ page news-content ************/



  .page-main-content .top-massage-box .massage-list div .page-news-content { clear: both; width: 100%; padding: 40px 0; font-size: 1.1rem; line-height: 2em;}

  .page-main-content .top-massage-box .massage-list div .page-news-content a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}

  .page-main-content .top-massage-box .massage-list div .page-news-content img { max-width: 100%; height: auto;}



  .page-goback-bt { clear: both; width: 120px !important; margin: 60px auto 0 auto;}

  .page-goback-bt a { width: 100%; padding: 5px 0; color: #fff; font-size: 1.1rem; text-align: center; text-decoration: none; border-radius: 14px; background-color: #8d1f22; display: block;}

  .page-goback-bt a:hover { background-color: #b9292d;}





  /************ page-num ************/



  ul.page-num-box { clear: both; width: 100%; padding: 0; margin: 60px 0 0 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

  ul.page-num-box li { padding: 0; margin: 0 5px 20px 5px;}

  ul.page-num-box li a { padding: 5px; color: #026535; font-size: 0.9rem; text-decoration: none; border: 1px #fff solid; background-color: #fff; display: block;}

  ul.page-num-box li a:hover { border: 1px #026535 solid;}

  ul.page-num-box li a.sel { color: #fff; border: 1px #026535 solid; background-color: #026535;}





  /************ page-manager ************/



  ul.manager-type-tab { clear: both; width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

  ul.manager-type-tab li { padding: 0; margin: 0 10px 20px 10px;}

  ul.manager-type-tab li a { padding: 2px 20px; color: #e66b28; font-size: 1.2rem; text-decoration: none; border-radius: 20px; border: 1px #e66b28 solid; background-color: #fff; box-sizing: border-box; display: block;}

  ul.manager-type-tab li a:hover { background-color: #eee;}

  ul.manager-type-tab li a.sel { color: #fff; background-color: #e66b28;}



  .page-manager-list { clear: both; width: 100%;}

  .page-manager-list div { display: block;}



  .page-manager-con { clear: both; width: 100%; margin: 90px auto; border: 1px #999 solid; background-color: #fff; position: relative;}

  .page-manager-con .title-box { width: 400px; padding: 10px 0; color: #fff; font-size: 1.2rem; font-weight: 500; line-height: 1.2em; text-align: center; border-radius: 20px; background-color: #e66b28; position: absolute; top: -30px; left: calc(50% - 200px);}

  .page-manager-con .table-caption-full { clear: both; width: 100%; font-size: 1rem; font-weight: 500; line-height: 1.2em; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: stretch;}

  .page-manager-con .table-caption-full .caption-0 { width: 28%; padding: 50px 10px 30px 10px; box-sizing: border-box; text-align: center; background-color: #eee;}

  .page-manager-con .table-caption-full .caption-1 { width: 32%; padding: 50px 10px 30px 10px; text-align: right; box-sizing: border-box; display: flex; justify-content: flex-end; align-items: center;}

  .page-manager-con .table-caption-full .caption-1 .caption-1-1 { width: 65%; text-align: right;}

  .page-manager-con .table-caption-full .caption-1 .caption-1-2 { width: 35%; text-align: right;}

  .page-manager-con .table-caption-full .caption-2 { width: 40%; padding: 50px 10px 30px 10px; text-align: center; background-color: rgba(179,179,179,0.2); box-sizing: border-box;}

  /*.page-manager-con .table-caption-full .caption-3 { width: 28%; padding: 50px 10px 30px 10px; text-align: center; box-sizing: border-box;}*/

  .page-manager-con .table-column-full { clear: both; width: 100%; font-size: 0.9rem; line-height: 1.6em; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: stretch;}

  .page-manager-con .table-column-full:last-child { border-bottom: 0;}

  .page-manager-con .table-column-full .column-0 { width: 28%; padding: 30px 10px; box-sizing: border-box; background-color: #eee;}

  .page-manager-con .table-column-full .column-0 .photo { width: 160px; height: 160px;  margin: 0 auto; border-radius: 100%; border: 5px #fff solid; background-color: #efefef; box-sizing: border-box; display: flex; justify-content: center; align-items: center; overflow: hidden; -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);}

  .page-manager-con .table-column-full .column-0 .photo img { min-width: auto; width: 100%; min-height: 100%; height: auto;}

  .page-manager-con .table-column-full .column-1 { width: 32%; padding: 30px 10px; text-align: right; box-sizing: border-box; display: flex; justify-content: flex-end; align-items: flex-start;}

  .page-manager-con .table-column-full .column-1 .column-1-1 { width: 65%; text-align: right;}

  .page-manager-con .table-column-full .column-1 .column-1-2 { width: 35%; text-align: right;}

  .page-manager-con .table-column-full .column-2 { width: 40%; padding: 30px 10px; text-align: justify; background-color: rgba(179,179,179,0.2); box-sizing: border-box;}

  .page-manager-con .table-column-full .column-2 ul { padding: 0 0 0 20px; margin: 0; box-sizing: border-box; list-style-type: disc; display: block;}

  .page-manager-con .table-column-full .column-2 ul li { padding: 0; margin: 0; word-break: break-all; word-wrap: break-word;}

  /*.page-manager-con .table-column-full .column-3 { width: 28%; padding: 30px 10px; box-sizing: border-box; word-break: break-all; word-wrap: break-word;}*/





  /************ page-links ************/



  ul.page-links-list { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}

  ul.page-links-list li { width: 50%; padding: 10px; margin: 0; color: #026535; font-size: 1.2rem; display: flex; justify-content: flex-start; align-items: flex-start; box-sizing: border-box;}

  ul.page-links-list li .icon { width: 30px;}

  ul.page-links-list li .title { width: calc(100% - 30px);}

  ul.page-links-list li .title a { color: #026535; text-decoration: none;}

  ul.page-links-list li .title a:hover { border-bottom: 1px #026535 solid;}





  /************ page-publication ************/



  .page-books-list { clear: both; width: 100%;}

  .page-books-list .title { width: 100%; padding: 0 0 10px 0; margin: 0 0 40px 0; color: #026535; font-size: 1.6rem; font-weight: 500; border-bottom: 1px #026535 solid;}

  .page-books-list ul.books-class-tab { width: 100%; padding: 0; margin: 0 0 30px 0; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}

  .page-books-list ul.books-class-tab li { padding: 0; margin: 0;}

  .page-books-list ul.books-class-tab li a { padding: 3px 10px; margin: 0 5px 10px 5px; color: #026535; font-size: 1.1rem; border: 1px #026535 solid; border-radius: 10px; background-color: #fff; text-decoration: none; display: block;}

  .page-books-list ul.books-class-tab li a:hover { background-color: #eee;}

  .page-books-list ul.books-class-tab li a.sel { color: #fff; background-color: #026535;}

  .page-books-list .books-list-con { width: 100%; margin: 0 0 40px 0;}

  .page-books-list .books-list-con div { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

  .page-books-list .books-list-con div .book-box { width: calc(100% / 5 - 10px); padding: 5px; margin: 0 5px 20px 5px; border: 1px #eee solid; box-sizing: border-box;}

  .page-books-list .books-list-con div .book-box:hover { border: 2px #ccc solid;}

  .page-books-list .books-list-con div .book-box a { width: 100%; color: #026535; text-decoration: none; display: block;}

  .page-books-list .books-list-con div .book-box .book-pic { width: 100%;}

  .page-books-list .books-list-con div .book-box .book-pic img { width: 100%; height: auto;}

  .page-books-list .books-list-con div .book-box .book-title { width: 100%; padding: 10px 0; color: #026535; font-size: 0.9rem; border-bottom: 1px #eee dashed;}

  .page-books-list .books-list-con div .book-box .book-author { width: 100%; padding: 10px 0 0 0; color: #026535; font-size: 0.8rem;}





  .page-periodical-list { clear: both; width: 100%;}

  .page-periodical-list .title { width: 100%; padding: 0 0 10px 0; margin: 0 0 40px 0; color: #026535; font-size: 1.6rem; font-weight: 500; border-bottom: 1px #026535 solid;}

  .page-periodical-list ul.periodical-class-tab { width: 100%; padding: 0; margin: 0 0 30px 0; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}

  .page-periodical-list ul.periodical-class-tab li { padding: 0; margin: 0;}

  .page-periodical-list ul.periodical-class-tab li a { padding: 3px 10px; margin: 0 5px 10px 5px; color: #026535; font-size: 1.1rem; border: 1px #026535 solid; border-radius: 10px; background-color: #fff; text-decoration: none; display: block;}

  .page-periodical-list ul.periodical-class-tab li a:hover { background-color: #eee;}

  .page-periodical-list ul.periodical-class-tab li a.sel { color: #fff; background-color: #026535;}

  .page-periodical-list .periodical-list-con { width: 100%;}

  .page-periodical-list .periodical-list-con div { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

  .page-periodical-list .periodical-list-con div .periodical-box { width: calc(100% / 5 - 10px); padding: 5px; margin: 0 5px 20px 5px; border: 1px #eee solid; box-sizing: border-box;}

  .page-periodical-list .periodical-list-con div .periodical-box:hover { border: 2px #ccc solid;}

  .page-periodical-list .periodical-list-con div .periodical-box a { width: 100%; color: #026535; text-decoration: none; display: block;}

  .page-periodical-list .periodical-list-con div .periodical-box .per-pic { width: 100%;}

  .page-periodical-list .periodical-list-con div .periodical-box .per-pic img { width: 100%; height: auto;}

  .page-periodical-list .periodical-list-con div .periodical-box .per-title { width: 100%; padding: 10px 0; color: #026535; font-size: 0.9rem; border-bottom: 1px #eee dashed;}

  .page-periodical-list .periodical-list-con div .periodical-box .per-author { width: 100%; padding: 10px 0 0 0; color: #026535; font-size: 0.8rem;}





  /************ page-files-download ************/



  .page-files-download-con { clear: both; width: 100%; margin: 0 0 40px 0;}

  .page-files-download-con .title { width: 100%; padding: 0 0 10px 0; margin: 0 0 40px 0; color: #026535; font-size: 1.6rem; font-weight: 500; border-bottom: 1px #026535 solid;}



  .page-files-download-con .files-dw-list-caption { width: 100%; color: #fff; font-size: 1.1rem; font-weight: 500; background-color: #026535; display: flex; justify-content: flex-start; align-items: stretch;}

  .page-files-download-con .files-dw-list-caption .caption-1 { width: calc(100% - 80px); padding: 8px 10px; box-sizing: border-box;}

  .page-files-download-con .files-dw-list-caption .caption-2 { width: 80px; padding: 8px 0; text-align: center;}

  .page-files-download-con .files-dw-list-column { width: 100%; color: #333; border-bottom: 1px #ccc dashed; display: flex; justify-content: flex-start; align-items: stretch;}

  .page-files-download-con .files-dw-list-column:hover { background-color: #eee;}

  .page-files-download-con .files-dw-list-column .column-1 { width: calc(100% - 80px); padding: 10px 10px 8px 10px; font-size: 1.1rem; box-sizing: border-box;}

  .page-files-download-con .files-dw-list-column .column-2 { width: 80px; padding: 8px 0; text-align: center;}

  .page-files-download-con .files-dw-list-column .column-2 a { color: #026535; font-size: 1.4rem;}





  /************ page-donation ************/



  .page-donation-con { clear: both; width: 100%; margin: 0 0 40px 0; font-size: 1.1rem; line-height: 2em;}

  .page-donation-con .title { width: 100%; padding: 0 0 10px 0; margin: 0 0 40px 0; color: #026535; font-size: 1.6rem; font-weight: 500; border-bottom: 1px #026535 solid;}

  .page-donation-con span.title-style { font-size: 1.4rem; font-weight: 500;}





  /************ page-sitemap ************/



  ul.page-sitemap { width: 100%; padding: 0; margin: 90px 0; list-style: none; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}

  ul.page-sitemap li { padding: 0; margin: 0 15px 30px 15px; color: #026535; font-size: 1.2rem; font-weight: 600;}

  ul.page-sitemap li a { color: #026535; text-decoration: none; border-bottom: 2px #026535 solid;}

  ul.page-sitemap li a:hover { }

  ul.page-sitemap li ul.sitemap-popup { width: 100%; padding: 0; margin: 10px 0 0 0; list-style: none; display: block;}

  ul.page-sitemap li ul.sitemap-popup li { width: 100%; padding: 0; margin: 0; color: #026535; font-size: 1.1rem; font-weight: 400; line-height: 2em; text-align: center;}

  ul.page-sitemap li ul.sitemap-popup li a { color: #026535; text-decoration: none; border-bottom: 0;}

  ul.page-sitemap li ul.sitemap-popup li a:hover { color: #333;}





  /************ page-error404 ************/



  .page-error404 { clear: both; width: 100%; margin: 100px 0;}

  .page-error404 .title-big-mo { display: none;}

  .page-error404 .title-small-mo { display: none;}

  .page-error404 .title-big { width: 100%; color: #026535; font-size: 4rem; font-weight: 900; text-align: center;}

  .page-error404 .title-small { width: 100%; margin: 80px 0 30px 0; color: #026535; font-size: 2rem; font-weight: 600; text-align: center;}

  .page-error404 .back-home { width: 100%; text-align: center;}

  .page-error404 .back-home a { color: #026535; font-size: 1.4rem; text-decoration: none; border-bottom: 1px #026535 solid;}





  /************ footer ************/



  footer { clear: both; width: 100%; padding: 40px 40px; box-sizing: border-box; background-color: #8d1f22;}



  ul.footer-nav { width: 100%; padding: 0 0 20px 0; margin: 0 0 30px 0; border-bottom: 1px rgba(255,255,255,0.2) solid; list-style: none; display: flex; justify-content: center; flex-wrap: wrap;}

  ul.footer-nav li { padding: 0; margin: 0 15px 20px 15px; color: #fff; font-size: 1.2rem;}

  ul.footer-nav li a { color: #fff; text-decoration: none;}

  ul.footer-nav li a:hover { border-bottom: 1px #fff solid;}

  ul.footer-nav li ul.footer-nav-popup { padding: 0; margin: 5px 0 0 0; list-style: none; display: block;}

  ul.footer-nav li ul.footer-nav-popup li { padding: 0; margin: 0;}

  ul.footer-nav li ul.footer-nav-popup li a { color: #fff; font-size: 1rem; font-weight: 300; line-height: 1.6em;}

  ul.footer-nav li ul.footer-nav-popup li a:hover { border-bottom: 1px #fff solid;}


  /**20250616新增**/
  .footer-order-bt { width: 80px; margin: 0 40px;}
  .footer-order-bt a { width: 100%; padding: 0 10px; color: #000 !important; font-size: 1.1rem; text-align: center; text-decoration: none; border-radius: 10px; background-color: rgba(255,255,255,1); display: block;}
  .footer-order-bt a:hover { border-bottom: 0 !important; background-color: rgba(255,255,255,0.8);}



  .infor-text-mo { display: none;}

  .infor-text { width: 100%; color: #fff; font-size: 1rem; font-weight: 300; line-height: 1.8em; text-align: center;}



  .infor-fb { width: 100%; margin: 30px 0 0 0; display: flex; justify-content: center;}


  /**20260421新增**/
  .publication-order-box { clear: both; width: 100%;}
  .publication-order-box img.col-banner { width: 55vw; height: auto !important; margin: 0 0 40px 0; float: left;}
  .publication-order-box img.col-qrcode { width: 16vw; height: auto !important; margin: 0 0 40px 0; float: left;}



}

@media screen and (max-width: 768px) {



  /************ header + nav ************/



  header#pc { display: none;}

    

  header#mo { width: 100%; position: relative; z-index: 999;}

  

  header#mo .logo-nav-bar { clear: both; width: 100%; height: 100px; padding: 0 20px; box-sizing: border-box; border-bottom: 1px #eee solid; display: flex; justify-content: space-between; align-items: center;}

  header#mo .logo-nav-bar .logo-box { width: 260px;}

  header#mo .logo-nav-bar .logo-box img { width: 100%; height: auto;}



  .nav-icon { width: 50px; font-size: 2.4rem; text-align: center;}



  ul.header-nav { width: 100%; padding: 60px 0; margin: 0; box-sizing: border-box; background-color: #026535; list-style: none; display: none; position: absolute; top: 100px; left: 0; z-index: 99;}

  ul.header-nav li { width: 100%; padding: 0; margin: 0;}

  ul.header-nav li a { width: 100%; padding: 15px 0; color: #fff; font-size: 1.2rem; text-align: center; text-decoration: none; display: flex; align-items: center; box-sizing: border-box; display: block; cursor: pointer;}

  ul.header-nav li a:hover { color: #fff; background-color: #026535;}

  ul.header-nav li a.sel { color: #fff; background-color: #026535;}

  ul.header-nav li ul.nav-popup { width: 100%; padding: 40px 0; margin: 0; list-style: none; background-color: rgba(255,255,255,0.6); display: none;}

  ul.header-nav li ul.nav-popup li { width: 100%; padding: 0; margin: 0;}

  ul.header-nav li ul.nav-popup li a { width: 100%; color: #026535; text-align: center; text-decoration: none; background-color: transparent; display: block;}

  ul.header-nav li ul.nav-popup li a:hover { color: #fff; background-color: #026535;}



  ul.header-nav .search-bx { clear: both; width: 80%; margin: 40px auto 0 auto; display: flex; justify-content: flex-end; align-items: center;}

  ul.header-nav .search-bx input[type=text] { width: calc(100% - 50px); padding: 10px; margin: 0 10px 0 0; color: #000; font-size: 1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; box-sizing: border-box; border: 0; background-color: #fff;}

  ul.header-nav .search-bx input[type=button] { width: 40px; height: 31px; box-sizing: border-box; background-image: url("../images/search_icon_white.png"); background-color: transparent; background-repeat: no-repeat; border: 0; cursor: pointer;}





  /************ index banner ************/



  .index-banner { width: 100%; overflow: hidden;} 



  .index-banner img { width: 100%; height: auto; position: relative; z-index: 2;}





  /************ section #index-main-containt ************/



  section#index-main-containt { clear: both; width: 100%;}



  .index-main-content { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}



  .index-main-content .about-content { width: 100%; padding: 80px 20px; box-sizing: border-box; background-color: #f1f1f1;}

  .index-main-content .about-content .pic { width: 100%;}

  .index-main-content .about-content .pic img { width: 100%; height: auto;}

  .index-main-content .about-content .text-content { width: 100%; padding: 30px 0 0 0; font-size: 1.2rem; line-height: 2em; box-sizing: border-box;}

  .index-main-content .about-content .text-content .title-sub { width: 100%; padding: 0 0 20px 0; color: #026535; font-size: 1.6rem; font-weight: 500;}

  .index-main-content .about-content .text-content .news-more { clear: both; width: 100%; padding: 0 80px 0 0; margin: 40px 0 0 0; box-sizing: border-box;}

  .index-main-content .about-content .text-content .news-more a { width: 80px; padding: 5px 0; color: #026535; font-size: 0.9rem; line-height: 1em; text-align: center; text-decoration: none; border-radius: 14px; border: 1px #026535 solid; background-color: #fff; box-sizing: border-box; display: block; float: right;}

  .index-main-content .about-content .text-content .news-more a:hover { color: #fff; background-color: #026535;}

  

  .index-main-content .top-massage-box { width: 100%; padding: 80px 20px; box-sizing: border-box; position: relative;}

  .index-main-content .top-massage-box ul.massage-tab { width: 100%; padding: 0; margin: 0; list-style: none; border-bottom: 1px #026535 solid; display: flex; justify-content: center; align-items: flex-start;}

  .index-main-content .top-massage-box ul.massage-tab li { padding: 0; margin: 0 20px;}

  .index-main-content .top-massage-box ul.massage-tab li a { padding: 15px 0; color: #026535; font-size: 1.2rem; text-decoration: none; border-bottom: 5px #fff solid; display: block;}

  .index-main-content .top-massage-box ul.massage-tab li a:hover { border-bottom: 5px #026535 solid;}

  .index-main-content .top-massage-box ul.massage-tab li a.sel { border-bottom: 5px #026535 solid;}

  .index-main-content .top-massage-box img.massage-icon { width: 40px; height: auto; position: absolute; top: 80px; left: 40px; z-index: 2;}



  .index-main-content .top-massage-box .massage-list { clear: both; width: 100%; padding: 30px 0;}

  .index-main-content .top-massage-box .massage-list div { width: 100%; display: none;}

  .index-main-content .top-massage-box .massage-list div img.top-pic { clear: both; width: 100%; height: auto; margin: 0 0 20px 0;}

  .index-main-content .top-massage-box .massage-list div .index-news-list { clear: both; width: 100%; margin: 0 0 15px 0;}

  .index-main-content .top-massage-box .massage-list div .index-news-list .news-date { width: 120px; padding: 5px 0; color: #fff; font-size: 1.2rem; text-align: center; background-color: #026535; float: left;}

  .index-main-content .top-massage-box .massage-list div .index-news-list .news-title { width: calc(100% - 120px); padding: 5px 0 0 20px; box-sizing: border-box; float: left;}

  .index-main-content .top-massage-box .massage-list div .index-news-list .news-title a { color: #000; font-size: 1.2rem; text-decoration: none;}

  .index-main-content .top-massage-box .massage-list div .index-news-list .news-title a:hover { color: #026535;}

  .index-main-content .top-massage-box .massage-list div .index-news-list .news-con-title { clear: both; width: 100%; padding: 10px 0; font-size: 1.2rem; font-weight: 500; border-bottom: 1px #ccc solid;}

  .index-main-content .top-massage-box .massage-list div .news-more { clear: both; width: 100%; padding: 0 80px 0 0; margin: 20px 0 0 0; box-sizing: border-box;}

  .index-main-content .top-massage-box .massage-list div .news-more a { width: 80px; padding: 5px 0; color: #026535; font-size: 0.9rem; line-height: 1em; text-align: center; text-decoration: none; border-radius: 14px; border: 1px #026535 solid; background-color: #fff; box-sizing: border-box; display: block; float: right;}

  .index-main-content .top-massage-box .massage-list div .news-more a:hover { color: #fff; background-color: #026535;}



  .index-main-content .fundation-content { width: 100%; padding: 80px 20px; box-sizing: border-box; font-size: 1.2rem; line-height: 2em; background-color: #f1f1f1;}

  .index-main-content .fundation-content .title-sub { width: 100%; padding: 0 0 20px 0; color: #026535; font-size: 1.6rem; font-weight: 500;}

  .index-main-content .fundation-content .donation-box { clear: both; width: 100%; padding: 10px 20px; margin: 20px 0 0 0; font-size: 1rem; line-height: 1.6em; border: 1px #026535 solid; background-color: #fff; border-radius: 20px; box-sizing: border-box;}

  .index-main-content .fundation-content .news-more { clear: both; width: 80px; margin: 40px 0 0 calc(100% - 160px);}

  .index-main-content .fundation-content .news-more a { width: 100%; padding: 5px 0; color: #026535; font-size: 0.9rem; line-height: 1em; text-align: center; text-decoration: none; border-radius: 14px; border: 1px #026535 solid; background-color: #fff; box-sizing: border-box; display: block;}

  .index-main-content .fundation-content .news-more a:hover { color: #fff; background-color: #026535;}





  /************ page-main-content ************/



  section#page-main-containt { clear: both; width: 100%;}



  .page-main-content { width: 100%; padding: 30px 20px; box-sizing: border-box;}



  .breadcrumbs-bar { width: 100%; margin: 0 0 40px 0; color: #333; font-size: 0.9rem;}

  .breadcrumbs-bar span.page-on { color: #000; font-weight: 600;}

  .breadcrumbs-bar a { color: #333; text-decoration: none;}

  .breadcrumbs-bar a:hover { border-bottom: 1px #333 solid;}





  /************ page about ************/



  .page-about-con { clear: both; width: 100%; padding: 0 0 60px 0; font-size: 1.1rem; line-height: 2em;}

  .page-about-con span.title-style { font-size: 1.4rem; font-weight: 500;}





  /************ page news ************/



  .page-main-content .top-massage-box { width: 100%;}

  .page-main-content .top-massage-box ul.massage-tab { width: 100%; padding: 0; margin: 0; list-style: none; border-bottom: 1px #026535 solid; display: flex; justify-content: center; align-items: flex-start; position: relative; z-index: 1;}

  .page-main-content .top-massage-box ul.massage-tab li { padding: 0; margin: 0 20px;}

  .page-main-content .top-massage-box ul.massage-tab li a { padding: 15px 0; color: #026535; font-size: 1.2rem; text-decoration: none; border-bottom: 5px #fff solid; display: block;}

  .page-main-content .top-massage-box ul.massage-tab li a:hover { border-bottom: 5px #026535 solid;}

  .page-main-content .top-massage-box ul.massage-tab li a.sel { border-bottom: 5px #026535 solid;}

  .page-main-content .top-massage-box ul.massage-tab img.massage-icon { width: 40px; height: auto; position: absolute; top: 0; left: 0; z-index: 2;}



  .page-main-content .top-massage-box .massage-list { clear: both; width: 100%; padding: 30px 0; margin: 0 auto;}

  .page-main-content .top-massage-box .massage-list div { width: 100%; margin: 0 auto;}

  .page-main-content .top-massage-box .massage-list div img.top-pic { clear: both; width: 100%; height: auto; margin: 0 0 20px 0;}

  .page-main-content .top-massage-box .massage-list div .index-news-list { clear: both; width: 100%; margin: 0 0 15px 0;}

  .page-main-content .top-massage-box .massage-list div .index-news-list .news-date { width: 120px; padding: 5px 0; color: #fff; font-size: 1.2rem; text-align: center; background-color: #026535; float: left;}

  .page-main-content .top-massage-box .massage-list div .index-news-list .news-title { clear: both; width: 100%; padding: 5px 0 0 0; box-sizing: border-box;}

  .page-main-content .top-massage-box .massage-list div .index-news-list .news-title a { color: #000; font-size: 1.2rem; text-decoration: none;}

  .page-main-content .top-massage-box .massage-list div .index-news-list .news-title a:hover { color: #026535;}

  .page-main-content .top-massage-box .massage-list div .index-news-list .news-con-title { clear: both; width: 100%; padding: 10px 0; font-size: 1.2rem; font-weight: 500; border-bottom: 1px #ccc solid;}





  /************ page news-content ************/



  .page-main-content .top-massage-box .massage-list div .page-news-content { clear: both; width: 100%; padding: 40px 0; font-size: 1.1rem; line-height: 2em;}

  .page-main-content .top-massage-box .massage-list div .page-news-content a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}

  .page-main-content .top-massage-box .massage-list div .page-news-content img { max-width: 100%; height: auto;}



  .page-goback-bt { clear: both; width: 120px !important; margin: 60px auto 0 auto;}

  .page-goback-bt a { width: 100%; padding: 5px 0; color: #fff; font-size: 1.1rem; text-align: center; text-decoration: none; border-radius: 14px; background-color: #8d1f22; display: block;}

  .page-goback-bt a:hover { background-color: #b9292d;}





  /************ page-num ************/



  ul.page-num-box { clear: both; width: 100%; padding: 0; margin: 60px 0 0 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

  ul.page-num-box li { padding: 0; margin: 0 5px 20px 5px;}

  ul.page-num-box li a { padding: 5px; color: #026535; font-size: 0.9rem; text-decoration: none; border: 1px #fff solid; background-color: #fff; display: block;}

  ul.page-num-box li a:hover { border: 1px #026535 solid;}

  ul.page-num-box li a.sel { color: #fff; border: 1px #026535 solid; background-color: #026535;}





  /************ page-manager ************/



  ul.manager-type-tab { clear: both; width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

  ul.manager-type-tab li { padding: 0; margin: 0 10px 20px 10px;}

  ul.manager-type-tab li a { padding: 2px 20px; color: #e66b28; font-size: 1.2rem; text-decoration: none; border-radius: 20px; border: 1px #e66b28 solid; background-color: #fff; box-sizing: border-box; display: block;}

  ul.manager-type-tab li a:hover { background-color: #eee;}

  ul.manager-type-tab li a.sel { color: #fff; background-color: #e66b28;}



  .page-manager-list { clear: both; width: 100%;}

  .page-manager-list div { display: block;}



  .page-manager-con { clear: both; width: 100%; margin: 90px auto; border: 1px #999 solid; background-color: #fff; position: relative;}

  .page-manager-con .title-box { width: 100%; padding: 10px 0; color: #fff; font-size: 1.2rem; font-weight: 500; line-height: 1.2em; text-align: center; border-radius: 20px; background-color: #e66b28; position: absolute; top: -30px; left: 0;}

  .page-manager-con .table-caption-full { clear: both; width: 100%; font-size: 1rem; font-weight: 500; line-height: 1.2em; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

  .page-manager-con .table-caption-full .caption-0 { display: none;}

  .page-manager-con .table-caption-full .caption-1 { display: none;}

  .page-manager-con .table-caption-full .caption-2 { display: none;}

  /*.page-manager-con .table-caption-full .caption-3 { width: 50%; padding: 50px 10px 30px 10px; text-align: center; box-sizing: border-box;}*/

  .page-manager-con .table-column-full { clear: both; width: 100%; font-size: 0.8rem; line-height: 1.6em; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

  .page-manager-con .table-column-full:last-child { border-bottom: 0;}

  .page-manager-con .table-column-full .column-0 { width: 100%; padding: 30px 10px; border-bottom: 1px #ccc dashed; box-sizing: border-box;}

  .page-manager-con .table-column-full .column-0 .photo { width: 160px; height: 160px; margin: 0 auto; border-radius: 100%; border: 5px #fff solid; background-color: #efefef; box-sizing: border-box; display: flex; justify-content: center; align-items: center; overflow: hidden; -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);}

  .page-manager-con .table-column-full .column-0 .photo img { min-width: auto; width: 100%; min-height: 100%; height: auto;}

  .page-manager-con .table-column-full .column-1 { width: 100%; padding: 30px 10px; text-align: right; box-sizing: border-box; border-bottom: 1px #ccc dashed; display: flex; justify-content: flex-end; align-items: flex-start;}

  .page-manager-con .table-column-full .column-1 .column-1-1 { width: 65%; text-align: right;}

  .page-manager-con .table-column-full .column-1 .column-1-2 { width: 35%; text-align: center;}

  .page-manager-con .table-column-full .column-2 { width: 100%; padding: 30px 10px; text-align: justify; background-color: rgba(179,179,179,0.2); box-sizing: border-box;}

  .page-manager-con .table-column-full .column-2 ul { padding: 0 0 0 20px; margin: 0; box-sizing: border-box; list-style-type: disc; display: block;}

  .page-manager-con .table-column-full .column-2 ul li { padding: 0; margin: 0; word-break: break-all; word-wrap: break-word;}

  /*.page-manager-con .table-column-full .column-3 { width: 50%; padding: 30px 10px; box-sizing: border-box; word-break: break-all; word-wrap: break-word;}*/





  /************ page-links ************/



  ul.page-links-list { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}

  ul.page-links-list li { width: 100%; padding: 10px; margin: 0; color: #026535; font-size: 1.2rem; display: flex; justify-content: flex-start; align-items: flex-start; box-sizing: border-box;}

  ul.page-links-list li .icon { width: 30px;}

  ul.page-links-list li .title { width: calc(100% - 30px);}

  ul.page-links-list li .title a { color: #026535; text-decoration: none;}

  ul.page-links-list li .title a:hover { border-bottom: 1px #026535 solid;}





  /************ page-publication ************/



  .page-books-list { clear: both; width: 100%;}

  .page-books-list .title { width: 100%; padding: 0 0 10px 0; margin: 0 0 40px 0; color: #026535; font-size: 1.6rem; font-weight: 500; border-bottom: 1px #026535 solid;}

  .page-books-list ul.books-class-tab { width: 100%; padding: 0; margin: 0 0 30px 0; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}

  .page-books-list ul.books-class-tab li { padding: 0; margin: 0;}

  .page-books-list ul.books-class-tab li a { padding: 3px 10px; margin: 0 5px 10px 5px; color: #026535; font-size: 1.1rem; border: 1px #026535 solid; border-radius: 10px; background-color: #fff; text-decoration: none; display: block;}

  .page-books-list ul.books-class-tab li a:hover { background-color: #eee;}

  .page-books-list ul.books-class-tab li a.sel { color: #fff; background-color: #026535;}

  .page-books-list .books-list-con { width: 100%; margin: 0 0 40px 0;}

  .page-books-list .books-list-con div { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

  .page-books-list .books-list-con div .book-box { width: calc(100% / 2 - 10px); padding: 5px; margin: 0 5px 20px 5px; border: 1px #eee solid; box-sizing: border-box;}

  .page-books-list .books-list-con div .book-box:hover { border: 2px #ccc solid;}

  .page-books-list .books-list-con div .book-box a { width: 100%; color: #026535; text-decoration: none; display: block;}

  .page-books-list .books-list-con div .book-box .book-pic { width: 100%;}

  .page-books-list .books-list-con div .book-box .book-pic img { width: 100%; height: auto;}

  .page-books-list .books-list-con div .book-box .book-title { width: 100%; padding: 10px 0; color: #026535; font-size: 0.9rem; border-bottom: 1px #eee dashed;}

  .page-books-list .books-list-con div .book-box .book-author { width: 100%; padding: 10px 0 0 0; color: #026535; font-size: 0.8rem;}





  .page-periodical-list { clear: both; width: 100%;}

  .page-periodical-list .title { width: 100%; padding: 0 0 10px 0; margin: 0 0 40px 0; color: #026535; font-size: 1.6rem; font-weight: 500; border-bottom: 1px #026535 solid;}

  .page-periodical-list ul.periodical-class-tab { width: 100%; padding: 0; margin: 0 0 30px 0; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}

  .page-periodical-list ul.periodical-class-tab li { padding: 0; margin: 0;}

  .page-periodical-list ul.periodical-class-tab li a { padding: 3px 10px; margin: 0 5px 10px 5px; color: #026535; font-size: 1.1rem; border: 1px #026535 solid; border-radius: 10px; background-color: #fff; text-decoration: none; display: block;}

  .page-periodical-list ul.periodical-class-tab li a:hover { background-color: #eee;}

  .page-periodical-list ul.periodical-class-tab li a.sel { color: #fff; background-color: #026535;}

  .page-periodical-list .periodical-list-con { width: 100%;}

  .page-periodical-list .periodical-list-con div { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

  .page-periodical-list .periodical-list-con div .periodical-box { width: calc(100% / 2 - 10px); padding: 5px; margin: 0 5px 20px 5px; border: 1px #eee solid; box-sizing: border-box;}

  .page-periodical-list .periodical-list-con div .periodical-box:hover { border: 2px #ccc solid;}

  .page-periodical-list .periodical-list-con div .periodical-box a { width: 100%; color: #026535; text-decoration: none; display: block;}

  .page-periodical-list .periodical-list-con div .periodical-box .per-pic { width: 100%;}

  .page-periodical-list .periodical-list-con div .periodical-box .per-pic img { width: 100%; height: auto;}

  .page-periodical-list .periodical-list-con div .periodical-box .per-title { width: 100%; padding: 10px 0; color: #026535; font-size: 0.9rem; border-bottom: 1px #eee dashed;}

  .page-periodical-list .periodical-list-con div .periodical-box .per-author { width: 100%; padding: 10px 0 0 0; color: #026535; font-size: 0.8rem;}





  /************ page-files-download ************/



  .page-files-download-con { clear: both; width: 100%; margin: 0 0 40px 0;}

  .page-files-download-con .title { width: 100%; padding: 0 0 10px 0; margin: 0 0 40px 0; color: #026535; font-size: 1.6rem; font-weight: 500; border-bottom: 1px #026535 solid;}



  .page-files-download-con .files-dw-list-caption { width: 100%; color: #fff; font-size: 1.1rem; font-weight: 500; background-color: #026535; display: flex; justify-content: flex-start; align-items: stretch;}

  .page-files-download-con .files-dw-list-caption .caption-1 { width: calc(100% - 80px); padding: 8px 10px; box-sizing: border-box;}

  .page-files-download-con .files-dw-list-caption .caption-2 { width: 80px; padding: 8px 0; text-align: center;}

  .page-files-download-con .files-dw-list-column { width: 100%; color: #333; border-bottom: 1px #ccc dashed; display: flex; justify-content: flex-start; align-items: stretch;}

  .page-files-download-con .files-dw-list-column:hover { background-color: #eee;}

  .page-files-download-con .files-dw-list-column .column-1 { width: calc(100% - 80px); padding: 10px 10px 8px 10px; font-size: 1.1rem; box-sizing: border-box;}

  .page-files-download-con .files-dw-list-column .column-2 { width: 80px; padding: 8px 0; text-align: center;}

  .page-files-download-con .files-dw-list-column .column-2 a { color: #026535; font-size: 1.4rem;}





  /************ page-donation ************/



  .page-donation-con { clear: both; width: 100%; margin: 0 0 40px 0; font-size: 1.1rem; line-height: 2em;}

  .page-donation-con .title { width: 100%; padding: 0 0 10px 0; margin: 0 0 40px 0; color: #026535; font-size: 1.6rem; font-weight: 500; border-bottom: 1px #026535 solid;}

  .page-donation-con span.title-style { font-size: 1.4rem; font-weight: 500;}





  /************ page-sitemap ************/



  ul.page-sitemap { width: 80%; padding: 0; margin: 90px auto; list-style: none; display: block;}

  ul.page-sitemap li { padding: 0; margin: 0 15px 30px 15px; color: #026535; font-size: 1.2rem; font-weight: 600;}

  ul.page-sitemap li a { color: #026535; text-decoration: none; border-bottom: 2px #026535 solid;}

  ul.page-sitemap li a:hover { }

  ul.page-sitemap li ul.sitemap-popup { width: 100%; padding: 0 0 0 20px; margin: 10px 0 0 0; box-sizing: border-box; list-style: none; display: block;}

  ul.page-sitemap li ul.sitemap-popup li { width: 100%; padding: 0; margin: 0; color: #026535; font-size: 1.1rem; font-weight: 400; line-height: 2em;}

  ul.page-sitemap li ul.sitemap-popup li a { color: #026535; text-decoration: none; border-bottom: 0;}

  ul.page-sitemap li ul.sitemap-popup li a:hover { color: #333;}





  /************ page-error404 ************/



  .page-error404 { clear: both; width: 100%; margin: 100px 0;}

  .page-error404 .title-big { display: none;}

  .page-error404 .title-big-mo { width: 100%; color: #026535; font-size: 4rem; font-weight: 900; line-height: 1em; text-align: center;}

  .page-error404 .title-small { display: none;}

  .page-error404 .title-small-mo { width: 100%; margin: 80px 0 30px 0; color: #026535; font-size: 2rem; font-weight: 600; text-align: center;}

  .page-error404 .back-home { width: 100%; text-align: center;}

  .page-error404 .back-home a { color: #026535; font-size: 1.4rem; text-decoration: none; border-bottom: 1px #026535 solid;}





  /************ footer ************/



  footer { clear: both; width: 100%; padding: 40px 20px; box-sizing: border-box; background-color: #8d1f22;}



  ul.footer-nav { width: 100%; padding: 0 0 20px 0; margin: 0 0 30px 0; border-bottom: 1px rgba(255,255,255,0.2) solid; list-style: none; display: flex; justify-content: center; flex-wrap: wrap;}

  ul.footer-nav li { padding: 0; margin: 0 15px 20px 15px; color: #fff; font-size: 1.2rem;}

  ul.footer-nav li a { color: #fff; text-decoration: none;}

  ul.footer-nav li a:hover { border-bottom: 1px #fff solid;}

  ul.footer-nav li ul.footer-nav-popup { padding: 0; margin: 5px 0 0 0; list-style: none; display: block;}

  ul.footer-nav li ul.footer-nav-popup li { padding: 0; margin: 0;}

  ul.footer-nav li ul.footer-nav-popup li a { color: #fff; font-size: 1rem; font-weight: 300; line-height: 1.6em;}

  ul.footer-nav li ul.footer-nav-popup li a:hover { border-bottom: 1px #fff solid;}



  /**20250616新增**/
  .footer-order-bt { width: 80px; margin: 0 40px;}
  .footer-order-bt a { width: 100%; padding: 0 10px; color: #000 !important; font-size: 1.1rem; text-align: center; text-decoration: none; border-radius: 10px; background-color: rgba(255,255,255,1); display: block;}
  .footer-order-bt a:hover { border-bottom: 0 !important; background-color: rgba(255,255,255,0.8);}



  .infor-text { display: none;}

  .infor-text-mo { width: 100%; color: #fff; font-size: 1rem; font-weight: 300; line-height: 1.8em; text-align: center;}



  .infor-fb { width: 100%; margin: 30px 0 0 0; display: flex; justify-content: center;}

  
  /**20260421新增**/
  .publication-order-box { clear: both; width: 100%;}
  .publication-order-box img.col-banner { width: 100%; height: auto !important; margin: 0 0 10px 0;}
  .publication-order-box img.col-qrcode { width: 40%; height: auto !important; margin: 0 0 40px 0;}



}