@charset "utf-8";
/* CSS Document */
body, html {/* height:100%; */}
body {font-family: 'Noto Serif TC','微軟正黑體', sans-serif;font-size: 17px;line-height:1.5;background: #ffffff00;position: relative;}
a{color: inherit;}
a:hover,a:active,a:focus{ color: inherit;text-decoration:none!important;outline:none!important;}
.container{max-width:1300px;padding: 0;}
.container01{max-width: 1000px;margin:0 auto;position: relative;z-index: 1;}
.transi{-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}
.en{font-family: 'Lato', sans-serif;}
.imp_t{color: #d15650;}
/*---------------------- 基礎設定 ----------------------*/

/*社群分享*/
/* .share{display: flex;justify-content: flex-end;align-items: center;line-height: normal;margin:30px 0;text-align: center;}
.share ul{padding: 0;margin-bottom:0;list-style:none;text-align: right;}
.share ul li{display:inline-block;vertical-align: middle;letter-spacing: 0;}
.share ul li.fb{color:#3b5998}
.share ul li.line{color:#00c300}
.share ul li:hover i{cursor:pointer; opacity:.9}
.share ul li i{font-size:28px;margin-right: 8px;} */

.scrollbar-style::-webkit-scrollbar-track,
body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color:#eee;
}
.scroll02::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px #eee;
    background-color:#eee;}
.scroll02::-webkit-scrollbar{width: 4px;}

.scrollbar-style::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb, .scroll02::-webkit-scrollbar-thumb,.d_menu_h::-webkit-scrollbar-thumb
{
    background-color:#14407d;
}

body::-webkit-scrollbar{width:8px;}
.d_menu_h{overflow-y: auto; max-height: 200px;}

.d_menu_h::-webkit-scrollbar,
body::-webkit-scrollbar
{
    width: 4px;
    background-color:#eee;
}

/* 回頂端 */
.gotop{background: #7bcef4;color: #ffffff;border: 1px solid #fff;text-align:center;position:fixed;bottom: 53px;right: 30px;width: 44px;height: 44px;line-height: 36px;cursor:pointer;display:none;transition:all .3s linear;z-index: 999;border-radius: 5px;}
.gotop:hover{background: #f3b46e;}
.modal-dialog{z-index: 1050 !important;}
/*列印*/
@media print{
    body::before,body::after,main::before,main::after{ display: none;}
    * {
      -webkit-print-color-adjust: exact !important;
    }
    .print-success{margin-top:30px;}
    .noBreak {
      break-inside: avoid;
    }
    .noPrint {
      display: none!important;
    }
    .applyForm .act_info{position: initial!important;}
  }
/*主選單*/
header{background-color: #fff;position: fixed;left: 50%;z-index: 7;width: calc(100% - 40px);transform: translateX(-50%);border-radius: 5px;padding: 0 20px;}
header.fixed{background: #ffffff;width: 100%;top: 8px;padding: 0 35px;border-bottom: 1px solid #eee;}
header .navbar{padding: .5rem 0;}
header .navbar-brand{width: 295px;padding: 0;margin-right: 0;}
header .navbar-brand img{ max-width:100%; max-height:100%}
header .nav-item .nav-link{ color:#fff}
header button.navbar-toggler{border-radius: 0;width: 44px;height: 44px;min-width: auto;min-height: auto;padding: 0;position:relative;}
header button.navbar-toggler:hover:after{ display:none;}
header button.navbar-toggler span{display:block;width: 100%;border-bottom: solid 2px #f5aeab;transition: all .2s ease-in-out;}
header button.navbar-toggler span + span{ margin-top:10px;}
header button.navbar-toggler[aria-expanded="true"] span{ position:absolute;}
header button.navbar-toggler[aria-expanded="true"] span:nth-child(1){transform: rotate(-45deg);}
header button.navbar-toggler[aria-expanded="true"] span:nth-child(2){ display:none;}
header button.navbar-toggler[aria-expanded="true"] span:nth-child(3){transform: rotate(45deg);top: 10px;}
.subNav .nav-item{border-radius: 20px;}
.nav-item.active a{color:#484848!important;}
.navbar-expand-lg .navbar-nav{ margin-left:auto;}
.navbar-expand-lg .nav-item{margin:0 10px}
.navbar-expand-lg .nav-link{border-radius:60px}
.navbar-expand-lg .navbar-nav.mb{ display:none}
.nav-donate{background-color:#d15650;color: #FFF!important;}
.nav-donate i{margin-right:5px;}
.nav-donate:hover{background-color:#f5aeab!important;}
.nav-donate:hover i{transform: rotate3d(0, 1, 0, 360deg);}
header .navbar-expand-lg .navbar-nav .nav-link{position:relative;padding: .6rem 1rem;color: #515151;-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}
header .navbar-expand-lg .navbar-nav .nav-link:hover,.navbar-expand-lg .navbar-nav .dropdown-menu{background-color:#faf1de}
.about-page .nav-link:hover,.about-page .navbar-expand-lg .navbar-nav .dropdown-menu,.about-page .nav-item.active,.about-page .subNav .nav-item:hover{background-color:#91dc8b!important}
.donate-page .nav-link:hover,.donate-page .navbar-expand-lg .navbar-nav .dropdown-menu{background-color:#f5aeab!important}
.active-page .nav-link:hover,.active-page .navbar-expand-lg .navbar-nav .dropdown-menu{background-color:#f3b46e!important}
.news-page .nav-link:hover,.news-page .navbar-expand-lg .navbar-nav .dropdown-menu{background-color:#7bcef4!important}
.dropdown-item:hover,.dropdown-item.active, .dropdown-item:active{color:#484848;background-color:#fff!important;}
.navbar-expand-lg .navbar-nav .dropdown-menu{top: 62px;left:50%;transform:translateX(-50%);border:none;border-radius:0 0 5px 5px;margin-top:0;padding:10px;}
/* .navbar-expand-lg .navbar-nav .dropdown-menu:before{position:absolute;content:'';width:30px;height:30px;border-radius:60px;top:-15px;left:50%;transform:translateX(-50%)} */
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{border-radius:60px}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item+.dropdown-item{margin-top:10px}
.nav-login{background-color:#f5aeab;border-radius: 60px;color: #ffff;}
.nav-login i{margin-right:2px}
.nav-login a{color: #ffff!important}
/*公用*/
body::before,body::after{position: fixed;content: '';width: 100%;height: 8px;left: 0;z-index: 20;}
body::before{background-color: #f5aeab;top: 0;}
body::after{background-color: #7bcef4;bottom: 0;}
main{position: relative;}
main::before,main::after{position: absolute;content: '';width: 8px;height: 100%;top: 0;z-index: 20;}
main::before{left: 0;background-color: #91dc8b;}
main::after{right:0;background-color: #f3b46e;}
.font-style{
    font-size: 19px;
    line-height: 1.8;
    letter-spacing: 1px;
}
/*banner*/
.carousel{position:relative;padding-top: 110px;}
.carousel-inner{width: 90%;margin-left: auto;padding-left: 50px;padding-bottom: 50px;/* border-radius: 60px 0 0 60px; */}
.carousel-item{/* position:relative */}
.carousel-item .photo{border-radius: 250px 0 0 250px;overflow: hidden;}
/* .carousel-item:before,.carousel-item:after{position:absolute;content:'';background-size: contain;width: 200px;height: 200px;z-index: 4;} */
/* .carousel-item:before{transform: rotate(90deg);top: 0;background-image: url(../images/all/mask.png);}
.carousel-item:after{bottom: 0;background-image: url(../images/all/mask-g.png);} */
.carousel-caption{
    width: 60%;
    right: 0;
    left: auto;
    bottom: -50px;
    background-color: rgba(255, 255, 255, 1);
    text-align: left;
    padding: 20px 30px 20px;
    border-radius: 30px 0 0 30px;
}
/* .active .carousel-caption{opacity:1;} */
.carousel-banner-box{position:relative;padding-bottom: 50px;}
.carousel-banner-box:before{position:absolute;content:'';width: 100%;height: 40%;background-image:url(../images/all/bk.jpg);opacity: .3;bottom: 0;z-index: -2;}
.carousel-banner-box:after{position:absolute;content:'';width: 70%;height: 45%;background-color: #91dc8b;bottom: 0;z-index: -1;border-radius: 0 0 100px 0;}

.carousel-caption{width: 60%;font-size: 1rem;text-align: left;position: absolute;/* top: 50%; */transform: translateY(-20%);}
.carousel-caption h5{font-weight: normal;font-size: 2.2em;}
.carousel-caption p{font-size: 1.1em;margin-bottom: 0;}
.carousel-item img{max-height:100%;max-width: 100%;margin: 0 auto;display: table;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#a8d221}
.control-btn{
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    width: 100px;
    height: 100px;
    position: relative;
    }
.control-btn:before{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    top: 50%;
    margin-top: -40px;
    width: 80px;
    height: 80px;
    background-color: rgba(255, 255, 255, .5);
    transition: background-color 100ms;
    border-radius: 50%;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition:  all .3s linear;
    }
.carousel-control-next, .carousel-control-prev{z-index:3}
[class^="carousel-control"] span{background-size: contain;background: url(../images/all/control-icon.png) no-repeat;width: 15px;height: 30px;top: 50%;transform: translateY(-50%);position: absolute;opacity: .5;}
.carousel-control-prev span{background-position: left!important;left: 40%;}
.carousel-control-next span{background-position: right!important;right: 40%;}
[class^="carousel-control"]:hover span{background: url(../images/all/control-icon-w.png) no-repeat;opacity:1;}

.carousel-control-prev:hover .control-btn,.carousel-control-next:hover .control-btn{background-color: transparent;box-shadow: 0 0 16px -1px rgba(195, 195, 195, 0.4);}
.carousel-control-prev:hover .control-btn:before{background-color: rgba(136, 234, 128, .3);}
.carousel-control-next:hover .control-btn:before{background-color: rgb(243, 180, 110, .3);}
.banner{text-align: center;position: relative;}
.banner img{max-width:100%;}
.banner h2{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 20px 30px;color: #fff;text-shadow: 2px 2px 10px rgba(0, 0, 0, .6);}



/*按鈕樣式*/
.btn-style{
    padding: 7px 30px;
    display: table;
    font-size: 17px;
    border-radius: 60px;
    position:relative;
    z-index: 0;
}
.btn-style i{margin-left: 4px;font-size: 15px;}
.btn-style:before{position:absolute;content:'';left: 0;right: 100%;top: 0;bottom: 0;border-radius: 60px;z-index: -1; opacity:0; -o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}
.w-btn{background-color: #fff;color: #000;}
.g-btn{background-color: #91dc8b;}
.p-btn{background-color: #f5aeab;color: #fff;}
.o-btn{background-color: #f3b46e; color:#fff;}
.b-btn{background-color: #7bcef4; color:#fff;}
.o-btn-line{border: 1px solid #f3b46e;color: #ea973a;}
.w-btn:before{background-color: #f5aeab;}
.o-btn:before{background-color: #ea973a;}
.o-btn-line:before{background-color: #ea973a;}
.b-btn:before{background-color: #3cb0e6;}
.btn-style:hover:before, a:hover .btn-style:before{right:0;opacity:1}
a.btn-style:hover, .btn-style:hover,a:hover .btn-style{color:#fff!important;}

.p-btn:before{background-color: #d15650;}
.btn-wrap{margin-top: 20px;}
button{border:0;line-height: normal;padding:10px 20px;/* background: #f95036; */letter-spacing: 2px;color: #fff;cursor:pointer;outline: none;position:relative;transition:all .6s linear;font-size: .9em;z-index: 1;}
/* button:not(.mfp-arrow):after{content:'';display:block;position:absolute;top:0;left:0;right:100%;bottom:0;background:#fc0;z-index:-1;transition:all .3s linear;} */
/* button:not(.mfp-arrow):hover{ background:transparent;} */
button[disabled]{opacity: .5; cursor:default;}
button[disabled]:hover{ background:#f95036}
button[disabled]:after{ display:none}
button:hover,button:focus,button:active{ outline:none;}
button:hover:after{ right:0;}
button + button{ margin-left: 1rem;}
.category-3{ margin-top:2em}

/*欄位*/
input[type=text],input[type=number],input[type=password],select{width: 100%;border-radius: 5px;border: none;padding-left: 10px; box-sizing: border-box;height: 38px;}
textarea{width: 100%;border-radius: 5px;border: none;padding-left: 10px;box-sizing: border-box;outline: none;}
::placeholder{ letter-spacing: .5px;font-size: 15px;color:#b5b5b5;}
input[type=radio]{width: 15px;height: 15px;margin-right: 10px;}
input[type=radio]+input[type=radio]{margin-left:30px}
/*欄位警告*/
.chk_warn-box{width: 100%;}
.bth-chk_warn-box .chk_warn{width:calc(100% / 3);}
.bth-chk_warn-box .chk_warn+.chk_warn{margin-left: 15px;}
.chk_warn{color: #7b2925;font-size: 14px;width: 100%;margin-top: 2px;}
.chk_warn+.chk_warn{margin-left:3px;}
/*分頁*/
.pagination{margin: 3rem 0 0;-webkit-justify-content: center;justify-content: center;}
.pagination .page-link{color: inherit;background-color: transparent;border: 0;}
.pagination{flex-wrap:wrap}
.page-item a{background-color: #eee;color:#505050}
.news-page .page-item.active a{background-color: rgba(123, 206, 244);}
.active-page .page-item.active a{background-color: rgb(243, 180, 110);}
.donate-page .page-item.active a{background-color: rgb(245, 174, 171);}
.pagination .page-link:hover{background: #eee;}
.mt-2 .pagination{margin-top:0;}

/*頁尾*/
footer{background-color:#7bcef4;margin-top:100px}
.footer-donate{width:400px;background-color:#91dc8b;padding:35px;border-radius:0 30px 0 0;margin-top:-60px;position:relative;z-index:11;overflow: hidden;}
.footer-donate::before{position: absolute;content: '';background-image: url(../images/all/heart.png);background-size: contain;width: 120%;height: 98%;background-repeat: no-repeat;background-position: center;z-index: -1;opacity: .2;left: -10%;top: 0;/* transform: translateX(50%); */-webkit-animation:heartAnimation 1.8s cubic-bezier(.25,.46,.45,.94) infinite;animation:heartAnimation 1.8s cubic-bezier(.25,.46,.45,.94) infinite;}

@-webkit-keyframes heartAnimation {
 0%{transform: rotate(-20deg);}
25%{transform: rotate(0deg);}
50%{transform: rotate(20deg);}
75%{transform: rotate(0deg);}
100%{transform: rotate(-20deg);}
}
@keyframes heartAnimation {
 0%{transform: rotate(-20deg);}
25%{transform: rotate(0deg);}
50%{transform: rotate(20deg);}
75%{transform: rotate(0deg);}
100%{transform: rotate(-20deg);}

}
.footer-donate .mjtitle-box:before{background-color:#fff}
.footer-donate p{font-size:18px;text-align:center;color: #484848;margin-bottom:25px;}
.e-paper .mjtitle-box:before{background-color:#fff}
.e-paper .o-btn{background-color:#fff;color:#333;display:block;width:100%;text-align:center}
.e-paper .o-btn:hover{color:#fff}
.footer-info{padding-top:40px;width:calc(100% - 400px)}
.footer-info ul{padding-left:0;list-style:none;color: #198bbf;margin-bottom:0;}
.footer-left{padding-left:100px}
.footer-left p{font-size:24px;margin-bottom:25px;color: #158bc1;}
.footer-left ul li{font-size:17px}
.footer-left ul li+li{margin-top:10px}
.footer-left ul li i{background-color: #fff;margin-right:10px;width:25px;height:25px;line-height:25px;display:table;text-align:center;border-radius:60px;font-size:15px;color: #158bc1;}
.footer-left ul li a:hover{opacity:.8;text-decoration:underline!important}
.footer-right{padding-right:120px}
.footer-bottom{padding-bottom:15px;border-top:1px solid #fff;padding-top:15px;padding-left:100px;margin-top:30px;width:100%}
.footer-bottom li{padding:5px;border-radius:5px;}
.footer-bottom li img{border-radius:5px;}
.footer-bottom li:hover img{transform:scale(1.07)}
.footer-bottom li+li{margin-left: 10px;}
.copyright{padding-right:120px;font-size:15px;font-weight:600;color: #158bc1;letter-spacing:1px;padding-left: 30px;}
.donate-now{position: fixed;bottom: 30%;right: 0;z-index: 19;}
.donate-now a{background: #f3b46e;display:inline-block;padding: 1rem 1.5rem;border-radius: 5px 0 0 5px;transition:all .3s linear;position:relative;color:#fff;font-size: 20px;letter-spacing:3px;border: 1px solid #fff;writing-mode: vertical-rl;}
.donate-now a i{position:absolute;left:50%;top:-5px;transform:translate(-50%,-50%);opacity:0;color:#d15650}
.donate-now a:hover{background: #ea973a;}
.donate-now a:hover i{transform:translate(-50%,-100%) rotate3d(0, 1, 0, 360deg);opacity:1; }
/*麵包屑*/
.sideNav + .breadcrumb{ margin-top:0}
.breadcrumb{background:transparent;/* max-width: 1100px; */margin: 0 auto 35px;padding: 0;justify-content: flex-end;font-size: .85em;color: #b5b5b5;}
.breadcrumb .active{
    color: #7b7b7b;
}
.breadcrumb>li+li:before{display:none}
.breadcrumb>li a:after{content:'';display:inline-block;margin:0 5px 0 10px;width:0;height:0;border-style:solid;border-width: 5.25px 0 5.25px 8px;border-color: transparent transparent transparent #e2e2e2;-webkit-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-ms-transform:scale(.8);-webkit-transform:scale(.8);transform:scale(.8);}
.breadcrumb>li:last-child a:after{ display:none;}

/*RWD編輯器表格(X捲軸)*/
.table-container table{width:100%}
.table-container table td{min-width:100px;padding:5px;border: 1px solid #ffffff;white-space:inherit;}
.table-container table td,.table-container table th{
    padding: 10px 15px;
}
.table-container table th{border: 1px solid #ffffff;}
.active-page table th{background-color:#f3b46e;}
.donate-page table th{background-color:#f5aeab;}
.active-page table td{background-color:#ffefdd;}
.donate-page table td{background-color:#fee;}

@media screen and (max-width: 768px) {
.table-container{width:100%;overflow-y:auto;overflow:auto;margin:0 0 1em}
}

/*四圖四文*/
.page-content{line-height:1.8;color:#444;margin-top: 10px;}
.page-content a span{border-radius:3px;padding: 0 5px;}
/* .page-content a:before{position:absolute;content:'\f0c1';font-family: 'Font Awesome 5 Free';font-weight: 900;left: 7px;top: 4px;font-size: 12px;} */
/* .active-page .page-content a{background-color: #ffe8cf;} */
.active-page .page-content a:hover{ background-color:#f3b46e;}
.active-page .page-content a{border-radius:2px;padding: 0 5px;}
.page-content table{max-width:100%}
.imgg{max-width:100%;display:block;margin:0 auto}
.imgg2{max-width:100%;display:block}
.tx01{clear:both;margin-bottom:2em;}
.tx01:last-child{margin-bottom:0}
.tx01 p:last-child{margin-bottom:0!important}
.tx02{clear:both;overflow:hidden;margin-bottom:2em}
.tx02:after{content:'';display:block;clear:both}
.img-left,.img-left1{float:left;padding-bottom:1em;padding-right: 2em;}
.img-right,.img-right1{float:right;padding-bottom:1em;padding-left:1em}
.img-left img,.img-right img{max-width:400px}
.img-left1 img,.img-right1 img{max-width:430px}
.img_center img{float:left;padding:1em;width:33.3%;text-align:center}

/*首頁*/
.mjtitle{margin-bottom:40px}
.mjtitle-box{display:table;margin:0 auto;position:relative;font-size: 1.8rem;}
.mjtitle-box:before{position:absolute;content:'';width:100%;height:1px;background-color:#7bcef4;bottom:-9px}
.deco-dot{width:8px;height:8px;display:table;background-color:#f3b46e;border-radius:60px;position:absolute;bottom:-12px}
.deco-dot:nth-of-type(1){left:-10px}
.deco-dot:nth-of-type(2){right:-10px}
.index{background:#fff;overflow:hidden}
.index-video-box{position:relative;padding:50px 0 80px;z-index:0}
.index-video-box:before{position:absolute;content:'';background-image:url(../images/all/bk.jpg);opacity:.3;width:100%;height:100%;top:0}
.index-video-box iframe{border-radius:30px}
.index-video{position:relative}
.index-about{position:relative;z-index:1;color:#fff;padding:100px 0;text-align:center;}
.index-about:before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background-color:#333;opacity:.3;z-index:-1}
.service-peo-k .fullBg{opacity:1}
.index-donate{margin-bottom:60px}
.service-peo{overflow:hidden;position:relative;padding:100px 0 50px;z-index:1;margin-bottom:50px}
.service-peo-box{padding:350px 0 50px;position:relative}
.service-peo:before{position:absolute;content:'';width:70%;height:55%;background-color:#f3b46e;bottom:0;z-index:-1;border-radius:0 0 0 100px;right:0}
.service-peo:after{position:absolute;content:'';width:100%;height:95%;background-image:url(../images/all/bk.jpg);top:0;opacity:.3;z-index:-2}
.index-service-item{width:calc(100% / 3 - 20px);text-align:center;margin:0 10px;border-radius:30px}
.index-service-item p{margin-bottom:0}
.index-service-item>a{padding:30px;border-radius:20px;background-color:#fff;box-shadow:0 2px 10px rgba(51,51,51,.2)}
.hb{position:relative;z-index:2;display:block}
/* .index-service-item.active{margin-top:-20px} */
.index-service-item.active a{color:#fff}
.index-service-item:nth-of-type(2).active a{background-color:#7bcef4}
.index-service-item:nth-of-type(3).active a{background-color:#91dc8b}
.index-service-item:nth-of-type(4).active a{background-color:#f5aeab}
.index-service-item:nth-of-type(2) .btn-style{background-color:#7bcef4;color:#fff}
.index-service-item:nth-of-type(3) .btn-style{background-color:#91dc8b;color:#fff}
.index-service-item:nth-of-type(4) .btn-style{background-color:#f5aeab;color:#fff}
.index-service-item a:hover .btn-style:before{background-color:#fff;}
.index-service-item:nth-of-type(2) a:hover .btn-style{color:#7bcef4!important}
.index-service-item:nth-of-type(3) a:hover .btn-style{color:#91dc8b!important}
.index-service-item:nth-of-type(4) a:hover .btn-style{color:#f5aeab!important}
.index-service-item a:hover .btn-style:before
.index-donate{margin-bottom:50px}
.index-donate-box{padding:0 30px}
.index-donate-box figure{position:relative;overflow:hidden;border-radius:20px 20px 0 0;background-color:#7bcef4;margin-bottom:0}
.index-donate-box figure:before{position:absolute;content:'';width:0;height:0;border-top:35px solid #7bcef4;border-left:0 solid transparent;border-right:35px solid transparent;z-index:1}
.index-donate-box figure:after{position:absolute;content:'';width:100%;height:100%;top:0;border-style:solid;border-color:#7bcef4;border-width:3px 3px 0;border-radius:20px 20px 0 0;opacity:0;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.index-donate-box figure img{border-radius:20px 20px 0 0}
.index-donate-box a:hover figure img{transform:scale(1.1)}
.index-donate-box a:hover figure:after{opacity:1}
.donate-txt{background-color:#7bcef4;border-radius:0 0 20px 20px;padding: 15px;}
.donate-txt .date{color: #fff;letter-spacing: 1px;margin: 1rem auto 0;}
.donate-txt h3{font-size: 1.4rem;border-bottom:1px solid #fff;color:#fff;padding-bottom:5px;overflow: hidden;text-overflow : ellipsis;white-space : nowrap;width: 100%;}
.donate-code{font-size:15px;color: #a22722;}
.JQellipsis{height:75px}
.news-detail .donate-code{border-left: 3px solid #a22722;padding-left: 10px;}
.donate-code span{
    font-family: 'Lato', sans-serif;
    margin-left: 5px;
}
.index-donate-box .o-btn{background-color:#fff;color:#000}
.index-news ul{width: calc(100% - 250px);padding-left: 0;list-style: none;padding-right: 60px;}
.index-news ul li+li{border-top: 1px dashed #c5c5c5;padding-top: 10px;margin-top: 10px;}
.index-news ul li h4{
    font-size: 19px;
    margin-left: 25px;
    margin-bottom: 0;
}
.index-news .news-info{
    border-right: 1px dashed #c5c5c5;
    padding: 7px 25px;
}
/* .index-news .news-info:before{position:absolute;content:'';width: 4px;height: 98%;top: 1%;right: -10px;background-color: #7bcef4;border-radius: 100px;} */
.index-news .news-info span{
    display: table;
    margin: 0 auto;
}
.news-date{
    /* color: #9e9e9e; */
    letter-spacing: 1px;
}
.news-tag{
    background-color: #f3b46e;
    border-radius: 60px;
    padding: 3px 10px;
    font-size: 14px;
    margin-top: 3px;
    color: #ffffff;
}
.index-news ul li a:hover h4{
    margin-left: 35px;
}

.e-book{width: 250px;}
.e-book-title{
    text-align: center;
    border-radius: 20px 20px 0 0;
    background-color: #f5aeab;
    padding: 15px 10px 10px;
    margin-bottom: 5px;
}
.e-book-title h5{
    margin-bottom: 10px;
}
.e-book-title p{margin-bottom:0;background-color: #fff;border-radius: 20px;letter-spacing: 1px;font-size: 15px;display: table;margin: 0 auto;padding: 2px 0;max-width: 140px;width: 100%;}
.e-book a{
    display: table;
    position: relative;
    overflow: hidden;
}
.e-book-mask{position:absolute;width: 100%;height: 100%;background-color: rgba(245, 174, 171, 0);top: 0;}
.e-book-mask .btn-style{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity:0;padding: 7px 25px 10px;}
.e-book a:before{position:absolute;content:'';width: 100%;height: 100%;border: 3px solid #f5aeab;z-index: 1;opacity: 0;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.e-book a:hover:before{opacity:1}
.e-book a:hover .e-book-mask{background-color: rgba(245, 174, 171, .3);}
.e-book a:hover .btn-style{opacity:1;color:#333;}
.e-book a:hover .w-btn:before{display:none}
.e-book a:hover img{
    transform: scale(1.05);
}
.inner-news ul{width: 100%;padding-right: 0;}

@media screen and (min-width: 769px){
div.applybtnshow{right: 0;bottom: 50%;background: #f3b46e;display:inline-block;padding: 1rem 1.5rem;border-radius: 5px 0 0 5px;transition:all .3s linear;position: fixed;color:#fff;font-size: 20px;letter-spacing:3px;border: 1px solid #fff;writing-mode: vertical-rl;z-index: 1;}
div.applybtnshow i{margin-top:5px}
.act-list ul li .photo:after{position:absolute;content:'';width:100%;height:100%;top:0;left: 0;border-style:solid;border-color: #f3b46e;border-width: 4px 0 4px 4px;border-radius: 20px 0 0 20px;opacity:0;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.act-list ul li a:hover .photo:after{opacity:1}

/* .rwd-donateBtn{display:none} */
.about-page .pp-title-list ul li:nth-of-type(4n+2) h2,.about-page .pp-title-list ul li:nth-of-type(4n+3) h2{color:#f3b46e;}
.about-page .pp-title-list ul li:nth-of-type(4n+2) p,.about-page .pp-title-list ul li:nth-of-type(4n+3) p{background: #fff1e1;border-color:#f3b46e;}
}
@media screen and (min-width: 991px){
header{top: 20px;}
.active .hb+ .fullBg{opacity:1;/* transform:scale(1.02); */}
.index-service-item:hover{margin-top:-20px}
.fullBg{position:absolute;top: 0;left: 10%;width: 60%;height: 90%;opacity:0;transition:transform .5s,opacity .5s;transform:scale(1);z-index: -1;border-radius: 30px;}
.fullBg img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius: 20px;}
.map-location-mb{display: none!important;}
.dl-photo-list ul li:hover p:before{right:-90px;}
}

/*內頁架構*/
.banner + .wrapper{margin-top:0}
/* .wrapper{margin-top:66px;background:#fff} */
.wrapper h1{/* display:none; */}
.wrapper > .container{padding:1em 0;}
.wrapper > .container:after{content:'';display:block;clear:both}
.wrapper > .container > .main-box breadcrumb{margin-top:0}
.wrapper .main-box{margin: 0 0 3rem;padding-top: 2rem;}
.wrapper .subNav + .main-box{width:calc(100% - 260px);margin-left:20px;float:right}
.wrapper .main-box main.list{ max-width:none}
.wrapper .main-box main{max-width:1100px;margin:2em auto 0;background:#fff;position:relative;}
.wrapper .main-box main h1{display:table;letter-spacing:2px;font-size: 1.6em;line-height:1.5;max-width:600px;}
.wrapper .main-box main h1:after{content:'';display:block;width:40px;height:2px;background:#f95036;margin:.3em 0 0}
.wrapper .main-box main.list h1{ display:none;}
.subNav{background-color: #fff;border-radius: 15px;box-shadow: 0 15px 35px -5px rgba(0, 0, 0, 0.1);padding: 10px;margin-bottom: 40px;position: relative;}
.subNav:before{position:absolute;content:'';width: 105%;height: 50px;left: 50%;top: -18px;transform: translateX(-50%);z-index: -1;background-color: #ffffff;box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.1);}

.wrapper .subNav h2{ display:none;}
.wrapper .subNav .navbar-nav{display:block;width:100%;/* background: #fff; */}

.wrapper .subNav .navbar-collapse{justify-content:center}

.navbar-expand-lg .navbar-nav .dropdown-item{ padding:.5em 1em;}
.subNav .navbar-nav li:hover a,.subNav li.active a{border-radius: 30px;color:#fff;}
.active-page .subNav .navbar-nav li:hover a, .active-page .navbar-expand-lg .navbar-nav .dropdown-item:hover,.active-page .subNav li.active a{background: #f3b46e;}
.news-page .subNav .navbar-nav li:hover a, .news-page .navbar-expand-lg .navbar-nav .dropdown-item:hover,.news-page .subNav li.active a{background: #7bcef4;}
.donate-page .subNav .navbar-nav li:hover a, .donate-page .navbar-expand-lg .navbar-nav .dropdown-item:hover,.donate-page .subNav li.active a{background: #f5aeab;}
.subNav li+li{margin-left: 10px;}
.wrapper .subNav .navbar-nav .nav-item.show:hover{ background:transparent; color:inherit;}
.wrapper .subNav .nav-link{
    padding: .5rem 1rem;
}

/*內頁*/
.inner-banner-box{/* padding-top: 110px; *//* margin-top: 110px; */}
.inner-banner-box h1{
    text-align: center;
    padding: 30px 15px 80px;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    font-size: 2rem;
    z-index: 1;
    text-shadow: 0 0 3px #cbcbcb;
}
.inner-banner-box h1:before{position:absolute;content:'';width: 100%;height: 100%;background-color: rgba(255, 255, 255, .5);left: 0;top: 1px;z-index: -1;-webkit-filter: blur(1px);}
.inner-banner{
    height: 24vw;
    background-size: 100%!important;
    background-position: top!important;
    position: relative;
}
.wrapper{position:relative;z-index: 1;margin-top: -50px;}
.wrapper:before{position:absolute;content:'';width: 90%;height: 100%;/* background-color: #fff; */background: -webkit-linear-gradient(90deg,#ffffff,rgb(255, 255, 255)100%);background: linear-gradient(180deg,#ffffff,rgba(255, 255, 255, 0)100%);left: 50%;transform: translate(-50%, 0);border-radius: 50px 50px 0 0;z-index: -1;}
.wrapper:after{position:absolute;content:'';background-color: #faf1de;width:100%;height: calc(100% + 50px);top: 50px;z-index: -2;opacity: .6;}
/*認識我們*/
.paper-detail .title {border-bottom: 1px solid #91dc8b;}
.partner-detail .title {border-bottom: 1px solid #f3b46e;}
.paper-detail h2 i,.partner-detail h2 i{font-size: 24px;margin-right: 20px;}
.paper-detail h2 i{color: #91dc8b;}
.partner-detail h2 i{color: #f3b46e;}
.paper-detail h2 p,.partner-detail h2 p{padding: 3px 20px;border-radius: 20px;position: relative;font-size: 1.6rem;letter-spacing: 1px;}
.paper-detail h2 p{background-color: #91dc8b;}
.partner-detail h2 p{background-color: #f3b46e;}
.paper-detail h2 p:before,.partner-detail h2 p:before{position:absolute;content:'';width: 0;height: 0;left: -10px;top: 50%;transform: translateY(-50%);border-top: 6px solid transparent;border-bottom: 6px solid transparent;}
.paper-detail h2 p:before{border-right: 13px solid #91dc8b;}
.partner-detail h2 p:before{border-right: 13px solid #f3b46e;}
/*產品 文字列表*/
.about-page .pp-title-list ul{padding-left:0;margin-bottom:0;list-style:none;position: relative;margin-top: 100px;}
.about-page .pp-title-list ul:before{position:absolute;content:'';width: 1px;height: 100%;left: 50%;transform: translateX(-50%);background-color: #dadada;}
.about-page .pp-title-list ul li{width: calc(50% - 10px);margin: 0 5px 10px;border-radius: 15px;position: relative;}
.about-page .pp-title-list ul li:nth-of-type(odd){text-align: right;}
.about-page .pp-title-list ul li:nth-of-type(even){margin: 150px 0 50px;}
.about-page .pp-title-list ul li:after{position:absolute;content:'';width: 20px;height: 20px;top: 10px;z-index: 1;border-radius: 60px;background-color: #ecebe9;border: 4px solid #fff;-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}
.about-page .pp-title-list ul li:nth-of-type(odd):after{right: -15px;}
.about-page .pp-title-list ul li:nth-of-type(even):after{left: -10px;}
.about-page .pp-title-list ul li:hover:after{transform: scale(1.15);background-color: #91dc8b;}
.about-page .pp-title-list ul li a{display:block;width:100%;z-index:2;position:relative;}
.about-page .pp-title-list ul li:nth-of-type(odd):hover h2{margin-right:-10px}
.about-page .pp-title-list ul li:nth-of-type(even):hover h2{margin-left:-10px}
.about-page .pp-title-list ul li:nth-of-type(odd) a{padding-right: 50px;}
.about-page .pp-title-list ul li:nth-of-type(even) a{padding-left: 50px;}
.about-page .pp-title-list ul li h2{font-size:1.4rem;margin-bottom: 5px;line-height:1.5;font-weight: 600;font-family:'Lato',sans-serif;position:relative;color:#7bcef4;}

.about-page .pp-title-list ul li p{margin-bottom: 0;padding:15px;color: #5a5a5a;position:relative;width:80%;}
.about-page .pp-title-list ul li p{background:#e2f6ff;border-style:solid;border-color:#7bcef4;}
.about-page .pp-title-list ul li:nth-of-type(odd) p{margin-left:auto;border-width:0 5px 0 0;}
.about-page .pp-title-list ul li:nth-of-type(even) p{border-width:0 0 0 5px;}


/*最新消息 文字列表*/
.news-title-list ul{padding-left:0;margin-bottom:0;list-style:none}
.news-title-list ul li{font-size: 1em;margin-bottom: 1em;border-bottom: solid thin #d4d4d4;letter-spacing: .5px;}
.news-title-list ul li:last-child{ margin-bottom:0}
.news-title-list ul li a{display:block;width: 100%;text-decoration:none;padding: 1em;padding-right: 3em;position: relative;z-index: 2;}
.news-title-list ul li a:after{font-family:"Font Awesome 5 Free";font-weight: 900;content: "\f105";text-align: center;position:absolute;right: 2em;top: 50%;transform: translate(0, -50%);transition: all .3s linear;}
.news-title-list ul li a:hover h3{ font-weight:bold}
.news-title-list ul li a:hover:after{right:1em;color: #f95036;}
.news-title-list ul li h2{font-size: 1.2em;margin-bottom: .5em;line-height: 1.5;}
.news-title-list ul li p{margin-bottom:0;}
.news-title-list ul li .date{margin-bottom: 1em;background: #f95036;display: table;padding: .2em .5em;font-size: .85em;letter-spacing: 1px;color: #fff;}

/*最新消息 圖片列表*/
.news-photo-list li{width: calc(100% / 3 - 10px);margin: 0 5px 10px;}
.news-photo-list .photo{overflow:hidden;border-radius: 20px 20px 0 0;position: relative;/* width: 350px; */}
.news-photo-list .photo:before{position:absolute;content:'';border-top: 35px solid #7bcef4;border-left:0 solid transparent;border-right:35px solid transparent;z-index: 1;}
.news-photo-list .photo:after{position:absolute;content:'';width:100%;height:100%;top:0;left: 0;border-style:solid;border-color: #7bcef4;border-width: 4px 4px 0 4px;border-radius: 20px 20px 0 0;opacity:0;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.news-photo-list li a:hover .photo:after{opacity:1}
.news-photo-list .content{background-color: #7bcef4;border-radius: 0 0 20px 20px;padding: 20px;/* width: calc(100% - 350px); */width: 100%;}
.news-photo-list .content .w-100{padding-bottom: 5px;color: #fff;border-bottom: 1px solid #fff;margin-bottom: 20px;}
.news-photo-list .content h2{font-size: 1.35rem;margin-bottom: 0;height: 50px;}
.news-photo-list ul{ padding:0; margin-bottom:0; list-style:none;}

.news-photo-list ul li a{width: 100%;border-bottom: solid thin rgba(123, 206, 244, .5);padding-bottom: 1.3rem;margin-bottom: 1.3rem;}
.news-photo-list ul li a:hover .photo img{ transform:scale(1.1);}
.news-photo-list ul li a:hover .w-btn:before{background-color:#3cb0e6;}

.news-photo-list ul li .photo img{ max-width:100%; transition:all .3s linear;}
.news-photo-list ul li .date{background: #ffffff;display: table;padding: .1em .7em .2em;font-size: .85em;letter-spacing: 1px;color: #7bcef4;margin-bottom: 5px;border-radius: 5px;font-family: 'Lato', sans-serif;}
/*最新消息-底層*/
.news-detail .title{margin-bottom:10px}
.news-detail h2{font-size: 1.8rem;letter-spacing: 1px;}
.news-detail .date{position:relative;}
.news-detail .date:before{position:absolute;content:'';width:100%;height:1px;background-color:#eee;top:50%;z-index:-1;left:0}
.news-detail .date span{display: table;background-color:#7bcef4;padding:4px 20px;border-radius:60px;font-size:.9rem;color:#fff;letter-spacing:1px;font-family:'Lato',sans-serif;margin-left: auto;}


/*產品 圖片列表*/
.pp-photo-list ul{padding:0;margin-bottom:0;list-style:none}
.pp-photo-list ul li:last-child a{border-bottom:none}
.pp-photo-list ul li a{display:flex;width:100%;border-bottom:solid thin #ddd;padding-bottom:1.5em;margin-bottom:1.5em;}
.pp-photo-list ul li a:hover{text-decoration:none}
.pp-photo-list ul li a:hover h2{font-weight:700}
.pp-photo-list ul li a:hover .photo img{transform:scale(1.1)}
.pp-photo-list ul li .photo{width:300px;overflow:hidden}
.pp-photo-list ul li .photo img{max-width:100%;max-height:100%;transition:all .3s linear}
.pp-photo-list ul li .content{width:calc(100% - 300px);padding-left:1em;position:relative}
.pp-photo-list ul li h2{font-size:1.4em;line-height:1.5}
.pp-photo-list ul li p{margin-bottom:0;padding-bottom:2em}
.pp-photo-list ul li p:before{font-family:"Font Awesome 5 Free";font-weight:600;content:"\f10d";color:#fc0;margin-right:.5em}
.pp-photo-list ul li .other{position:absolute;bottom:0;line-height: normal;}
.pp-photo-list ul li .other i{margin-left:.5em;margin-right: .3em;}

/*相簿列表*/
.album-list ul{padding:.5em 0;margin-bottom:0;list-style:none}
.album-list ul:after{content:'';display:block;clear:both}
.album-list ul li{width:calc(100% / 3 - 22px);float:left;margin-right:2em;margin-bottom:2em}
.album-list ul li:nth-child(3n){margin-right:0}
.album-list ul li:nth-child(3n+1){clear:both}
.album-list ul li a:hover{text-decoration:none}
.album-list ul li a:hover h2{color:#f95036}
.album-list ul li a:hover .photo img{transform:scale(1.1)}
.album-list ul li .photo{transform:rotate(2deg);border:solid .6em #fff;box-shadow: 0 0 5px #aaa;overflow:hidden;position:relative;}
.album-list ul li .photo img{max-width:100%;max-height:100%;transition:all .3s linear}
.album-list ul li .content{margin-top:1.5em}
.album-list ul li .content h2{font-weight: bold;font-size: 1.1em;line-height:1.5;}
.album-list ul li .content p{margin-bottom:0;font-size:.9em;line-height: 1.7;}

/*相簿底層*/
.album-brief{max-width:600px;max-width:none;margin:.5em auto 2.5em}
.album-wall ul{list-style:none;padding-left:0;margin-bottom:0}
.album-wall ul:after{content:'';display:block;clear:both}
.album-wall ul li{width:calc(100% / 4 - 12px);float:left;margin-right:1em;margin-bottom:1em;overflow:hidden;border:solid thin #fff;box-shadow:0 3px 8px rgba(0,0,0,.2)}
.album-wall ul li:nth-child(4n){margin-right:0}
.album-wall ul li:nth-child(4n+1){clear:both}
.album-wall ul li a{overflow:hidden}
.album-wall ul li a:hover img{transform:scale(1.1);opacity:.8}
.album-wall ul li img{max-width:100%;max-height:100%;margin:0 auto;display:table;transition:all .8s ease-in-out}
.mfp-content button:hover{background-color:transparent;border-color:transparent;cursor: pointer!important;}
.mfp-arrow:hover,.mfp-arrow:focus{background:transparent!important;border-color:transparent!important}
.mfp-close:after{display: none !important;}

/*影音列表*/
.movie-list ul{padding:.5em 0;margin-bottom:0;list-style:none}
.movie-list ul:after{content:'';display:block;clear:both}
.movie-list ul li{width:calc(100% / 3 - 22px);float:left;margin-right:2em;margin-bottom:2em}
.movie-list ul li a:hover{text-decoration:none}
.movie-list ul li a:hover h2{color:#f95036}
.movie-list ul li a:hover i{ opacity:1}
.movie-list ul li a:hover .photo img{transform:scale(1.1)}
.movie-list ul li:nth-child(3n){margin-right:0}
.movie-list ul li:nth-child(3n+1){clear:both}
.movie-list ul li .photo{transform:rotate(2deg);border:solid .6em #fff;box-shadow: 0 0 5px #aaa;overflow:hidden;position:relative;}
.movie-list ul li .photo i{position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%, -50%) rotate(-2deg);font-size: 3em;color: red;opacity: 0;transition:all .3s linear;}
.movie-list ul li .photo i:after{content:'';display:block;width:20px;height: 20px;background:#fff;position:absolute;top: 50%;left: 50%;transform: translate(-50% ,-50%);z-index: -1;}
.movie-list ul li .photo:after{content:'';display:block;border:solid thin #d8d4d4;width:100%;height:100%;position:absolute;top:0;left:0}
.movie-list ul li .photo img{max-width:100%;max-height:100%;transition:all .3s linear}
.movie-list ul li .content{margin-top:1.5em}
.movie-list ul li .content h2{font-weight: bold;font-size: 1.1em;line-height:1.5;}
.movie-list ul li .content p{margin-bottom:0;font-size:.9em;line-height: 1.7;}

/*底層*/
.general-style .title .date{margin-bottom: .5rem;background: #f95036;display: table;padding: .2em .5em;font-size: .85em;letter-spacing: 1px;color: #fff;}

/*檔案下載*/
.dl-photo-list ul{list-style:none;padding-left:0;margin-bottom:0;margin-top:50px}
.dl-photo-list ul li{width: calc(100% / 4 - 40px);margin: 0 20px 30px;position:relative;}
.dl-photo-list ul li .btn-style{position:absolute;top: 55%;left:50%;transform:translate(-50%,-50%);padding:7px 20px 10px;opacity:0;}
.dl-photo-list ul li a{display:block;position:relative}
.dl-photo-list ul li a:before{position:absolute;content:'';width:100%;height:97%;left:-20px;top:-10px;border-radius:20px 20px 0 0;z-index:-1;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.dl-photo-list ul li:nth-of-type(odd) a:before{background-color:#f5aeab}
.dl-photo-list ul li:nth-of-type(even) a:before{background-color:#f3b46e}
.dl-photo-list ul li .content{font-size:17px;padding:10px 0 10px 10px;border-radius:20px 20px 0 0}
.dl-photo-list ul li .content p{margin-bottom:0;position:relative;display:table}
.dl-photo-list ul li .content p:before{position:absolute;content:'';width:50px;height:1px;background-color:#fff;right:-60px;top:52%;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.dl-photo-list ul li .photo{overflow:hidden;position:relative}
.dl-photo-list ul li:hover a:before{background-color:#7bcef4}

.dl-photo-list ul li:hover p:before{background-color:#3da0cd}
.dl-photo-list ul li .photo:before,.dl-photo-list ul li .photo:after{position:absolute;content:'';width:100%;height:100%;left: 0;top: 0;opacity:0;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.dl-photo-list ul li .photo:before{border:3px solid #7bcef4;z-index:2;}
.dl-photo-list ul li .photo:after{background-color: rgba(123, 206, 244, .3);}
.dl-photo-list ul li:hover .photo:before{opacity:1}
.dl-photo-list ul li:hover .photo:after{opacity:1}
.dl-photo-list ul li:hover .photo img{transform:scale(1.05)}
.dl-photo-list ul li:hover .btn-style{opacity: 1;}


/* .dl-title-list ul{padding:0;margin-bottom:0;font-size: 1.15rem;letter-spacing: 1px;}
.dl-title-list ul li{display:block;position: relative;}
.dl-title-list ul li+li{border-top: 1px dashed #c5c5c5;}

.dl-title-list ul li a{display: flex;align-items: center;padding: .8rem 1rem;}
.dl-title-list ul li:hover{text-decoration:none;color: #f3b46e;}
.dl-title-list ul li:hover .content{margin-left: 1.5rem;}
.dl-title-list ul li:hover:before{transform: scale(1.3)translateY(-40%);}
.dl-title-list ul li .photo{width: 260px;}
.dl-title-list ul li .photo img{ max-width:100%; max-height:100%;}
.dl-title-list ul li .content i{}
.dl-title-list ul li .content{margin-left: 1rem;padding-left: 1rem;}
.dl-title-list ul li i{position:relative;color: #7bcef4;}
.dl-title-list ul li i:after{position:absolute;content:'';width: 1px;height: 100%;border-right: 1px dashed #c5c5c5;padding-right: 1rem;} */
/*檔案下載-圖片列表*/
/* .dl-photo-list ul{padding-left:0;margin-bottom:0;list-style:none}
.dl-photo-list ul:after{content:'';display:block;clear:both}
.dl-photo-list ul li{width:calc(100% / 3 - 11px);float:left;margin-right:1em;margin-bottom:2em}
.dl-photo-list ul li:nth-child(3n){margin-right:0}
.dl-photo-list ul li:nth-child(3n+1){clear:both}
.dl-photo-list ul li a{text-decoration:none;display:block}
.dl-photo-list ul li a:hover{color:#f95036}
.dl-photo-list ul li .photo img{max-width:100%;max-height:100%}
.dl-photo-list ul li .content{margin-top:.5em} */

/*常見問題*/
/* .no-click-open .item{border:dashed thin #ddd;padding: .9em;margin-bottom: 1em;position:relative;}
.no-click-open .item a.question{display:block;position:relative;text-decoration:none;width:calc(100% - 36px);margin-left:auto;padding: .3em 1em;min-height:36px;}
.no-click-open .item a:hover{background:#eee}
.no-click-open .item.open a.question{background:#eee}
.no-click-open .item a .color{width:50px;height:100%;position:absolute;top:0;right:0;border-top-right-radius:5px;-moz-border-top-right-radius:5px;-webkit-border-top-right-radius:5px;border-bottom-right-radius:5px;-moz-border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px}
.no-click-open .item .answer{padding: 1em .7em;display:none;}
.no-click-open .item .item-mark{position:absolute;width:36px;height:36px;line-height:36px;font-size:.9em;font-weight:700;color:#fff;background:#fc0;text-align:center;top:1em;left:1em;transition:color .5s linear;-ms-transition:color .5s linear;-moz-transition:color .5s linear;-webkit-transition:color .5s linear}
.no-click-open .item.open .item-mark{background:#f95036}
.no-click-open .item .item-mark:after{display:block;position:absolute;width:0;height:0;border-top:5px solid transparent;border-left:10px solid #a8d221;border-bottom:5px solid transparent;top:17px;left:42px;transform-origin:-20px center;-ms-transform-origin:-20px center;-moz-transform-origin:-20px center;-webkit-transform-origin:-20px center;transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out}
.no-click-open .item.open .item-mark:after{transform:rotate(60deg);-ms-transform:rotate(60deg);-moz-transform:rotate(60deg);-webkit-transform:rotate(60deg)}
.no-click-open .fa-plus{display:none}
.no-click-open .hvr-underline-from-center{display:block}
.no-click-open .hvr-underline-from-center:before{background:#000;height:2px} */

/*聯絡我們*/
.contact{display:flex}
.contact h1{margin-bottom:1em}
.contact .info{width:30%;background:#f2f2f2;padding:1em;position:relative;overflow:hidden}
.contact .info:after{font-family:"Font Awesome 5 Free";font-weight:lighter;content:"\f0e0";font-size:14em;position:absolute;right:-22px;bottom:-49px;z-index: 1;transform:rotate(-16deg);color:rgba(255,255,255,.8);}
.contact .info .box{position: relative;z-index: 2;}
.contact .info .box + .box{margin-top:1em;}
.contact .info .box h2{display:block;font-size:1.4em;margin-bottom:1em;font-weight:700}
.contact .info .box ul{padding:0;list-style:none;margin:0}
.contact .info .box ul li{ margin-bottom:.5em}
.contact .info .box iframe{width:100%;height:260px;}
.contact .form{width:70%;padding-left:2em}
.contact .form h2{color:#ff5c98;font-weight:700;text-align:center;margin-bottom:2rem}
.contact .form .item{max-width:900px;margin:0 auto 1em}
.contact .form label{margin-bottom:0;width:100px}
.contact .form label span{margin-left:5px;color:#f95036}
.contact .form input,.contact .form textarea{width:calc(100% - 100px);border:0;border:solid thin #ddd;outline:none;border-radius:.2em}
.contact .form input{height:40px;padding:0 .5em}
.contact .form textarea{padding:1em;vertical-align:middle}
.contact .form input:focus,.contact .form textarea:focus{box-shadow:0 0 10px #ddd}
.contact .g-recaptcha{display:inline-block;vertical-align:middle}
/*夥伴*/
.twicon-main-island{font-size:20px!important;margin-left:5px!important}
.map{position:relative}
.area{position:sticky;top: 100px;float: left;width: 450px;}
.map-btn-list{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.map-btn{position:absolute;/* padding: 5px 10px; *//* border-radius: 60px; */}
.map-btn::after{position: absolute;content:"\f3c5";font-weight: 900;font-family: "Font Awesome 5 Free";opacity: 0;top: -25px;/* padding-right: 5px; */left: 50%;transform: translateX(-50%);-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}
.map-btn:hover::after{opacity: 1;top: -18px;}
/* .map-btn01{right:100px;top:100px;color: #2c6c89;} */
.map-btn01::after{color: #2c6c89;}
/* .map-btn02{right: 226px;top: 291px;color: #a26a37;} */
.map-btn02::after{color: #a26a37;}
/* .map-btn03{right: 280px;top: 520px;color: #bb4e49;} */
.map-btn03::after{color: #bb4e49;}
/* .map-btn04{right: 90px;top: 400px;color: #408d3a;} */
.map-btn05::after{color: #408d3a;}
.map-btn04::after{color: #913ce0;}
.keelung{right: 40px;top: 30px;}
.taipei{top:50px;right:90px}
.newtaipei{top:95px;right:90px}
.taoyuan{top:70px;right:165px}
.hsinchu01{top:115px;right:220px}
.hsinchu02{top:140px;right:170px}
.miaoli{right:230px;top:185px}
.taichung{right:260px;top:250px}
.changhua{top:305px;right:315px}
.nantou{top:330px;right:210px}
.yunlin{top:365px;right:335px}
.chiayi01{top:415px;right:320px}
.chiayi02{top:425px;right:270px}
.tainan{top:490px;right:345px}
.kaohsiung{top:610px;right:350px}
.pingtung{top:600px;right:285px}
.taitung{top:530px;right:190px}
.hualien{top:350px;right:120px}
.yilan{right:80px;top:170px}
.map-list{padding-left:50px;float:right;width:calc(100% - 450px)}
.map-list-title{position:relative;/* border-bottom: 1px solid #f3b46e; */margin-bottom: 30px;}
.map-list-title:before{position:absolute;content:'';width:100%;height:1px;left:0;/* background-color:#eee; */top:50%;}
.map-list h2{font-size:1.3rem;position:relative;padding: 10px 20px;box-shadow: 0 0 26px -17px #000;text-align: center;color: #3f3f3f;}
.map-list ul{list-style:none;padding-left:0;margin-bottom:0}
.map-list li{width:calc(100% / 3 - 20px);padding:10px;margin:0 10px 10px}
.map-list li:nth-of-type(even){background-color:#fdf4ea}
.map-list li>a{position:relative;display:block;border-bottom: 1px solid #efae73;padding-bottom: 3px;margin-bottom: 5px;}
.map-list li h3:before{position:absolute;content:'\f0c1';font-weight:900;font-family:"Font Awesome 5 Free";right: -20px;top: 3px;font-size: 15px;opacity: .6;color: #efae73;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.map-list li>a:hover h3:before{opacity:1;right:-25px;color:#efae73}
.map-list li h3{font-size:1.15rem;border-radius:15px 15px 0 0;margin-bottom: 0;color:#4e4e4e;display: table;position: relative;}
.map-list li div+div{margin-top:5px}
.map-list li div{font-size:15px;display:-webkit-flex;display:flex;display:-ms-flexbox;-webkit-align-items:center;-ms-flex-align:center;align-items:center;flex-wrap:wrap;-ms-flex-wrap:wrap}
.map-list li div:last-child{padding-bottom:10px;border-radius:0 0 10px 10px}
.map-list li div i{margin-right:5px;font-size:14px;width:14px}
.map-list li div i+span,.map-list li div i+a{width:calc(100% - 20px)}
.map-list li div:nth-of-type(1) i{color:#7bcef4}
.map-list li div:nth-of-type(2) i{color:#efae73}
.map-list li div:nth-of-type(3) i{color:#91dc8b}
.map-list li div:nth-of-type(4) i{color:#f5aeab}
.map-list li div a{display:inline-block}
.location-drop{display:none}
/*海外*/
.global-bk{position: relative;}
.global-bk::before{position: absolute;content: '';width: 100%;height: 100%;background-image: url(../images/global/global.png);background-size: cover;bottom: -100px;z-index: -2;}
.global{list-style:none;padding-left:0;margin-bottom:0}
.global li{padding:15px 0;font-size:17px}
.global li a{text-decoration:underline;text-decoration-color: #f3b46e;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.global li a:hover{padding-left:20px}
.global li i{color:#f3b46e;margin-right:10px}
.global li+li{border-top: 1px solid #ffffff;}
/*夥伴*/
.partner_login{position:fixed;right: 8px;bottom: 50%;z-index: 1;background: #f3b46e;color: #fff;border-radius: 5px 0 0 5px;width: 40px;}
.partner_login a{padding: 10px 0 10px 12px;display:table;}
.partner_login:hover{background-color: #ea973a;}
.partner_login span{-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;line-height: 19px;display: inline-block;margin-top: 3px;}
.active-page .sub-title{color: #ea973a;border-color: #ffefdd;}
.active-page .sub-context{color: #b36612;}
.active-page .receipt_login{background-color:#ffefdd}
/*夥伴-編輯*/
.partner-intro{background-color:#fdf4ea;border-radius: 10px;padding: 20px;margin-bottom: 30px;border: 1px solid #f3b46e;}
.partner-staus{border-bottom:1px solid #fff;padding-bottom: 15px;margin-bottom: 15px;}
.partner-staus span+span{margin-left:10px;background: #f3b46e;color: #fff;padding: 2px 10px;border-radius: 60px;}
.partner-intro-t{margin-bottom:0;letter-spacing: 1px;color: #b36612;line-height: 1.6;}
.edit-box+.edit-box{border-top:1px solid #eee;padding-top: 20px;margin-top: 20px;}
.partner-edit{background-color:#fff;padding: 20px;box-shadow: 0 0 5px rgb(51 51 51 / 15%);border-radius: 10px 10px 0 0;}
.ckeditor-title{width: 200px;text-align: center;}
.ckeditor-area{width: calc(100% - 200px);}
.ckeditor-area textarea{border: 1px solid #dfdfdf;height: 200px;}
.img-upload label{margin-bottom: 0;}
/*.upload-box{margin-bottom: 10px;}
.upload-box .file-upload{display:inline-block;border: 1px solid #f3b46e;color: #f3b46e;border-radius:50px;font-size:.9em;outline:none!important;}
.upload-box .file-upload:hover{background:#f3b46e;color:#fff}
.upload-box .file-upload label{width:auto;padding:.5em 1em;cursor:pointer}
.upload-box .file-upload input{display:none}
.upload-box p{margin-bottom:0;margin-right: 10px;}*/
.upload-box{display:flex;align-items:center;margin:.8em 0}
.upload-box img{max-width:120px;height:auto;margin:0 .8em;background:#f2f2f2}
.upload-box p{margin-bottom:0;margin-right:1em}
.upload-box .photo{display:flex;align-items:center}
.upload-box .photo span{color:red;font-size:.9em}
.upload-box .photo a{border:solid thin #f3b46e;color:#f3b46e;border-radius:50px;padding:.5em 1em;font-size:.9em;cursor:pointer;outline:none!important;text-decoration:none}
.upload-box .photo a:hover{background:#f3b46e;color:#fff}
.upload-box .photo + .file-upload{margin-left:.5em;}
.upload-box .file-upload{display:inline-block;border:solid thin #f3b46e;color:#f3b46e;border-radius:50px;font-size:.9em;outline:none!important}
.upload-box .file-upload:hover{background:#f3b46e;color:#fff}
.upload-box .file-upload label{width:auto;margin-bottom: 0;padding:.5em 1em;cursor:pointer}
.upload-box .file-upload input{display:none}
.upload-box .photo.file span[class^="fas"]{color:inherit;font-size:1.1em;font-weight:400;padding:0 .5em}
.upload-box .photo.file span[class$="pdf"]:before{color:red}
.upload-box .photo.file span[class$="word"]:before{color:#2392d2}
.upload-box .photo.file span[class$="excel"]:before{color:#35ab1e}
.upload-box .photo.file span:before{margin-right:.5em;font-weight:300}
.set-box ul{background-color:#fdf4ea;margin-bottom:0;padding: 10px 10px 10px 40px;border-radius: 5px;color: #b36612;}
.set-box ul li+li{margin-top: 3px;}
.partner-btn{position:sticky;background-color:#fff;padding: 15px 20px;border-radius:0 0 10px 10px;bottom: 8px;border-top: 1px solid #f3b46e;}
/*活動報名-列表*/
.list_change{margin-bottom:.5em}
.list_change ul{list-style:none;padding-left:0;margin-bottom:0;text-align:right}
.list_change ul li{display:inline-block}
.list_change ul li.active a{background:#333;color:#fff}
.list_change ul li a{display:block;padding:.5em .8em;background:#eee;text-decoration: none;}
.act-search{text-align:center;margin-bottom:2em}
.act-search *{outline:none}
.act-search ul{list-style:none;margin-bottom:0;background:#f3f3f3;border-top:solid thin #eee;border-bottom:solid thin #eee;padding:1em}
.act-search ul li{display:inline-block;margin-right:.2em}
.act-search select,.act-search input[type="text"],.act-search button{min-width:100px;height:40px;padding:0 .5em;border:solid thin #ddd}
.act-search select{background:#fff}
.act-search .act-sort{display:none}
.act-search button{max-width:120px;min-width:80px;border:0}
.list_change + .act-list{margin-top: 2em;}
.act-list ul{list-style:none;padding-left:0;margin-bottom:0}
.act-list ul:after{content:'';display:block;clear:both}
.act-list ul li{width: 100%;margin-bottom: 18px;}
.act-list ul li{border-bottom: solid thin rgba(243, 180, 110, .5);padding-bottom: 1.3rem;margin-bottom: 1.3rem;}
.act-list ul li a{display:block}
.act-list ul li a:hover{text-decoration:none}
.act-list ul li:hover .photo img{transform:scale(1.1)}
.act-list ul li .photo{overflow:hidden;border-radius: 20px 0 0 20px;position: relative;width: 350px;}
.act-list ul li .photo:before{position:absolute;content:'';border-top: 35px solid #f3b46e;border-left:0 solid transparent;border-right:35px solid transparent;z-index: 1;}

.act-list ul li .photo img{max-width:100%;transition:all .3s linear;}
.act-list ul li .content{background-color: #f3b46e;border-radius: 0 20px 20px 0;padding: 25px;width: calc(100% - 350px);}
.act-list ul li .content .tag{display:inline-block;background:#f95036;color:#fff;font-size:.9em;padding:.2em .5em;margin-bottom:.5em}
.act-list ul li .content h2{font-size: 1.35rem;border-bottom: 1px solid #fff;padding-bottom: 10px;color: #fff;width: 100%;}
.act-list ul li .content p{font-size: 1.05rem;}
.act-list ul li .content p:before{font-family: "Font Awesome 5 Free";font-weight:600;content:"\f10d";color: #fad6ad;margin-right:.5em;}
.act-list ul li .content .limit{font-size: .95em;margin-bottom: 1em;}
.act-list ul li .content .date{font-size:.9em;color: #fdeede;text-align: right;}
.act-list ul li .content .date:before{content:"\f073";font-family:"Font Awesome 5 Free";font-weight:400;margin-right:.3em}
h2 .peopl-full{margin-right: 10px;}
.peopl-full{background-color:#fff;color: #f3b46e;font-size: 13px;padding: 2px 10px;border-radius: 60px;}
.act-content .peopl-full{width: 100%;margin-bottom:10px;display: table;text-align: center;font-size: 15px;border-radius: 5px;padding: 5px 10px;}
/*活動報名-底層*/

.activity-detail .activity-detail-top{margin-bottom: 25px;
    box-shadow: 0 5px 8px -8px rgba(51, 51, 51, .5);
    padding: 10px 0;
    position: sticky;
    top: 88px;
    background-color: #ffffff;
    z-index: 9999;}
.activity-detail-top a{
    padding: 7px 30px;
    margin: 0 10px;
    display: table;
    position:relative;
    border-radius: 60px;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition:  all .3s linear;
}
.act-list ul li .activity-detail-top a{
    background-color: #ffefdd;
    margin-top: 10px;
}
.act-list ul li .activity-detail-top a:hover{background-color: #f3b46e;}
.activity-detail-top a:hover{background-color: #f3b46e;}
.activity-detail-top a+a:before{position:absolute;content:'';width: 1px;height: 30%;background-color: #f3b46e;left: -10px;top: 50%;transform: translateY(-50%);}
.active-point{clear:both;}
.area_point{ position:relative;}
.po_point{position:absolute;top: -70px;}
.active-btn{
    font-size: 20px;
    border-left: 5px solid #f3b46e;
    padding: 3px 15px;
    margin-bottom: 10px;
    border-radius: 3px;
    display: table;
    background-color: #ffefdd;
}
/* #applyBtn{position: fixed;right: 30px;bottom: 110px;background-color: #f3b46e;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;width: 44px;height: 140px;padding: 10px;font-size: 18px;border-radius: 5px;} */
.activity-detail .container{padding:0;max-width:none}
.activity-detail .wrap .box{display:flex;margin-bottom:2em;}
.activity-detail .info{width: 50%;}
.activity-detail .info>.title{/* margin-bottom: 15px; */border-radius: 20px 20px 0 0;background-color: #f3b46e;padding: 20px 20px 10px;}
.class-tag{
    background-color: #f3b46e;
    color: #fff;
    padding: 1px 10px;
    border-radius: 60px;
    display: table;
    font-size: 15px;
    margin-bottom: 5px;
}
.act-de-title{border-bottom:1px solid #f3b46e;margin-bottom: 20px;}
.act-de-title h2{
    font-size: 1.5rem;
}
.activity-detail .info .title h2{font-size: 1.2rem;line-height: 1.5;margin-bottom:0;}
.activity-detail.donate .info .title{display: flex;flex-direction: column-reverse;margin-bottom: 0;}
.activity-detail .info .act-content{order:3;width:100%}
.activity-detail .info .action{order:2;}
.counttime{
    background-color: #f3b46e;
    border-radius: 10px;
    padding: 10px 0 20px;
}
.counttime h3{
    font-size: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    color: #fff;
}
.counttime .timer .timer-body-block{
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
}
.counttime .timer .table-cell {
    width: 25%;
    position: relative;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}
.counttime .timer .table-cell+.table-cell:before{position:absolute;content:'';width: 1px;height: 100%;background-color: #fff;left: 0;}
.counttime .timer .tab-val{
    font-size: 25px;
    margin-right: 10px;
    color: #f3b46e;
    background-color: #fff;
    border-radius: 5px;
    padding: 0 10px;
}
.counttime .timer .tab-metr{color: #f4d6b4;font-size: 14px;}
.activity-detail .info .act-content{padding: 25px;background: #ffefdd;border-radius: 10px;}
.activity-detail .info .act-content ul{list-style:none;padding-left: 0;}

.activity-detail .info .act-content ul li+li{margin-top: 8px;border-top: solid thin #fffffe;padding-top: 8px;}
.activity-detail .info .act-content ul li .title{/* width: 150px; */font-weight:700;/* margin-bottom: 5px; */}
.activity-detail .info .act-content ul li .content{color: #979797;}
.act-date span+span{position:relative;padding: 0 10px;z-index: 0;margin-left: 10px;color: #fff;}
.act-date span+span:before{position:absolute;content:'';width: 100%;height: 100%;background-color: #f3b46e;left: 0;z-index: -1;top: 0;border-radius: 60px;}
.activity-detail .info article{margin-bottom:1em}
.activity-detail .photo{width: 50%;padding-right: 1rem;}
.activity-detail .photo img{max-width:100%;max-height:100%;width:100%}
.activity-detail .photo .img-focus{text-align:center;padding-bottom: 1rem;}
.activity-detail .photo .img-focus img{border-radius: 10px;}
.activity-detail .photo ul{list-style:none;padding-left:0;margin-bottom:0;}
.activity-detail .photo ul:after{content:''}
.activity-detail .photo ul li{width:calc(20% - 10px);}
.activity-detail .photo ul li+li{margin-left: 1rem;}
.activity-detail .photo ul li img{border-radius:10px;}

.activity-detail .wrap > .content{position: relative;}
.activity-detail .wrap > .content:before{position:absolute;content:'';width: 100%;height: 1px;background-color: #eee;top: 16px;z-index: -1;}
.activity-detail .wrap > .content h3,.applyForm h3{background-color: #f3b46e;display: table;margin: 0 auto 30px;font-size: 1.2rem;padding: 4px 20px;border-radius: 60px;}
.activity-detail .content .container{font-size: 17px;line-height: 1.5;letter-spacing: 1px;}
.nav-tabs{border-bottom:none}
.activity-detail .nav-tabs li+li,.donate-other .nav-tabs li+li{margin-left: 3px;}
.activity-detail .nav-tabs li a{background-color: #ffefdd;}
.activity-detail .nav-tabs li a,.donate-other .nav-tabs li a{padding: 10px 20px;display: block;position: relative;border-radius: 5px 5px 0 0;}
.applyBtn i{margin-left:3px;font-size: 15px;}
.activity-detail .nav-tabs li a.active,.donate-other .nav-tabs li a.active{padding: 15px 20px;}
.activity-detail .nav-tabs li a.active:before,.donate-other .nav-tabs li a.active:before{position:absolute;content:'';width: 100%;height: 5px;left: 0;bottom: 0;}
.activity-detail .nav-tabs li a.active:before{background-color: #f3b46e;}
.donate-other .nav-tabs li a.active:before{background-color:#d15650;}
.activity-detail .nav-tabs li a:hover{background-color:#f3b46e;}
.activity-detail .tab-content,.donate-other .tab-content{padding: 25px;box-shadow: 0 5px 25px -3px rgba(168, 168, 168, .5);}
.donate-other{width:100%;margin-top:30px;padding:30px 0 0;border-top:1px solid #f5aeab}
.donate-other .nav-tabs{margin-top:25px}
.donate-other .nav-tabs li a:hover{background-color:#d15650;}
.donate-other .nav-tabs li a{background-color:#f5aeab}
.donate-other .tab-content{background-color:#f6eaea;box-shadow:none;border-radius:20px}
/*報名表單-雙人*/
.applyForm{margin-top:3rem;position:relative}
.applyForm:before{position:absolute;content:'';width:100%;height:1px;background-color:#eee;top:16px;z-index:-1}
.applyForm ul{list-style:none;padding-left:0;margin-bottom:0}
.form-title-box+.form-title-box{border-top:1px solid #fff}
.applyForm ul li label{margin-bottom:0;cursor:pointer;font-size:17px}
.applyForm ul li label span{margin-right:5px;color:#d54e4e}
input:focus,select:focus,input.active{border: 1px solid #f3b46e;box-shadow:none;outline:none;box-sizing:border-box;}
.second-form input:focus,.second-form select:focus,.second-form input.active{border: 1px solid #7bcef4;box-shadow:none;outline:none;box-sizing:border-box;}
.fd_select2+.fd_select2{margin-left:15px}
.fd_select2{width:100%}
.rideo-title{width:200px}
.rideo-content{width:calc(100% - 200px)}
.applyForm ul li select option{font-size:1em}
.applyForm ul li textarea{height:200px;padding:.8em 1em}
.applyForm .apply_info{background-color: #ffefdd;/* padding:0 20px 20px; */}
.couple-form .applyForm .apply_info{border-radius: 0 0 10px 10px;}
.couple-form .pink{display: none;}
.applyForm .act_info{background: #f3b46e;padding:20px;border-radius: 10px 10px 0 0;font-size:19px;text-align:center;position:sticky;top: 89px;}
.applyForm .act_info .star{color: #b36612;font-size:15px;text-align:left;}
.applyForm .act_info li:nth-of-type(1),.form-title{width:200px}
.input-box-all,.input-box-only{width: calc(100% - 200px);}
.couple-form .input-box{/* padding:20px 15px; */}
.couple-form .input-box:nth-of-type(1){/* background-color: #fae2c7; */padding-right:15px;}
.input-box:nth-of-type(2){background-color: #fdd1a0;}
.input-box-only{/* padding:20px 15px; */background-color: #ffefdd;}
.applyForm input[type="text"]:disabled{background: #f4d6b4;}
.act-confirmInfo{height:38px;line-height:38px;padding-left:10px;border-radius:5px;}
.first-form .act-confirmInfo,.actpay-form .act-confirmInfo{background: #fae8d4;color: #d6a983;}
.second-form .act-confirmInfo{background-color:#ceebf8;color:#81bfda;}
.second-form,.actpay-form{margin-top:30px}
.applyForm .second-form .act_info{background-color: #7bcef4;}
.applyForm .second-form input[type="text"]:disabled{background: #bbe4f6;}
.applyForm .second-form .apply_info{background-color: #daf2fd;}
.second-form .input-box-only{background-color: #daf2fd;}
.applyForm .second-form .act_info .star{color: #4897bb;}
.applyForm .g-btn:before{background-color:#f5aeab}
/*單人-報名*/
.form-title+input{width:calc(100% - 200px)}
.single-form .apply_info{padding: 20px;}
.single-form .form-title-box+.form-title-box{padding-top: 20px;margin-top: 20px;}
.applyForm h3+p{color: #b36612;text-align: center;}
/*相關連結*/
.weblink-list ul{list-style:none;padding-left:0;margin-bottom:0}
.weblink-list ul:after{content:'';display:block;clear:none}
.weblink-list ul li{width:calc(100% / 4 - 18px);float:left;margin-right:1.5em;margin-bottom:2em;text-align:center}
.weblink-list ul li:nth-child(4n){margin-right:0}
.weblink-list ul li:nth-child(4n+1){clear:both}
.weblink-list ul li a{display:block;border-radius:.4em;text-decoration:none}
.weblink-list ul li a:hover .photo img{transform:scale(1.1)}
.weblink-list ul li a:hover .photo span{opacity:1}
.weblink-list ul li a:hover h2{color:#f95036}
.weblink-list ul li h2{font-size:1em;padding:.8em .5em;margin-bottom:0}
.weblink-list ul li h2 span{display:none}
.weblink-list ul li .photo{position:relative;overflow:hidden}
.weblink-list ul li .photo img{max-width:100%;max-height:100%;transition:all .3s linear}
.weblink-list ul li .photo span{padding:1em;color:#fff;background:#fc0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;border-radius:50px;opacity:0;transition:all .3s linear}

/*會員*/
ul.loginTab{margin-bottom: 30px;}
.loginTab li{width:50%;text-align:center;padding:10px;position:relative;cursor:pointer}
.loginTab li a{display:block}
.loginTab li:nth-of-type(1){color:#7b2925;background-color: #f5aeab;}
.loginTab li:nth-of-type(2){background-color: #dbbcba;color: #7b2925;}
.loginTab li:nth-of-type(2):hover{background-color: #d15650;color:#fff;}
.loginTab li i{font-size: 15px;margin-right: 5px;}
.loginTab li+li:before{position:absolute;content:'';width: 1px;height: 100%;background-color: #fee;left: 0;top: 0;}
/*隱私權*/
.privacy-title{font-size: 20px;margin-top: 30px;/* border-bottom: 1px solid #eee; */margin-bottom: 5px;}
.privacy-title .en{margin-right: 10px;font-size: 16px;font-weight: 600;}
.privacy-content{margin-bottom:0}
.donate-page .privacy-title{color: #f5aeab;}
.modal-content{border:none}
.modal-title{font-size:20px;color: #7b2925;}
.modal-body{padding:30px}
.modal-footer button{background-color: #f5aeab;color: #fff;padding: 7px 15px;}
/*捐款一覽*/
.sub-title{font-size:22px;display:table;border-bottom:2px solid #f5aeab;padding-bottom:5px;margin:0 auto 5px;color:#d15650;font-weight:600}
.sub-title i{margin:0 10px;font-size:18px}
.sub-context{font-size:18px;text-align:center;color:#a22722}
.accordionPart{padding-left:0;list-style: none;margin-bottom: 0;position: relative;}
.accordionPart:before{position:absolute;content:'';width: 2px;height:100%;background-color: #ffd8d6;left: 50px;z-index: -1;}
ul.accordionPart>li+li{margin-top: 20px;}
.img-icon{width:100px;height:100px;padding:20px;background-color:#f5aeab;border-radius:60px;margin-right:30px}
.img-icon h3{display:none}
.donate-way{background-color:#f6eaea;border-radius:20px;padding:15px;width:calc(100% - 130px)}
.donate-way h3{font-size:20px;background-color:#fffefd;padding:10px;color:#d15650;border-radius:10px 10px 0 0}
/* .box-clickopen{margin-top: 25px;}
.qa-list{padding-left:0;list-style:none;margin-bottom:0}
.qa-list>li{background-color: #f5aeab;border-radius: 15px;padding:5px;position: relative;overflow: hidden;}
.qa-list li:before{position:absolute;content:'';width: 0;height:0;border-top: 60px solid #ffd2d0;border-left:0 solid transparent;border-right: 60px solid transparent;z-index: 0;left: 0;top: 0;-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}
.qa-list>li+li{margin-top:15px}
.qa_title{padding: 15px 15px;}
.qa-list>li:hover{box-shadow:0 10px 8px -3px rgba(51,51,51,0.2);cursor:pointer}
.qa-list>li:hover:before{border-top: 60px solid #ff8e89;}
.qa_title h3{font-size:1.25rem;margin-bottom:0}
.qa_title h3 b{font-size:17px;position: relative;margin-right: 10px;color: #fff;z-index: 1;}
.qa_content{background-color:#fff;padding: 15px;border-radius: 0 0 10px 10px;} */
/*捐款登入*/
.notab{width:100%;text-align: center; padding: 20px;}
.notab+.notab{
    background-color: #f9e7e7;
}
.receipt{background-color: #a22722;color: #fee;}
.noreceipt{background-color: #f5aeab;color: #fff;}
.noreceipt:hover{color: #a22722;}
.receipt,.noreceipt{padding: 10px;}
.receipt i{margin-right:5px;}
.notab a{display:block;}
.receipt_login .loginBox{padding: 20px;}
/*線上捐款*/
.donate-list .w-btn:before{background-color: #d15650;}
.donate-page .donate-list{background-color: #f5aeab;border-radius: 20px;}
.donate-page .donate-txt{background-color: #f5aeab;}
.donate-page .donate-show .owl-nav{display: block!important;}
.donate-page .owl-carousel .owl-nav button.owl-next,.donate-page .owl-carousel .owl-nav button.owl-prev{width: 50px;height: 30px;background-color: #fad7d5;color: #ffffff;font-weight: 900;font-size: 20px;position: relative;}
.donate-page .owl-theme .owl-nav [class*=owl-]:hover{ background-color: #d15650;}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{position: absolute;top: -2px;left: 50%;transform: translateX(-50%);}
.donate-list figure{position:relative;overflow:hidden;border-radius:20px 20px 0 0;background-color: #f5aeab;margin-bottom:0;}
.donate-list figure:before{position:absolute;content:'';width:0;height:0;border-top:35px solid #f5aeab;border-left:0 solid transparent;border-right:35px solid transparent;z-index:1}
.donate-list figure:after{position:absolute;content:'';width:100%;height:100%;top:0;left: 0;border-style:solid;border-color:#f5aeab;border-width:3px 3px 0;border-radius:20px 20px 0 0;opacity:0;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.donate-list figure img{border-radius:20px 20px 0 0}
.donate-list a:hover figure img{transform:scale(1.1)}
.donate-list a:hover figure:after{opacity:1}
.donate-other{width:100%;margin-top:30px;padding:30px 0 0;border-top:1px solid #f5aeab}
.donate-other .nav-tabs{margin-top:25px}
.donate-other .nav-tabs li a.active:before{background-color:#d15650;}
.donate-other .nav-tabs li a{background-color:#f5aeab}
.donate-other .tab-content{background-color:#f6eaea;box-shadow:none;border-radius:20px}
/*捐款底層*/
.donate-form .applyForm{margin-top:0;}
.donate-form .applyForm::before{display: none;}
.donate-form .applyForm>p{color: #d15650;text-align: center;}
.donate-page .news-detail .date span{background-color:#f5aeab}
.donate-money+span{width:50px}
.donate-page .applyForm .apply_info{background-color:#fee}
.donate-page input:focus,.donate-page select:focus,.donate-page textarea:focus{border:1px solid #f5aeab;}
.donate-page .applyForm input[type="text"]:disabled{background:#ffcecc}
.form-st{color:#d15650}
.donate-area{margin-top:20px}
.donate-bar{background-color:#f5aeab;padding:10px;margin-bottom:20px;text-align:center;color:#7b2925;font-size:17px}
.donate-bar i{margin-right:5px;font-size:15px}
.don-custom{display:flex;margin-top:.5em;width:calc(100% - 100px - 1em);margin-left:auto}
.don-custom select{width:200px!important;margin-right:.5em}
.don-receipt{margin-top:2em;padding-top:2em;border-top:solid thin #eee}
.receiptForm{/* background-color:#fee; */}
.receipt_login{width:100%;position:relative;background-color: #fee;}
.receipt_login+.receipt_login:before{position:absolute;content:'';width:1px;height: 240px;background-color: #fff;top: 50%;transform: translateY(-50%);left: 0;}
.donat-page-btn{position:sticky;bottom:0px;background-color:#fbf6eb;padding: 10px 0 20px;}
/*確認資訊*/
.confirmInfo-sipt{background-color:#fce8e8;padding: 10px;border-radius:5px;color:#7b2925;}
.confirmInfo{background-color:#fce8e8;height:38px;line-height:38px;padding-left:10px;border-radius:5px;color:#7b2925}
.check-agree{background-color: #ffeeee;padding: 20px;color: #d15650;border-top: 1px solid #f5aeab;font-size: 17px;}
.check-agree a{text-decoration:underline!important;cursor: pointer;}
.check-agree a:hover{color: #7b2925!important;}
/*捐款人*/
.member-login{max-width: 900px; margin: 0 auto 0;}
/*徵信*/
.search_bar{background-color:#f5aeab;padding:20px;border-radius:20px 20px 0 0}
.search_input{padding-right: 10px;}
.search_input select+select{margin-left: 20px;}
.search_bar .w-btn:before{background-color:#d15650}
.credit-list-box ul{padding-left:0;margin-bottom:0;list-style:none}
.credit-online ul li:nth-of-type(1){background-color:#ffcecc;color:#7b2925}
.credit-list-box ul li+li{border-top:1px solid #f5aeab}
.credit-list-box ul li{padding: 15px;}
.credit-list-box div:nth-of-type(1){width: 150px;letter-spacing:1px;border-right: 1px solid #f5aeab;}
.credit-list-box div:nth-of-type(2){font-size:17px;padding-left: 40px;width: calc(100% - 150px);-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.credit-list{background-color:#fee;padding:15px}
.credit-list ul{padding-left:0;list-style:none;margin-bottom:0}
.credit-title{background-color:#ffcecc;padding:10px;color:#7b2925;font-size:18px}
.credit-title li,.credit-show li div{width: calc(100% / 3);text-align:center;}
.credit-show li{padding:10px 0;color:#6b6b6b}
.credit-show li:nth-of-type(even){background-color:#ffe1e0}
.total-data span{color: #d15650;}

.don-receipt .sameInfo{max-width:1100px;margin:0 auto 1em}
.don-receipt .sameInfo input{display:none}
.don-receipt .sameInfo input:checked + label span{background:#fc0;border-color:#fc0}
.don-receipt .sameInfo input:checked + label span:after{content:'\f00c';font-family:"Font Awesome 5 Free";font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}
.don-receipt .sameInfo label{margin-bottom:0;display:flex;align-items:center;cursor:pointer;max-width:1100px;padding:0 1em}
.don-receipt .sameInfo label span{display:inline-block;width:20px;height:20px;border:solid thin #aaa;border-radius:.2em;margin-right:.5em;position:relative}
.donate-credit-detail .file{border-top:solid thin #eee;margin-top:1em;padding-top:1em;text-align:left}
.donate-credit-detail .file a:before{content:'\f07c';font-family:"Font Awesome 5 Free";font-weight:700;margin-right:.5em}
.donate-credit-detail .file a{display:inline-flex;font-size:.9em;align-items:center;text-decoration:none;background:#eee;border-radius:50px;padding:.5em 1em;position:relative;z-index:2}
.donate-credit-detail .file a:after{content:'';display:block;position:absolute;top:0;left:0;right:100%;bottom:0;background:#fc0;border-radius:50px;z-index:-1;transition:all .3s linear}
.donate-credit-detail .file a:hover:after{right:0}

.don-search{margin-top:2em}
.don-search .filter{text-align:center}
.don-search .filter ul{list-style:none;margin-bottom:0;background:#f3f3f3;border-top:solid thin #eee;border-bottom:solid thin #eee;padding:1em}
.don-search .filter ul li{display:inline-block;margin-right:1em}
.don-search .filter ul li:last-child{margin-right:0}
.don-search .filter ul li label{margin-bottom:0}
.don-search .filter ul li input{min-width:100px;height:40px;padding:0 .5em;border:solid thin #ddd;outline:none}
.don-search .filter ul li button{max-width:120px;min-width:80px;border:0}
.don-search .filter ul li button:after{content:'';display:block;position:absolute;top:0;left:0;right:100%;bottom:0;background:#fc0;z-index:-1;transition:all .3s linear}
.don-search .filter ul li button:hover:after{right:0}

.don-search .content{margin-top:2em}
.don-search .content table{width:100%;text-align:center}
.don-search .content table thead{color: #fff;background: #2f2f2f;}
.don-search .content table tbody{}
.don-search .content table tr td{padding:.5em;border: solid thin #ddd;border-left: 0;border-right: 0;}
.donNav + .news-title-list{width:calc(100% - 240px);float:right;padding-left:2em;position:relative}
.donNav + .news-title-list:after{content:'';display:block;background-image:linear-gradient(to right,#f5f5f5 0%,#fff 2%);width:100%;height:500px;position:absolute;top:0;left:0;z-index:-1}

.donate-credit-detail .page-content{margin-top: 2em;}
/*財報資訊*/
.report-list ul{list-style:none;padding-left:0;margin-bottom:0}
.report-list ul li{background-color:#f6eaea;border-radius: 20px;}
.report-list ul li+li{margin-top:8px}
.report-list a{padding: 10px 10px 10px 30px;}
.report-list li:hover{background-color:#d15650}
.report-list li:hover p{color:#fff;}
.report-list p{margin-bottom:0;font-size: 18px;/* color: #d15650; */}
.report-list b{margin-left:auto;background: #f5aeab;color: #fff;padding: 5px 20px;border-radius: 60px;font-size: 15px;}
.report-list li:hover b{background: #f6eaea;color: #d15650;}
/*================================================================================*/
@media screen and (max-width:1500px){
    .wrapper:before{max-width: 100%;width: calc(100% - 50px);/* padding: 0 25px; */}
}
@media screen and (max-width:1400px){
.container,.wrapper > .container, .index .box-2{max-width:1200px;padding: 0 50px;}
.JQellipsis{height: 95px;overflow: hidden;}
.donate-txt h3,.news-photo-list .content h2{
    font-size: 1.3rem;
}
/*活動報名-列表*/    
.map-list{padding-left:30px}
.map-list li{width: calc(100% / 2 - 10px);margin: 0 5px 10px;}
.map-list li:nth-of-type(even){background-color:transparent}
.map-list li:nth-of-type(4n+2),.map-list li:nth-of-type(4n+3){background-color:#fdf4ea}
.dl-photo-list ul li{width:calc(100% / 3 - 40px)}
}
@media screen and (max-width:1250px){
    .footer-left,.footer-bottom{padding-left:50px;}
    .footer-right,.copyright{padding-right:50px}
    .gotop{
    right: 15px;
}
}
@media screen and (max-width:1200px){
.container01{padding:0 30px}
/*相關連結*/
.weblink-list ul li{width: calc(100% / 3 - 11px);margin-right:1em;}
.weblink-list ul li:nth-child(4n){margin-right:1em;}
.weblink-list ul li:nth-child(4n+1){clear:none}
.weblink-list ul li:nth-child(3n){margin-right:0}
.weblink-list ul li:nth-child(3n+1){clear:both}

/*首頁區塊*/
.index-about{padding: 50px 0;}
.fullBg{width:80%}
.footer-left{width:100%;padding: 0 70px;}
.footer-right{width:100%;padding: 0 70px;margin-top: 20px;}
/*課程*/
.po_point{top:-210px}
.activity-detail .activity-detail-top a{width: calc(100% / 6 - 20px);text-align: center;padding: 7px 5px;}
.activity-detail .activity-detail-top .btn-style{
    margin-top: 15px;
}

}

@media screen and (max-width:1024px) {
/*報名*/
.applyForm .act_info li:nth-of-type(1), .form-title{width: 150px;}
.form-title{padding-right:5px}
.input-box-all,.form-title+input{width: calc(100% - 150px);}
.input-box-only{width: calc(100% - 150px);}
}

@media screen and (max-width: 992px) {
/*頁首*/
/* .navbar-expand-lg .navbar-nav.pc{ display:none}
.navbar-expand-lg .navbar-nav.mb{ display:flex} */
header .navbar{padding:.5rem 0}
header .nav-item .nav-link{border-bottom: solid thin #f5aeab;padding:1em 0;border-radius: 0;}
header .nav-item:last-child .nav-link{border-bottom:0}
header .navbar-nav{margin-top:1rem}
header{top: 8px;text-shadow: 0 0 black;width: 100%;z-index: 16;}
header.fixed{padding: 0 25px;}
header .navbar-expand-lg .navbar-nav .nav-link{padding: 15px;}
header .navbar-expand-lg .navbar-nav .nav-link:hover,.navbar-expand-lg .navbar-nav .dropdown-menu{background-color:#f5aeab!important;left: 0;transform: translateX(0);border-top:1px solid #fff}
.about-page .navbar-expand-lg .navbar-nav .dropdown-menu,.active-page .navbar-expand-lg .navbar-nav .dropdown-menu,.news-page .navbar-expand-lg .navbar-nav .dropdown-menu{background-color:#f5aeab!important;border-top:1px solid #fff}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{border-radius:0;padding: 15px;}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item+.dropdown-item{border-top:1px solid #fff;margin-top: 0;}

/*首頁形象*/
.carousel,.inner-banner-box{padding-top: 90px;}
.carousel-caption{width: 90%;padding: 20px;}
.carousel-caption h5{font-size: 1.5rem;}
.carousel-inner{width:100%;padding-left: 0;}
.carousel-item .photo{border-radius:0}
/*首頁*/
.mjtitle-box{font-size:1.5rem}
.index-video-box{padding:40px 0 60px}
.service-peo{padding:40px 0}
.service-peo:before{width:80%}
.service-peo-k{display:none}
.index-service-item{width:100%;display:-webkit-flex;display:flex;display:-ms-flexbox;margin:0}
.index-service-item:nth-of-type(3){-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin:0}
.service-peo-box{padding:0}
.service-item-tt h4{font-size:1.3rem}
.index-service-item+.index-service-item{margin-top:20px}
.fullBg{width:55%}
.index-service-item>a{width:45%;border-radius:0 20px 20px 0}
.index-service-item:nth-of-type(2) a,.index-service-item:nth-of-type(4) a{border-radius:20px 0 0 20px}
.index-service-item .fullBg{border-radius:20px 0 0 20px;overflow:hidden}
.index-service-item:nth-of-type(2) .fullBg,.index-service-item:nth-of-type(4) .fullBg{border-radius:0 20px 20px 0}
.donate-txt h3{font-size: 1.15rem;}
/*內頁結構*/
.inner-banner{height:28vw}
.inner-banner-box h1{font-size:1.7rem;padding: 20px 15px 70px;}
.subNav:before{display: none;}
.subNav li+li{margin-left: 0;}
.subNav .nav-item{border-radius:0}
.wrapper .subNav{width:100%;padding:0;box-shadow: none;}
.wrapper .subNav .navbar{padding:0;background: #e3e3e3;border-radius:10px;}
.wrapper .subNav .navbar-nav{background-color: #efefef;border-radius: 0 0 10px 10px;}
.wrapper .subNav .navbar button{display:flex;justify-content:space-between;align-self:baseline;width:100%;min-height:44px;text-align:left;border-radius:0;color:inherit;font-size:1em;letter-spacing:normal;padding:1em}
.wrapper .subNav .navbar button:after{display:none}
.wrapper .subNav .navbar button i{margin-top:-2px}
.wrapper .subNav .navbar-nav .nav-item{border-bottom:solid thin #fff}
.wrapper .subNav .navbar-nav .nav-item:last-child{border-bottom:0}
.wrapper .subNav .navbar-nav .nav-link{padding:.8rem 1rem;border-radius:0}
.subNav .nav-item{margin:0}
.wrapper .subNav .navbar-nav .nav-link.dropdown-toggle{padding-right:2em}
.dropdown-toggle::after{right:.8em}
.wrapper .subNav .navbar-nav .dropdown-menu{border:0;border-top:solid thin #ddd;border-radius:0;margin:0;padding:0}
.wrapper .subNav .navbar-nav .dropdown-menu .dropdown-item{padding:.8em;padding-left:1.8em;border-bottom:solid thin #dfdfdf}
.wrapper .subNav .navbar-nav .dropdown-menu .dropdown-item:last-child{border-bottom:0}
.wrapper .subNav + .main-box{width:100%;float:none;margin-left:0}
  
/*頁尾*/
footer{background-color:transparent}
.footer-donate{width:95%;border-radius:0 30px 30px 0;padding:25px;margin-bottom:-30px}
.footer-info{width:100%;background-color:#7bcef4;padding:50px 30px 0;text-align:center}
.footer-left ul .d-flex{text-align:center;-webkit-justify-content:center;justify-content:center;flex-wrap:wrap;-ms-flex-wrap:wrap}
.footer-left ul li i{display:none}
.footer-right .d-flex{-webkit-justify-content:center;justify-content:center}
.gotop{bottom:60px}
/*最新消息*/
.news-photo-list li{width: calc(50% - 10px);}
.news-detail h2{font-size: 1.55rem;}
.news-photo-list ul li .date{margin-bottom:5px}
/*捐款*/
.sub-title{font-size: 20px;}
.donate-list{/* width: calc(100% / 2 - 10px); */}
.donate-search-2,.donate-search-1{margin-bottom: 10px;}
.search_bar .btn-style{margin-left:auto;margin-top: 10px;}
.global li+li{border-top: 1px solid #ffe3c3;}
.search_input{padding-right: 0;}
.applyForm ul li label.form-title{width: 100%;padding-right: 0;margin-bottom: 5px;}
.confirmForm ul li label{text-align: center;}
.input-box-all, .form-title+input{width:100%;}
.confirmForm .input-box-all{text-align: center;}
.confirmInfo{padding-left:0}
/*夥伴*/
.area{float:none;width: 100%;background-color: #fff;z-index: 99999;top: 88px;padding: 10px 0;margin-bottom: 30px;}
.area .btn-wrap{margin-top:0}
.area .mb-5{margin-bottom:25px!important;}
.map{display:none}
.map-list{
    float: none;
    width: 100%;
    padding-left: 0;
}
.area .text-center{display:none}
.location-drop{
    background-color: #eee;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
}

.map-location-mb ul{list-style:none;padding-left:0;margin-bottom:0}
.map-location-mb li{position:relative;width: calc(100% / 8);margin-bottom: 10px;}
.map-location-mb li:before{position:absolute;content:'';width: 1px;height: 60%;background-color: #f4caa6;top: 50%;transform: translateY(-50%);}
.map-location-mb li:nth-of-type(1):before,.map-location-mb li:nth-of-type(9):before,.map-location-mb li:nth-of-type(17):before{display:none}
.map-btn{position:initial;padding: 5px;/* width: 100%; */display: block;text-align: center;}
.map-btn::after{color:#f3b46e;font-size: 14px;top: -22px;}
.map-btn:hover::after{
    top: -11px;
}
.global-bk::before{display:none}
/*聯絡我們*/
.contact{display:block;}
.contact .info{width:100%;display:flex;}
.contact .info .box:first-child{width:280px}
.contact .info .box:last-child{width:calc(100% - 280px);padding-left:1.5em}
.contact .info .box iframe{height:100%}
.contact .info:after{font-size:12em;bottom:-40px}
.contact .form{width:100%;padding:0;margin-top:2em}

/*活動報名-列表*/    
.act-list ul li .photo,.news-photo-list .photo{/* width:300px; */}
.act-list ul li .content,.news-photo-list ul li .content{/* width:calc(100% - 300px); */padding: 15px;}
.act-list ul li .content h2,.news-photo-list ul li .content h2{font-size:1.15rem}
.act-list ul li .content p,.news-photo-list ul li .content p{font-size:1rem}

/*活動底層*/
.input-box-only{width: 100%;}
.activity-detail .info .title h2{font-size: 1.15rem;}
.two-input input, .two-input select{ width: 50%;}

/*檔案下載*/
.dl-photo-list ul li .content p:before{width: 45px;right: -50px;}
.about-page .pp-title-list ul li p{width:100%}
/*線上捐款*/
.donNav + .news-title-list{width: 100%; padding-left: 0; float: none;}
.donNav + .news-title-list{width: 100%;float: none; padding-left: 0;margin-top: 1em;}
.donNav + .news-title-list:after{ display:none;}
.don-search,.don-search .content{ margin-top:1em}
.don-search .filter{text-align: left;}
.don-search .filter ul li{display: block;margin-right: 0;margin-bottom: 1em;}
.don-search .filter ul li:last-child{margin-bottom:0;text-align: center;}
.don-search .filter ul li label{font-size: .9em;}
.don-search .filter ul li input{ width:100%}
.don-search .filter ul li button{margin: 0 auto;}
}
  
@media screen and (max-width: 768px) {
.font-style{font-size: 16px;line-height: 1.5;}
.btn-style{padding: 8px 20px;font-size: 16px;}
/*四圖四文*/
.paper-detail h2 p,.partner-detail h2 p{font-size: 1.2rem;padding: 3px 15px;}
.paper-detail h2 i, .partner-detail h2 i{font-size: 20px;margin-right: 15px;}
.page-content iframe{height:400px}

/*主標題*/
.wrapper .main-box main h1{font-size:1.6em;letter-spacing: normal;}


/*首頁形象*/
.carousel-inner{padding-bottom: 0;}
.banner{height:200px;overflow:hidden;position:relative}
.banner img{width:auto;height:100%;max-width:none;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.banner h2{width:100%;font-size:1.4rem;letter-spacing:2px;padding:1rem}
.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:flex;flex-direction:column-reverse}
.carousel-item a{text-decoration:none}
.carousel-caption{position: initial;width:100%;padding: 15px 30px;/* color:#fff!important */border-radius: 0;}
.carousel-banner-box:after{width: 90%;}
.carousel-caption h5{font-size:1.2rem}
.carousel-caption p{font-size:1rem}
.control-btn{width:80px;height:80px;}
.control-btn:before{margin-left: -30px;margin-top: -30px;width:60px;height:60px;}
/*首頁區塊*/
.index-about{padding:30px 0;background-attachment:initial}
.index-news ul{width:100%;padding-right:0;margin-bottom:40px}
.index-news .news-info{padding:5px 15px}
.index-news ul li h4{font-size:16px;margin-left:20px}
.index-news .news-info span{font-size:13px}
.e-book{margin:0 auto;width:50%}
.index-service-item{flex-wrap:wrap;-ms-flex-wrap:wrap;position:relative}
.index-service-item>a{width:100%;position:absolute;bottom:0;background-color:rgba(255,255,255,.7);padding:15px;border-radius:0 0 20px 20px!important}
.index-service-item:nth-of-type(2) .fullBg, .index-service-item:nth-of-type(4) .fullBg,.index-service-item .fullBg{border-radius: 20px;}
.fullBg{width:100%}
/*頁尾*/
.footer-bottom{padding: 15px 0;flex-wrap:wrap;-ms-flex-wrap:wrap;}
.footer-bottom ul{width:100%;margin-bottom: 10px;-webkit-justify-content: center;justify-content: center;}
.copyright{width:100%}
.gotop{bottom: 83px;}
/*關於*/
.about-page .pp-title-list ul li{width:100%;margin:0 0 5px}
.about-page .pp-title-list ul li:after{background-color:#91dc8b;}
.about-page .pp-title-list ul li:nth-of-type(odd) a{padding-right:0;padding-left: 50px;}
.about-page .pp-title-list ul li:nth-of-type(odd):after{right:auto;left: 10px;}
.about-page .pp-title-list ul li:nth-of-type(even):after{left:10px;}
.about-page .pp-title-list ul li a:after{right:1.5rem}
.about-page .pp-title-list ul li h2{font-size:1.3rem}
.about-page .pp-title-list ul li:nth-of-type(even) h2{color:#f3b46e;}
.about-page .pp-title-list ul li:nth-of-type(even) p{border-color: #f3b46e;background-color:#fff1e1;}
.about-page .pp-title-list ul li p{padding:10px;}
.about-page .pp-title-list ul li:nth-of-type(odd) p{border-width: 0 0 0 5px;}
.about-page .pp-title-list ul{margin-top:20px}
.about-page .pp-title-list ul:before{left:20px;transform:translateX(0)}
.about-page .pp-title-list ul li:nth-of-type(even):before{left:10%}
.about-page .pp-title-list ul li:nth-of-type(odd){text-align:left}
.about-page .pp-title-list ul li{margin-bottom: 25px!important;}
.about-page .pp-title-list ul li:before{width:90%;left:10%}
.about-page .pp-title-list ul li:nth-of-type(even){margin: 0;}
/*夥伴*/
.map-location-mb li{width: calc(100% / 5);}
.map-location-mb li:nth-of-type(5n+1):before{display:none}
.map-location-mb li:nth-of-type(9):before,.map-location-mb li:nth-of-type(17):before{display:block}
.ckeditor-title{width:100%;margin-bottom: 10px;}
.ckeditor-area{width:100%}
.partner-edit{padding:15px}
.partner-intro{padding:15px}

/*最新消息、專欄主題 文字列表*/
/* [class$="title-list"]:not(.dl-title-list)  ul li a{ padding:1em 0;} */
.news-detail h2{font-size: 1.4rem;}
/*捐款*/
.sub-title{text-align:center}
.sub-context{font-size:17px}
.sub-context span.en{display:block}
.accordionPart:before{left:40px}
.img-icon{width:80px;height:80px;padding:15px;margin-right:15px}
.donate-way{width:calc(100% - 95px)}
.donate-way h3{font-size:18px}
.qa-list li:before{border-top:40px solid #ffd2d0;border-right:40px solid transparent}
.qa-list>li:hover:before{border-top:40px solid #ff8e89}
.privacy-title{font-size:20px;margin-top:20px}
.credit-title {display: none!important;}
.credit-show .d-flex{flex-wrap:wrap;-ms-flex-wrap:wrap;padding: 10px;}
.credit-show li div{width:100%;text-align: left;position: relative;padding-top: 17px;margin-bottom: 5px;}
.credit-show li div:before{font-size: 13px;top: 0;color: #9e4c48;position: absolute;}
.credit-show li div:nth-of-type(1):before{content:'捐款日期'}
.credit-show li div:nth-of-type(2):before{content:'姓名 / 公司名稱'}
.credit-show li div:nth-of-type(3):before{content:'金額'}
.credit-show li div:nth-of-type(4):before{content:'專案名稱'}
.credit-goods li div:nth-of-type(1):before{content:'捐物日期'}
.credit-goods li div:nth-of-type(2):before{content:'奉獻人'}
.credit-goods li div:nth-of-type(3):before{content:'對象'}
.credit-goods li div:nth-of-type(4):before{content:'項目'}
.receiptForm{ -ms-flex-direction: column-reverse;flex-direction: column-reverse;}
.receipt_login+.receipt_login{/* background-color: #f5aeab!important; */}
/*檔案下載-圖片列表*/
.dl-photo-list ul{margin-top:30px}
.dl-photo-list ul li{width: calc(100% / 2 - 30px);margin: 0 15px 20px;}
.dl-photo-list ul li a:before{left:-15px;top: -5px;}
.dl-photo-list ul li .content{font-size:16px;padding: 5px 0 5px 10px;}
.dl-photo-list ul li .content p:before{display:none}
/*最新消息、專欄主題 圖片列表*/
/* [class$="photo-list"]:not(.dl-photo-list) ul li .photo{width: 200px;}
[class$="photo-list"]:not(.dl-photo-list) ul li .photo{width: 200px;}
[class$="photo-list"]:not(.dl-photo-list) ul li .content{width: calc(100% - 200px);}
[class$="photo-list"]:not(.dl-photo-list) ul li h2{ font-size:1.2em}
[class$="photo-list"]:not(.dl-photo-list) ul li p{ font-size:.9em} */

/*檔案下載*/
.dl-title-list ul li .photo{width: 160px;}
.dl-title-list ul li .photo img{ max-width:100%; max-height:100%;}

/*內頁*/
.inner-banner{height: 30vw;}
.inner-banner-box h1{font-size: 1.5rem;padding: 20px 10px 70px;}
/*活動報名-列表*/
.act-list ul li,.news-photo-list ul li{width: calc(100% / 2 - 18px);margin: 0 9px 18px;}
.act-list ul li a,.news-photo-list ul li a{flex-wrap:wrap;-ms-flex-wrap:wrap;border-bottom: none;}
.act-list ul li .photo,.news-photo-list .photo{width:100%;border-radius: 20px 20px 0 0;}
.act-list ul li .content,.news-photo-list ul li .content{width:100%;border-radius: 0 0 20px 20px;}
.news-photo-list ul li .content .btn-style{margin-top:10px;}
.act-search .act-sort{display:flex;justify-content:space-between;align-items:center;max-width:none;background:#f3f3f3;margin-bottom:.5em;border-radius:0;border-top:solid thin #eee;border-bottom:solid thin #eee;text-align:left;padding:0 1em;letter-spacing:normal;color:#444}
.act-search .act-sort:hover{background:#f3f3f3;color:#444}
.act-search .act-sort:after{display:none}
.act-search .act-sort i{font-size:.8em;color:#444}
.act-search ul{display:none}
.act-search ul li{display:flex;justify-content:center;align-items:center;margin-right:0;margin-bottom:.5em}
.act-search ul li:last-child{margin-bottom:0}
.act-search ul li label{width:70px;margin-bottom:0;text-align:left;font-size:.9em}
.act-search select,.act-search input[type="text"],.act-search button{width:100%;height:44px}
.nav-tabs{-webkit-justify-content: flex-start!important;justify-content: flex-start!important;}
.nav-tabs li{width: calc(100% / 3 - 8px);margin: 0 4px 8px;text-align: center;}
.nav-tabs li+li{margin-left: 4px;}
.nav-tabs li a{border-radius:5px;padding: 8px 10px;}
.nav-tabs li a.active{padding: 8px 10px;}
/*報名*/
.applyForm .act_info li.star{display:none}
.applyForm ul li label{margin-bottom:10px;text-align: center;}
.act-confirmInfo,.applyForm input[type="text"]:disabled{text-align:center}
.form-title{width:100%}
.input-box-all, .form-title+input{width:100%}
.rideo-title{width:150px}
.rideo-content{width:calc(100% - 150px);}
.fd_select2+.fd_select2{margin-left:0;margin-top: 5px;}
.two-input input+input,.two-input select+input{margin-top:5px}
.input-box-only{padding:0;width: 100%;}
.two-input input, .two-input select{ width: 100%;}
/*活動底層*/
.wrapper:before{border-radius:30px 30px 0 0;}
.activity-detail .wrap .box{flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.activity-detail .photo{margin-top:20px;width:100%}
.activity-detail .photo .img-focus{padding-right:0}
.activity-detail .photo ul{width:100%}
.activity-detail .photo ul:after{content:'';display:block;clear:both}
.activity-detail .photo ul li:last-child{margin-right:0}
.activity-detail .info{width:100%}
.activity-detail .info .title{width:100%}
.activity-detail .info .action{display:block;width:100%}
.active-btn{font-size: 16px;letter-spacing:0}
.applyForm .act_info,.applyForm .apply_info{padding:15px;}
.po_point{top: -40px;}
.activity-detail .activity-detail-top a{width: calc(100% / 3 - 20px);margin-top:5px}
.activity-detail-top a:nth-of-type(4):before{display:none}
.nav-tabs .applybtnshow{display: none;}
.applybtnshow,.rwd-donateBtn{position: fixed;bottom: 8px;left: 0;z-index: 15;width: 100%;}

.applyBtn{background-color: #42a9d8!important;color: #fff;display: block;text-align: center;padding: 10px 0;border-top: 1px solid #fff;font-size: 18px;}
.applybtnshow+footer{padding-bottom: 54px;}
.donat-page-btn{position:initial;padding: 0;background-color: transparent;}
/*會員*/
/* .mem_detail .modify .item{width:100%;float:none}
.mem_detail .modify .item.ads input + input{width:100%;margin-top:.5em} */
}

@media screen and (max-width: 640px) {
.carousel,.inner-banner-box{padding-top:75px}
.control-btn:before{display:none}
.control-btn{background-color:transparent}
/*頁首*/
header{width:100%;padding:0 25px}
header .navbar-brand{width:240px}
.service-item-tt h4{font-size:1.2rem}
.mjtitle-box{font-size:1.35rem}
/*按鈕樣式*/
button{padding:6px 12px;letter-spacing:1px;min-height: 40px;}  
  
/*頁碼*/
.pagination{margin-top:1.2rem}
/*內頁結構*/
.wrapper .main-box{padding-top: 0;}
.breadcrumb{margin-bottom: 15px;padding-top: 0;}
.wrapper{margin-top:0}
.wrapper:before{width: calc(100% - 30px);border-radius: 0;display: none;}
.wrapper:after{/* top:0; *//* height: 100%; */background-color: #fff;}
.container, .wrapper > .container, .index .box-2{padding: 0 25px;}
/*內頁形象*/
.inner-banner-box h1{font-size: 1.3rem;padding: 20px 0 50px;}
.inner-banner{height: 32vw;}
/*關於*/
.about-page .pp-title-list ul li h2{font-size: 1.2rem;}
/*夥伴*/
.area{top: 0;position: initial;}
.map-location-mb li{width: calc(100% / 4);}
.map-location-mb li:nth-of-type(5n+1):before{display:block}
.map-location-mb li:nth-of-type(4n+1):before{display:none!important}
.partner-btn{bottom:48px}
/*四圖四文*/
.news-detail h2{font-size: 1.2rem;}
.news-detail .date span{font-size: .8rem;}
.page-content iframe{height:320px}
.img-left,.img-right,.img-left1,.img-right1{float:inherit;padding-right:0;padding-left:0}
.img-left img,.img-right img,.img_center img,.img-left1 img,.img-right1 img{display:block;width:100%;max-width:inherit}
 
/*頁尾*/
.donate-now{width: 70%;bottom: 0;right: auto;}
.donate-now a{width:100%;writing-mode: inherit;text-align: center;border-right: none;font-size: 18px;padding: .7rem 0 1rem;}
footer{padding-bottom:44px}
.copyright,.footer-right,.footer-left{padding:0}
.gotop{right:0;bottom:0;width: 30%;border-radius:0;border:0;border-top:1px solid #fff;height: 56px;line-height: 44px;}
.applybtnshow+footer+.gotop{width:50%;bottom: 8px;background-color: #42a9d8;}
.applybtnshow+footer+.gotop:before{position:absolute;content:'';width:1px;height:100%;background-color: #fff;left: 0;}
.applybtnshow{width: 50%;}
.applybtnshow .applyBtn{padding:14px 0;}
.footer-left p{font-size: 22px;}
.footer-left ul li{font-size:15px;}
.active-page .donate-now{display:none;}
/*活動報名-列表*/    

.act-list ul li, .news-photo-list ul li,.donate-list{width: 100%;margin: 0 0 1rem;padding-bottom: 1rem;border-bottom: solid thin #eee;}
.act-list ul li:nth-child(3n){margin-right:0}
.act-list ul li .content{padding: 15px;}
.act-list ul li .content h2{font-size:1.1rem}
.activity-detail-top a+a:before{display:none}
.activity-detail-top a{margin: 0 5px;}
/*活動報名-底層*/ 

.counttime .timer .table-cell{width:50%;margin: 5px 0;justify-content: start;padding-left: 10px;}
.counttime .timer .table-cell:nth-of-type(3):before{display:none}
.activity-detail .info .act-content ul li .title{/* width: 100px; *//* padding: 15px; */}
.activity-detail .info .title h2{font-size: 1.1rem;}
.activity-detail .content .container{font-size:16px;}
.activity-detail .activity-detail-top{top: 76px;}
.nav-tabs li{width: calc(100% / 2 - 8px);}
.applyForm .act_info{top: 77px;}
/*活動報名*/ 
/* .applyForm .act_info{display:none} */
.couple-form .applyForm .apply_info{padding-top:0;}
.couple-form .pink{display: block;}
.active-page .form-title{background-color: #f3b46e;}
.donate-page .form-title{background-color: #ffdad8}
.form-title{padding: 5px 0;border-radius: 5px;}
.couple-form .form-title-box{padding:15px 0}
.input-box-all.d-flex, .input-box-all>.d-flex{flex-wrap:wrap;-ms-flex-wrap:wrap;}
.input-box{width:100%}
.input-box+.input-box{margin-left:0;margin-top: 10px;}
.active-page .applyForm .second-form .form-title{background-color: #7bcef4}
/* .couple-form .input-box{position:relative;}
.couple-form .input-box:before{font-size:14px;color: #787878;position:absolute;top: 0;}
.couple-form .input-box:nth-of-type(1):before{content:'第一位';}
.couple-form .input-box:nth-of-type(2):before{content:'第二位';} */
.rideo-title,.rideo-content{width:100%}
/* .couple-form .input-box:nth-of-type(1),.couple-form .input-box:nth-of-type(2){background-color:transparent;padding: 20px 0 0;} */
.modal-body{padding:20px}
/*徵信*/
.credit-list-box ul li{padding: 10px 15px;}
.credit-online ul li:nth-of-type(1){display:none!important}
.credit-list-box ul a{padding: 0;}
.credit-online a div:before{position:absolute;font-size: 13px;top: 0;color: #a22722;}
.credit-online a div:nth-of-type(1):before{content:'專案名稱';}
.credit-online a div:nth-of-type(1){ padding-top: 20px;position: relative;}
.credit-list-box a div:nth-of-type(1){color: #f5aeab;width: 100%;border-right: none;}
.credit-list-box a div:nth-of-type(2){width: 100%;padding-left: 0;margin-top: 5px;}
.credit-online a div:nth-of-type(2):before{content:'項目';}
.credit-online a div:nth-of-type(2){position: relative;padding-top: 20px;}
.JQellipsis{height: auto;}
/*財報資訊*/
.report-list p{font-size: 17px;width: 100%;}
.report-list a{padding: 10px 10px;text-align: center;}
.report-list b{margin: 5px auto 0;width: 100%;font-size: 14px;}
}
@media (max-width: 575px){
.index-service-item>a{height:100%;border-radius: 20px!important;background-color: rgba(255, 255, 255, .6);}
.index-news ul{margin-top:30px}
.index-news li{padding:0 10px}
.index-news .news-info{padding:0;display:-webkit-flex;display:flex;display:-ms-flexbox;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;-ms-flex-direction:row-reverse;flex-direction:row-reverse;border-right:0}
.index-news .news-info span{margin: 0;}
.news-tag{margin-right: 5px!important;}
.index-news ul li h4{margin: 5px 0 0 0;font-weight: 600;}
.e-book{width:80%}
.accordionPart:before{left:50%}
.accordionPart li+li{margin-top:25px}
.img-icon{position:relative;width: 100%;height: 60px;display: -webkit-flex;display: flex;display: -ms-flexbox;-webkit-align-items: center;-ms-flex-align: center;align-items: center;background-color: #f5aeab;border-radius: 20px 20px 0 0;padding: 15px 15px 10px;}
.img-icon img{width: 40px;}
.img-icon h3{display:block;margin-bottom: 0;color: #d15650;font-size: 19px;margin-left: 15px;}
.notab+.notab{display:none}
.receipt_login+.notab{margin-top: 10px;padding: 0;}
.noreceipt{
    background-color: #a22722;
}
.donate-way{width:100%;border-radius: 0 0 20px 20px;}
.donate-way h3{display:none}
.location-drop{display:block}
.map-location-mb{padding-top: 15px;box-shadow: 0 5px 18px -2px rgba(196, 196, 196, .5);display: none;}
.search_input select+select{margin-left:0;margin-top: 10px;}
}
@media (max-width: 480px) {
.map-list li{width:100%;margin: 0 0 10px;}
.map-list li:nth-of-type(4n+2),.map-list li:nth-of-type(4n+3){background-color:transparent}
.map-list li:nth-of-type(even){background-color:#fdf4ea!important;}
.map-list h2{font-size:1.2rem}
.map-list li h3{font-size:1.1rem}
/*四圖四文*/
.img-left1 img,.img-right1 img{max-width:100%}
.img-left,.img-left1,.img-right,.img-right1{float:inherit;padding:0 0 1em}
.page-content iframe{height:250px}
/*檔案下載-圖片列表*/
.dl-photo-list ul li{width: calc(100% - 30px);margin: 0 15px 20px;}
.dl-photo-list ul li .content{padding:10px 0 10px 10px;}

}
@media (min-width: 575px){
    .modal-dialog{max-width: 60%;}
    .receipt_login+.notab{display: none;}
}