:root {

  /* 色相區 */
  --gray: #F6F6F6;
  --gray1: #DDD;
  --gray2: #999;
  --white: #FFF;
  --primary: hsla(204, 88%, 56%, 1);
  --money: hsla(185, 49%, 54%, 1);

  /* 自訂區 */
  --color1: hsla(4, 95%, 72%, 1);
  --color2: hsla(39, 100%, 62%, 1);
  --color3: hsla(104, 42%, 59%, 1); 

  /* Tag */
  --tag_01: hsla(218, 71%, 69%, 1);
  --tag_02: hsla(333, 76%, 66%, 1);

}


/*=================================================================
                              客製
=================================================================*/
a {
  color: #666;}
a:not(.btn):hover { 
  color: hsla(4, 95%, 72%, 1);
  color: var(--color1);}
a.sianchor:hover { 
  color: unset;
}
input,  select, 
.form-control:not(textarea) {
  color: hsla(204, 88%, 56%, 1);
  color: var(--primary);
  border-color: #333;}
input:focus,
input.form-control:focus,
select:focus,
select.form-control:focus {
  color: hsla(204, 88%, 56%, 1);
	color: var(--primary);}
textarea, textarea.form-control {
	color: hsla(204, 88%, 56%, 1);
	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: hsla(204, 88%, 56%, 1);
  background: #FFF!important;}

/* == 手機mmenu ==*/
.mm-navbar__tab_selected {
  background-color: hsla(4, 95%, 72%, 1) !important;
  background-color: var(--color1);
  color: #FFF !important;
  color: var(--white);}


/*=================================================================
                              通用
=================================================================*/
/* == 標籤 ==*/
.tag_01 { background: hsla(218, 71%, 69%, 1); background: var(--tag_01); }
.tag_02 { background: hsla(333, 76%, 66%, 1); background: var(--tag_02); }

/*== *號/表單Label 使用 ==*/
.text-orange {
  color: hsla(4, 95%, 72%, 1) !important;
  color: var(--color1) !important;}
.text-lightgray {
  color: #999;
  color: var(--gray2);}
.text-primary {
  color: hsla(204, 88%, 56%, 1) !important;
  color: var(--primary) !important;}

/*--------------------------------------
                Section BG            
/*------------------------------------- */
/*== 內頁：背景色  =*/
.bg-lightYellow {
  background-color: #FFF;}

.bg-orange {
  background-color: hsla(4, 95%, 72%, 1);
  background-color: var(--color1);}
.bg-gray {
  background: #F6F6F6;
  background: var(--gray);}
.bg-gray1 {
  background: #DDD;
  background: var(--gray1);}
.bg-lightgray {
  background: #999;
  background: var(--gray2);}

/*--------------------------------------
                  Button          
/*------------------------------------- */
.btn-primary {
  color: #fff;
  background-color: hsla(204, 88%, 56%, 1);
  border-color: hsla(204, 88%, 56%, 1);}
  .btn.btn-primary:hover, 
  .btn.btn-primary:focus {
  	background-color: hsla(207, 90%, 49%, 1);
  	border-color: hsla(207, 90%, 49%, 1);}
.btn-orange { 
  color: #FFF;
  color: var(--white);
  background-color: hsla(4, 95%, 72%, 1);
  background-color: var(--color1);}
  .btn-orange:hover,
  .btn-orange:focus { 
    color: #FFF;
    color: var(--white);
    background-color: hsla(4, 95%, 72%, 1);
    background-color: var(--color1);}
.btn-brightgreen {
  color: #FFF;
  color: var(--white);
  background: hsla(104, 42%, 59%, 1);
  background: var(--color3);}
  .btn-brightgreen:hover, 
  .btn-brightgreen:focus { 
    color: #FFF;
    color: var(--white);
    background-color: hsla(104, 42%, 59%, 1);
    background-color: var(--color3);}
.btn-yellow { 
  color: #555;
  background: hsla(39, 100%, 62%, 1);
  background: var(--color2);}
.btn-link:hover {
  text-decoration: none;}
.link-orange a {
  color: #FFF;
  color: var(--white);
  background: hsla(4, 95%, 72%, 1);
  background: var(--color1);}
  .link-orange a:hover, 
  .link-orange a:focus { 
    color: #FFF;
    color: var(--white);}
  .link-orange a:before { 
    border-right: 10px solid #FFF;
    border-right: 10px solid var(--white);}


.btn-outline-primary {
	color: hsla(204, 88%, 56%, 1);
	background-color: #FFF;
	border-color: hsla(204, 88%, 56%, 1);}
	.btn.btn-outline-primary:hover, 
  .btn.btn-outline-primary:focus {
		color: #FFF;
    color: var(--white);
		background-color: hsla(207, 90%, 49%, 1);
		border-color: hsla(207, 90%, 49%, 1);}
.btn-outline-orange {
  color: hsla(4, 95%, 72%, 1);
  color: var(--color1);
  border-color: hsla(4, 95%, 72%, 1);
  border-color: var(--color1);}
  .btn-outline-orange:hover, 
  .btn-outline-orange:focus { 
    color: #FFF;
    color: var(--white);
    background: hsla(4, 95%, 72%, 1);
    background: var(--color1);}
.btn-outline-brightgreen,
.btn-outline-brightgreen:hover, 
.btn-outline-brightgreen:focus {
  color: hsla(104, 42%, 59%, 1);
  color: var(--color3);
  background-color: transparent;}

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

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

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

/*--------------------------------------
                   Slick        
/*------------------------------------- */
/*== Banner ==*/
.slick_banner .slick-dots li button::before,
.slick_banner .slick-dots li.slick-active button:before {
  color: #CCC;}

/*--------------------------------------*/
/*                Header                */
/*------------------------------------- */
/* == 會員中心 ICON ==*/
.list-inline-item .dropdown_account i { 
  color: #FFF; 
  color: var(--white);
  background: hsla(4, 95%, 72%, 1);
  background: var(--color1);}
/*== top ==*/
.list-inline-item button:hover {
  background-color: hsla(4, 95%, 72%, 1);
  background-color: var(--color1);}

/*==============================*/
/*            主選單            */
/*=============================*/
/* == 第一層選單 Hover ==*/
.header_nav nav ul li a:hover,
.header_nav nav ul li a:hover::after {
  color: hsla(4, 95%, 72%, 1);
  color: var(--color1);}

/* == 第二層選單 ==*/
.header_nav nav .sub_menu li {
  background-color: #FFF;
	background-color: var(--white);}
.header_nav nav .sub_menu li a {
  border-bottom-color: #888;}

/* == 第二層選單 Hover ==*/
.header_nav nav .sub_menu li a:hover {
  background-color: #F6F6F6;}
.header_nav nav ul li a::after {
  background-color: hsla(4, 95%, 72%, 1);
  background-color: var(--color1);}

/* == 主標題 ICON ==*/
.section_title .title {
  color: #444;}
.section_title i { 
  color: hsla(39, 100%, 62%, 1);
  color: var(--color2);}
/* == 主標題 英文字 ==*/
.title .title_dec { 
  color: hsla(4, 95%, 72%, 1);
  color: var(--color1);}
/* == More ==*/
.section_title .title_more a {
  color: #777;}

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

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

/*--------------------------------------*/
/*           【首頁】最新消息/活動          */
/*------------------------------------- */
/* == Tabs ==*/
.news_content .nav-item a.nav-link { 
	color: hsla(204, 88%, 56%, 1);
  color: var(--primary);
	background-color: #FFF;
	border-color: hsla(204, 88%, 56%, 1);
  border-color: var(--primary);}
.news_content .nav-item a.nav-link:hover,
.news_content .nav-item a.nav-link.active,
.news_content .nav-item a.nav-link.active:hover {
	color: #FFF;
	background-color: hsla(204, 88%, 56%, 1);
  background-color: var(--primary);
	border-color: hsla(204, 88%, 56%, 1);
  border-color: var(--primary);}
/*== 內容 ==*/
.news_content .news_info > .card-text,
.news_content_info .news_info > .card-text,
.news_content .events_info > .card-text,
.news_date, .events_date  {
  color: #777;}

/*--------------------------------------*/
/*             【首頁】幫助我們            */
/*------------------------------------- */
/*---------- 文案/捐款 按鈕 ----------*/
.help_section .d-lg-none.page_tabs .nav-link,/* 首頁 */
.nav.page_tabs .nav-item .nav-link/* 內頁 */ {
  color: #333;
  border: none;
  border-bottom: 3px solid #BBB;}

.help_section .d-lg-none.page_tabs .nav-link.active,/* 首頁 */
.page_section .page_tabs .nav-item .nav-link.active/* 內頁 */ {
	color: hsla(4, 95%, 72%, 1);
	color: var(--color1);
  border-bottom: 3px solid hsla(4, 95%, 72%, 1);
  border-bottom: 3px solid var(--color1);}


/*---------- 立即捐款 ----------*/
/* == 上方 Step Button ==*/
a.btn_circle:hover, a.btn_circle:focus,
a.btn_circle:not([href]):hover, a.btn_circle:not([href]):focus { 
  color: #FFF;
  color: var(--white);
  background: hsla(4, 95%, 72%, 1);
  background: var(--color1);}
.btn-noactive, a.btn-noactive:not([href]) {
  color: #999;
  background-color: #FFF;
  background-color: var(--white);
  border: 1px solid #CCC;}
.btn-active { 
  color: #FFF;
  color: var(--white);
  background: hsla(4, 95%, 72%, 1);
  background: var(--color1);
	border-color: hsla(4, 95%, 72%, 1);
	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;
  color: var(--white);
  background: hsla(4, 95%, 72%, 1);
  background: var(--color1);}
.setup_content a[aria-selected="false"] {
  color: #333;
  background: hsla(0, 0%, 90%, 1);
  /*border: 1px solid hsla(0, 0%, 73%, 1);*/}
  .setup_content a[aria-selected="false"]:hover,
  .setup_content a[aria-selected="false"]:focus {
      color: #FFF;
      color: var(--white);
      background: hsla(4, 95%, 72%, 1);
      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;
  color: var(--white);
	background: hsla(185, 49%, 54%, 1);
  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: hsla(39, 100%, 62%, 1) !important;
  border-color: var(--color2);}

/*==  會員填寫：登入按鈕 ==*/
.donate_fastsignup button { 
  background: hsla(4, 95%, 72%, 1);
  background: var(--color1);}
/*== 非會員捐款 Button ==*/
.non_member_link:hover, 
.non_member_link:focus {
  color: #333;
  background-color: #FFF;
	background-color: var(--white);}
.non_member_link i {
  color: hsla(4, 95%, 72%, 1);
	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: hsla(204, 88%, 56%, 1);
	background-color: var(--primary);}
.stepwizard_btn .previousBtn:hover,
.stepwizard_btn .previousBtn:focus,
.stepwizard_btn .prev-step3-Btn:hover,
.stepwizard_btn .prev-step3-Btn:focus {
  color: hsla(204, 88%, 56%, 1);
  color: var(--primary);
  background-color: transparent;}
/*== 快速登入：or ==*/
.fast_or {
  color: #777;
  background-color: #FFF;
	background-color: var(--white);}
.fast_or:before, .fast_or:after {
  background-color: #CCC;}
/* 上一步 */
.donate_fastsignup .fastsignup_prev {
  color: hsla(204, 88%, 56%, 1);
  color: var(--primary);
  background-color: #FFF;
	background-color: var(--white);}


/*---------- 左：文案框 ----------*/
/*==  下方框線 ==*/
.donate_case {
	border: 1px solid #DDD;
  border-bottom: 2px solid hsla(4, 95%, 72%, 1);
  border-bottom: 2px solid var(--color1);}
/*==  達標條 ==*/
.progress_item .progress {
  background-color: #F8F8F8;
  border-color: #D3D3D3;}
.progress_item .progress-bar { 
  background: hsla(4, 95%, 72%, 1);
  background: var(--color1);}
.progress_item .progress-bar .percent {
	color: #333;
  background-color: #FFF;
  background-color: var(--white);
  border-color: hsla(4, 95%, 72%, 1);
  border-color: var(--color1);}
/*==  標題 ==*/
.donate_info .txt-omit-1 { 
  color: hsla(4, 95%, 72%, 1);
  color: var(--color1);}
/*==  按鈕 ==*/
.donate_case .donate_info .link-orange a { 
  background: hsla(4, 95%, 72%, 1);
  background: var(--color1);}

/*--------------------------------------*/
/*               【首頁】義賣              */
/*------------------------------------- */
/*==  標題 ==*/
.goods_content .card-title,
.goods_content .card-title a {
  color: #666;
  /*color: hsla(4, 95%, 72%, 1);
  color: var(--color1);*/}
.goods_page_bottom .title:after {
	background-color: hsla(4, 95%, 72%, 1);
  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: hsla(4, 95%, 72%, 1);
  color: var(--color1);
  background-color: #FFF;
  background-color: var(--white);}
/*==  圖片 邊框線 ==*/
.gallery_item .thumb:after { 
  border-right: 3px solid hsla(39, 100%, 62%, 1);
  border-right: 3px solid var(--color2);
  border-bottom: 3px solid hsla(39, 100%, 62%, 1);
  border-bottom: 3px solid var(--color2);}
/*==  Youtube 邊框線 ==*/
.youtube_item > div:after {
  border-top: 3px solid hsla(39, 100%, 62%, 1);
  border-top: 3px solid var(--color2);
  border-left: 3px solid hsla(39, 100%, 62%, 1);
  border-left: 3px solid var(--color2);}
.youtube_item > div:before { 
  border-right: 3px solid hsla(39, 100%, 62%, 1);
  border-right: 3px solid var(--color2);
  border-bottom: 3px solid hsla(39, 100%, 62%, 1);
  border-bottom: 3px solid var(--color2);}
/*==  Readmore Button ==*/
.photo_section .btn-outline-orange {
  color: #FFF;
  color: var(--white);
  border-color: #FFF;
  border-color: var(--white);}
.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: hsla(4, 95%, 72%, 1);
  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: hsla(4, 95%, 72%, 1);
  background: var(--color1);}

/*--------------------------------------*/
/*             【首頁】活動區塊            */
/*------------------------------------- */
/*==  外框線 ==*/
.custom_column .custom_wrap { 
  border-color: hsla(39, 100%, 62%, 1);
  border-color: var(--color2);}
/*==  標題 ==*/
.custom_column .custom_wrap h3 {
  color: hsla(4, 95%, 72%, 1);
  color: var(--color1);
	background-color: #FFF;
	background-color: var(--white);}

/*--------------------------------------*/
/*             【首頁】友善連結            */
/*------------------------------------- */
/*==  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;
	color: var(--white);}
.slick_brand .brand_item:hover a, 
.slick_brand .brand_item:focus a {
  color: #333;}

/*--------------------------------------*/
/*                 Footer               */
/*------------------------------------- */
.footer_area {
  background-color: #F8F8F8;}
.section_footer {
  background-color: #EEE;}

/*== 選單下框線 ==*/
.footer_area h2:after {
  background-color: hsla(4, 95%, 72%, 1);
  background-color: var(--color1);}
/*==  Toggle 開關按鈕 ==*/
 #footer_toggle { 
  background: hsla(4, 95%, 72%, 1);
  background: var(--color1);}
/*== 開關區：背景色==*/
.footer_toggle_wrap.wrap_page {
  background-color: #FFF;}
/*==  聯絡資訊 標籤 ==*/
.section_footer p i { 
  color: hsla(4, 95%, 72%, 1);
  color: var(--color1);}
/*==  追蹤我們 邊框 ==*/
.section_footer .footer_socialtitle { 
  border-color: hsla(4, 95%, 72%, 1);
  border-color: var(--color1);}

/*---------- 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: #DDD;}

/*== 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;}

/*--------------------------------------*/
/*                快速連結               */
/*------------------------------------- */
/*== 收合Button ==*/
#sidebar_showHide {
	color: #FFF;
	color: var(--white);
	background-color: #AAA;}

.sidebar_link {
  background-color: #FFF;
  background-color: var(--white);}

/*== 快速連結 ==*/
.sidebar_link .sidebar_link_toggle {
	color: #FFF;
	color: var(--white);
  background: hsla(104, 42%, 59%, 1);
  background: var(--color3);}
.sidebar_link .sidebar_link_title {
  color: #FFF;
	color: var(--white);	
  background: hsla(104, 42%, 59%, 1);
  background: var(--color3);}
/*== 快速捐款 ==*/
.sidebar_donate a {
	color: #FFF;
  color: var(--white);
  background: hsla(338, 90%, 75%, 1);}
.sidebar_donate a:hover,
.sidebar_donate a:focus { 
  color: #FFF;
  color: var(--white);
	background-color: hsla(338, 90%, 69%, 1);}
/*== 愛心車 ==*/
.sidebar_cart {
	color: #FFF;
  color: var(--white);
  background: hsla(39, 100%, 62%, 1);
  background: var(--color2);}
.sidebar_cart i {
  color: hsla(0, 0%, 49%, 1);}
.sidebar_cart span {
	color: hsla(204, 88%, 56%, 1);
	color: var(--primary);
	background-color: #FFF;
	background-color: var(--white);}

.sidebar_submenu .submenu_toggle {
  background: hsla(4, 95%, 72%, 1);
  background: var(--color1);}
.sidebar_submenu .submenu_title { 
  background: hsla(4, 95%, 72%, 1);
  background: var(--color1);}

/*--------------------------------------*/
/*             手機 Bottom Bar          */
/*------------------------------------- */
.fixed_bottom {
  background-color: #FFF;
	background-color: var(--white);}
.fixed_bottom ul {
	border-color: #CCC;}
.fixed_bottom ul li a {
  color: #888;}
.fixed_bottom ul li a:focus i { 
  color: hsla(4, 95%, 72%, 1);
	color: var(--color1);}
.fixed_bottom span {
  color: hsla(204, 88%, 56%, 1);
	color: var(--primary);}


/*=================================================================
                              內頁
=================================================================*/
/*--------------------------------------*/
/*              上一則/下一則            */
/*------------------------------------- */
/*== 箭頭樣式 ==*/
.post_prev a:before,
.post_prev a:after,
.post_next a:before,
.post_next a:after {
	background-color: hsla(4, 95%, 72%, 1);
	background-color: var(--color1);}
.post_prev a:hover, .post_prev a:focus,
.post_next a:hover, .post_next a:focus,
.post_back a:hover, .post_back a:focus {
	color: hsla(4, 95%, 72%, 1);
	color: var(--color1);
	background-color: transparent;}

/*--------------------------------------*/
/*                側邊選單               */
/*------------------------------------- */
.sidebar .sidebar_content {
  border-top: 3px solid hsla(39, 100%, 62%, 1);
  border-top: 3px solid var(--color2);}
.sidebar .sidebar_content ul li a:hover,
.sidebar .sidebar_content ul li a:focus {
  color: #FFF;
  color: var(--white);
  background-color: hsla(4, 95%, 72%, 1);
  background-color: var(--color1);}
.sidebar_active > a {
  color: hsla(4, 95%, 72%, 1);
  color: var(--color1);}

/*--------------------------------------*/
/*                捐款列表               */
/*------------------------------------- */
.cards_info .card-title {
  color: hsla(4, 95%, 72%, 1);
  color: var(--color1);}
.cards_filter button:hover,
.cards_filter button:focus {
  color: hsla(4, 95%, 72%, 1);
  color: var(--color1);}

/* == 上一則/下一則 ==*/
.post_nav a:hover i { 
  color: hsla(4, 95%, 72%, 1);
  color: var(--color1);}

/*--------------------------------------*/
/*                捐款內頁               */
/*------------------------------------- */
/*== Title ==*/
.txt_title {
  color: hsla(4, 95%, 72%, 1);
  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;
  background-color: var(--white);}
.reports_accordion .panel_heading a {
	color: hsla(4, 95%, 72%, 1);
	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: hsla(204, 88%, 56%, 1);
  color: var(--primary);}
/*== PDF ==*/
.reports_accordion .panel-body p .btn {
	color: #FFF;
  color: var(--white);
	background-color: hsla(4, 95%, 72%, 1);
	background-color: var(--color1);}

/*--------------------------------------*/
/*                 大事紀                */
/*------------------------------------- */
/*==============================*/
/*              直線            */
/*=============================*/
 #cd_timeline:before {
	background-color: #BBB;}
 #cd_timeline2:before {
	background-color: #BBB;}
/*== 年份 ==*/
.cd_box {
	color: var(--color1);
  color: hsla(4, 95%, 72%, 1);}
/*== 內容 ==*/
.cd_timeline_content {
	background-color: #FFF;
	background-color: var(--white);}
/*== 內容區塊 ==*/
.cd_timeline_content .cd_timeline_detail {
	border-color: #DDD;}
/*.cd_timeline_content .cd_timeline_detail:before {
	background-color: #888;}*/
.cd_timeline_content .cd_timeline_detail a:focus .cd_title {
	color: #000;}
/*== 月份/標題/文字 ==*/
.cd_month {
	color: hsla(4, 95%, 72%, 1);
	color: var(--color1);}
.cd_timeline_content .cd_title .cd_icon {
	color: hsla(204, 88%, 56%, 1);
	color: var(--primary);}
.cd_timeline_content .cd_txt {
	color: hsla(0, 0%, 52%, 1);}
.cd_timeline_content button[data-toggle="modal"] {
	color: hsla(204, 88%, 56%, 1);
	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: hsla(4, 95%, 72%, 1);
	color: var(--color1);}
.cd_timeline-nav li:hover:after {
	background-color: hsla(4, 95%, 72%, 1);
	background-color: var(--color1);}

/*--------------------------------------*/
/*                  期刊                 */
/*------------------------------------- */
.issue_section .issue_info .card-title {
	color: hsla(4, 95%, 72%, 1);
	color: var(--color1);}
.issue_section .issue_button .btn_online {
  color: hsla(204, 88%, 56%, 1);
  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;
  color: var(--white);}
.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: hsla(4, 95%, 72%, 1);
	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: hsla(4, 95%, 72%, 1);
  color: var(--color1);}

/*--------------------------------------*/
/*                  影音                */
/*------------------------------------- */
/*== icon ==*/
.video_content h2:before {
  color: hsla(4, 95%, 72%, 1);
  color: var(--color1);}
/*== 描述 ==*/
.video_content .card-text {
  color: #777;}

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

/*--------------------------------------*/
/*                最新消息               */
/*------------------------------------- */
/*== 分類 ==*/
.news_filter a {  
  color: #666;
  /*border-color: #CCC;*/}
.news_filter a.current {
  color: #FFF;
  color: var(--white);
  background-color: hsla(4, 95%, 72%, 1);
  background-color: var(--color1);
  border-color: hsla(4, 95%, 72%, 1);
  border-color: var(--color1);}
.news_info .card-title {
  color: hsla(4, 95%, 72%, 1);
  color: var(--color1);}

/*--------------------------------------*/
/*                活動訊息               */
/*------------------------------------- */
.events_info .card-title,
.events_content.ct .events_title {
  color: hsla(4, 95%, 72%, 1);
  color: var(--color1);}
/*== 側邊欄背景 ==*/
.events_sidebar .list {
	background-color: #F7F7F7;}
/*== 側邊欄標題 ==*/
.events_sidebar .list .title:after,
.events_page_other .title:after {/* 其他活動 */
	background-color: hsla(4, 95%, 72%, 1);
	background-color: var(--color1);}
/*== Icon ==*/
.events_sidebar ul li .icon,
.events_page_bottom .list ul li .icon {/* 下方資訊 */
	color: #FFF;
	color: var(--white);
	background-color: hsla(39, 100%, 62%, 1);
	background-color: var(--color2);}

/*--------------------------------------*/
/*                  義賣                */
/*------------------------------------- */
/*== 標籤：已售完 ==*/
.goods_end_txt {
  color: #FFF;
  color: var(--white);
  background-color: #999;}

/*== 義賣標題 ==*/
.goods_page_top .goods_top_title {
  color: #666;}
.goods_top_title:after {
	background-color: hsla(44, 99%, 64%, .7);}
/*== 金額 ==*/
.goods_money {
  color: hsla(4, 94%, 72%, 1);}
/*== 庫存 ==*/
.goods_number {
	color: #666;}
/*== 按鈕：完售 ==*/
.goods_detail .button .bg-lightgray {
	color: #FFF;
  color: var(--white);
	background-color: #B5B5B5;}

/*== 其他義賣品 ==*/
/*== 標題 ==*/
.goods_info .title:after,
.goods_page_bottom .title:after {
  background-color: hsla(44, 99%, 64%, .7);}
.goods_page_bottom h3 {
  color: hsla(4, 95%, 72%, 1);
  color: var(--color1);}
/*== 義賣介紹 ==*/
.goods_info a:hover, .goods_info a:focus {
	color: #333;}

/*--------------------------------------*/
/*                 物品/志工             */
/*------------------------------------- */
/*==============================*/
/*              物品            */
/*=============================*/
/*== 卡片組 ==*/
.card.things {
	border-color: hsla(4, 95%, 72%, 1);
	border-color: var(--color1);}
.card.end {
	border-color: #BBB;}
.card.things:hover {
	box-shadow: hsla(0, 0%, 0%, 0.2);}
/*== 數量 ==*/
.card.things .amount span {
	color: hsla(4, 95%, 72%, 1);
	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;
  color: var(--white);
  background-color: hsla(4, 95%, 72%, 1);
  background-color: var(--color1);}

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

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

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

/*--------------------------------------*/
/*              捐款紀錄查詢              */
/*------------------------------------- */
.records_content #myTab .nav-link:not(.active) {
  border-color: #BBB;}
.records_content #myTab .nav-link.active {
	color: hsla(4, 95%, 72%, 1);
	color: var(--color1);
  border-color: hsla(4, 95%, 72%, 1);
	border-color: var(--color1);}
/*==============================*/
/*           捐款完成頁         */
/*=============================*/
/* 付款完成文字 */
.finish_content .finish_txt {
	color: hsla(4, 95%, 72%, 1);
	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 hsla(39, 100%, 62%, 1);
	border-top: 10px solid var(--color2);}
.all_section .orderlist_nav a.active {
	border-color: hsla(39, 100%, 62%, 1);
	border-color: var(--color2);}
.all_section .orderlist_nav a:hover,
.all_section .orderlist_nav a:focus {
	color: #333;
	background-color: #FFF;
	background-color: var(--white);}

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

/*--------------------------------------*/
/*             電子收據列印              */
/*------------------------------------- */
.receipt_content .nav {
  border-bottom-color: #EEE;}
.receipt_content .nav a.link.active:after {
  border-top: 10px solid hsla(39, 100%, 62%, 1);
	border-top: 10px solid var(--color2);}
.receipt_content .nav a.link.active {
	color: hsla(4, 95%, 72%, 1);
	color: var(--color1);
  border-bottom: 2px solid hsla(39, 100%, 62%, 1);
	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: hsla(4, 95%, 72%, 1);
  border-left-color: var(--color1);}

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

/*--------------------------------------*/
/*                  芳名錄              */
/*------------------------------------- */
.lover_content input {
	color: hsla(204, 88%, 56%, 1);
	color: var(--primary);}
.lover_content #myTab .nav-link:not(.active) {
  border-color: #BBB;}
.lover_content #myTab .nav-link.active {
	color: hsla(4, 95%, 72%, 1);
	color: var(--color1);
  border-color: hsla(4, 95%, 72%, 1);
	border-color: var(--color1);}

/*--------------------------------------*/
/*             會員登入/管理員登入        */
/*------------------------------------- */
#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: hsla(204, 88%, 56%, 1);
	color: var(--primary);}
.edit_content .nav-tabs > li:not(.nav-item) > a:after {
  background-color: hsla(204, 88%, 56%, 1) none repeat scroll 0% 0%;
	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: hsla(4, 95%, 72%, 1);
	color: var(--color1);}

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


/*==============================*/
/*              內頁           */
/*=============================*/
/*== 已截止 ==*/
.event_page_bottom .card.end .event_title {
  color: #B5B5B5;}
/*== 標題 ==*/
.events_info .card-title {
	color: hsla(4, 95%, 72%, 1);
	color: var(--color1);}
/*== 金額 ==*/
.events_page_bottom .events_money {
	color: hsla(204, 88%, 56%, 1);
	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;
  color: var(--white);
  background-color: hsla(4, 95%, 72%, 1);
	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;
	background-color: var(--white);}

.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;
    background-color: var(--white);}}

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

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

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

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

/*==============================*/
/*             愛心車           */
/*=============================*/
/* 標籤：愛心車 -> 單次捐款 */
#cart_order tbody tr td:first-child span {
  color: #FFF;
	color: var(--white);}

#cart_order tbody tr:last-child td {
  background-color: #FFF;
	background-color: var(--white);}
#cart_order tbody tr:last-child td p {
  color: hsla(4, 95%, 72%, 1);
	color: var(--color1);}
#cart_order tbody tr:last-child td span {
  color: hsla(4, 95%, 72%, 1);
	color: var(--color1);}