@charset "utf-8";
/* CSS Document */
body{font-family: 'Baloo Thambi 2',"微軟正黑體",sans-serif;font-family: "微軟正黑體",sans-serif;font-size:16px;line-height: 1.5;}
a{color:#000;text-decoration:none}
a:hover{color:#000;}
.nodata{text-align: center;margin: 0;color: #d71718;}

/*---------------------- 基礎設定 ----------------------*/

/* 回頂端 */
#goTop{position:fixed;bottom: 40px;right: 20px;width:50px;height:50px;line-height:50px;cursor:pointer;display:none;z-index: 999;}
#goTop.btn span:after{ display:none}
#goTop i{position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

/*按鈕*/
.btn-wrap{display: table;margin: 30px auto 10px;}
.btn-wrap .btn + .btn{ margin-left:20px}
.btn{width:120px;border:0;border-radius:50px;background:#e84224;background-image:linear-gradient(-60deg,#e84224 0%,#f09819 100%);color:#fff;height:40px;font-size:.9rem;position:relative;overflow:hidden;}
.btn:after{content:'';position:absolute;top:.1rem;left:.1rem;right:.1rem;bottom:.1rem;background:#fff;border-radius:50px;transition:all .2s linear;}
.btn:hover:after{transform:scale(0.6);opacity:0}
.btn:hover span{color:#fff}
.btn:hover span:hover:after{color:#fff;right:0}
.btn span{display:block;color:#e84224;position:relative;z-index:2}
.btn span:after{content:'\f105';font-family:"Font Awesome 5 Free";font-weight:700;position:absolute;top:50%;right:5px;transform:translateY(-50%);transition:all .2s linear}
.btn.none span:after{ display:none}
.btn:focus{box-shadow:none}

/*RWD編輯器表格(X捲軸)*/
.table-container table td:not(:first-child){min-width: 120px;white-space:inherit;}
.credit-list table thead tr th:first-child{width: 180px;}

@media screen and (max-width: 768px) {
.table-container{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}
.credit-detail table thead tr th:first-child{ min-width:120px}
.credit-list table thead tr th:first-child{ min-width:120px;}
[class^="credit"] table{ font-size:.9rem}
}

/*社群分享*/
.s-share{padding:10px;margin-bottom:20px;}
.s-share ul{list-style:none;padding-left:0;margin-bottom:0;text-align:right}
.s-share ul li{cursor:pointer;display:inline-block;padding:0 5px;vertical-align:middle}
.s-share ul li:first-child{padding:0}
.s-share ul li i{font-size:1.4rem;vertical-align:middle}
.s-share ul li i[class*="line"]{color:#00c300}
.s-share ul li i[class*="facebook"]{color:#3b5998}

/*標題字*/
.mjTitle2 .date{color:#149a92;font-size:.9rem;padding:0 5px 5px}
.mjTitle2 .date:before{content:'\f073';font-family:"Font Awesome 5 Free";margin-right:5px;vertical-align:top}
.mjTitle2{border-bottom: dotted thin #bbb;padding: 10px;}
.mjTitle2 h1{font-size:2rem;margin-bottom:0;line-height: 1.5;}

/*---------------------- 頁面開始 ----------------------*/

/*頁首*/
header .container{max-width: 1400px;padding: 0;}
header .navbar-brand{padding: 0;margin: 0;display: flex;align-items: center;}
header .navbar-brand h2{margin-bottom: 0;font-size: .9rem;font-weight: 600;border-left: solid thin #ddd;padding-left: 15px;margin-left: 15px;color: #4c4948;}
header .navbar-brand h2 span{display:block;letter-spacing: 1px;}
header .navbar-brand img{width: 160px;image-rendering: -moz-crisp-edges;          /* Firefox        */
    image-rendering:-o-crisp-edges;            /* Opera          */
    image-rendering:-webkit-optimize-contrast; /* Safari         */
    image-rendering:optimize-contrast;         /* CSS3 Proposed  */
    -ms-interpolation-mode:nearest-neighbor;   /* IE8+           */;}
header .navbar{padding: 15px 0;border-bottom: solid thin #ddd;background-image: linear-gradient(to bottom, #ffffff 80%, #f6f6f6 100%);}
header .navbar-nav{margin-left: auto;}
header .social{border-top: solid 2px #149a92;border-bottom: solid thin #e7e7e7;}
header .social ul{list-style: none;margin-bottom: 0;display: flex;align-items: center;justify-content: flex-end;}
header .social ul li{position: relative;}
header .social ul li:before{content:"";width: 1px;height: 40%;background: #c7c7c7;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
header .social ul li:first-child:before{ display:none}
header .social ul li a{display: block;text-decoration: none;padding: 3px 20px;}
header .social ul li a:hover{background: rgba(255, 255, 255, .6);}
header .social ul li i{}
header .social ul li i[class*="facebook"]{ color:#3b5998}
header .social ul li i[class*="youtube"]{ color:#ff0000;}
header .social ul li span{font-size: .85rem;letter-spacing: 1px;color: #444;}
button.navbar-toggler{border-radius:0;width:44px;height:44px;min-width:auto;min-height:auto;padding:0;position:relative;right: 0;background:transparent;border:0;outline:none;}
button.navbar-toggler:hover{background:transparent}
button.navbar-toggler:hover:after{display:none}
button.navbar-toggler span{display:block;width:100%;border-bottom:solid 1px #000;transition:all .2s ease-in-out;margin:0 auto}
button.navbar-toggler span + span{margin-top:10px}
button.navbar-toggler[aria-expanded="true"] span{position:absolute}
button.navbar-toggler[aria-expanded="true"] span:nth-child(1){transform:rotate(-45deg)}
button.navbar-toggler[aria-expanded="true"] span:nth-child(2){display:none}
button.navbar-toggler[aria-expanded="true"] span:nth-child(3){transform:rotate(45deg);top:12px}

/*主選單*/
.navbar-expand-lg .navbar-nav .nav-link{padding: 0 15px;padding: 6px 16px;border-radius: 50px;letter-spacing: 1px;color: #444;}
.navbar-expand-lg .navbar-nav .nav-link:hover{background:#e84224;background: #149a92;color:#fff;}
.navbar-expand-lg .navbar-nav .nav-item + .nav-item{ margin-left:10px;}

/*首頁*/
.index-wrap .container{width:100%;max-width:none;padding:0;}
.index-wrap section:not(.index-bannerWrap){padding: 50px;}
.index-wrap section:not(.index-bannerWrap) button{display:table;margin: 0 auto;}
.index-wrap section > h2{font-family: 'Noto Sans TC',sans-serif;text-align:center;margin-bottom:40px;font-weight: 300;letter-spacing: 4px;}
.index-wrap section > h2 span{display:block;font-size: .9rem;font-weight: normal;color: #e84224;margin: 10px 0;letter-spacing: normal;font-family: 'Baloo Thambi 2', cursive;}

/*首頁banner*/
.index-bannerWrap{display:flex}
.index-bannerWrap .quick-link{width:300px}
.index-bannerWrap .quick-link ul{padding-left:0;list-style:none;margin-bottom:0;height:100%}
.index-bannerWrap .quick-link ul li{height:calc(100% / 4);border-bottom:solid thin #ebebeb;position:relative}
.index-bannerWrap .quick-link ul li a{text-decoration:none;display:flex;height:100%;align-items:center;position:relative}
.index-bannerWrap .quick-link ul li a:after{content:'\f105';font-family:"Font Awesome 5 Free";font-weight:700;position:absolute;top:50%;right:20px;transform:translateY(-50%);transition:all .2s linear}
.index-bannerWrap .quick-link ul li a:hover .icon{background:rgba(232,66,36,.9)}
.index-bannerWrap .quick-link ul li a:hover:after{right:10px;color:#e84224}
.index-bannerWrap .quick-link ul li .icon{width:100px;height:100%;background:#e84224;position:relative;}
.index-bannerWrap .quick-link ul li .icon img{width:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:invert(1);}
.index-bannerWrap .quick-link ul li p{width:calc(100% - 40px);margin-bottom:0;padding-left:20px;letter-spacing:2px}
.index-banner{width:calc(100% - 300px)}
.index-banner .carousel-item .photo{position:relative}
.index-banner .carousel-item .photo:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0}
.index-banner .carousel-item .photo img{width:100%}
.index-banner .carousel-item .content{width: 420px;position:absolute;top:50%;left: 100px;transform:translateY(-50%);padding: 20px;}
.index-banner .carousel-item .content h2{font-family:'Noto Sans TC',sans-serif;font-weight:300;font-size: 1.4rem;letter-spacing:2px;color:#e84224;padding-bottom: 15px;margin-bottom: 15px;position:relative;}
.index-banner .carousel-item .content h2:after{content:'';width: 20px;border-bottom: solid 1px #e84224;position:absolute;left:0;bottom:0;}
.index-banner .carousel-item .content article{letter-spacing:2px}
.index-banner .carousel-item .content p{margin-bottom:0}
.index-banner .carousel-item .content button{width:120px;margin-top:20px}
.carousel-indicators{margin:0;bottom: 5px;}
.carousel-indicators li{width:12px;height:12px;border-radius:50%;margin:0 6px;opacity: 1;background-color: #ddd;}
.carousel-indicators .active{background-color:#e84224}
.carousel-control-next, .carousel-control-prev{width:5%;opacity: initial;/* background: rgba(51, 31, 27, 0.3); */}
.carousel-control-next-icon,.carousel-control-prev-icon{background-image: none;}
[class^="carousel-control"] span{background: url(../images/all/control-icon.png) no-repeat;width: 15px;height: 24px;-webkit-filter: drop-shadow(0 0 4px rgba(0,0,0,.3));}
.carousel-control-prev span{background-position: left;}
.carousel-control-next span{background-position: right;}
.carousel-control-next:hover,
.carousel-control-prev:hover{/* background:rgba(51, 31, 27, 0.4); */}
.banner{text-align: center;position: relative;}

/*首頁－捐款方式*/
.index-method .owl-carousel{max-width:1300px;margin:0 auto}
.index-method .owl-item:not(:first-child){ border-left:solid thin #eee;}
.index-method .owl-item:hover .item{background:#e84224}
.index-method .owl-item .item{border-radius:6px}
.index-method .owl-item .item a{display:block;text-decoration:none;padding: 35px 20px;}
.index-method .owl-item .item:hover .photo{border-color:#fff;transform: scale(1);}
.index-method .owl-item .item:hover .photo img{filter: brightness(10);}
.index-method .owl-item .item:hover a{ color:#fff}
.index-method .owl-item .item .photo{width:80px;margin:0 auto;border-radius:50px;border:solid 2px #e84224;padding:10px;transform: scale(.85);transition: transform .2s linear;}
.index-method .owl-item .item .photo img{max-width:100%;transform:scale(.9);transition: scale .3s linear;}
.index-method .owl-item .item h3{font-size: 1rem;text-align:center;margin-bottom:0;margin-top:20px;letter-spacing: 2px;}
.owl-theme .owl-nav{ display:none}
.owl-theme .owl-dots, .owl-theme .owl-nav{ margin-top:30px}
.owl-theme .owl-dots .owl-dot span{ background: #eee;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background:#e84224}

/*首頁-最新消息*/
.index-news{background-image: url(../images/index/newsbg.jpg?20200519);background-repeat:no-repeat;background-size: cover;background-position: center center;background-attachment:fixed;}
.index-news .container{max-width: 1300px;}
.index-news button{display:table;width:180px;margin-left:auto;margin-top:80px;font-weight:500}
.index-news ul{padding-left:0;list-style:none;margin-bottom:0;display:flex;flex-wrap: wrap;align-items:stretch;}
.index-news ul li{width: calc(100% / 4 - 15px);margin-right: 20px;background:#fff;border-radius:6px;overflow:hidden;}
.index-news ul li:nth-child(4n){ margin-right:0}
.index-news ul li a{display:block;text-decoration:none;transition:all .3s linear}
.index-news ul li:hover{box-shadow:0 20px 20px -5px rgba(0,0,0,0.1)}
.index-news ul li a:hover h4{background:#d71718}
.index-news ul li a:hover .content h3{color:#e84224}
.index-news ul li a:hover .photo img{transform:scale(1)}
.index-news ul li h4{display:table;background:#000;color:#fff;padding:5px 8px;font-size:1rem;font-weight:600;margin-bottom:20px}
.index-news ul li .photo{overflow:hidden}
.index-news ul li .photo img{max-width:100%;transform:scale(1.05);transition:all .3s linear}
.index-news ul li .content{padding: 20px 15px 30px;}
.index-news ul li .content .title{font-size:.9rem;margin-bottom:20px}
.index-news ul li .content .title span:first-child{border:solid thin;padding:2px 4px;margin-right:10px;color:#149a92}
.index-news ul li .content h3{font-size:1.2rem;font-weight:600;margin-bottom:30px}
.index-news ul li .content article{font-size:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/*首頁－常見問題*/
.index-faq{background-size:cover;background: linear-gradient(to bottom,#fff 30%,rgba(255,255,255,0) 80%),url(../images/all/dots.png);}
.index-faq .tabs ul{padding-left:0;margin-bottom:0;list-style:none;text-align:center;border-bottom:solid thin #ddd}
.index-faq .tabs ul li{display:inline-block}
.index-faq .tabs ul li a{display:block;padding:6px 16px;border:solid thin #ddd;border-radius:6px 6px 0 0;border-bottom:0;text-decoration:none}
.index-faq .tabs ul li a:not(.active):hover{background:#f5f5f5}
.index-faq .tabs ul li a.active{background:#149a92;border-color:#149a92;color:#fff}
.index-faq .box{padding:30px 0}
.index-faq .box ul{padding-left:0;list-style:none;max-width:1000px;margin:0 auto}
.index-faq .box ul li{border-bottom:solid thin #e6e6e6}
.index-faq .box ul li > div{max-width:1100px;margin:0 auto}
.index-faq .box ul li .faq-title{padding:20px 40px;position:relative;font-size:1.2rem;cursor:pointer}
.index-faq .box ul li .faq-title:not(.on):hover{color:#777}
.index-faq .box ul li .faq-title.on{color:#e84224;font-weight:700}
.index-faq .box ul li .faq-title:before{content:'\f075';font-family:'Font Awesome 5 Free';font-weight:100;position:absolute;top:50%;left:10px;transform:translateY(-50%);font-size:.95rem}
.index-faq .box ul li .faq-title:after{content:'\f107';font-family:'Font Awesome 5 Free';font-weight:700;position:absolute;top:50%;right:10px;transform:translateY(-50%)}
.index-faq .box ul li .faq-title.on:after{transform:translateY(-50%) rotate(-180deg)}
.index-faq .box ul li .faq-content{padding:20px;line-height: 1.8;}
.index-faq .box ul li .faq-content p:not(:last-child){margin-bottom:20px}
.index-faq .box ul li .faq-content p:last-child{ margin-bottom:0}

/*頁尾*/
footer{background: #149a92;color: #fff;}
footer a{ color:#fff}
footer a:hover{color: #fff;text-decoration: underline;}
footer .container{display:flex;align-items:center;max-width: 1200px;padding: 40px 0;}
footer .f-menu{width: calc(100% - 240px);padding-right: 40px;}
footer .f-menu ul{list-style:none;padding-left:0;margin-bottom: 0;}
footer .f-menu ul li{display: inline-block;vertical-align: top;}
footer .f-menu ul li + li{margin-left: 40px;}
footer .f-menu ul li h4{font-size: 1.2rem;font-weight: normal;margin-bottom: 20px;}
footer .f-menu ul li h4 a{ display:block;}
footer .f-menu ul li p{font-size: .9rem;margin-bottom: 5px;display: flex;}
footer .f-menu ul li p:last-child{margin-bottom:0}
footer .f-menu ul li p a:hover{ text-decoration:underline}
footer .f-menu ul li p span{width: 60px;height: 0;display: block;text-align: justify;}
footer .f-menu ul li p span:after{content:'';display: inline-block;width:100%;}
footer .f-menu ul li button{color:#fff;border-color:#fff;width: 200px;margin-top: 40px;}
footer .f-menu ul li button:hover{ border-color:#d71718;}
footer .f-menu ul li .list{border-left: solid thin #eee;padding-left: 10px;}
footer .f-menu ul li .list a{display:block;font-size: .95rem;margin-bottom: 5px;transition: none;}
footer .f-info{width: 240px;text-align:right;}
footer .f-info .logo{width: 200px;margin-left:auto;margin-bottom: 10px;}
footer .f-info .logo img{max-width:100%;}
footer .f-info p{font-size: .9rem;margin: 15px 0 2px;}
footer .f-info ul{padding-left: 0;list-style: none;margin-bottom: 0;display: flex;justify-content: flex-end;font-size: 1rem;}
footer .f-info ul li a{padding: 0 10px;display: block;}
footer .f-info ul li:last-child a{ padding-right:0}
footer .copy{font-size: .8rem;text-align: center;padding: 10px 15px;background: rgba(0, 0, 0, .1);}
footer .tel-mb{ display:none}

/*內頁banner*/
.banner{position:relative;}
.banner img{width: 100%;max-width: 100%;}
.banner img.mb{ display:none}
.banner h1{display:none}

/* 募款室刊物 */
.postsGrid{display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 20px;grid-row-gap: 20px;}
.postsGrid__item{}
.postsGrid__item img{max-width: 100%;}
.postsGrid__item .picBox{position:relative}
.postsGrid__item .picBox::after{content:'閱讀更多';opacity:0;position:absolute;left:0;right:0;top:0;bottom:0;background: rgba(20, 154, 146, 0.5);display:flex;justify-content: center;align-items: center;color: #fff;letter-spacing: .5em;font-weight: 700;transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.postsGrid__item:hover .picBox::after{opacity:1;}
.postsGrid__item .infoBox{padding:0 10px;font-size: 1.2rem;font-weight: 700;text-align: center;}

@media (max-width:768px) {
    .postsGrid{grid-template-columns: repeat(2, 1fr);}
}

/*側選單*/
.sidebar{border-bottom:solid thin #ddd;background-image:linear-gradient(to bottom,#fff 80%,#f6f6f6 100%)}
.sidebar h3{margin-bottom:0;color:#fff;background:#d71718;font-size:1.2rem;font-weight:700;padding:15px;letter-spacing:2px}
.sidebar > .collapse{display:flex;justify-content:center;max-width:1300px;margin:0 auto}
.sidebar .card{border-radius:0;border:0;background:transparent;position:relative}
.sidebar .card:last-child{border-bottom:0}
.sidebar .card.active{background:#149a92;}
.sidebar .card.active a h2,.sidebar .card.active h2{color:#fff;}
.sidebar .card:before{content:'';position:absolute;top:50%;left:0;height:30%;border-left:solid thin #d7d7d7;transform:translateY(-50%)}
.sidebar .card:first-child:before{border-left:0}
.sidebar .card a{display:block;text-decoration:none}
.sidebar .card h2{margin-bottom:0;font-size:1rem;font-weight:400;padding:10px 20px;cursor:pointer;text-align:center}
.sidebar .card h2[data-toggle="collapse"]{padding-right:30px;position:relative}
.sidebar .card h2[data-toggle="collapse"]:after{content:'\f107';font-family:'Font Awesome 5 Free';font-weight:700;position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.sidebar .card .collapse.show,.sidebar .card .collapsing{position:absolute;width:100%;top:40px;background:#fff;z-index:999;box-shadow:0 5px 10px rgba(0,0,0,0.2)}
.sidebar .card .card-body{padding:0}
.sidebar .card .card-body ul{padding-left:0;list-style:none;margin-bottom:0}
.sidebar .card .card-body ul li:not(:last-child){border-bottom:solid thin #e8e8e8}
.sidebar .card .card-body ul li.active a{font-weight:700;color:#e84224}
.sidebar .card .card-body ul li a{font-size:.9rem;display:block;padding:10px;text-decoration:none;transition:all .2s linear}
.sidebar .card .card-body ul li:not(.active) a:hover{background:#e8e8e8}
.sidebar .navbar-toggle,.sidebar .navbar-toggle:focus,.sidebar .navbar-toggle:hover{background-color:#fff;border:solid thin #b7b7b7;border-radius:6px;padding:12px 15px;outline:none}
.sidebar .navbar-toggle{display:none;width:100%;float:inherit;text-align:left;margin:0;position:relative}
.sidebar .navbar-toggle .fa-list{margin-right:5px}
.sidebar .navbar-toggle .fa-caret-down{position:absolute;right:15px;top:50%;transform:translateY(-50%)}

/*側選單2*/
.sidebar2 + main{width: calc(100% - 240px);float: right;padding-left: 50px;}
.sidebar2{width:240px;float:left;padding: 0;}
.sidebar2 h3{margin-bottom:0;color:#fff;background:#d71718;font-size:1.2rem;font-weight:700;padding:15px;letter-spacing:2px}
.sidebar2 .card{border-radius:0;border:0;border-bottom:solid 2px #fff}
.sidebar2 .card:last-child{border-bottom:0}
.sidebar2 .card a{ text-decoration:none}
.sidebar2 .card a:hover h2,.sidebar2 .card.active h2{background:#149a92; color:#fff}
.sidebar2 .card h2{margin-bottom:0;background: #f5f5f5;font-size:1rem;padding:15px;position:relative;cursor:pointer;}
.sidebar2 .card h2:after{content:'\f107';font-family:'Font Awesome 5 Free';font-weight:700;position:absolute;right:15px;top:50%;transform: translateY(-50%) rotate(-90deg);}
.sidebar2 .card .card-body{padding:0}
.sidebar2 .card .card-body ul{padding-left:0;list-style:none;margin-bottom:0}
.sidebar2 .card .card-body ul li:not(:last-child){border-bottom:solid thin #ddd}
.sidebar2 .card .card-body ul li.active a{color:#d71718;font-weight:700}
.sidebar2 .card .card-body ul li a{display:block;padding:15px;text-decoration:none;transition:all .2s linear}
.sidebar2 .card .card-body ul li:not(.active) a:hover{padding-left:20px}
.sidebar2 .navbar-toggle,.sidebar2 .navbar-toggle:focus,.sidebar2 .navbar-toggle:hover{background-color: #fff;border: solid thin #b7b7b7;border-radius: 6px;padding: 12px 15px;outline: none;}
.sidebar2 .navbar-toggle{display:none;width:100%;float:inherit;text-align:left;margin:0;position:relative;}
.sidebar2 .navbar-toggle .fa-list{margin-right:5px}
.sidebar2 .navbar-toggle .fa-caret-down{position:absolute;right:15px;top:50%;transform:translateY(-50%)}  
@media (min-width: 993px) {
.sidebar2 > .collapse { display: block; }
}
@media (max-width:992px) {
/*sidebar*/
.sidebar2 + main{width:100%;float:none;padding-left:0}
.sidebar2{width:100%;margin:0;float:none;border:0;margin-bottom:20px}
.sidebar2 .navbar-toggle{display:flex;justify-content:space-between;align-items:center}
.sidebar2 > .collapse,.sidebar2 > .collapse.show,.sidebar2 > .collapsing{border:solid thin #b7b7b7;border-top:0;border-radius:0 0 6px 6px;overflow:hidden}
.sidebar2 h3{display:none}
.sidebar2 .card h2{background:transparent;border-bottom:solid thin #b7b7b7;color:initial;padding:15px}
.sidebar2 .card:last-child h2{border-bottom:0}
.sidebar2 .card a:hover h2,.sidebar2 .card.active h2{color:#149a92;background:transparent}
.sidebar2 .card h2:after{display:none}
}

/*次選單*/
.subMenu{border-bottom:solid thin #ddd;background-image:linear-gradient(to bottom,#fff 80%,#f6f6f6 100%)}
.subMenu ul{padding-left:0;list-style:none;margin-bottom:0;display:flex;justify-content:center}
.subMenu ul li{position:relative}
.subMenu ul li:not(:first-child):before{content:'';position:absolute;top:50%;left:0;height:30%;border-left:solid thin #d7d7d7;transform:translateY(-50%)}
.subMenu ul li a{font-size:1rem;font-weight:500;display:block;padding:10px 20px;text-decoration:none}
.subMenu ul li.active a{background:#149a92;color:#fff}

/*內頁*/
.wrap{padding-bottom: 40px;}
.wrap.bg{background-size: cover;background: linear-gradient(to bottom,#fff 30%,rgba(255,255,255,0) 80%),url(../images/all/dots.png);}
.wrap > .container{ max-width:1300px}
.wrap > .container:after{ content:''; display:block; clear:both;}

/*麵包屑*/
.banner + nav .breadcrumb{ margin-top:0}
.breadcrumb{background: transparent;max-width: 1300px;margin: 5px auto;font-size: .9rem;}

/*頁碼*/
.pagination{margin: 20px 0 0;}
.page-item.disabled .page-link{display: none;}
.page-link{border: 0;color:#000;padding: 6px 12px;border-radius: 3px;}
.page-link:focus{box-shadow:none}
.page-item:last-child .page-link,.page-item:first-child .page-link{border-radius:0}
.page-link:hover{color:initial}
.page-item.active .page-link{background: #e84224;}

/*捐款專案*/
[class$="list"] .container{max-width:1300px;padding:0}
.project-list button{display:table;width:180px;margin-left:auto;margin-top:80px;font-weight:500}
.project-list ul{padding-left:0;list-style:none;margin-bottom:0;display: flex;flex-wrap: wrap;}
/* .project-list ul:after{content:'';display:block;clear:both} */
.project-list ul li{width:calc(100% / 4 - 19px);margin-right: 25px;margin-bottom:30px;background:#fff;border-radius:6px;overflow:hidden;border:solid thin #ddd;}
.project-list ul li:nth-child(4n){margin-right:0}
.project-list ul li:nth-child(4n+1){clear:both}
.project-list ul li a{display:block;text-decoration:none;transition:all .3s linear}
.project-list ul li:hover{box-shadow:0 20px 20px -5px rgba(0,0,0,0.1)}
.project-list ul li a:hover h4{background:#d71718}
.project-list ul li a:hover .content h3{color:#e84224}
.project-list ul li a:hover .photo img{transform:scale(1)}
.project-list ul li h4{display:table;background:#000;color:#fff;padding:5px 8px;font-size:1rem;font-weight:600;margin-bottom:20px}
.project-list ul li .photo{overflow:hidden}
.project-list ul li .photo img{max-width:100%;transform:scale(1.05);transition:all .3s linear}
.project-list ul li .content{padding:20px 15px}
.project-list ul li .content h3{font-size:1rem;font-weight:600;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.project-list ul li .content h3 span{display:inline-block;font-size:.9rem;border:solid thin;padding:2px 4px;color:#149a92;margin-right:5px}
.project-list ul li .content article{font-size:.9rem;margin-bottom:20px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;height: 64px;}
.project-list ul li .info{border-top:dashed thin #d3d3d3;margin-top:20px;padding-top:10px;display:flex;justify-content:space-between;font-size:.85rem}
.project-list ul li .info .status{background:#fff59f;background:rgba(232,66,36,0.15);border-radius:50px;padding:0 10px}
.project-list ul li .info .status.ok{background:#e84224;color:#fff}

/*進度條*/
.rate{background:#f5f5f5;border-radius:50px;font-size:.8rem;padding:0 10px;text-align:right;position:relative;overflow:hidden;box-shadow:0 2px 0 rgba(0,0,0,0.06) inset}
.rate.none{ opacity:0}
.rate span{position:relative;z-index:2}
.rate .rateline{position: absolute;top: 0;left: 0;height: 100%;background-image: linear-gradient(120deg,#d4fc79 0%,#96e6a1 100%);box-shadow: 0 -2px 0 rgba(0,0,0,0.06) inset;z-index: 1;}

/*捐款篩選*/
.sortby{max-width: 1300px;margin: 0 auto 20px;text-align:center;}
.sortby *{outline:none}
.sortby ul{list-style:none;margin-bottom:0;background: #f5f5f5;padding: 15px;border-radius: 6px;}
.sortby ul li{display:inline-block;}
.sortby ul li + li{ margin-left:8px}
.sortby ul li label{ margin-bottom:0}
.sortby select,.sortby input[type="text"],.sortby button{min-width:100px;height:40px;padding:0 .5em;border: solid thin #eee;border-radius: 6px;}
.sortby select{background:#fff}
.sortby .act-sort{display:none}
.sortby button{border:0;background: #149a92;border-radius: 50px;color: #fff;}
.sortby button:focus{ outline:none;}

/*四文四圖*/
.page-content{line-height:1.8;}
.page-content button{display:table;margin: 30px auto 0;}
.page-content table{max-width:100%}
.page-content img{max-width:100%;}
.page-content .tx01{margin-bottom: 25px;}
.page-content .tx01:after{content:'';display:block;clear:both}
.page-content .tx01 p:last-child{margin-bottom:0}
.page-content .tx01 .photo{position:relative;margin-bottom: 10px;}
.page-content .tx01 .photo p{width:100%;position:absolute;left:0;bottom:0;z-index:2;background:rgba(0,0,0,0.5);color:#ddd;padding:6px 12px;font-size:.9rem}
.page-content .tx01 .photo:not([class*="img-"]){margin-bottom: 20px;}
.tx01 {clear: both;}
.img-left,.img-left1 {float: left;margin-right: 30px;max-width: calc(50% - 30px);}
.img-right,.img-right1 {float: right;margin-left: 30px;max-width: calc(50% - 30px);}
.img_center{width: 33.3%; }
.img-left img, .img-right img { max-width:100%; }
.img-left1 img, .img-right1 img { max-width:100%; }
.img_center img {  float: left;  padding: 1em;  width: 100%;   text-align: center;}

@media (max-width: 768px) { 
.page-content iframe { height:400px; }
.page-content .tx01{margin-bottom: 10px;}
.page-content .tx01 .photo:not([class*="img-"]){margin-bottom: 10px;}
}

@media (max-width: 640px) { 
.page-content iframe { height:320px; }
.img-left, .img-right, .img-left1, .img-right1 {float: none;padding-right: 0;padding-left: 0;margin-left: 0;}
.img-left, .img-right, .img_center,.img-left1, .img-right1 {display:block;width:100%;max-width:inherit;}
}

@media (max-width: 480px) { 
.img-left,.img-left1,.img-right,.img-right1 {float:inherit;}
.page-content iframe { height:250px; }
}

/*捐款專案-底層*/
.project-detail .container{max-width:1300px}
.project-detail .container:after{content:'';display:block;clear:both}
.project-detail .info{width:300px;float:right;position:sticky;top:20px;padding:20px;border:solid thin #ddd;border-radius:12px}
.project-detail .info button{width:100%}
.project-detail .info button + button{ margin-top:10px}
.project-detail .info .pj-mb{ display:none}
.project-detail .info h3{font-size:1rem;font-weight:700;color:#e84224;color:#149a92}
.project-detail .info h3 span{
    width: 64px;
    height: 20px;
    display: block;
    text-align: justify;
}
.project-detail .info h3 span:after{content:'';display: inline-block;width: 100%;}
.project-detail .info ul{list-style:none;padding-left:0;margin-bottom:0;padding-top:20px}
.project-detail .info ul li{align-items:center;margin-bottom:20px}
.project-detail .info ul + ul{border-top:solid thin #ddd}
.project-detail .info ul li h4{margin-bottom:0;font-size:1rem;font-weight:700;margin-bottom:10px;color:#149a92}
.project-detail .main{width:calc(100% - 300px);float:left;padding-right:40px}
.project-detail .main .title span:first-child{border:solid thin;padding:2px 4px;margin-right:10px;color:#149a92}
.project-detail .main .mjTitle{border-bottom: dotted thin #bbb;}
.project-detail .main .mjTitle h1{font-size: 2rem;margin:20px 0;}

/*最新消息*/
.news-list ul{padding-left:0;list-style:none;margin-bottom:0}
.news-list ul:after{content:'';display:block;clear:both}
.news-list ul li{width:calc(100% / 2 - 15px);float:left;margin-right:30px;margin-bottom:30px}
.news-list ul li:nth-child(2n){margin-right:0}
.news-list ul li:nth-child(2n+1){clear:both}
.news-list ul li a{display:flex;align-items:flex-start;text-decoration:none}
.news-list ul li .photo{width:200px;padding:5px;border:solid thin #ddd;transition:all .3s linear;}
.news-list ul li .photo img{max-width:100%;}
.news-list ul li .content{width:calc(100% - 200px);padding-left:20px}
.news-list ul li .content h2{font-size:1.1rem;font-weight:700;line-height:1.5;margin-bottom:5px}
.news-list ul li .content .date{color:#149a92;font-size:.85rem;border-bottom:solid thin #149a92;margin-bottom:10px;padding: 0 3px 2px;}
.news-list ul li .content .date:before{content:'\f073';font-family: "Font Awesome 5 Free";margin-right: 5px;vertical-align: top;}
.news-list ul li .content p{margin-bottom:0;font-size:.9rem;color:#777;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-list ul li a:hover .photo{transform: scale(.95);}
.news-list ul li a:hover h2{ color:#e84224}

/*最新消息底層*/
.news-detail .container{max-width: 1200px;}

/*聯絡表單*/
.contact .office{border-bottom:solid thin #e2e2e2}.contact .office .container{max-width:1200px;padding:40px 0}.contact .office h3{font-size:1.2rem;font-weight:700;margin-bottom:30px;color:#149a92}.contact .office .content{display:flex;align-items:center}.contact .office .content ul{width:calc(100% - 600px);padding-left:0;padding-right:20px;margin-bottom:0;list-style:none;line-height:1.8}.contact .office .content ul li i{width:20px;text-align:center;color:#c8c8c8;margin-right:5px}.contact .office .content ul li .title{display:inline-block;min-width:120px}.contact .office .content ul li .info .small{font-size:.9rem}.contact .office .content ul li{display:flex;align-items:baseline}.contact .office .content ul li + li{margin-top:10px}.contact .office .content ul li a:hover{color:#d71718;text-decoration:underline}.contact .office .content ul li span{width:70px;height:0;display:block;text-align:justify}.contact .office .content ul li span:after{content:'';display:inline-block;width:100%}.contact .office .content ul li p.small{margin-bottom:0;padding-left:16px;color:#b4a54b}.contact .office .content .map{width:600px}.contact .office .content .map iframe{width:100%;height:200px}.contact .form{max-width:900px;padding:50px 0;margin:0 auto}.contact .form p{font-size:1.2rem;text-align:center;margin-bottom:60px}.contact .form p span{color:#d71718}.contact .form .content:after{content:'';display:block;clear:both}.contact .form .content .item{float:left;width:calc(100% / 2 - 10px);margin-right:20px;align-items:center;margin-bottom:20px}.contact .form .content .item:nth-child(2n){margin-right:0}.contact .form .content .item.large{width:100%;margin-right:0}.contact .form .content .item label{margin-bottom:10px}.contact .form .content .item label span{color:#d71718;margin-left:5px}.contact .form .content .item input,.contact .form .content .item select,.contact .form .content .item textarea{width:100%;height:40px;background:#fff;border:solid thin #ddd;outline:none;padding:0 10px;transition:all .3s linear}.contact .form .content .item textarea{height:200px;padding:10px}.contact .form .content .item input:focus,.contact .form .content .item select:focus,.contact .form .content .item textarea:focus{border-color:#149a92}.contact .form .content .item .tips{font-size:.9rem;color:#149a92}.contact .form button{display:table;margin:0 auto;min-width:160px}

/*常見問題*/
.faq-list ul{padding-left:0;list-style:none;max-width:1000px;margin:0 auto}
.faq-list ul li{border-bottom:solid thin #e6e6e6}
.faq-list ul li > div{max-width:1100px;margin:0 auto}
.faq-list ul li .faq-title{padding:20px 40px;position:relative;font-size: 1.1rem;cursor:pointer;}
.faq-list ul li .faq-title:not(.on):hover{color:#777}
.faq-list ul li .faq-title.on{color:#e84224;font-weight:700}
.faq-list ul li .faq-title:before{content:'\f075';font-family:'Font Awesome 5 Free';font-weight:100;position:absolute;top:50%;left:10px;transform:translateY(-50%);font-size:.95rem}
.faq-list ul li .faq-title:after{content:'\f107';font-family:'Font Awesome 5 Free';font-weight:700;position:absolute;top:50%;right:10px;transform:translateY(-50%)}
.faq-list ul li .faq-title.on:after{transform:translateY(-50%) rotate(-180deg)}
.faq-list ul li .faq-content{padding:20px;line-height: 1.8;}
.faq-list ul li .faq-content p:not(:last-child){margin-bottom:20px}
.faq-list ul li .faq-content p:last-child{ margin-bottom:0}
.faq-content table tr td{min-width: 120px;padding: 5px;font-size: .95rem;}

/*捐款徵信*/
.credit-list .sortby{padding: 0;}
.credit-list article{margin-bottom:20px}
.credit-list article a{color:#e84224;text-decoration:underline}
.credit-list table{width:100%}
.credit-list table tr{border-bottom:dotted thin #b4b4b4}
.credit-list table tr td{padding:20px}
.credit-list table tr td:first-child{text-align:center}
.credit-list table tr td h3{font-size:1rem;font-weight:700;margin-bottom:10px}
.credit-list table tr td p{margin-bottom:0;font-size:.9rem;color:#777;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.credit-list table tr td a{text-decoration:none}
.credit-list table tr td a:hover h3{color:#e84224}
.credit-list table thead{background:#a28768;color:#fff}
.credit-list table thead tr th{padding:10px;text-align:center}

/*捐款底層*/
.credit-detail .sortby{padding: 0;}
.credit-detail article{margin:30px 0;line-height:1.8}
.credit-detail article p{margin-bottom:0}
.credit-detail article a{color:#e84224;text-decoration:underline}
.credit-detail table{width:100%}
.credit-detail table thead{background:#a28768;color:#fff}
.credit-detail table thead tr th{padding:10px;text-align:center}
.credit-detail table tbody tr td{padding:20px 10px;text-align:center}
.credit-detail table tbody tr{border-bottom:dotted thin #ddd}
.credit-detail .total{display:flex;align-items:center;justify-content:space-between;margin:20px 10px}
.credit-detail .total p{margin-bottom:0}
.credit-detail .total p span{font-weight:700;padding:0 10px;color:#149a92}
.credit-detail .total .pagination{margin:0}

/*捐款方式*/
.donate article{text-align: center;margin: 40px 0;}
.donate article a{padding: 0 5px;text-decoration: underline;color: #149a92;}
.donate .tabs{margin:20px 0}
.donate .tabs ul{padding-left:0;margin-bottom:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center}
.donate .tabs ul li{width:calc(100% / 5 - 10px);margin-right:10px;margin-bottom:10px;border-radius:10px;overflow:hidden}
.donate .tabs ul li a{display:flex;align-items:center;justify-content:center;padding:10px;text-decoration:none;background:#f6f6f6;border:solid thin #eee}
.donate .tabs ul li a:hover{background:#e84224;border-color:#e84224;color:#fff}
.donate .tabs ul li a:hover .icon{border-color:#fff;transform:scale(1.1)}
.donate .tabs ul li a:hover .icon img{filter:brightness(10)}
.donate .tabs ul li .icon{width: 40px;height: 40px;border:solid 1.5px #e84224;border-radius:50px;margin-right:10px;transform:scale(.9);transition:transform .2s linear;}
.donate .tabs ul li .icon img{max-width:100%;transform:scale(.7)}
.donate section + section{ margin-top:10px}
.donate section h2{font-size:1.2rem;font-weight:700;color:#149a92;padding:10px 20px;padding-left:35px;border-bottom:solid thin;position:relative}
.donate section h2:before{content:'\f0c9';font-family:'Font Awesome 5 Free';font-weight:700;font-size:.9rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}
.donate section .content{padding:10px 15px}
.donate section .content p{margin-bottom: 10px;}
.donate section .content p:last-child{ margin-bottom:0}
.donate section .content p strong{color:#3787c8}
.donate section .content p.small{font-size:.9rem;color:#b4a54b}
.donate section .content i{margin:0 5px;color: #149a92;}
.donate section .content .img-container{max-width: 1000px;margin: 0 auto;padding: 20px;}
.donate section .content .img-container img{max-width:100%;min-width: 700px;}
.area_point{position:relative}
.area_point .po_point{position:absolute;top:-100px}

/*個資使用聲明*/
.privacy .container{max-width:1200px}
.privacy section{padding:30px 10px}
.privacy section + section{border-top:solid thin #eee}
.privacy section p{margin-bottom:20px;line-height:1.8}
.privacy section p:last-child{margin-bottom:0}
.privacy section h2{font-size:1.4rem;font-weight:700;color:#149a92;margin-bottom:20px}
.privacy section ol{line-height:2;margin-bottom:0;background:#f5f5f5;padding:20px;padding-left:40px;border-radius:16px}
.privacy section ol + p{margin-top:20px}

/*捐款表單*/
.denate-form .container{max-width:1200px}
.denate-form article{padding:40px 10px}
.denate-form section{background:#fff}
.denate-form section h2{font-size:1rem;color:#fff;background:#149a92;padding:10px 20px;border-bottom:solid thin;position:relative;margin-bottom:0;border-radius:6px 6px 0 0}
.denate-form section h2 i{margin-right:5px}
.denate-form .item{display:flex;align-items:center;border-bottom:dashed thin #ddd;padding:20px}
.denate-form .item:last-child{margin-bottom:0;border-bottom:0}
.denate-form .item > label{margin-bottom:0;width:200px;font-weight:700;text-align:right;padding-right:20px}
.denate-form .item > label .req{color:#e84224;margin-right:5px}
.denate-form .item input,.denate-form .item select,.denate-form .item textarea{height:40px;background:#fff;border:solid thin #ddd;outline:none;padding:0 10px;transition:all .3s linear}
.denate-form .item input.short{width:90px;text-align:center}
.denate-form .item input[type="text"]:focus{border-color:#149a92}
.denate-form .item label + input,.denate-form .item label + .gp,.denate-form .item .radio-gp,.denate-form .item .address,.denate-form .item .price,.denate-form .item textarea{width:calc(100% - 200px)}
.denate-form .item textarea{height:120px;padding:10px}
.denate-form .item [readonly]{border:0}
.denate-form .item .price ul{padding-left:0;list-style:none;margin-bottom:0}
.denate-form .item .price ul li{display:inline-block;margin-right:5px}
.denate-form .item .price ul li input[type="radio"]{display:none}
.denate-form .item .price ul li input[type="radio"]:checked + label{background:#e84224;border-color:#e84224;color:#fff;background:#149a92;border-color:#149a92}
.denate-form .item .price ul li label{display:block;width:100px;height:40px;line-height:40px;text-align:center;border-radius:10px;text-decoration:none;background:#f6f6f6;border:solid thin #eee;cursor:pointer;margin-bottom:0}
.denate-form .item .price ul .custom input{margin:0 10px}
.denate-form .item .radio-gp ul{list-style:none;padding-left:0;margin-bottom:0;display:flex;align-items:center}
.denate-form .item .radio-gp ul li{display:flex;align-items:center;margin-right:10px}
.denate-form .item .radio-gp label{display:flex;align-items:center;width:auto;cursor:pointer;margin-bottom:0}
.denate-form .item .radio-gp label span{display:inline-block;width:16px;height:16px;border:solid 1.5px #999;border-radius:50px;margin-right:.5em;vertical-align:middle;position:relative}
.denate-form .item .radio-gp label span:after{content:'';display:none;background:#149a92;border-radius:50px;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6)}
.denate-form .item .radio-gp input[type="radio"]{display:none}
.denate-form .item .radio-gp input[type="radio"]:checked + label span{border-color:#149a92}
.denate-form .item .radio-gp input[type="radio"]:checked + label span:after{display:block}
.denate-form .item .address input:last-child{width:100%;margin-top:10px}
.denate-form .same{padding:20px;padding-left:125px;padding-bottom:0}
.denate-form .same input{display:none}
.denate-form .same input[disabled] + label{cursor:default}
.denate-form .same label{line-height:normal;margin-bottom:0;display:inline-flex;align-items:center;cursor:pointer}
.denate-form .same label span{display:inline-block;width:18px;height:18px;border:solid 1.5px #149a92;position:relative;margin-right:8px}
.denate-form .same label p{margin-bottom:0;width:calc(100% - 16px);padding-left:10px}
.denate-form .same label span:after{content:'\f00c';font-family:'Font Awesome 5 Free';font-weight:900;font-size:.8rem;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}
.denate-form .same input[type="checkbox"]:checked + label span{background:#149a92}
.denate-form .same input[type="checkbox"]:checked + label span:after{display:block}
.denate-form .item .gp input{width:100%}
.denate-form .item .gp .tips{margin:0;margin-top:5px;font-size:.9rem;font-weight: bold;color:#e84224;}
.denate-form .item .gp .same{padding:10px 0 0}
.denate-form .gift-box{padding:20px}
.denate-form .gift-box input{display:none}
.denate-form .gift-box table{width:100%}
.denate-form .gift-box table thead{color:#149a92;font-weight:700;border-bottom:solid 2px #149a92}
.denate-form .gift-box table tr:not(:last-child){border-bottom:solid thin #eee}
.denate-form .gift-box table tr td{padding:10px;text-align:center}
.denate-form .gift-box table thead tr td:nth-child(2){text-align:left}
.denate-form .gift-box table tbody tr td:nth-child(2){display:flex;align-items:center;padding: 10px 5px;}
.denate-form .gift-box table .photo{width: 160px;margin-right:10px;}
.denate-form .gift-box table .photo img{max-width:100%;max-height:100%}
.denate-form .gift-box table .content h3{font-size:1rem;margin-bottom:0;text-align:left}
.denate-form .gift-box table .content h3 + p{margin-top:5px}
.denate-form .gift-box table .content p{margin-bottom:0;font-size:.9rem;text-align:left;color:#777}
.denate-form .gift-box label{display:flex;align-items:center;justify-content:center;width:auto;cursor:pointer;margin-bottom:0}
.denate-form .gift-box label span{display:inline-block;width:16px;height:16px;border:solid 1.5px #999;border-radius:50px;vertical-align:middle;position:relative}
.denate-form .gift-box label span:after{content:'';display:none;background:#149a92;border-radius:50px;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6)}
.denate-form .gift-box input[type="radio"]{display:none}
.denate-form .gift-box input[type="radio"]:checked + label span{border-color:#149a92}
.denate-form .gift-box input[type="radio"]:checked + label span:after{display:block}

/*捐款完成*/
.denate-form.ok .tips{padding:20px}
.denate-form.ok .tips p{text-align:center;margin-bottom:10px;font-size:1.1rem}
.denate-form.ok .tips strong{color:#e84224}
.denate-form.ok .item{padding:10px;font-size:.95rem}
.denate-form.ok section{border:solid thin #ddd;border-top:0}
.denate-form.ok section h2{border-radius:0}

/*捐款查詢*/
.dn-search{background:#f5f5f5;border-radius:6px;margin:20px 0}
.dn-search .container{display:flex;align-items:center;max-width:1000px;padding:20px;justify-content:center}
.dn-search .box{width:calc(100% - 120px);padding-right:20px}
.dn-search .item{margin-bottom:10px}
.dn-search .item label{margin-bottom:0;width:200px;text-align:right;padding-right:20px}
.dn-search .item label .req{color: #e84224;margin-right: 5px;}
.dn-search .item input{height:40px;border:solid thin #ddd;outline:none;padding:0 10px;transition:all .3s linear;width:calc(100% - 200px)}
.dn-search .item input:focus{border-color:#149a92}

/* 醫師團隊 */
.teamList{list-style-type: none;margin: 0;padding: 0;}
.teamList__box{display: flex;align-items: center;margin-bottom: clamp(1rem,2vw,2rem);}
.teamList__box .picBox{display: flex;align-items: center;justify-content: center;width: 200px;height: 200px;background: var(--pic)center/cover no-repeat, #efefef;border-radius: 100%;font-weight: 700;font-size: 1.25rem;letter-spacing: .1em;padding-left: .1em;color: transparent;pointer-events: none;}
.teamList__box .infoBox{width: calc(100% - 200px);padding: 1rem;}
.teamList__box .infoBox .name{font-weight:700;font-size: 1.5rem;color: #15a8a1;}
.teamList__box .infoBox .name .tt{display: inline-block;padding: 2px 8px;background: #15a8a1;color:#fff;border-radius: 3em;font-size: .9rem;}
.teamList__box .infoBox .tel{display: inline-block;margin-bottom:1rem;font-weight: 700;text-decoration: underline;}
.teamList__box .infoBox .tel i{margin-right: 0.5rem;}
.teamList__box .txtBox{padding-left: 1rem;border-left: solid 5px #eee;}

/*列印*/
@media print{
    header,.banner,.breadcrumb,footer,.btn-wrap,#goTop{display:none!important;}
}
@page {size: A4 portrait;}

@media screen and (min-width:1600px) {
    .index-bannerWrap{margin:0 auto;}

    /*捐款方式*/
    .donate .tabs ul li{width:calc(100% / 7 - 10px);}
}

@media screen and (max-width:1400px) {
    /*頁首*/
    header .container{ padding:0 15px}
    header .navbar{padding: 6px 10px;background-image: none;border-bottom: 0;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);}

    /*頁尾*/
    footer .container{padding: 30px 25px;}

    /*捐款專案*/
    [class$="list"] .container{padding: 0 30px;}
    .sortby{padding: 0 30px;}
    .breadcrumb{padding: 10px 30px;}
    .project-list ul li{width: calc(100% / 4 - 14px);margin-right: 18px;}
    .project-list ul li:nth-child(4n){ margin-right:0;}
    .project-list ul li:nth-child(4n+1){clear:both}

    /*捐款專案-底層*/
    .project-detail .container{ padding:0 30px}
    .project-detail .main{padding-right: 30px;}

    /*內頁*/
    .wrap > .container{padding: 0 30px;}
}

@media screen and (max-width:1200px) {
    /*首頁*/
    .index-wrap section:not(.index-bannerWrap){padding: 30px;}

    /*首頁-捐款方式*/
    .index-method .owl-item .item a{padding: 20px;}

    /*捐款專案-列表*/
    .project-list ul li{width: calc(100% / 3 - 10px); margin-right: 15px; margin-bottom: 20px;}
    .project-list ul li:nth-child(4n){margin-right:15px}
    .project-list ul li:nth-child(4n+1){clear:none;}
    .project-list ul li:nth-child(3n){margin-right:0}
    .project-list ul li:nth-child(3n+1){clear:both}

    /*頁尾*/
    footer .container{display:block}
    footer .f-menu{width:100%;padding-right:0}
    footer .f-info{width:100%;text-align:center;margin-top:20px;display:flex;align-items:center}
    footer .f-info .logo{margin:0 auto 10px;margin:0;margin-right:20px}
    footer .f-info ul{justify-content:flex-start}
    footer .f-info p{margin:0;margin-right:10px}

    /*聯絡我們*/
    .contact .office .container{padding: 20px 15px;}
    .contact .form{padding: 20px 15px;}
}

@media screen and (max-width: 992px) {
    /*標題字*/
    .mjTitle2 h1{font-size: 1.6rem;}

    /*社群分享*/
    .s-share ul li i{font-size: 2.2rem;}

    /*主選單*/
    header .navbar{padding: 10px;}
    header{position:fixed;top:0;left:0;z-index:999;width:100%;background: #fff;border-top: solid 2px #149a92;}
    header .social{ display:none}
    header .navbar-nav{ margin-top:20px}
    .navbar-expand-lg .navbar-nav .nav-item:not(:last-child){ border-bottom:solid thin #eee}
    .navbar-expand-lg .navbar-nav .nav-item + .nav-item{ margin-left:0;}
    .navbar-expand-lg .navbar-nav .nav-link{padding: 10px 15px;text-align: center;}
    .navbar-expand-lg .navbar-nav .nav-link:hover{background:transparent;color: #149a92;}
    .navbar-expand-lg .navbar-nav .nav-link{padding: 15px;}
    .index-wrap{ margin-top:64px}

    /*首頁-banner*/
    .index-bannerWrap{display:block}
    .index-banner{width:100%}
    .index-banner .carousel-item .photo{height:auto}
    .index-banner .carousel-item .photo img{height:auto;width:100%;max-height:none;position: static;transform: none;}
    .index-bannerWrap .quick-link{width:calc(100% - 30px);margin:20px auto}
    .index-bannerWrap .quick-link ul{width:100%;height:auto;display:flex;flex-wrap:wrap}
    .index-bannerWrap .quick-link ul li{width:calc(100% / 2 - 5px);height:50px;border:solid thin #ddd;margin-bottom:10px;margin-right:10px}
    .index-bannerWrap .quick-link ul li:nth-child(2n){margin-right:0}
    .index-bannerWrap .quick-link ul li .icon{width:60px}
    .index-bannerWrap .quick-link ul li .icon img{width:30px}
    .index-banner .carousel-item .content{width:100%;max-width:400px;left:20px}
    .index-banner .carousel-item .content h2{font-size:1.4rem;letter-spacing:1px;padding-bottom:15px;margin-bottom:15px}
    .index-banner .carousel-item .content h2:after{width:20px}
    .carousel-control-next, .carousel-control-prev{ display:none}

    /*首頁-最新消息*/
    .index-news ul li{width: calc(100% / 2 - 10px);margin-bottom: 20px;}
    .index-news ul li:nth-child(4n){ margin-right:20px}
    .index-news ul li:nth-child(2n){ margin-right:0}
    .index-news ul li:nth-child(2n+1){ clear:both;}
    .index-news ul li:last-child{ margin-bottom:0}

    /*首頁-常見問題*/
    .index-faq .tabs ul{white-space: nowrap;overflow: auto;}

    /*內頁banner*/
    .banner{height: 200px;margin-top:64px;overflow: hidden;}
    .banner img{max-height: 100%;width: auto;max-width: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

    /*內頁結構*/
    .wrap > .container{ padding:0 15px}

    /*側選單*/
    .sidebar > .collapse{display:none;}
    .sidebar > .collapse.show,.sidebar > .collapsing{display:block;border: solid thin #b7b7b7;border-top: 0;border-radius: 0 0 6px 6px;overflow: hidden;}
    .sidebar .card{ width:100%;}
    .sidebar .card:before{ display:none}
    .sidebar .card h2{border-bottom: solid thin #b7b7b7;color: initial;padding: 15px;}
    .sidebar .card:last-child h2{ border-bottom:0}
    .sidebar .card.active{ background:transparent;}
    .sidebar .card.active a h2, .sidebar .card.active h2{color: #149a92;}
    .sidebar .card .collapse.show, .sidebar .card .collapsing{position: static;background: #fff;background: #f5f5f5;box-shadow: none;border-bottom: solid thin #b7b7b7;}
    .sidebar {width: calc(100% - 30px);margin: 20px auto 0;float: none;border: 0;background-image: none;}
    .sidebar .navbar-toggle {display: flex;justify-content: space-between;align-items: center;}
    .sidebar h3{ display:none;}
    .sidebar .card h2[data-toggle="collapse"]{ padding-right:30px}
    .sidebar .card h2[data-toggle="collapse"]:after{ right:15px}

    /*捐款專案-篩選*/
    .sortby .act-sort{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5em;border-top:solid thin #eee;border-bottom:solid thin #eee;text-align:left;padding:0 1em;letter-spacing:normal;width: 40px;outline: none;}
    .sortby .act-sort:after{display:none}
    .sortby .act-sort i{font-size:.8em;}
    .sortby ul{display:none}
    .sortby ul li{display:flex;justify-content:center;align-items:center;margin-right:0;margin-bottom: 10px;}
    .sortby ul li:last-child{margin-bottom:0}
    .sortby ul li label{display: block;width: 70px;margin-bottom:0;text-align:left;font-size:.9em;}
    .sortby ul li + li{ margin-left:0}
    .sortby select,.sortby input[type="text"]{width: calc(100% - 70px);height:44px;}

    /*捐款專案-列表*/
    .sortby{padding: 0 15px;}
    [class$="list"] .container{padding: 0 15px;}
    .project-list ul li{width: calc(100% / 2 - 8px);margin-right: 15px;margin-bottom: 20px;}
    .project-list ul li:nth-child(3n){margin-right:15px}
    .project-list ul li:nth-child(3n+1){clear:none;}
    .project-list ul li:nth-child(2n){margin-right:0}
    .project-list ul li:nth-child(2n+1){clear:both}
    .project-list ul li .content article{
        display: block;
        height: auto;
    }

    /*捐款專案-底層*/
    .project-detail .container{ padding:0 15px}
    .project-detail .info{width: 260px;padding: 15px;}
    .project-detail .main{width: calc(100% - 260px);padding-right: 20px;}
    .project-detail .main .mjTitle h1{ font-size:1.6rem}

    /*麵包屑*/
    .breadcrumb{padding: 10px 15px;}

    /*頁尾*/
    footer .container{ display:none}
    footer .tel-mb{display: table;margin: 5px auto 10px;font-size: .9rem;padding: 10px 20px;background: #1c9c95;background-image: linear-gradient(180deg, #31b9b2 0%, #1c9c95 100%);border-radius: 50px;}
    footer .tel-mb i{margin-right: 5px;font-size: .75rem;vertical-align: baseline;}
    footer .tel-mb a{ display:block}

    /*最新消息-列表*/
    .news-list ul li{width: 100%;float: none;margin-right: 0;margin-bottom: 20px;}
    .news-list ul li:nth-child(2n+1){clear:none}

    /*捐款方式*/
    .donate .tabs ul li{width: calc(100% / 4 - 10px);}

    /*捐款個資使用聲明*/
    .privacy section{padding: 20px 5px;}
    .privacy section h2{font-size: 1.2rem;margin-bottom: 10px;}
    .privacy section ol{ font-size:.9rem}

    /*捐款表單*/
    .denate-form .same{padding: 20px;padding-bottom: 0;}
    .denate-form .item{display: block;padding: 15px 10px;}
    .denate-form .item > label{width: 100%;text-align: left;margin-bottom: 10px;}
    .denate-form .item label + input, .denate-form .item .radio-gp, .denate-form .item .address, .denate-form .item .price,.denate-form .item textarea,input, .denate-form .item label + .gp{ width: 100%;}
    .denate-form .item .price ul li.custom{display: block;margin-top: 20px;margin-right: 0;}
    .denate-form .item .price ul li.custom span{
        display: flex;
        align-items: center;
        margin-top: 5px;
    }
    .denate-form .item .price ul .custom input{ margin-left:0}
    .denate-form.ok .btn-wrap:not(.mb){ display:none}
    .denate-form .item input#Address{width: 100%;margin-top: 10px;} 

    /*次選單*/
    .subMenu .container{white-space: nowrap;overflow-x: scroll;padding: 0;}
    .subMenu ul{display: block;}
    .subMenu ul li{ display:inline-block}

    /*捐款方式*/
    .donate section .content .img-container{overflow-x: scroll;padding: 0;}
}

@media screen and (max-width:768px) {
    /*標題字*/
    .mjTitle2 h1{font-size: 1.4rem;}

    /*捐款專案-底層*/
    .project-detail .info{float: none;width: 100%; position: static;margin-top: 30px;border: 0;border-top: solid thin #ddd;border-radius: 0;}
    .project-detail .main{float: none;width: 100%;padding-right: 0;}
    .project-detail .main .title span{ font-size:.9rem}
    .project-detail .main .mjTitle h1{font-size: 1.4rem;}
    .page-content button{ display:none}
    .page-content .tx01 .photo p{position: static;background: #444;padding: 6px 10px;line-height: 1.4;}
    .project-detail .info .pj-mb{ display:block;}

    /*麵包屑*/
    .breadcrumb-item+.breadcrumb-item{padding-left: 5px;}
    .breadcrumb-item+.breadcrumb-item::before{padding-right: 5px;}

    /*首頁*/
    .index-wrap section > h2{font-size: 1.6rem;margin-bottom: 20px;}
    .index-wrap section > h2 span{margin: 5px 0;}

    /*首頁-常見問題*/
    .index-faq .box ul li .faq-title{ font-size:1rem;}

    /*首頁-最新消息*/
    .index-news ul{flex-direction:column;align-items:center}
    .index-news ul li{width:100%;max-width:600px;margin-right: 0;}

    /*捐款方式*/
    .donate .tabs ul li{width: calc(100% / 3 - 10px);}

    /*聯絡我們*/
    .contact .office section .container{padding:25px}
    .contact .office .content{flex-direction:column}
    .contact .office .content ul{width:100%;padding-right:0;margin-bottom:20px;font-size: .9rem;line-height: 1.8;}
    .contact .office .content .map{width:100%}
    .contact .form .content .item{float:none;width:100%;margin-right:0}

    /*捐款底層*/
    .credit-detail .total{display: block;}
    .credit-detail .total p{ font-size:.9rem}
    .credit-detail .total .pagination{margin: 30px 0 40px;}

    /*常見問題*/
    .faq-list ul li .faq-title{ font-size:1rem}
    .faq-list ul li .faq-content{padding: 20px 10px;padding-top: 0;}

    /*捐款表單*/
    .denate-form .gift-box table{ font-size:.9rem}
    .denate-form .gift-box table .photo{width: 90px;}
    .denate-form.ok .item{ padding:10px}

    /*捐款查詢*/
    .dn-search .container{display: block;}
    .dn-search .box{width:100%;padding-right: 0;}
    .dn-search button{display: table;margin: 20px auto 0;}
}


@media screen and (max-width: 640px) {
    /*頁首*/
    header .navbar-brand img{width: 130px;}
    header .navbar-brand h2{padding-left: 10px;margin-left: 10px;font-size: .8rem;}
        
    /*捐款專案-列表*/
    .project-list ul li{/* float: none; */width: calc(100% - 10px);margin: 0 auto 20px !important;}
    .project-list ul li:nth-child(2n+1){clear:none}
    .project-list ul li:hover{box-shadow: 0 5px 10px -8px rgba(0, 0, 0, 0.2);}

    /*內頁banner*/
    .banner{height: 100%;}
    .banner img{ display:none}
    .banner img.mb{display:block;width: 100%;height: auto;max-height: none;position: static;transform: none;}

    /*首頁*/
    .index-wrap section:not(.index-bannerWrap){ padding:20px}
    .index-news{background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);background-image: linear-gradient(to top, #cfdfde 0%, rgba(226, 240, 230, 0.2) 100%);}

    /*首頁banner*/
    .index-banner .carousel-item .content h2{ font-size:1.2rem}
    .index-banner .carousel-item .content p{ font-size:.9rem;}
    .index-banner .carousel-item .content{position: static;transform: none;background: #f5f5f5;max-width: none;padding: 15px;padding-bottom: 40px;}
    .carousel-indicators{ bottom:10px}
    .index-bannerWrap .quick-link ul{display: block;}
    .index-bannerWrap .quick-link ul li{width: 100%;}
    .index-bannerWrap .quick-link ul li:last-child{margin-bottom:0}

    /*首頁-常見問題*/
    .index-faq .box ul li .faq-content{padding: 0 10px 20px;}

    /*捐款方式*/
    .donate .tabs ul li{width: calc(100% / 2 - 10px);}

    /*捐款查詢*/
    .dn-search .item label{width: 100%;text-align: left;padding-right: 0;margin-bottom: 5px;}
    .dn-search .item input{ width:100%}

    /*最新消息-列表*/
    .news-list ul li a{display: block;width: calc(100% - 10px);margin: 0 auto 20px;}
    .news-list ul li a:hover .photo{ transform:none}
    .news-list ul li .photo{ width:100%}
    .news-list ul li .content{width:100%;padding: 0;}
    .news-list ul li .photo + p{ margin-top:10px}

    /*捐款表單*/
    .denate-form .item .price ul li label{width: 80px;}

    /* 醫師團隊 */
    .teamList__box{/* border-bottom: solid 1px #eee; */box-shadow: 0 1rem 1rem -1rem rgba(0,0,0,.1);flex-direction: column;display: flex;align-items: flex-start;}
    .teamList__box .picBox{/* display:none; */width: 100px;height: 100px;}
    .teamList__box .infoBox{width:100%}
}