:root {

  /* 色相區 */
  --primary: #2ca3f2;
  --money: #AAA;/* 捐款按鈕 */
  --yellow: #AAA;/* 付款方式 */

  /* 自訂區 */
  --color1: #ee934c;
  --color2: #ece5db;
  --color3: #82c26b; 

  /* Tag */
  --tag_01: #78a1e8;
  --tag_02: #ea66a2;

}

a {
  color: #333;}
a:not(.btn):hover {
  color: var(--color1);}
a.sianchor:hover { 
  color: unset;}
input,  select, 
.form-control:not(textarea) {
  /* color: var(--primary); */
  border-color: #333;}
input:focus,
input.form-control:focus,
select:focus,
select.form-control:focus {
	color: var(--primary);}
textarea, textarea.form-control {
	color: var(--primary);
	border-color: #777;}

/* == Tootip ==*/
.tooltip.bs-tooltip-top .tooltip-inner,
.bs-tooltip-auto[x-placement^=top] .arrow::before, 
.bs-tooltip-top .arrow::before,
.tooltip.bs-tooltip-bottom .tooltip-inner,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, 
.bs-tooltip-bottom .arrow::before {
  color: #333;
  background: #FFF!important;}

/* == 手機mmenu ==*/
.mm-navbar__tab_selected {
  background-color: var(--color1) !important;
  color: #FFF !important;}
.mm-listitem__text .m_icon_default i {
  color: var(--color2);}

/*=================================================================
                              通用
=================================================================*/
/* == 標籤 ==*/
.tag_01 { background: var(--tag_01); }
.tag_02 { background: var(--tag_02); }

/*== *號/表單Label 使用 ==*/
.text-orange {
  color: var(--color1);}

/*--------------------------------------*/
/*                Nav 頁籤樣式           */
/*------------------------------------- */
/*== 【首頁】最新消息 ==*/ 
.nav-tabs .nav-item .nav-link {
  color: #666;
  background-color: #EEE;}
.nav-tabs .nav-item .nav-link:hover,
.nav-tabs .nav-item .nav-link.active,
.nav-tabs .nav-item .nav-link.active:hover {
  color: #FFF;
  background-color: var(--color1);}
/*== 【內頁】最新消息 ==*/ 
.nav .nav-link,
.news_filter a {
  color: #666;
  background-color: #EEE;}
.nav .nav-link:hover,
.nav .nav-link.active,
.nav .nav-link.active:hover,
.news_filter a:hover,
.news_filter a.current,
.news_filter a.current:hover {
  color: #FFF;
  background-color: var(--color1);}
/*== 【內頁】文案/捐款 ==*/
.page_tabs .nav-item .nav-link {
  background-color: #FFF;}

/*--------------------------------------
                Section BG            
/*------------------------------------- */
/*== 內頁：背景色  =*/
.bg-lightYellow {
  background-color: transparent;}
.bg-orange {
  background-color: var(--color1);}

/*--------------------------------------
                  Button          
/*------------------------------------- */
.btn-primary,
.btn.btn-primary:hover, 
.btn.btn-primary:focus {
  color: #FFF;
  background-color: var(--color1);
  border-color: var(--color1);}

.btn-orange,
.btn-orange:hover,
.btn-orange:focus { 
  color: #FFF;
  background-color: var(--color1);}

.btn-brightgreen,
.btn-brightgreen:hover, 
.btn-brightgreen:focus { 
  color: #FFF;
  background-color: var(--color3);}

.btn-yellow { 
  color: #555;
  background: var(--color2);}

.btn-link:hover {
  color: #333;
  text-decoration: none;}

.link-orange a {
  color: #FFF;
  background: var(--color1);}
.link-orange a:hover, 
.link-orange a:focus { 
  color: #FFF;}
.link-orange a:before { 
  border-right: 10px solid #FFF;}

.btn-outline-primary {
	color: var(--color1);
	background-color: #FFF;
	border-color: var(--color1);}
.btn.btn-outline-primary:hover, 
.btn.btn-outline-primary:focus {
  color: #FFF;
  background-color: var(--color1);
  border-color: var(--color1);}

.btn-outline-orange {
  color: var(--color1);
  border-color: var(--color1);}
.btn-outline-orange:hover, 
.btn-outline-orange:focus { 
  color: #FFF;
  background: var(--color1);}

.btn-outline-brightgreen,
.btn-outline-brightgreen:hover, 
.btn-outline-brightgreen:focus {
  color: var(--color3);
  background-color: transparent;}

/*== 回上頁 button ==*/
.page_main .btn.--back:before,
.page_main .btn.--back:after {
  background-color: var(--color1);}

/*== MORE ==*/
.read_more .btn:after {
  border-left: 15px solid #999;}

/*--------------------------------------
                   麵包屑         
/*------------------------------------- */
.breadcrumb-item {
  color: #666;}
.breadcrumb-item.active {
  color: #999;}

/*--------------------------------------
                  分頁頁籤          
/*------------------------------------- */
.new_pagination button {
  background-color: #FFF;
  border-color: #BBB;}
.new_pagination a button {
	color: var(--primary);}
.new_pagination a:not([href]) button {
	color: #BBB;}
.new_pagination select:focus {
  background-color: #FFF;
	color: var(--primary);
	border-color: #BBB;}
.new_pagination .prev_number.active,
.new_pagination .next_number.active {
  background-color: var(--primary);
  color: #FFF;}

/*--------------------------------------
                   Slick        
/*------------------------------------- */
/*== Banner ==*/
.slick-dots li.slick-active button:before {
  color: var(--color1);}

/*--------------------------------------*/
/*                Header                */
/*------------------------------------- */
/* == 會員中心 ICON ==*/
.list-inline-item .dropdown_account i { 
  color: #FFF;
  background: var(--color1);}
/*== top ==*/
.list-inline-item button:hover {
  background-color: var(--color1);}

/*==============================*/
/*            主選單            */
/*=============================*/
.header_nav {
  background-color: var(--color2);}
/* == 第一層選單 Hover ==*/
.header_nav nav ul li a {
  color: #333;}
.header_nav nav>ul>li>a:hover,
.header_nav nav>ul>li>a:focus {
  color: #FFF;}
.header_nav nav>ul>li>a:before {
  background-color: var(--color1);}

/* == 第二層選單 ==*/
.header_nav nav .sub_menu {
  border-top: 2px solid var(--color1);}
.header_nav nav .sub_menu:before {
  border-bottom: 8px solid var(--color1);}
.header_nav nav .sub_menu:hover:before {
  border-bottom: 8px solid var(--color1);}
.header_nav nav .sub_menu li {
  background-color: #FFF;}
.header_nav nav .sub_menu li a {
  border-bottom-color: #ccc;}

/* == 第二層選單 Hover ==*/
.header_nav nav .sub_menu li a:hover {
  color: #FFF;
  background-color: var(--color1);}
.header_nav nav ul li a::after {
  background-color: #FFF;}

/* == 主標題 ICON ==*/
.section_title .title {
  color: #444;}
.section_title .title:before {
  background:-webkit-gradient( linear, left top, right top, from(transparent), color-stop(50%, var(--color1)), to(transparent));
  background:linear-gradient( 90deg, transparent 0%, var(--color1) 50%, transparent 100%);}
/* Safari 10.1+ */
@media not all and (min-resolution:.001dpcm) { @media {
	.section_title .title:before {
		background: var(--color1);
	}
}}
/*== Title More ==*/
.section_title .title_more a {
  color: var(--color1);
  background-color: #FFF;
  border: 2px solid var(--color1);}
.section_title .title_more a:hover {
  color: #FFF;
  background-color: var(--color1);}

/*--------------------------------------*/
/*           手機 Bottom Bar            */
/*------------------------------------- */
.fixed_bottom i.fas, .fixed_bottom i.fa {
  color: var(--color1);}
.float-circle.open#facebook i,
.float-circle.open#line i {
  color: #FFF;}

/*--------------------------------------*/
/*             【首頁】服務項目            */
/*------------------------------------- */
/* ==  圓圈 ==*/
.service_circle {
  background: var(--color2);} 
.service_circle:before {
  border-color: var(--color2);}

/*--------------------------------------*/
/*           【首頁】最新消息/活動          */
/*------------------------------------- */
/*== 內容 ==*/
.card-text,
.news_info .card-text,
.news_content_info .news_info > .card-text,
.events_info .card-text,
.news_date, .events_date {
  color: #999;}

/*--------------------------------------*/
/*             【首頁】幫助我們            */
/*------------------------------------- */
/* .help_section {
  background: rgb(255,255,255);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0)), color-stop(20%, rgba(242,237,229,1)), color-stop(80%, rgba(242,237,229,1)), to(rgba(255,255,255,1)));
  background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(242,237,229,1) 20%, rgba(242,237,229,1) 80%, rgba(255,255,255,1) 100%);} */
/*---------- 文案/捐款 按鈕 ----------*/

/*---------- 立即捐款 ----------*/
/* == 上方 Step Button ==*/
a.btn_circle:hover, a.btn_circle:focus,
a.btn_circle:not([href]):hover, a.btn_circle:not([href]):focus { 
  color: #FFF;
  background: var(--color1);}
.btn-noactive, a.btn-noactive:not([href]) {
  color: #999;
  background-color: #FFF;
  border: 1px solid #CCC;}
.btn-active { 
  color: #FFF;
  background: var(--color1);
	border-color: var(--color1);}
/* == Step文字 == */
.stepwizard_top p {
  color: #a8a8a8;}
.stepwizard_top .text-active {
  color: #000;}

/* == 按鈕：單次/定期 ==*/
.setup_content a[aria-selected="true"],
.setup_content a:hover,
.setup_content a:focus {
  color: #FFF;
  background: var(--color1);}
.setup_content a[aria-selected="false"] {
  color: #333;
  background: hsla(0, 0%, 90%, 1);}
  .setup_content a[aria-selected="false"]:hover,
  .setup_content a[aria-selected="false"]:focus {
      color: #FFF;
      background: var(--color1);}

/*==  捐款金額按鈕 ==*/
button.btn-gray {
  background-color: hsla(0, 0%, 93%, 1);}
button.btn-gray:hover,
button.btn-gray:focus,
button.btn-gray.active { 
	color: #FFF;
  background: var(--money);}
.money_group .money_formcontrol {
  border-color: #BBB;}
/* 金額下限 */
.setup_content .numberlimit {
  color: #666;}

/*==  付款方式按鈕 ==*/
.setup_content .pay_group button.btn-pay {
  border: 1px solid #BBB;}
.pay_group .btn-pay:hover,
.pay_group .btn-pay:focus {
  border-color: var(--color2);}

/*==  會員填寫：登入按鈕 ==*/
.donate_fastsignup button {
  background: var(--color1);}
/*== 非會員捐款 Button ==*/
.non_member_link:hover, 
.non_member_link:focus {
  color: #333;
  background-color: #FFF;}
.non_member_link i {
	color: var(--color1);}
/*== 箭頭樣式 ==*/
.stepwizard_btn .previousBtn:before,
.stepwizard_btn .previousBtn:after,
.stepwizard_btn .prev-step3-Btn:before,
.stepwizard_btn .prev-step3-Btn:after {
	background-color: var(--color1);}
.stepwizard_btn .previousBtn:hover,
.stepwizard_btn .previousBtn:focus,
.stepwizard_btn .prev-step3-Btn:hover,
.stepwizard_btn .prev-step3-Btn:focus {
  color: var(--color1);
  background-color: transparent;}
/*== 快速登入：or ==*/
.fast_or {
  color: #777;
  background-color: #FFF;}
.fast_or:before, .fast_or:after {
  background-color: #CCC;}
/* 上一步 */
.donate_fastsignup .fastsignup_prev {
  color: var(--primary);
  background-color: #FFF;}


/*---------- 左：文案框 ----------*/
/*==  達標條 ==*/
.progress-bar {
  background-color: var(--color1);}
.donate_info {
  background-color: #FFF;}
.donate_info p.txt-omit-2 {
  color: #999;}
/*==  按鈕 ==*/
.donate_case .donate_info .link-orange a {
  background: var(--color1);}

/*--------------------------------------*/
/*               【首頁】義賣              */
/*------------------------------------- */
/*==  標題 ==*/
.goods_page_bottom .title:after {
  background-color: var(--color1);}

/*--------------------------------------*/
/*             【首頁】活動花絮            */
/*------------------------------------- */
/*==  背景遮罩 ==*/
.photo_section:before { 
  background: hsla(14, 100%, 61%, 0.6);}
/*==  Tabs 按鈕 ==*/
.photo_section .nav-item .nav-link:hover,
.photo_section .nav-item .active {
  color: var(--color1);
  background-color: #FFF;}
/*==  圖片 邊框線 ==*/
.gallery_item .thumb:after {
  border-right: 3px solid var(--color2);
  border-bottom: 3px solid var(--color2);}
/*==  Youtube 邊框線 ==*/
.youtube_item > div:after {
  border-top: 3px solid var(--color2);
  border-left: 3px solid var(--color2);}
.youtube_item > div:before {
  border-right: 3px solid var(--color2);
  border-bottom: 3px solid var(--color2);}
/*==  Readmore Button ==*/
.photo_section .btn-outline-orange {
  color: #FFF;
  border-color: #FFF;}
.photo_section .title_more {
  border-color: #FFF;}
.photo_section .title_more a {
  color: #FFF;}
.photo_section .nav-item .nav-link {
  color: #FFF;
  background: transparent;
  border-color: #FFF;}
.photo_section .nav-item .nav-link:hover,
.photo_section .nav-item .active {
  color: var(--color1);
  background-color: #FFF;}

/*== 遮罩 ==*/
.gallery_item .overlay-shade {
  background-color: #FFF;}
.gallery_item .thumb:hover .overlay-shade { 
  border-color: #EEE;}
.gallery_item .gallery_title a,
.youtube_item .youtube_title {
	color: #FFF;}

/*--------------------------------------*/
/*               【首頁】期刊              */
/*------------------------------------- */
/*==  日期 ==*/
.issue_content .date_circle {
  background: var(--color1);}

/*--------------------------------------*/
/*             【首頁】活動區塊            */
/*------------------------------------- */
.custom_column .custom_content {
  background-color: #FFF;}
/*==  外框線 ==*/
.custom_column .custom_wrap {
  border-color: var(--color2);}
/*==  標題 ==*/
.custom_column .custom_wrap h3 {
	background-color: #FFF;}

/*--------------------------------------*/
/*             【首頁】友善連結            */
/*------------------------------------- */
/*==  Hover 遮罩 ==*/
.slick_brand .brand_item a:hover {
  color: #000;}
.slick_brand .brand_item a {
  color: #333;}
@media (min-width: 992px) {
.slick_brand .brand_item a {
	background: hsla(41, 100%, 52%, .8);}
}
.slick_brand .brand_item a:after {
  color: #FFF;}
.slick_brand .brand_item:hover a, 
.slick_brand .brand_item:focus a {
  color: #333;}

/*--------------------------------------*/
/*                 網站導覽              */
/*------------------------------------- */
.footer_toggle_wrap {
  background-color: transparent;
  border-bottom: 3px solid var(--color1);}
 #footer_toggle {
  background: var(--color1);}
.footer_area {
  background-color: #F2EDE5;}

/*--------------------------------------*/
/*                 Footer               */
/*------------------------------------- */

/*---------- Footer Menu  ----------*/
/*== PC ==*/
.footer_area h2 {
	color: #333;}
@media (max-width: 768px) {
  .footer_area h2 {
    border-color: #D2D2D2;}
}
.footNav_pc ul li:not(:last-child) {
  border-color: #CCC;}

/*== Mobile ==*/
.footer_area .card-header.--link a,
.footNav_m .card-header a[aria-expanded="true"],
.footNav_m .card-header a[aria-expanded="false"] {
	color: #333;}
.footNav_m .card-header {
  border-color: #D2D2D2;}
.footNav_m .card-header a:after {
  color: #B5B3B1;
  border-color: #B5B3B1;}

/*--------------------------------------*/
/*                側邊選單               */
/*------------------------------------- */
/*== 愛心車 ==*/
.sidebar_info i {
  color: var(--color1);}
#car_count {
  color: red;}

/*--------------------------------------*/
/*             手機 Bottom Bar          */
/*------------------------------------- */
.fixed_bottom {
  background-color: #FFF;}
.fixed_bottom ul {
	border-color: #CCC;}
.fixed_bottom ul li a {
  color: #888;}
.fixed_bottom ul li a:focus i {
	color: var(--color1);}
.fixed_bottom span {
	color: var(--primary);}

/*=================================================================
                              內頁
=================================================================*/
/*== 卡片 ==*/
.card a:hover {
  color: var(--color1);}
/*== 標題icon ==*/
.page_title i {
  color: var(--color1);}

/*--------------------------------------*/
/*                側邊選單               */
/*------------------------------------- */
.sidebar .sidebar_content a {
  background-color: #EEE;}
.sidebar .sidebar_active a,
.sidebar .sidebar_content a:hover {
  color: #FFF;
  background-color: var(--color1);}

/*--------------------------------------*/
/*                捐款列表               */
/*------------------------------------- */
.cards_filter button:hover,
.cards_filter button:focus {
  color: var(--color1);}

/* == 上一則/下一則 ==*/
.post_nav a:hover i {
  color: var(--color1);}

/*--------------------------------------*/
/*                捐款內頁               */
/*------------------------------------- */
/*== Title ==*/
/* .txt_title {
  color: var(--color1);} */

/*--------------------------------------*/
/*                公益成果報告            */
/*------------------------------------- */
/*== Panel ==*/
.reports_accordion .panel {
  border-color: #DDD;}
.reports_accordion .panel_heading a,
.reports_accordion .panel_heading a.collapsed,
.reports_accordion .panel-body {
  background-color: #FFF;}
.reports_accordion .panel_heading a {
	color: var(--color1);}
/*== Time ==*/
.reports_accordion .panel_heading time {
  color: #444;}
/*== 標題 ==*/
.reports_accordion .panel_heading .panel-title {
  color: #777;}
/*== icon ==*/
.reports_accordion .panel_heading a.collapsed::after, 
.reports_accordion .panel_heading a::after {
  color: var(--primary);}
/*== PDF ==*/
.reports_accordion .panel-body p .btn {
	color: #FFF;
	background-color: var(--color1);}

/*--------------------------------------*/
/*                 大事紀                */
/*------------------------------------- */
/*==============================*/
/*              直線            */
/*=============================*/
 #cd_timeline:before {
	background-color: #BBB;}
 #cd_timeline2:before {
	background-color: #BBB;}
/*== 年份 ==*/
.cd_box {
	color: var(--color1);}
/*== 內容 ==*/
.cd_timeline_content {
	background-color: #FFF;}
/*== 內容區塊 ==*/
.cd_timeline_content .cd_timeline_detail {
	border-color: #DDD;}
.cd_timeline_content .cd_timeline_detail a:focus .cd_title {
	color: #000;}
/*== 月份/標題/文字 ==*/
.cd_month {
	color: var(--color1);}
.cd_timeline_content .cd_title .cd_icon {
	color: var(--primary);}
.cd_timeline_content .cd_txt {
	color: hsla(0, 0%, 52%, 1);}
.cd_timeline_content button[data-toggle="modal"] {
	color: var(--primary);}

/*==============================*/
/*            上方 Nav          */
/*=============================*/
/*-- 年份 --*/
.cd_timeline-nav {
	border-color: #CCC;}
.cd_timeline-nav li:after {
	background-color: #CCC;}
.cd_timeline-nav li:hover a {
	color: var(--color1);}
.cd_timeline-nav li:hover:after {
	background-color: var(--color1);}

/*--------------------------------------*/
/*                  期刊                 */
/*------------------------------------- */
.issue_section .issue_info .card-title {
	color: var(--color1);}
.issue_section .issue_button .btn_online {
  color: var(--primary);}
.issue_section .issue_button .btn_online:hover,
.issue_section .issue_button .btn_online:focus {
  color: hsla(207, 90%, 49%, 1);}
.issue_section .issue_button .btn_pdf {
  color: hsla(181, 57%, 46%, 1);}
.issue_section .issue_button .btn_pdf:hover,
.issue_section .issue_button .btn_pdf:focus {
  color: hsla(181, 57%, 33%, 1);}

/*--------------------------------------*/
/*                友善連結               */
/*------------------------------------- */
.brand_item a {
	color: #333;
	background-color: hsla(44, 99%, 64%, .8);}
.brand_item a:after {
  color: #FFF;}
.brand_item:hover .brand_hover a, 
.brand_item:focus .brand_hover a {
  color: #333;}

/*--------------------------------------*/
/*                  相簿                */
/*------------------------------------- */
/*== 卡片 ==*/
.gallery_content .date,
.gallery_content .card-text {
	color: #777;}
/*== 標題 ==*/
.gallery_content .card-title {
	border-color: var(--color1);}
/*== Hover 遮罩背景 ==*/
.gallery_card .overlay-shade {
  background-color: #FFF;}
.gallery_card .thumb:hover .overlay-shade {
  border-color: #EEE;}
.gallery_txt .text {
  color: var(--color1);}

/*--------------------------------------*/
/*                  影音                */
/*------------------------------------- */
/*== icon ==*/
.video_content h2:before {
  color: var(--color1);}
/*== 描述 ==*/
.video_content .card-text {
  color: #777;}

/*--------------------------------------*/
/*                 電子報               */
/*------------------------------------- */
.newsletter_info {
	background-color: #FFF;}
.newsletter_info .card-text {
	/*color: #777;*/
	color: hsla(4, 95%, 72%, 1);
	color: var(--color1);}

/*--------------------------------------*/
/*                最新消息               */
/*------------------------------------- */
.news_wrap,
.news_card,
.events_card {
  background-color: #FFF;}

/*--------------------------------------*/
/*                活動訊息               */
/*------------------------------------- */
.events_page_top .row .col-md-8 {
  background-color: #FFF;}

/*== 側邊欄背景 ==*/
.events_sidebar .list {
	background-color: #F7F7F7;}
/*== 側邊欄標題 ==*/
.events_sidebar .list .title:after,
.events_page_other .title:after {/* 其他活動 */
	background-color: var(--color1);}
/*== Icon ==*/
.events_sidebar ul li .icon,
.events_page_bottom .list ul li .icon {/* 下方資訊 */
	color: #666;
	background-color: var(--color2);}

/*--------------------------------------*/
/*                  義賣                */
/*------------------------------------- */
.goods_page_top {
  background-color: #FFF;}
/*== 標籤：已售完 ==*/
.goods_end_txt {
  color: #FFF;
  background-color: #999;}
/*== 義賣標題 ==*/
.goods_page_top .goods_top_title {
  color: #666;}
.goods_top_title:after {
	background-color: #AAA;}
/*== 金額 ==*/
.goods_money {
  color: var(--primary);}
/*== 庫存 ==*/
.goods_number {
	color: #666;}
/*== 項目 ==*/
.goods_detail .item label:not(.disabled):hover,
.goods_detail .item input[type="radio"]:checked + label:not(.disabled) {
  background: var(--money);
  color: var(--white);}
.goods_detail .item label.disabled {
	color: rgba(0,0,0,.26);
  cursor: not-allowed;}
.goods_card_spec select option:disabled {
	color: rgba(0,0,0,.26);
  cursor: not-allowed;}
/*== 按鈕 ==*/
.number-input button {
  border: 1px solid #666;}
.number-input button i {
  color: #666;}
/*== 按鈕：完售 ==*/
.goods_detail .button .bg-lightgray {
	color: #FFF;
	background-color: #B5B5B5;}
/*== 義賣介紹 ==*/
.goods_info a:hover, .goods_info a:focus {
	color: #333;}

/*--------------------------------------*/
/*                 物品/志工             */
/*------------------------------------- */
/*==============================*/
/*              物品            */
/*=============================*/
/*== 卡片組 ==*/
.card.things {
	border-color: var(--color1);}
.card.end {
	border-color: #BBB;}
.card.things:hover {
	-webkit-box-shadow: hsla(0, 0%, 0%, 0.2);
	        box-shadow: hsla(0, 0%, 0%, 0.2);}
/*== 數量 ==*/
.card.things .amount span {
	color: var(--color1);}
/*== 已結束 ==*/
.card.end .card-body .card-title {
	color: #777;}
.card.end a.disabled {
  color: #999;
  background-color: hsla(0, 0%, 88%, .6);  
  border-color: #CCC;}


/*==============================*/
/*              志工            */
/*=============================*/
/*== 標籤(急字) ==*/
.volunteer_table .volunteer_tag {
  color: #FFF;
  background-color: var(--color1);}

/*==============================*/
/*          物品/志工內頁       */
/*=============================*/
/*== 日期/地區/數量 ==*/
.things_top p,
.volunteer_top p {
	color: #777;}
.things_top p span,
.volunteer_top p span {
	color: var(--primary);}
/*== Form 標題 ==*/
.form_area .title,
.form-area .title {
	color: var(--color1);
	border-color: var(--color2);}
/*== 按鈕 ==*/
.btn_area button,
.btn_area button:hover,
.btn_area button:focus {
  color: #FFF;}
.btn_area .submit {
  background-color: var(--color1);}

/*--------------------------------------*/
/*                  FAQ                 */
/*------------------------------------- */
/*== 側邊主標題 =*/
.sidebar .sidebar_title:after,
.sidebar_m .sidebar_title:after {
	background-color: var(--color2);}
/*== Q 數字 ==*/
.faq_header .faq_number {
	color: var(--color1);}
/*== 內文 ==*/
.faq_item {
	color: #777;}

/*--------------------------------------*/
/*                 愛心車                */
/*------------------------------------- */
/*== 標題：定期/單筆 ==*/
.cart_content .cart_info h2 {
	color: var(--color1);}
/*== 返回愛心車 ==*/
.cart_content .pay .previousBtn,
.cart_content .credit .creditscvc_group .previousBtn {
	color: var(--primary);
  background-color: #FFF;}
/*== 付款方式 ==*/
.cart_content .pay_group button {
	border-color: #BBB;}
/*== 信用卡卡別 ==*/
.cart_content .credit .credit_type img {
  border-color: #DDD;}

/*==============================*/
/*           捐款完成頁         */
/*=============================*/
/* 付款完成文字 */
.finish_content .finish_txt {
	color: var(--color1);}
/*===== Collapse Nav =====*/
.all_section .orderlist_nav .nav {
	border-bottom-color: hsla(0, 0%, 87%, .5);}
.all_section .orderlist_nav a.active:after {
	border-top: 10px solid var(--color2);}
.all_section .orderlist_nav a.active {
	border-color: var(--color2);}
.all_section .orderlist_nav a:hover,
.all_section .orderlist_nav a:focus {
	color: #333;
	background-color: #FFF;}

/*==============================*/
/*        前台【回列表】按鈕       */
/*=============================*/
.finish_content .finish_info .custom_button,/* 捐款紀錄 */
.records_content .custom_button,
.receipt_content .custom_button {/* 電子收據列印 */
	color: #FFF;
	background-color: var(--color1);}

/*--------------------------------------*/
/*             電子收據列印              */
/*------------------------------------- */
.receipt_content .nav {
  border-bottom-color: #EEE;}
.receipt_content .nav a.link.active:after {
	border-top: 10px solid var(--color2);}
.receipt_content .nav a.link.active {
	color: var(--color1);
	border-bottom: 2px solid var(--color2);}
/* 標題：去年度/今年度 */
.receipt_content .title_warning {
	color: hsla(45, 94%, 27%, .8);
	background-color: hsla(46, 100%, 90%, 1);
  border-left-color: var(--color1);}

/*--------------------------------------*/
/*             Google 驗證資訊          */
/*------------------------------------- */
#form_reCAPTCHA small a {
	color: var(--primary);}
#form_reCAPTCHA small a:hover,
#form_reCAPTCHA small a:focus {
	background-color: transparent;}

/*--------------------------------------*/
/*                  芳名錄              */
/*------------------------------------- */
.lover_content input {
	color: var(--primary);}

/*--------------------------------------*/
/*             會員登入/管理員登入        */
/*------------------------------------- */
#body.authors_login {
	background-color: hsla(35, 100%, 93%, .5);}
.login_page .login_info .form-control {
  color: #495057;
  background-color: #fff;
  border-color: #ced4da;}
.login_page .login_info .form-control:focus {
  border-color: #ced4da !important;}/* default.css #362 */
/*== 第三方登入頁 ==*/
.social_loginPage p {
	color: #666;}

/*--------------------------------------*/
/*                 會員資料              */
/*------------------------------------- */
/*==============================*/
/*            資料維護          */
/*=============================*/
/*===== 最上方 Tab Nav =====*/
.edit_content .nav-tabs > li > a {
	color: #999;}
.edit_content .nav-tabs > li.active > a, 
.edit_content .nav-tabs > li > a:hover {
	color: var(--primary);}
.edit_content .nav-tabs > li:not(.nav-item) > a:after {
	background-color: var(--primary) none repeat scroll 0% 0%;}
/*== 社群連結 ==*/
.edit_content .social a[role="button"] {
	border-color: #BBB;}

/*==============================*/
/*            紀錄查詢          */
/*=============================*/
.edit_content .records_content #myTab a:hover {
	color: var(--color1);}

/*--------------------------------------*/
/*                活動報名              */
/*------------------------------------- */
/*==============================*/
/*             列表頁           */
/*=============================*/
/*== 日期區間 ==*/
.date_range,
.events_info .date_range {
	color: #777;}
/*== 名額/已報名 ==*/
.events_info .detail {
	color: #777;}


/*==============================*/
/*              內頁           */
/*=============================*/
/*== 已截止 ==*/
.event_page_bottom .card.end .event_title {
  color: #B5B5B5;}
/*== 金額 ==*/
.events_page_bottom .events_money {
	color: var(--primary);}
/*== 標籤底色 ==*/
.events_end_text {
  background-color: #999;
}
/*== 活動期間 ==*/
.events_sidebar ul li .events_content small,
.events_page_bottom ul li .events_content .events_title {
	color: #666;}
/*== 已截止/尚未開始 ==*/
.events_page_bottom .card.end {
	background-color: #F2F2F2;}
.events_page_bottom .card.end .txt_title, /* 活動名稱 */
.events_page_bottom .card.before .txt_title,
.events_page_bottom .card.end .events_money, /* 金額 */
.events_page_bottom .card.before .events_money {
  color: #BBB;}


/*=================================================================
                               Table
=================================================================*/
/*==============================*/
/*            Default           */
/*=============================*/
#table-responsive th,
#table-responsive-01 th {
  color: #FFF;
	background-color: var(--color1);}
/*== tr 間隔顏色 ==*/
#table-responsive .table-striped>tbody>tr:nth-of-type(odd),
#table-responsive-01 .table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #EEE;}
#table-responsive .table-striped>tbody>tr:nth-of-type(even),
#table-responsive-01 .table-striped>tbody>tr:nth-of-type(even) {
  background-color: #FFF;}
.table-bordered td {
  border: 1px solid #D2D2D2;}

@media (min-width: 320px) {
  #table-responsive tbody tr:nth-child(2n+1),
  #table-responsive-01 tbody tr:nth-child(2n+1) {
    background-color: #FFF;}
}

/*==============================*/
/*           捐款記錄查詢        */
/*=============================*/
/*== 標籤 ==*/
.orderlist_table #orders td:first-child span {
  color: #FFF;}
/*== 總計 ==*/
.orderlist_table #orders tbody tr:last-child td {
  background-color: #FFF;}
.orderlist_table #orders tbody tr:last-child td p {
	color: var(--color1);}
.orderlist_table #orders tbody tr:last-child td span {
	color: var(--color1);}
/*===== 捐款記錄詳細資料 =====*/
/*== 標題 ==*/
.finish_content #detail table td strong {
	color: var(--color1);}
/* 【客製】回首頁 箭頭樣式 */
/*==============================
(1) search_orderlist (付款完成)
(2) booking_orderslist (報名完成)
  ==============================*/
/* .post_back.custom a:before,
.post_back.custom a:after {
  background-color: var(--color1);}
.post_back.custom a:hover,
.post_back.custom a:focus {
  color: var(--color1);
  background-color: transparent;} */

/*==============================*/
/*         定期定額捐款查詢       */
/*=============================*/
/*== 標題 ==*/
.finish_content #batchpay table td strong,
.finish_content #batchpay-01 table td strong {
	color: var(--color1);}

/*==============================*/
/*         活動報名記錄查詢       */
/*=============================*/
/*== 最後欄位：總計金額 ==*/
#booking_orderslist tbody tr:last-child td p {
	color: var(--color1);}
#booking_orderslist tbody tr:last-child td span {
	color: var(--color1);}
/*== 專案名稱 ==*/
#booking_orderslist h2 strong {
  color: var(--color1);}
/*== 感謝您的報名 icon ==*/
#booking_orderslist h2 + p > i {
  color: var(--color1);}

/*==============================*/
/*        活動報名個資頁         */
/*=============================*/
/*== 最後欄位：總計金額 ==*/
#booking_pay tbody tr:last-child td p {
	color: var(--color1);}
#booking_pay tbody tr:last-child td span {
	color: var(--color1);}

/*==============================*/
/*             愛心車           */
/*=============================*/
/* 標籤：愛心車 -> 單次捐款 */
#cart_order tbody tr td:first-child span {
  color: #FFF;}
#cart_order tbody tr:last-child td {
  background-color: #FFF;}
#cart_order tbody tr:last-child td p {
	color: var(--color1);}
#cart_order tbody tr:last-child td span {
	color: var(--color1);}
/*==============================*/
/*             To Top          */
/*=============================*/
.go_top:before {
  color: var(--color1);}