/*------------------------------------------------------------------
# 各頁 CSS
-------------------------------------------------------------------*/
/*=================================================================
                               通用
=================================================================*/
.page_main {
	margin: 7em auto 0;}
@media (max-width : 992px) {
	.page_main {
		margin-top: 4em;}}

/*== 主標題 ==*/
.page_title {
	padding: .75rem 0;}
.section_title.page_title {
  padding: 2rem 0;
	text-align: center;}
.section_title.page_title h1 {
	margin: 0 auto;
	font-size: 1.75rem;/* 28px */}
.title_dec {
	display: none;}

/*== 回上頁 button ==*/
.page_main .btn.--back {
	position: relative; 
	display: inline-block;
	margin-left: 1rem;
	min-width: 8rem;
	font-size: 1.125rem;
	transition: .3s;-webkit-transition: .3s;}
.page_main .btn.--back:hover, 
.page_main .btn.--back:focus {
	padding-left: .5rem;}
.page_main .btn.--back:before,
.page_main .btn.--back:after {
	display: block;
	content: '';
	position: absolute;
	height: 2px;}
.page_main .btn.--back:after {
	left: 0;
	bottom: 0;
	width: 80%;}
.page_main .btn.--back:before {
  left: 0;
  bottom: 0;	
  width: 1.5rem;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);}

/*== 列表 Collumn 統一置左(例外處理) ==*/
.issue_section .issue,/* 期刊 */
.news_section  .news, /* 新聞 */
.events_section .events,/* 活動 */
.project_section .project,/* 捐款 */
.goods_section .goods,/* 購物 */
.thing_section .thing,/* 物品 */
.goodlinks_section .goodlinks,/* 友善連結 */
.gallery_content .gallery,/* 相簿 */
.video_content .video,/* 影音 */
.epaper_section .epaper /* 電子報 */ {
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;}


/*=================================================================
                             【麵包屑】
=================================================================*/
/*== 社群分享 / 麵包屑 ==*/
@media (max-width: 768px) {
	.page_main .share_wrap .fas + div {
		display: none;}
	.page_main nav[aria-label="麵包屑"] {
		display: none;}
}


/*=================================================================
                             【分頁頁籤】
=================================================================*/
.new_pagination {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 0;
	padding: 3rem 0;}
.new_pagination button {
  margin: auto 1rem;
  padding: .75rem 1rem;
  border: 1px solid;
  border-radius: 50%;}
.new_pagination select {
	padding-bottom: 0;
	min-width: 4rem;
	height: 40px;
	padding: 0 .5rem;
	margin: 0;
	-moz-text-align-last:center;
	     text-align-last:center;}
.new_pagination select:focus {
	border: 1px solid;}
.new_pagination select option {
	text-align: center;}


/*=================================================================
                               【捐款】
=================================================================*/
.project_section .card:hover {
	-webkit-box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
  box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);}
/*==============================*/
/*            列表頁            */
/*=============================*/
.cards_filter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 1rem auto;}
.cards_filter select {
	width: 15%;
	/*height: 40px;*/}
	@media (max-width: 992px) {
		.cards_filter select {
			width: 20%;}}
	@media (max-width: 768px) {
		.cards_filter select {
			width: 30%;}}
	@media (max-width: 480px) {
		.cards_filter select {
			width: 40%;}}
.cards_filter select:focus {
	background: #fff;
	border: 1px solid #bbb;}
.cards_filter span {
	margin-bottom: 0;
    margin-right: .5rem;}

/*== 版本 B ==*/
.version_b .card {
	min-height: 16.25rem;/* 260px */}
.version_b .cards_info {
	padding: 0;}
.version_b .cards_info .card-title {
  min-height: auto;}

.projects_section figure img {
	-webkit-backface-visibility: hidden; 
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: .3s;transition: .3s;}
	.projects_section figure:hover img {
		-webkit-transform: scale(1.1);transform: scale(1.1);}

.cards_info h2,
.cards_info p {
	margin-bottom: .25rem;}
.cards_info .card-title {
	font-size: 1.25rem;}
.cards_info .card-text {
	margin-bottom: .25rem;
	/* max-height: 55px; */
  font-size: 1.125rem;}

.progress_money {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;}
.progress_money p {
	font-size: 1.125rem;}
.progress_money span {
	font-size: 1.25rem;} 


/*==============================*/
/*             內頁             */
/*=============================*/
/*===== 手機版 Tab =====*/
@media (min-width: 992px) {
  .page_section .tab-content > .tab-pane.pane_txt,
  .page_section .tab-content > .tab-pane.pane_donate {
    display: block;}}

@media (min-width: 992px) {
	.setup_content .nav-link button {
	    margin: 1rem 0;
	    padding: .75rem .5rem;}}


/*================================================
                     左：文案框 
==================================================*/
/*--------------------------------------
                   標題
----------------------------------------*/
.project_section .card-title,
.txt_title {
	font-size: 22px;}
/*== 勸募字號/起訖日 ==*/
.txt_subtitle {
	color: #999;}
	.txt_subtitle p:first-child {
		margin-bottom: 0;}
@media only screen and (max-width: 768px){
	.pane_txt .txt_subtitle {
		 -webkit-box-orient: vertical;
		 -webkit-box-direction: normal;
		     -ms-flex-direction: column;
		         flex-direction: column;
	     text-align: left;}}


/*--------------------------------------
                 社群 Bar 
----------------------------------------*/
.share_wrap .dropdown-toggle {
  color: #333;}
.share_wrap .dropdown-toggle:hover {
  color: hsla(4, 95%, 72%, 1);
  color: var(--color1);}
.share_wrap .dropdown-toggle:after {
  display: none;}
.share_wrap .dropdown-item {
  padding: .25rem .5rem;}


.page_btnGroup {
	margin: .75rem 0 1rem auto;
	float: right;}
@media (max-width: 480px) {
	.page_btnGroup {
		margin: 0 0 0 auto;}}
.page_btnGroup button {
	position: relative;
	font-size: 18px;}
    @media (max-width: 320px) {
    	.page_btnGroup button {
    		margin-right: 0;}}
	.page_btnGroup .btn-facebook,
	.page_btnGroup .btn-line {
		width: 30px;}
		.page_btnGroup button.btn-line {
			margin-right: 0;}
	.page_btnGroup button img {
		position: absolute;
		left: 15px;
	    height: 30px !important;}

.page_section .progress {
	margin-bottom: 1rem;}
/*== 輪播 ==*/
.slick_page_01 img {
	margin: auto;}
/*== 摘要 ==*/
.photo_summary {
	margin: 5% 10%;
	padding-left: 15px;	
	line-height: 1.8;
	font-style: italic;
	color: #777;
	border-left: 5px solid #000;}
/*== 文字編輯器：圖片 ==*/
.pane_txt .content_block img {
	max-width: 100%;
  height: auto;}
.content_block figure {
	margin: 1rem auto;}


/*================================================
                      右：捐款框               
==================================================*/
.stepwizard.page {
	width: 100%;
	min-height: 800px;}


/*--------------------------------------
                  Step框 
----------------------------------------*/
.stepwizard.page .stepwizard_top {
	position: relative;}
	@media (max-width: 1024px) {
		.stepwizard.page .stepwizard_top {
			padding: 1.5rem 0 1rem;}}

/*== 線 ==*/
/*.stepwizard.page .stepwizard_top:before {
	height: 2px;}*/
/*== 圈 ==*/
.stepwizard.page .btn_circle {
	padding: 15px;}
.stepwizard.page .stepwizard_step:nth-child(3) .btn_circle {
	padding: 15px 18px;}
.stepwizard.page .stepwizard_step p {
	padding-top: 10px;}
@media (max-width: 320px) {
	.stepwizard.page .stepwizard_top .btn_circle {
		padding: 10px;}
	.stepwizard.page .stepwizard_step p {
		font-size: 14px;}}


/*--------------------------------------
                  內容 
----------------------------------------*/
.stepwizard_info.page {
	position: relative;
  padding: 10px;}
@media (max-width: 480px) {
	.stepwizard_info.page {
		padding: 0;}}

/*== 內頁長度 Auto ==*/
.stepwizard.page .donate_accordion {
	height: auto;}
/*== 下方按鈕 ==*/
.stepwizard.page .stepwizard_btn {
  margin-top: 3rem;}
/* Step 1 */
.stepwizard.page .stepwizard_btn.step1 .btn-outline-brightgreen {/* 愛心車 */
	font-size: 1.5rem;}
@media (min-width: 768px) {
	.stepwizard.page .stepwizard_btn.step1 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;}
	.stepwizard.page .stepwizard_btn.step1  .one {
		margin-left: 4rem;
		margin-right: .5rem;}
	.stepwizard.page .stepwizard_btn.step1 .btn-outline-brightgreen {
    padding: .5rem;
    min-width: auto;
		line-height: 25px;}
}

/*--------------------------------------
                  Step 1
----------------------------------------*/
/*== 捐款金額/輸入框 ==*/
.stepwizard_info.page .money_group button,
.stepwizard_info.page .money_group input {  
  width: 8.45rem;}
/*== 付款方式 ==*/
.stepwizard_info.page .pay_group button {
  width: 11.7rem;}

@media (max-width: 768px) {
	.stepwizard.page .setup_content .credit_group input.form-control {
		width: 4.5rem;}
	/* 有效期限 */
	.stepwizard.page .setup_content .date_group select {
		width: auto;}
	/* 信用卡 CVC */
	.stepwizard.page .setup_content .cardcvc_group label {
		display: block;}
}

@media (max-width: 480px) {
	/* 單次/定期 按鈕 */
	.stepwizard.page .setup_content .nav a button {
		font-size: .9rem;}
	.stepwizard.page .setup_content .nav a:first-child button {
	     margin-right: 0;}
	/* 捐款金額 */
  .stepwizard_info.page .money_group button,
  .stepwizard_info.page .money_div {
    margin: .5rem 0 0 0;
    width: calc( 100% / 2 - 5px );}
  .stepwizard_info.page .money_group button:nth-child(odd),
  .stepwizard_info.page .money_div {
    margin-right: .5rem;}
  /* 輸入框 */
  .stepwizard_info.page .money_group input {
    width: 100%;
    font-size: 1.25rem;}
  /* 付款方式 */
  .stepwizard_info.page .pay_group button {
    width: calc( 100% / 2 - 5px );
    height: 3rem;
    font-size: 1.125rem;}

	/* 信用卡資料 */
	.stepwizard.page .setup_content .credit_type label {
		display: block;}
	/* 信用卡 Input */
	.stepwizard.page .setup_content .credit_group input.form-control {
		width: 8rem;}
	/* 有效期限 */
	.stepwizard.page .setup_content .date_group select {
		width: 8rem;}
	/* 信用卡 CVC */
	.stepwizard.page .setup_content .cardcvc_group input {
		width: 8rem;}
	/* 下方按鈕 */
	.stepwizard.page .stepwizard_btn.step1 .btn {
		margin: 0;
		margin-top: 1rem;
		width: 100%;}
}

@media (max-width: 375px) {
	/* 下方按鈕 */
	.stepwizard.page .stepwizard_btn button {
  	padding: .65rem .5rem;}
}

@media (max-width: 320px) {
	/* 單次/定期 按鈕 */
	.stepwizard.page .setup_content .nav a button {
		font-size: .8rem;}
	/* 金額/付款方式 */
	.stepwizard.page .setup_content .money_group button, 
	.stepwizard.page .setup_content .money_group input, 
	.stepwizard.page .setup_content .pay_group button {
		margin: .5rem 0 0 0;
	  width: 100%;
		height: 50px;}
	/* 信用卡 Input */
	.stepwizard.page .setup_content .credit_group input.form-control {
		width: 6rem;}
	/* 下方按鈕 */
	.stepwizard.page .stepwizard_btn button {
  	padding: .65rem .5rem;}
}


/*--------------------------------------
                  Step 2
----------------------------------------*/



/*--------------------------------------
                  Step 3
----------------------------------------*/
/*== 收據抬頭/收據身份證字號  ==*/
@media (max-width: 768px) {
	.stepwizard.page .donate_accordion .receip-group input.form-control {
		width: 100%;}}


/*================================================
                  下：上一則/下一則               
==================================================*/
.post_wrap {
	margin: 1rem auto 0;
	padding-top: 2rem;
	text-align: center;
	border-top: 3px solid #dadada;}
.post_wrap div:not(:last-child) {
	border-right: 1px solid #CCC;}

.post_prev, 
.post_next, 
.post_back {
	padding: 0 30px;}
@media (max-width: 992px) {
	.post_prev, 
	.post_next, 
	.post_back {
		padding: 0 15px;}
}
.post_prev a, 
.post_next a, 
.post_back a {
	position: relative;
	display: block;
	height: 50px;
	color: #333;
	font-size: 1.25rem;
	font-weight: 600;
	border: 0;}
@media (max-width: 480px) {
	.post_prev a, 
	.post_next a, 
	.post_back a {
		padding: .375rem .5rem;
		height: 40px;}
	.post_back {
		margin-top: 0;}
}
/*== 文字 ==*/
.post_txt {
	display: block;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}

/*=================================================================
                          【公益成果報告】
=================================================================*/
/*== 【公益報告/財務報告】：還原BS container 寬度 ==*/
@media (min-width: 1200px){
	#reports_section .container,
	#financial_section .container {
	    max-width: 1140px;}}

.page_section .reports_search {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
    margin: 1rem auto;}

@media only screen and (max-width: 480px) {
	.page_section .reports_search {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column wrap;
		        flex-flow: column wrap;}
	.page_section .reports_search .form-group {
		width: 100%;}
	.page_section .reports_search button {
		display: block;
		margin-top: 1rem;}}

/* == Panel == */
.reports_accordion {
	margin: 2rem auto;}
.reports_accordion .panel {
	margin-bottom: 1rem;	
	border: 1px solid;}

.reports_accordion .panel_heading a,
.reports_accordion .panel_heading a.collapsed {
	height: auto;}
.reports_accordion .panel_heading a {
	position: relative;	
	display: inline-block;
	width: 100%;
	padding: 0.95rem;
	font-size: 1.25rem;
	line-height: 1.5;}
@media (max-width : 320px) {
	.reports_accordion .panel_heading a {
		font-size: 1.125rem;}}

/*== 時間 ==*/
.reports_accordion .panel_heading time {
	margin-right: 2rem;}

/*== 標題 ==*/
.reports_accordion .panel_heading .panel-title {
	margin-left: 4.5rem;
	margin-top: .5rem;
	min-height: 25px;
	font-size: 1rem;}
.reports_accordion .panel_heading .panel-title span {
	margin: auto 10px;}

@media (max-width : 992px) {
	.reports_accordion .panel_heading time {
		display: block;
		margin-right: 0;}
	.reports_accordion .panel_heading strong {
		display: block;
		width: 80%;}
	.reports_accordion .panel_heading .panel-title {
		margin-left: 0;}
	.reports_accordion .panel_heading .panel-title span {
		margin: auto;}}

@media (max-width : 480px) {
	.reports_accordion .panel_heading .panel-title span {
		display: block;}}

@media (max-width : 320px) {
	.reports_accordion .panel_heading .panel-title {
		width: 85%;}}

/*== Icon ==*/
.reports_accordion .panel_heading a.collapsed::after, 
.reports_accordion .panel_heading a::after {
  content: "\f107";	
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 2%;
  padding-left: 1.25rem;
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);}
.reports_accordion .panel_heading a:after {
	content: "\f106";}
@media (max-width : 320px) {
	.reports_accordion .panel_heading a.collapsed::after, 
	.reports_accordion .panel_heading a::after {
		right: 10px;
		padding-left: 10px;}}

.reports_accordion .panel-body {
	padding: 1rem;}
.reports_accordion .panel_heading + .panel-collapse > .panel-body, 
.reports_accordion .panel_heading + .panel-collapse > .list-group {
	border-top: 1px solid #eee;}
.reports_accordion .panel-body .row {
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;}
.reports_accordion .panel-body p {
	position: relative;
	margin-bottom: 5px;
	padding: 5px 0;}
.reports_accordion .panel-body p a {
	position: absolute;
	right: 0;
	border-radius: 5px;}


/*=================================================================
                          【財務報告】
=================================================================*/
.page_section .financial_search {
    margin: 1rem 0px 1rem auto;}
@media (min-width: 992px) {
	.page_section .financial_search {
		padding-right: 0;}}
@media (max-width: 480px) {
	.page_section .financial_search {
		padding-left: 0;
		padding-right: 0;}}
.page_section .financial_search select {
	-moz-text-align-last:center;
	     text-align-last:center;}
.financial_table td, .financial_table th {
	padding: .5rem;}

.financial_table thead tr th:nth-child(3) {
	width: 65%;}
	@media only screen and (max-width : 992px) {
		.financial_table thead tr th:nth-child(3) {
			width: 60%;}}

/*== PDF按鈕 ==*/
@media (max-width: 480px) {
	.financial_table .btn-orange {
		width: 70%;}}


/*=================================================================
                              【最新消息】
=================================================================*/
/*--------------------------------------
                   列表           
/*------------------------------------- */
/*== 分類 ==*/
.news_filter {
	margin-bottom: 2rem;
  text-align: center;}
@media (max-width: 480px) {
	.news_filter select {
		width: 100%;}
}

.isotope-item {
  z-index: 2;}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;}
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;transition-duration: 0.8s;}
.isotope {
  -webkit-transition-property: height, width;
  transition-property: height, width;}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;}

/*--------------------------------------
                   內頁           
/*------------------------------------- */
.news_wrap {
	padding: 1rem;}

/*== 標題 ==*/
.news_wrap .txt_title {
	margin: 0 auto 1rem;
	text-align: left;}

.txt_subtitle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 1rem;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;}
@media (max-width: 480px) {
	.txt_subtitle {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;}
	.txt_subtitle p.txt_date {
		margin-bottom: 1rem;}}
.txt_subtitle .txt_date i {
	padding-top: 5px;}

/*== Slick ==*/
.news_wrap .slick_page_01 {
	margin: 2rem auto;}

/*== Sidebar ==*/
/* .news_sidebar .card {
	margin-top: 1rem;} */
.news_sidebar .card-body {
	padding: 1rem;}
.news_sidebar .txt_title {
	margin-top: 0;}
@media (max-width: 992px) {
	.news_sidebar {
		display: none;}}

/*=================================================================
                         【聯絡我們/企業合作】
=================================================================*/
@media (max-width: 992px) {
	.contactus_section .column {
		margin-top: 1rem;}}
.contactus_section .column button,
.contactus_section .column article {
	margin-top: 1.5rem;}

/*== 聯絡我們 Map ==*/
.contactus_section .column iframe {
	width: 100%;
	min-height: 34rem;/* 544px */}

/*== google 驗證 ==*/
#form_reCAPTCHA {
	padding: .5rem 0;
	text-align: center;}
@media (max-width: 480px) {
	#form_reCAPTCHA {
		padding: 1rem .5rem;}}
#form_reCAPTCHA small {
	font-size: 90%;}
#form_reCAPTCHA img{
	display: unset;
}
.form_reCAPTCHA .card-body {
	padding: 1rem;}
.form_reCAPTCHA .card.end {
	-webkit-box-shadow: none;
	        box-shadow: none;}
.form_reCAPTCHA .card.end .number-input,
.form_reCAPTCHA .card.before .number-input {
	visibility: hidden;
	display: none;}

/*== 送出按鈕 ==*/
@media (max-width: 992px) {
	.contactus_section button,
	.proposal_section button {
		width: 100%;}}
 

/*=================================================================
                            【期刊】
=================================================================*/
.issue_section .issue_content {
	margin-top: 1rem;}
.issue_section .issue_content .issue_column {
	margin-bottom: 1rem;}

/*== 篩選 ==*/
.issue_section .issue_content .cards_filter select {
	-moz-text-align-last:center;
	     text-align-last:center;}
@media (max-width: 480px) {
	.issue_section .issue_content .cards_filter select {
		width: 100%;}}

/*== 內頁 ==*/
.issue_section .issuuembed, 
.issue_section iframe {
	/*width: 980px !important;
	height: 693px !important;*/
  margin: auto;
  width: 100% !important;
  min-height: 690px;}


/*=================================================================
                            【義賣列表頁】
=================================================================*/
/*--------------------------------------
                 金額/庫存            
/*------------------------------------- */
/*== 金額 ==*/
.goods_money {
	font-size: 20px;}
/*== 庫存 ==*/
.goods_number {
	margin-bottom: .5rem;
	min-height: 25px;}


/*--------------------------------------
                  規格/數量             
/*------------------------------------- */
.goods_card_spec {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;}
@media (max-width: 480px) {
	.goods_card_spec {
		display: block;}}

/*== 庫存/限購 ==*/
.goods_content .goods_number span:nth-child(1) { margin-right: .5rem; }
.goods_content .goods_number span:nth-child(2) { margin-left: .5rem; }

/*== 規格 ==*/
.goods_card_spec select {
	margin-right: 1rem;
	/*width: auto;*/
	min-width: calc( 100% / 3 - 5px );
	-moz-text-align-last: center;
	     text-align-last: center;}
@media (max-width: 480px) {
	.goods_card_spec select {
		margin-right: 0;
		margin-bottom: 1rem;}}

/*== 數量 ==*/
.number-input {
	position: relative;
  margin-left: auto;
  min-width: 10rem;
  height: 35px;
  /*border: 1px solid #CCC;*/
	/*border-radius: 40px;*/}

/* Input */
.number-input input {
	position: absolute;
	left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
	padding: .5rem;
	width: 45%;
	height: 40px;	
	font-size: 20px;
	text-align: center;
	border-width: 0 1px;
	color: #666;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;}
	.number-input input::-webkit-inner-spin-button,
	.number-input input::-webkit-outer-spin-button {
	  -webkit-appearance: none;}
@media (min-width: 768px) and (max-width: 1024px) {
	.number-input button {
    width: 10px;}
	.number-input input {
		padding: 0;
    padding-bottom: 0;
    max-width: 30px;}}

@media (max-width: 480px) {
	.number-input input {
		width: 40%;}}

@media (max-width: 320px) {
	.number-input input {
		padding: 0;
    padding-bottom: 0;
    max-width: 30px;}}


/* Button */
.number-input button {
	position: absolute;	
	width: 35px;
	height: 35px;
	background-color: transparent;
	border: none;	
	cursor: pointer;
	border-radius: 50%;}
.number-input .minus { left: 0;/*5%*/ }
.number-input .plus { right: 0;/*5%*/ }
@media (max-width: 480px) {
	.number-input button {
		/*width: 28%;*/}}
/* .number-input button i {
	font-size: 12px;} */


/*== 加入愛心車 ==*/
.page_section .goods_button {
	margin-top: 1rem}
	.page_section .goods_button button {
		width: 100%;
		font-size: 1.125rem;}


/*=================================================================
                            【義賣內頁】
=================================================================*/
/*================================================
                        上方 
==================================================*/
.goods_page_top, 
.goods_page_bottom {
	padding: 1rem;}
@media (max-width: 480px) {
	.goods_page_top .col-md-6:nth-child(2) {
		margin-top: 1rem;}}

.page_section .goods_end_saleout .goods_content {
	min-height: 214px;}

/*== 標籤 ==*/
.goods_end_saleout {
	position: relative;}
/*.goods_end_saleout picture,*/
.goods_end_saleout img {
	opacity: .6;}
.goods_end_txt {
  z-index: 2;
  position: absolute;
  top: 0;   
  display: block;
  padding: 5px 10px;
	font-size: 1rem;  
  font-weight: 600;
  text-align: center;}

/* 20240515 add 首頁購物使用 */
.index_shop_section {
  --goods_text_red: hsl(6, 95%, 63%);
  --goods_text_gray: #999;
  --goods_text_lightGray: #b9b9b9;
  --goods_card_gutter: 5px;
  --goods_card_columnGap: 1rem;
  --goods_payment_borderColor: #ddd;
  --font_16: clamp(0.88rem, 0.13vi + 0.85rem, 1rem);
  --font_18: clamp(1rem, 0.13vi + 0.97rem, 1.13rem);
  --font_20: clamp(1.13rem, 0.13vi + 1.1rem, 1.25rem);
  --font_22: clamp(1.25rem, 0.13vi + 1.23rem, 1.38rem);
  --font_24: clamp(1.38rem, 0.13vi + 1.35rem, 1.5rem);
  --font_26: clamp(1.5rem, 0.13vi + 1.48rem, 1.63rem);
  --font_28: clamp(1.63rem, 0.13vi + 1.6rem, 1.75rem);
  .card {
    &:has([class^="goods_text"]:nth-child(2)) { /* 2標籤並存 */
      .goods_text {
        inset-block-start: 45px;
      }
      .goods_text_end {
        inset-block-start: var(--goods_card_gutter);
      }
    }
    /*.card-body {
      min-block-size: 264px;
    }*/
    .goods_text {
      z-index: 2;
      pointer-events: none;
      position: absolute;
      inset-block-start: var(--goods_card_gutter);
      inset-inline-start: -.3rem;
      display: inline-block;
      padding: var(--goods_card_gutter) calc(var(--goods_card_gutter) * 2);
      color: #fff;
      background-color: var(--goods_text_red);
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase;
      &::before {
        content: '';
        position: absolute;
        inset-block-end: -.3rem;
        inset-inline-start: 0;
        display: inline-block;
        -webkit-border-start: .3rem solid transparent;
                border-inline-start: .3rem solid transparent;
        -webkit-border-before: .3rem solid var(--goods_text_red);
                border-block-start: .3rem solid var(--goods_text_red);
        -webkit-filter: brightness(80%);
                filter: brightness(80%);
      }
    }
    .goods_text_end {
      z-index: 2;
      pointer-events: none;
      position: absolute;
      inset-block-start: var(--goods_card_gutter);
      inset-inline-start: -.3rem;
      display: inline-block;
      padding: var(--goods_card_gutter) calc(var(--goods_card_gutter) * 2);
      color: var(--white);
      background-color: #999;
      font-size: var(--font_16);
      font-weight: 600;
      &::before {
        content: '';
        position: absolute;
        inset-block-end: -.3rem;
        inset-inline-start: 0;
        display: inline-block;
        -webkit-border-start: .3rem solid transparent;
                border-inline-start: .3rem solid transparent;
        -webkit-border-before: .3rem solid var(--goods_text_gray);
                border-block-start: .3rem solid var(--goods_text_gray);
        -webkit-filter: brightness(80%);
                filter: brightness(80%);
      }
    }
    .card-title {
      margin-bottom: 0;
      font-size: var(--font_22);
    }
    .goods_card_spec {
      -webkit-column-gap: var(--goods_card_columnGap);
          -moz-column-gap: var(--goods_card_columnGap);
              column-gap: var(--goods_card_columnGap);
      -webkit-margin-before: calc(var(--goods_card_gutter) * 2);
              margin-block-start: calc(var(--goods_card_gutter) * 2);             
      min-block-size: 42px;
      .form-control {
        margin-right: 0;
        min-width: auto;
      }
    }
    .goods_card_price {
      display: flex;
      align-items: baseline;
      -webkit-column-gap: calc(var(--goods_card_gutter) * 2);
          -moz-column-gap: calc(var(--goods_card_gutter) * 2);
              column-gap: calc(var(--goods_card_gutter) * 2);
      -webkit-margin-before: calc(var(--goods_card_gutter) * 2);
              margin-block-start: calc(var(--goods_card_gutter) * 2);              
      min-block-size: 42px;
      .goods_money {
        margin-bottom: 0;
        font-size: var(--font_28);
      }
      .goods_money_origin {
        color: var(--goods_text_lightGray);
        text-decoration: line-through;
      }
    }
    .goods_card_number {
      display: flex;
      align-items: center;
      -webkit-column-gap: var(--goods_card_columnGap);
          -moz-column-gap: var(--goods_card_columnGap);
              column-gap: var(--goods_card_columnGap);
      -webkit-margin-before: calc(var(--goods_card_gutter) * 2);
              margin-block-start: calc(var(--goods_card_gutter) * 2);               
      min-block-size: 35px;
      .number-input {
        margin-left: 0;
        min-width: 130px;
        /* & button {
          width: 30px;
          height: auto;
          aspect-ratio: 1;
          border: 0;
          background-color: hsla(4, 95%, 72%, .15);
          border: 1px solid hsla(4, 95%, 72%, .6);
          border-radius: var(--goods_card_gutter);
        } */
        & input {
          height: 35px;
        }
      }
    }    
  }
}

/*--------------------------------------
                  物品資訊
----------------------------------------*/
/*== 義賣標題 ==*/
.goods_top_title {
	position: relative;
	/*margin: 0 auto 3rem;*/
	font-size: 1.625rem;/* 26px */}
.goods_top_title:after {
	content: '';
	position: absolute;
	bottom: -.5rem;
	left: 0;
	display: inline-block;
	width: 60%;
	height: 1px;}

.goods_detail .item {
	margin: 1.5rem auto;}
/*== Label ==*/
/*@media (min-width: 992px) {
	.goods_detail .item label {
		min-width: 6rem;}}*/

/*== 價錢 ==*/
.goods_detail .item.money {
	margin: .75rem auto;}

/*== 規格 ==*/
.goods_detail .item ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin-bottom: 0;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	    flex-flow: row wrap;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;}
.goods_detail .item ul li label {
  margin-top: 5px;}
.goods_detail .item ul li:not(:last-child) label {
  margin-right: 10px;}
.goods_detail .item input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;}
.goods_detail .item label {
  display: inline-block;
  margin-bottom: 5px;  
  padding: 8px 10px;
  color: #333;
  background-color: #FFF;
  font-size: 16px;
  font-weight: 400;
  border: 1px solid #CCC;
  border-radius: 5px;
  line-height: 1;
  cursor: pointer;}

/*== 數量 ==*/
.number-input {
	display: inline-block;}
.goods_detail .number .number-input {
	margin-top: 1rem;}
@media (max-width: 480px) {
	.goods_detail .number .number-input {
		margin: 0;
		margin-top: 1rem;}}

/*== 按鈕 ==*/
.goods_detail .button {
	/*margin-top: 3rem;*/
	margin-bottom: 0;}
.goods_detail .button button {
	padding: .375rem .75rem;
	min-width: 60%;
	width: 100%;
	font-size: 1.125rem;}
@media (max-width: 768px) {
	.goods_detail .button {
		margin-top: 0;}
	.goods_detail .button button {
		margin-left: 0;
		width: 100%;}}
/* 完售 */
.goods_detail .button .bg-lightgray {
	display: inline-block;
	margin: 0 auto 1rem;
	padding: .5rem 1rem;}
@media (max-width : 480px) {
	.goods_detail .button .bg-lightgray {
		display: block;
		text-align: center;}}

/*================================================
                       義賣介紹
==================================================*/
.goods_info {
	margin-top: 3rem;}
.goods_info .title {
	font-size: 24px;}
/*== 標題 ==*/
.goods_info .title,
.goods_page_bottom .title {
	position: relative;
	margin: 1.5rem auto;
	padding: .5rem;
	text-align: center;}

/*================================================
                     其他義賣品
==================================================*/
@media (max-width: 480px) {
	.goods_page_bottom {
		padding: 0;}}
.goods_page_bottom .item {
	margin: .5rem;
	margin-top: 0;}
.goods_page_bottom .goods_content {
	text-align: center;}
/*== 標題 ==*/
.goods_page_bottom .card .card-title {
	min-height: 26px;
	font-size: 1.375rem;}/* 22px */
.goods_page_bottom .goods_money {
	margin-bottom: 0;}

/*=================================================================
                            【登入頁】
=================================================================*/
/*== 登入頁 ==*/
#authors_login {
	overflow-y: auto;
	min-height: 50rem;}
#authors_login .page_main {
	margin-top: 10em;}

#authors_login .login_page {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;}
@media (max-width : 992px) {
.login_page {
	margin-top: 1rem;}}

.login_page .login_info {
	padding: 2rem 1.5rem 4rem;
	background: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.2);
	        box-shadow: 0 0 15px rgba(0,0,0,.2);}

.login_info .login_logo {
	margin: 2rem auto;
	text-align: center;}
.login_info .login_logo img {
	margin-bottom: 15px;
	margin-right: 10px;
	width: 18rem;}
.login_info .login_logo h3 {
	display: inline;}	
@media (max-width: 480px) {
	.login_info .login_logo img {
		display: block;
		margin: auto;
		margin-bottom: 1rem;}}

.login_page .login_info label {
	font-size: 1.25rem;
	letter-spacing: 5px;}
.authors_login[data-lang="_en"] .login_page .login_info label {
	letter-spacing: 0;}
.login_page .login_info .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  border: 1px solid;
  border-radius: .25rem;
  -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;}
.login_page .login_info .form-control:focus {
  border: 1px solid !important;}
.login_page .login_info #form_reCAPTCHA {
	margin-top: 2rem;}

.login_page .login_button {
	margin-top: 1.5rem;
	text-align: center;}
.login_page .login_button button {
	padding: .25rem 10.5rem;
	font-size: 1.5rem;}
@media (max-width : 768px) {
	.login_page .login_button {
		text-align: center;}}
@media (max-width: 480px) {
	.login_page .login_button button {
		padding: .5rem 1rem;
		width: 100%;}}


/*== 第三方登入頁 ==*/
.social_loginPage p {
	margin-bottom: 4rem;
	font-size: 1.25rem;}
.social_loginPage .card-body {
	height: 100%;
	text-align: center;}
.social_loginPage a:not(:last-child) {
	margin-right: 3rem;}
@media (max-width: 480px) {
	.social_loginPage a {
		font-size: 1rem;}
	.social_loginPage a:not(:last-child) {
		margin-right: .5rem;}}


/*=================================================================
                            【捐款紀錄查詢】
=================================================================*/
/*===== 捐款完成：上方StepBar =====*/
/*.finish_content .stepwizard_top {
	position: relative;
	margin-bottom: 1.5rem;}
	@media only screen and (max-width : 375px) {
		.finish_content .stepwizard_top {
			padding: 1.5rem 10px 1rem;}}
	@media only screen and (max-width : 320px) {
		.finish_content .stepwizard_top {
			padding: 1.5rem 5px 1rem;}}
	.finish_content .stepwizard_top:before {
		width: 93%;
		height: 2px;}
		@media only screen and (max-width : 992px) {
			.finish_content .stepwizard_top:before {
				width: 88%;}}
		@media only screen and (max-width : 768px) {
			.finish_content .stepwizard_top:before {
				width: 83%;}}
		@media only screen and (max-width : 480px) {
			.finish_content .stepwizard_top:before {
				width: 75%;}}
	.finish_content .stepwizard_top .btn_circle {
		padding: 15% 12%;}
	.finish_content .stepwizard_step:nth-child(3) .btn_circle {
		padding: 15% 17%;}
	.finish_content .stepwizard_step:nth-child(4) .btn_circle {
		border: 0;}
	.finish_content .stepwizard_step p {
		margin-top: 1rem;}
		@media only screen and (max-width : 320px) {
		.finish_content .stepwizard_step p {
    		font-size: 14px;}}*/

/*===== 字：付款完成 =====*/
.finish_content .finish_txt {
	margin: 2rem auto 4rem;
	font-size: 1.375rem;}/* 22px */

/*===== Collapse Nav =====*/
.all_section .orderlist_nav .nav {
	margin: 2rem auto;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border-bottom: 1px solid;}
.all_section .orderlist_nav a.nav-link {
	position: relative;
	margin: auto 1.5rem;
	padding-bottom: 10px;
  font-size: 1.375rem;/* 22px */
	border-left: none;
	border-radius: 0;}
@media (max-width: 992px) {
	.all_section .orderlist_nav a.nav-link {
		font-size: 1.25rem;}
}
@media (max-width: 480px) {
	.all_section .orderlist_nav a.nav-link:lang(en) {
		margin: 0;
		text-align: center;}
}
.all_section .orderlist_nav a.active:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	        transform: translate(-50%, 0);
	border: 10px solid transparent;
	width: 0;
  height: 0;}
.all_section .orderlist_nav a.active {
	border-bottom: 2px solid;}


/*--------------------------------------*/
/*        捐款完成 search_orderlist      */
/*------------------------------------- */ 
/* 回捐款紀錄查詢按鈕 */
.finish_content .finish_info .custom_button {
  margin: 1rem auto;
  padding: .5rem 0;
  width: 100%;
  font-size: 1.375rem;}/* 22px */
  
/* 【客製】回首頁 箭頭樣式 */
/*==============================
(1) search_orderlist (付款完成)
(2) booking_orderslist (報名完成)
  ==============================*/
/* .post_back.custom a:hover,
.post_back.custom a:focus {
	padding-left: .5rem;}
.post_back.custom a:before,
.post_back.custom a:after {
	display: block;
	content: '';
	position: absolute;
	height: 2px;}
.post_back.custom a:after {
	right: 0;
	bottom: 0;
	width: 100%;}
.post_back.custom a:before {
  left: 0;
  bottom: 0;	
  width: 10px;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);} */


/*=================================================================
                            【活動報名列表頁】
=================================================================*/
.events_content .card:hover {
	-webkit-box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
  box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);}
.events_section .events_image {
	position: relative;}
.events_section .events_info {
	padding: 10px;}

/*== 日期區間 ==*/
.date_range i,
.events_info .date_range i {
	margin-right: .5rem;}

/*== 標題 ==*/
.events_info .card-title {
	/*min-height: 50px;*/
  font-size: 22px;}

/*== 內文 ==*/
.events_info .card-text {
	margin-bottom: 10px;
	/* height: 45px; */
	font-size: 18px;}

/*== 名額/已報名 ==*/
.events_info .detail {
	/*margin: 1rem auto;*/
	/*height: 40px;*/
	min-height: 27px;
	font-size: 1.125rem;
	text-align: center;}
.events_info .detail span {
  padding: 0 .5em;	
  font-weight: 600;}
@media (max-width: 480px) {
	.events_info .detail span {
		font-size: 1rem;}
	.events_info .detail span:first-child {
		padding: 0 .75em 0 .25rem;}}

/*-- 報名截止 --*/
/*.booking_end:before {
  content: "";
  display: block;
  width: 0px;
  height: 0;
  border-style: solid;
  border-width: 100px 130px 0 0;
  border-color: #e83e8c transparent transparent transparent;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;}
.booking_end:after {
  content: "報名截止";
  color: rgb(255, 255, 255);
  display: block;
  width: 60px;
  height: 50px;
  line-height: 1;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2px;
  text-align: center;
  padding-top: 10px;
  padding-left: 10px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;}*/
.events_end {
	display: none;
	/*z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	margin-bottom: 0;
	border-style: solid;
	border-width: 100px 130px 0 0;*/}
.events_end_text {
	z-index: 2;
	position: absolute;
	top: 0;
	margin-bottom: 0;
	padding: 5px 10px;		
	color: #FFF;
	font-size: 1rem;
	font-weight: 600;
	text-align: center;}
/*.events_end_text + a picture*/ 
.events_end_text + a img {
	opacity: .6;}


/*=================================================================
                            【活動報名內頁】
=================================================================*/
/*------------------------------*/
/*            左邊欄位          */
/*-----------------------------*/
/*== 主標題 ==*/
.events_content.ct .events_title {
	margin-bottom: 1rem;
	font-size: 24px;}


/*------------------------------*/
/*            右邊欄位          */
/*-----------------------------*/
/*.events_sidebar {
	margin-top: 25px;}*/
.events_sidebar .list {
	padding: 1rem;}

/*== 標題 ==*/
.events_sidebar .list .title,
.events_page_other .title {/* 其他活動 */
	position: relative;
	margin: 1.5rem auto;
	padding: .5rem;
	text-align: center;}
.events_sidebar .list .title:after,
.events_page_other .title:after {
	content: '';
	display: inline-block;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 3.125rem;
	height: 3px;}

/*== 資訊 ==*/
.events_sidebar .list ul {
	display: table;	
	width: 100%;}
.events_sidebar ul li .icon,
.events_page_bottom .list ul li .icon {/* 下方資訊 */
	float: left;
	margin-top: 5px;
	width: 40px;
	height: 40px;
	text-align: center;						
	line-height: 40px;
	border-radius: 100%;}
@media (max-width: 480px) {
	.events_sidebar ul li .icon,
	.events_page_bottom .list ul li .icon {
		display: none;}}

.events_sidebar ul li .events_content,
.events_page_bottom .list ul li .events_content {
	display: table;
	min-width: 8.75rem;
	padding-left: 15px;}
.events_sidebar ul li .events_content:lang(en),
.events_page_bottom .list ul li .events_content:lang(en) {
	padding-right: 15px;}

.events_page_bottom .list ul li:first-child .events_content {
	min-width: 23rem;}
@media (max-width: 992px) {
	.events_sidebar ul li .events_content,
	.events_page_bottom .list ul li .events_content {
		display: inline-block;
		min-width: auto;}}
@media (max-width: 480px) {
	.events_sidebar ul li .events_content,
	.events_page_bottom .list ul li .events_content {
		padding-left: 0;}}

/* 活動期間 */
.events_sidebar ul li .events_content small,
.events_page_bottom ul li .events_content .events_title {
	font-weight: 600;
	letter-spacing: 2px;}
.events_sidebar ul li .events_content small:lang(en),
.events_page_bottom ul li .events_content .events_title:lang(en) {
	letter-spacing: 0;}

/* 時間 */
.events_sidebar ul li .events_content h3,
.events_page_bottom ul li .events_content .events_date {
	margin: 0px;
	font-size: 20px;
	font-weight: 600;}
@media (max-width: 480px) {
	.events_sidebar ul li .events_content h3,
	.events_page_bottom ul li .events_content .events_date {
		font-size: 18px;}}

/*== 狀態/名額 ==*/
/*.events_content span {
	display: block;
	color: #777;
	font-size: 24px;}*/
@media (max-width: 480px) {
	.events_content span {
		display: inline-block;
	}
}


.events_sidebar .events_number {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 1rem auto 0;
	padding: 1rem;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 1.25rem;
	font-weight: 600;}
@media (max-width: 480px) {
	.events_sidebar .events_number {
		padding: .5rem;		
		-webkit-box-orient: vertical;		
		-webkit-box-direction: normal;		
		    -ms-flex-direction: column;		
		        flex-direction: column;}}

/*== 立即報名按鈕 ==*/
.events_sidebar .js-scroll-trigger {
	margin: 1rem auto;}

/*== Map ==*/
.events_sidebar .embed-responsive {
	margin-top: 1rem;}


/*------------------------------*/
/*            下方欄位          */
/*-----------------------------*/
/*== 暗錨點 ==*/
#events_page_bottom {
	display: block;
	position: relative;
	top: -80px;
	height: 0;
	overflow: hidden;}

/*== 卡片 ==*/
.events_page_bottom .card {
	margin: 1rem auto;
	border: 1px solid hsla(0, 0%, 0%, 0.125);}

/*== 已截止/尚未開始 ==*/
.events_page_bottom .card.end {
	-webkit-box-shadow: none;
	        box-shadow: none;}
.events_page_bottom .card.end .number-input,
.events_page_bottom .card.before .number-input {
	visibility: hidden;
	display: none;}

/*== 選項 ==*/
.events_page_bottom .custom-control-inline {
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;}
@media (max-width : 480px) {
	.events_page_bottom #booking {
		width: 120px;}}

/*== 資訊 ==*/
.events_page_bottom .list ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;}
@media (max-width: 992px) {
	.events_page_bottom .list ul {
		display: block;}
	.events_page_bottom .list ul li {
		padding-bottom: 1rem;}}
@media (max-width: 480px) {
	.events_page_bottom .list ul {
		margin-bottom: 0;}
	.events_page_bottom .list ul li:last-child {
		padding-bottom: 0;}}

/*== 金額/數量 ==*/
.events_page_bottom .list_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: auto;}
@media (max-width: 992px) {
	.events_page_bottom .list_item {
		text-align: center;}}
@media (max-width: 480px) {
	.events_page_bottom .list_item {
		margin: auto;
		display: inherit;
		/*display: -webkit-flex;
		display: flex;
		flex-direction: column;*/}}

/* 金額 */
.events_page_bottom .events_money {
	font-size: 28px;
	font-weight: 600;
	vertical-align: middle;}
@media (max-width: 480px) {
	.events_page_bottom .events_money {
		display: block;
		/*margin: 0 auto 1rem;*/}}

/* 數量輸入框 */		
.events_page_bottom .list_item .number-input {
	display: inline-block;
	margin-left: 1rem;
	min-width: 10rem;
	text-align: center;}
@media (max-width: 992px) {
	.events_page_bottom .list_item .number-input input {
		max-width: 100%;}}
@media (max-width: 480px) {
	.events_page_bottom .list_item .number-input {
		margin: 1rem 0;}}
  
/*== 按鈕：會員/非會員  ==*/
.events_page_bottom .events_button {
	margin: 2rem auto 0;
	text-align: center;}
.events_page_bottom .events_button button {
	padding: .375rem 2rem;
  font-size: 1.25rem;
	border-width: 1.5px;}
.events_page_bottom .events_button button:first-child {
	margin-right: .5rem;}
@media (max-width: 768px) {
	.events_page_bottom .events_button button {
		padding: .375rem .5rem;}}
@media (max-width: 480px) {
	.events_page_bottom .events_button button {
		width: 100%;}
	.events_page_bottom .events_button button[tag="login_member"],
	.events_page_bottom .events_button button[tag="send"] {
		width: 40vw;}}


/*------------------------------*/
/*            其他活動          */
/*-----------------------------*/
@media (max-width : 480px) {
	.events_page_other {
		padding: 5px;
		padding-bottom: 1rem;}}

.events_page_other .slick-slide {
  margin-bottom: .5rem;
  padding-right: 15px;
  padding-left: 15px;
	-webkit-box-shadow: none;
	        box-shadow: none;}
@media (max-width: 480px) {
	.events_page_other .slick-slide {
    padding-right: 0;
    padding-left: 0;}}
.events_page_other .slick-slide .events_info {
	-webkit-box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
  box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);}


/* 圖片 */
.events_page_other .item .news_info {
	position: relative;}
.events_page_other .item img {
	-webkit-backface-visibility: hidden; 
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: .3s;transition: .3s;}
	.events_page_other .item figure:hover img {
	  -webkit-transform: scale(1.1);transform: scale(1.1);}


/*=================================================================
                            【活動報名個資頁】
=================================================================*/
/*== 全局設定 ==*/
.finish_content #details {
	text-align: left;}
#event_details .form-group {
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;}


/*--------------------------------------
           Custom column width 
----------------------------------------*/
@media (min-width: 992px) {
.finish_content #details .dynamic .form-group .col-lg-3 {
  -ms-flex: 0 0 20%;
  -webkit-box-flex: 0;
          flex: 0 0 20%;
  max-width: 20%;}/* Default： 25% */
}


/*== 地址 ==*/
.finish_content #details .address input:not(:last-child),
.finish_content #details .address select {
	display: inline-block;
  margin-bottom: .5rem;
  width: calc( 100% / 2 - 3px );}
@media (max-width: 992px) {
	.finish_content #details .address input:not(:last-child),
	.finish_content #details .address select {
		width: 100%;}}

/*== 身分證字號 ==*/
.finish_content #details .foreigner_group {
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;}
.finish_content #details .foreigner_group button {
	margin: 0;
	padding: .375rem .75rem;
	width: calc( 100% / 3 - 5px );}
.finish_content #details .foreigner_group input {
	display: inline-block;
  margin: 1rem auto;
  width: 100%;}

/*== 付款方式 ==*/
.finish_content #details .pay_group button {
	margin-top: .5rem;
	margin-right: .5rem;}
@media (max-width: 992px) {
	.finish_content #details .pay_group button {
		width: calc( 50% - 20px );}}
@media (max-width: 480px) {
	.finish_content #details .pay_group button {
		height: 70px;}}

/*== 同意個資 ==*/
.finish_content #details .booking_agree label {
	width: auto;}
@media (max-width: 992px) {
	.finish_content #details .booking_agree label {
		display: initial;}
  /*.finish_content .agree_group label {
		font-size: 14px;
		font-weight: bolder;}*/}

/*== 送出 ==*/
.finish_content #details button[type="submit"] {
	margin: 1rem auto;
  padding: .5rem 0;
  width: 100%;
  font-size: 22px;}


/*=================================================================
                    【活動報名查詢 booking_orderslist】
=================================================================*/
#booking_orderslist h2 {
	font-size: 1.25rem;}
#booking_orderslist h2 + p {
	margin: 1rem auto;
	font-size: 1.125rem;}


/*=================================================================
                            【芳名錄】
=================================================================*/
.lover_content .form-inline {
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;}
@media (max-width: 480px) {
	.lover_content .form-inline {
		-ms-flex-pack: distribute;
		    justify-content: space-around;}
}

/*== 全局設定 ==*/
@media (max-width: 1024px) {
	.lover_content .form-group {
		margin: .5rem 0;}
	.lover_content .form-group:not(.date) select {
		width: 100%;}}
.lover_content label {
	width: 100%;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;}
.lover_content input {
	margin: 5px auto;
	height: 40px;}
.lover_content select {
	margin: 5px auto;
    padding: .375rem .15rem;
	height: 40px;}
@media (min-width: 1024px) {
	.lover_content select {
		min-width: 5rem;}}

/*== 捐款人 ==*/
.lover_content .donater {
	max-width: 10rem;}
.lover_content .donater input {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;	
	width: 9rem;}

/*== 語系來源 ==*/
.lover_content .lang select {
	min-width: 4rem;
	width: 100%;}

/*== 捐款日期 ==*/
@media (max-width: 1024px) {
  .lover_content .date {
  	width: 100%;}}
.lover_content .date label {
	display: inline-block;}
.lover_content .date select {
	-moz-text-align-last:center;
	     text-align-last:center;}/* 日期置中 */
.lover_content .date select.lover_date_first {
	margin-left: 0;
	padding-left: 0;}
@media (max-width : 1024px) {
	.lover_content .date select {
		margin: 5px auto;
		width: calc( 100% / 3 - 5px );}
	.lover_content .date span {
		display: inline-block;
		width: 100%;
		margin: 1rem auto;
		text-align: center;}}

/*== 查詢按鈕 ==*/
.lover_content .lover_button {
	/*margin-left: 1rem;*/
	margin-bottom: 5px;
	text-align: right;}
/*.lover_content .lover_button button {
	padding: .25rem 1rem;}*/
@media (max-width: 640px) {
	.lover_content .lover_button,
	.lover_content .lover_button button  {
		margin-left: 0;
		width: 100%;
		font-size: 1rem;}}

/*== 列表 ==*/
.lover_list {
	margin: .5rem auto 1rem;}


/*=================================================================
                            【關於我們】
=================================================================*/
.aboutus_content {
	padding: 1rem;
	background: #fff;}

/* 文字編輯器：圖片 */
/*article img,
.aboutus_content article img {
	display: block;
	margin: auto;
	max-width: 100%;
	height: auto !important;}
@media (max-width: 480px) {
	article img,
	.aboutus_content article img {
		display: inline-block;}}*/


/*==============================*/
/*           Sidebar           */
/*=============================*/
.sidebar {
	padding-top: .5rem;
	width: 100%;}
.sidebar .sidebar_content {
  margin-bottom: 1.25rem;}

.sidebar .sidebar_content ul li a {
	margin-bottom: .5rem;
  padding: .5rem;}

/*-- 第二層 --*/
.sidebar .sidebar_content ul li > a[data-toggle="collapse"] {
	padding-right: 2rem;}
.sidebar .sidebar_content ul li > a[data-toggle="collapse"]:after {
	content: "\f054";		
	display: block;		
	position: absolute;
	top: 0.5rem;
	right: 1rem;
	height: 1.5rem;
	font-family: 'Font Awesome 5 Free';
	font-weight: 700;
	-webkit-transform: rotate(0deg);
	        transform: rotate(0deg);
	transition: -webkit-transform 0.2s ease-in-out;}
	.sidebar .sidebar_content ul li > a[data-toggle="collapse"][aria-expanded="true"]:after {
		-webkit-transform: rotate(90deg);transform: rotate(90deg);}

.sidebar .sidebar_content ul li ul {
	padding: 0;}
	.sidebar .sidebar_content ul li ul > li a {
		padding-left: 2.75rem;}


/*=================================================================
                            【大事紀】
=================================================================*/
.history_content {
	padding: 1rem;}

/*==============================*/
/*            直式列表           */
/*=============================*/
#cd_timeline * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
#cd_timeline {
position: relative;
margin: 1rem auto;}
#cd_timeline2 * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
#cd_timeline2 {
position: relative;
margin: 1rem auto;}
@media (min-width: 992px) {
	#cd_timeline {
		margin: 2rem auto;}
	#cd_timeline2 {
		margin: 2rem auto;}	}

/*==============================*/
/*              直線            */
/*=============================*/
 #cd_timeline:before {
	content: '';
	position: absolute;
	left: 4.5%;
	width: 4px;
	height: 100%;}
 #cd_timeline2:before {
	content: '';
	position: absolute;
	left: 4%;
	width: 4px;
	height: 100%;}	
@media (max-width: 1024px) {
	#cd_timeline:before {
		left: 6%;}
	#cd_timeline2:before {
		left: 5.3%;}	}
@media (max-width: 992px) {
	#cd_timeline:before {
		left: 4.5%;}
	#cd_timeline2:before {
		left: 4.5%;}}
@media (max-width: 768px) {
	#cd_timeline:before {
		left: 4.5%;}
	#cd_timeline2:before {
		left: 4.5%;}	}
@media (max-width: 480px) {
	#cd_timeline:before {
		left: 9%;}
	#cd_timeline2:before {
		left: 9%;}	}
@media (max-width: 375px) {
	#cd_timeline:before {
		left: 10%;}
	#cd_timeline2:before {
		left: 10%;}}
@media (max-width: 320px) {
	#cd_timeline:before {
		left: 12%;}
	#cd_timeline2:before {
		left: 12%;}	}

.cd-container:after,
.cd_timeline_block:after,
.cd_timeline_content:after {
	content: '';
	display: table;
	clear: both;}

/*-- 下方區塊 --*/
.cd_timeline_block {
	position: relative;
	margin: 2em 0;
	padding-top: 60px;}
.cd_timeline_block:nth-child(2) {
	margin-top: 0;}
.cd_timeline_block:last-child {
	margin-bottom: 0;}
@media (min-width: 992px) {
	.cd_timeline_block {
		margin: 1em 0;
		padding-top: 0;}
	.cd_timeline_block:nth-child(2) {
		margin-top: 0;}
	.cd_timeline_block:last-child {
		margin-bottom: 0;}}

/*-- 年份 --*/
.cd_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 0;
  left: 0;
	width: 60px;
	height: 40px;
	background-color: #FFF;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	/*box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);*//* 0701 */}
.cd_date {
	font-size: 24px;
	font-weight: 600;
	border-bottom: 4px solid #CCC;
  border-radius: 3px;}
@media (min-width: 992px) {
	.cd_box {
		/*margin-left: 15px;*//* 0701 */
		top: -15px;/* 0701 */
	  left: -40px;/* 0701 */
    padding: 1.5rem 0;
		-webkit-transform: translateZ(0);
		-webkit-backface-visibility: hidden;}}

/*-- 內容 --*/
.cd_timeline_content {
	position: relative;
	margin: auto 2% auto 10%;
	padding: 1rem;
	padding-top: 0;/* 0701 */
	width: auto;}
@media (max-width: 992px) {
	.cd_timeline_content {
		margin-left: 3rem;
		padding: 1rem;
		padding-top: 5%;/* 0701 */}}

/*-- 內容區塊 --*/
.cd_timeline_content .cd_timeline_detail {
	position: relative;
	padding: 1rem 0;
	border-bottom: 1px dashed;}
@media (max-width: 992px) {
	.cd_timeline_content .cd_timeline_detail {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;}}

.cd_timeline_content .cd_timeline_detail:before {
	position: absolute;
	content: '';
	top: 37px;
	left: -9.5%;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background: #fff;
  border: 3px solid #bbb;}
@media (min-width: 992px) {
	.cd_timeline_content .cd_timeline_detail {
		padding-top: 0;/* 0701 */}
	.cd_timeline_content .cd_timeline_detail:before {
		top: 0;/* 0701 */}
}
/* Safari */
@media screen and (max-width: 767px) {
  _::-webkit-full-page-media, _:future, 
  :root .cd_timeline_content .cd_timeline_detail:before { 
    left: -21.5%;}
}
@media (max-width: 1024px) {
	.cd_timeline_content .cd_timeline_detail:before {
		left: -9%;}}
@media (max-width: 768px) {
	.cd_timeline_content .cd_timeline_detail:before {
		left: -8.5%;}}
@media (max-width: 480px) {
	.cd_timeline_content .cd_timeline_detail:before {
		left: -18.5%;}}
@media (max-width: 375px) {
	.cd_timeline_content .cd_timeline_detail:before {
		left: -22.5%;}}
@media (max-width: 320px) {
	.cd_timeline_content .cd_timeline_detail:before {
		left: -31.5%;}}

/*-- 月份/標題/文字 --*/
.cd_timeline_content p {
	margin: 1rem auto;}
.cd_month {
	margin-right: 1rem;
	margin-bottom: .5rem;
	font-size: 22px;
	font-weight: 600;}
.cd_title {
	margin-bottom: 0;
	font-size: 1.5rem;
	font-weight: 600;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.cd_title img {
	margin-left: .25rem;
  width: 1.45rem;}
/*.cd_title .cd_icon {
	font-size: 1.5rem;
	font-family:  cv;
	font-weight: 600;
}*/
/*.cd_title i {
	margin-right: .25rem;
	opacity: .9;
  font-size: 1.3rem;}*/
.cd_timeline_content .cd_txt {
	margin-bottom: 0;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
@media (max-width: 992px) {
	.cd_timeline_content .cd_month {
		width: 100%;}}
.cd_timeline_content button[data-toggle="modal"] {
	padding-left: 0;
	background: transparent;
	border-color: transparent;}
.cd_timeline_content .modal .modal-header,
.cd_timeline_content .modal .modal-footer {
	border: 0;}
.cd_timeline_content .modal .cd_title {
	margin-bottom: 1rem;}
.cd_timeline_content .modal article {
	margin-top: 2.5rem;
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: 2px;}
.cd_timeline_content .modal-footer {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;}			

/*==============================*/
/*            上方 Nav          */
/*=============================*/
#js-timeline-nav {
	position: relative;}
/*-- 箭頭 --*/
.left-arrow, .right-arrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	z-index: 10; 	
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50px;
	cursor: pointer;}
.left-arrow {
	left: -5px;
	background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(90deg, #fff 50%, rgba(255, 255, 255, 0) 100%);}
.right-arrow {
	right: -5px;
	background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(270deg, #fff 50%, rgba(255, 255, 255, 0) 100%);}

/*-- 年份 --*/
.cd_timeline-nav {
	display: block;
	margin: 0 auto;
	padding: 0 0 7px;
	width: calc(100% - 60px);
	overflow: hidden;
	border-bottom: 2px solid;
	white-space: nowrap;}

.cd_timeline-nav li {
	position: relative;
	display: inline-block;
	margin: 5px 10px;
	padding: 10px;
	font-size: 22px;}
.cd_timeline-nav li:after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: calc(50% - 7px);
	width: 15px;
	height: 15px;
	border-radius: 100%;
	-webkit-transition: .3s;transition: .3s;}

/*-- Modal --*//* 改 */
.cd-modal.modal .modal-header {
	background-color: #F6F6F6;
	text-align: center;
	border-bottom: 1px solid #DDD;}
.cd-modal.modal .cd_title {
	margin: 0;
	margin-top: .75rem;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 1.625rem;}
.cd-modal.modal .cd_month {
	margin-top: .75rem;
	font-size: 1.125rem;}

/*=================================================================
                          【勸募物品/志工招募】
=================================================================*/
/*==============================*/
/*            勸募物品           */
/*==============================*/
/*--------------------------------------*/
/*                 列表                 */
/*------------------------------------- */
/*== 關鍵字搜尋 ==*/
.things_filter,
.volunteer_filter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 1rem auto;}
@media (max-width: 480px) {
	.things_filter,
	.volunteer_filter {
		display: block;
		text-align: left;}
	.things_filter form,
	.volunteer_filter form {
		display: contents;}
	.volunteer_filter .h5 {
		display: block;}
	.things_filter input {
		width: 48%;}
	.volunteer_filter select {
		margin-right: .25rem;
		width: 48%;}
	.volunteer_filter button {
		margin-top: .5rem;
		width: 100%;
		font-size: 1rem;}
}

@media (max-width: 320px) {
	.things_filter input,
	.volunteer_filter input {
		width: 40%;}}

/*== 搜尋 ==*/
/*.things_filter button,
.volunteer_filter button {
	margin-left: 1rem;}	*/

/*== 卡片組 ==*/
.card.things {
	padding: 1rem;
	border: 1px solid;
	-webkit-transition: .3s;transition: .3s;}
.card.end {
	border: 1px solid;}
.card.things .card-body {
	position: relative;
	padding: .5rem;
	height: 100%;}
@media (max-width : 992px) {
	.card.things .card-body {
		padding: .5rem 0;}}

/*== 標題 ==*/
.card.things .card-title {
	font-weight: 600;
	font-size: 1.25rem;}

/*== 時間/地點 ==*/
.card.things .date,
.card.things .location {
	margin-bottom: 0;
	font-size: 1rem;
	color: #777;}

/*== 數量 ==*/
.card.things .amount {
	margin-top: .5rem;
	min-height: 60px;
	font-size: 1.25rem;	
	font-weight: 600;}
.card.things .link-orange {
  position: absolute;
  bottom: .35rem;
  right: 0;}

/*== 已結束 ==*/
.card.end a.disabled {
	display: inline;
  border: 1px solid;
  font-weight: 400;}
.card.end a.disabled:before {
	border-right: 10px solid #CCC;}

/*== 志工標籤(急字) ==*/
.volunteer_table .volunteer_tag {
	margin: 5px;
	padding: 5px;
	text-align: center;
	font-weight: 600;
	border-radius: 100%;}

/*== 詳情 ==*/
@media (max-width: 480px) {
  .volunteer_table .btn-orange {
    width: 100%;}}


/*--------------------------------------*/
/*                 內頁                 */
/*------------------------------------- */
.things_wrap,
.volunteer_wrap {
	margin-top: 1rem;}

.things_top,
.volunteer_top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;}
@media (max-width: 992px) {
	.things_top,
	.volunteer_top {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;}
	.things_top .detail,
	.volunteer_top .detail {
		width: 100%;
		max-width: 100%;}}

/*== 日期/地區/數量 ==*/
.things_top p,
.volunteer_top p {
	margin-right: .5rem;}
.things_top i,
.volunteer_top i {
	margin-right: .5rem;
	display: inline-block;
	width: 17px;	
	text-align: right;}
.things_top p span,
.volunteer_top p span {
	font-size: 1.25rem;}
@media(max-width: 480px) {
	.things_top p span,
	.volunteer_top p span {
		display: block;}}

/*== 字級/社群 ==*/
.things_wrap .page_btnGroup,
.volunteer_wrap .page_btnGroup {
	margin: 0;}
@media (max-width: 480px) {
	.things_wrap .page_btnGroup,
	.volunteer_wrap .page_btnGroup {
		margin-top: 1rem;}}


/*--------------------------------------
                 下方表格
----------------------------------------*/
.form_area:not(:last-child), 
.form-area:not(:last-child) {
	margin-bottom: 2.5rem;}
.form_area .form-row {
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;}


/*--------------------------------------
           Custom column width 
----------------------------------------*/
@media (min-width: 992px) {
.form_area:not(.receipt) .dynamic .form-group .col-lg-3 {
  -ms-flex: 0 0 12%;
  -webkit-box-flex: 0;
          flex: 0 0 12%;
  max-width: 12%;}/* Default： 25% */
}


/*== Form 標題 ==*/
.form_area .title,
.form-area .title {
	display: inline-block;
	margin-bottom: 1rem;
	padding-bottom: .5rem;
	font-size: 1.25rem;
	border-bottom: 5px double;}

/*== 姓名 ==*/
.form_area .name_group {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;}
/*-- 會員登入 --*/
.form_area .name_group > div {
	position: relative;}
.form_area .name_group > div a.btn {
	position: absolute;
	right: 15px;
	top: -2px;}
.form_area .name_group input {
	width: 100%;}

/*== 性別 ==*/
.form_area .sex_group button {
	margin: 0;
	margin-right: .5rem;}

/*== 聯絡電話 ==*/


/*== 【捐物】：收據 ==*/
.form_area .receipt_group {
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;}
@media (min-width: 1024px){
.form_area .receipt_group .receipt_button {
	display: inline-block;}}

/*== 地址 ==*/


/*== 【捐物】：收據ID/收據抬頭 ==*/
@media (max-width: 480px) {
.form_area .dynamic .id_group button {
	margin-right: .5rem;
	padding: .375rem .25rem;
	width: calc( 100% / 3 - 15px );}}

/*== ？==*/
.form_area select.custom_select {
	display: inline-block;
	width: auto;}
.form_area .form-row span {
	vertical-align: text-top;}

/*== 按鈕 ==*/
.btn_area {
	margin: 2rem auto;
	text-align: center;}
.btn_area button {
	overflow: hidden;
	position: relative;   
	margin: 0 .5rem;}
@media (max-width: 992px) {
	.btn_area button {
		width: 40vw;}}

/*=================================================================
                            常見問題 FAQs
=================================================================*/
/*--------------------------------------
                   側邊欄
----------------------------------------*/
/*== 主標題 ==*/
.sidebar .sidebar_title,
.sidebar_m .sidebar_title {
	position: relative;
	font-size: 1.25rem;
	font-weight: 600;}
.sidebar .sidebar_title:after,
.sidebar_m .sidebar_title:after {
	position: absolute;
	display: inline-block;
	content: '';
	width: 100%;
	height: 2px;}
@media (max-width: 992px) {
	.sidebar .sidebar_title,
	.sidebar_m .sidebar_title {
		text-align: center;}
	.sidebar .sidebar_title:after,
	.sidebar_m .sidebar_title:after {
		left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 20%;}}

.sidebar .sidebar_title p,
.sidebar_m .sidebar_title p {
	margin-bottom: 0;}

/*== 分類 ==*/
.faq_wrap .nav {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;}
.class_wrap {
	margin-bottom: 2rem;}
.class_wrap ul li {
	float: left;}

/* 手機 */
.sidebar_m select {
	margin: 1.5rem auto;}

/*--------------------------------------
                Accordion
----------------------------------------*/
.faq_header {
	position: relative;
	padding: 1rem;
	border-bottom: 1px solid #E5EFF5;}

/*== icon ==*/
.faq_header:after {
	display: block;
	position: absolute;
	right: 20px;
	top: 20px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 700;
	font-size: 18px;
	-webkit-transition: .3s;transition: .3s;}
.faq_header[aria-expanded="true"]:after { content: "\f077"; }
.faq_header[aria-expanded="false"]:after { content: "\f078"; }

/*== Q ==*/
.faq_header .faq_question {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: top;}
/*== Q 數字 ==*/
.faq_header .faq_number {
	margin-right: 10px;
	font-size: 1.25rem;
	font-weight: 600;}

/*== 標題 ==*/
.faq_header .faq_title {
	display: inline;}
@media (max-width : 1024px) {
	.faq_header .faq_title {
    display: inline-block;
    width: 85%;
    margin-bottom: 0;}}
@media (max-width : 768px) {
	.faq_header .faq_title {
    width: 80%;}}
@media (max-width : 480px) {
	.faq_header .faq_title {
    width: 70%;}}
@media (max-width : 320px) {
	.faq_header .faq_title {
    width: 60%;}}

/*== 內文 ==*/
.faq_item {
	padding: 1.25rem;}


/*=================================================================
                            友善連結
=================================================================*/
@media (max-width: 480px) {
	.goodlinks_content .goodlinks {
		padding: 0 15px;}}

.brand_item {
	margin-bottom: 1rem;}
@media(min-width: 992px) {
	.brand_item {
		margin: 1rem;}}

.brand_item a {
  z-index: 2; 
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  width: 100%;
  height: 100%;
  font-size: 1.125rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  -webkit-transition: .3s;transition: .3s;}
.brand_item a:after {
  content: '\f0c1';
  font-family: 'Font Awesome 5 Free';
  position: absolute;
  bottom: 10px;
  right: 10px;}       
.brand_item:hover .brand_hover a, 
.brand_item:focus .brand_hover a {
  opacity: 1;}

/*== 內頁 ==*/
.goodlinks_content .goodlinks .brand_item {
	padding: 0;}

/*=================================================================
                               【相簿】
=================================================================*/
.gallery_content, 
.video_content {
	margin-top: 1rem;}
.gallery_content .card-columns .card {
	border: none;
	-webkit-box-shadow: none;
	        box-shadow: none;}


/*--------------------------------------
                   列表頁           
/*------------------------------------- */
/*== 篩選 ==*/
.gallery_content .cards_filter select {
	-moz-text-align-last:center;
	     text-align-last:center;}
@media (max-width: 480px) {
	.gallery_content .cards_filter select {
		width: 100%;}}

/*== 卡片 ==*/
.gallery_content .card-body {
	padding: 1rem;}
.gallery_content .card-title {
	padding-left: 10px;
  font-size: 1.25rem;
  border-left: 5px solid;}
.gallery_content .card-text {
	height: 45px;
	font-size: 1rem;}


/*--------------------------------------
                    內頁           
/*------------------------------------- */
/*== 遮罩 ==*/
.gallery_card .overlay-shade {
  z-index: 3;
  opacity: 0;
  display: inline-block;  
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
  vertical-align: middle;
  pointer-events: none; /* 穿透點擊 */
  -webkit-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}
.gallery_card .thumb:hover .overlay-shade {
  opacity: 0.9;  
  border: 8px solid;
  -webkit-filter: alpha(opacity=90);
  filter: alpha(opacity=90);}
/*== 遮罩：文字 ==*/
.gallery_txt {
	z-index: 4;
	opacity: 0;
	position: absolute;
	top:50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-webkit-transition: all 300ms ease 0s;transition: all 300ms ease 0s;}
.gallery_card .thumb:hover .gallery_txt {
  opacity: 1;}
.gallery_txt .text {
	font-size: 1.25rem;}


/*=================================================================
                               【影音】
=================================================================*/
/*== 篩選 ==*/
.video_content .cards_filter select {
	-moz-text-align-last:center;
	     text-align-last:center;}
@media (max-width: 480px) {
	.video_content .cards_filter select {
		width: 100%;}}

/*== 卡片 ==*/
.video_content .column {
	margin-bottom: 1.5rem;}

/*== 標題 ==*/
.video_content .card-title {
	margin-top: 1rem;
	font-size: 1.25rem;
	font-weight: 600;
	padding-left: 1.5rem;
	text-indent: -1rem;}
.video_content .card-title:before {
	content: '\f03d';
	display: inline-block;
	padding: 0 5px;
	font-weight: 700;
	font-family: 'Font Awesome 5 Free';}

/*== 描述 ==*/
.video_content .card-text {
	padding-left: 1.5rem;
  height: 45px;
  font-size: 1rem;}
  
 /*== 圖片 ==*/ 
.ytp-button{border:none;background-color:transparent;padding:0;color:inherit;text-align:inherit;font-size:100%;font-family:inherit;cursor:default;line-height:inherit}
.ytp-button:focus,.ytp-button{outline:0}
.ytp-button::-moz-focus-inner{padding:0;border:0}
.ytp-cued-thumbnail-overlay{-webkit-transition:opacity .25s cubic-bezier(0,0,.2,1);transition:opacity .25s cubic-bezier(0,0,.2,1);background-size:cover;-moz-background-size:cover;-webkit-background-size:cover}
.ytp-cued-thumbnail-overlay[aria-hidden=true]{-webkit-transition:opacity .25s cubic-bezier(.4,0,1,1);transition:opacity .25s cubic-bezier(.4,0,1,1)}
.ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg,.ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg,.ytp-muted-autoplay-endscreen-overlay:hover .ytp-large-play-button-bg{-webkit-transition:fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);transition:fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);fill:#f00;fill-opacity:1}
.index.ytp-cued-thumbnail-overlay{width:100%;height:100%;top:0;left:0;background-position:center;background-repeat:no-repeat;-webkit-transition:opacity .25s cubic-bezier(0,0,0.2,1);transition:opacity .25s cubic-bezier(0,0,0.2,1);background-size:cover;-moz-background-size:cover;-webkit-background-size:cover}
.video.ytp-cued-thumbnail-overlay{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center;background-repeat:no-repeat;-webkit-transition:opacity .25s cubic-bezier(0,0,0.2,1);transition:opacity .25s cubic-bezier(0,0,0.2,1);background-size:cover;-moz-background-size:cover;-webkit-background-size:cover}

.ytp-cued-thumbnail-overlay[aria-hidden=true]{opacity:0;-webkit-transition:opacity .25s cubic-bezier(0.4,0,1,1);transition:opacity .25s cubic-bezier(0.4,0,1,1)}
.ytp-large-play-button{position:absolute;left:50%;top:50%;width:68px;height:48px;margin-left:-34px;margin-top:-24px;-webkit-transition:opacity .25s cubic-bezier(0.0,0.0,0.2,1);transition:opacity .25s cubic-bezier(0.0,0.0,0.2,1);z-index:63}
.ytp-large-play-button svg{height:100%;left:0;position:absolute;top:0;width:100%}
.ytp-large-play-button-bg{-webkit-transition:fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);transition:fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);fill:#212121;fill-opacity:.8}

/*=================================================================
                              【電子報】
=================================================================*/
/*== 訂閱欄 ==*/
@media (min-width: 1024px) {
	.newsletter-form {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		        flex-flow: row wrap;
		-ms-flex-align: center;
		-webkit-box-align: center;
		        align-items: center;
		margin-top: 1rem;}
	.newsletter-form .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    margin-bottom: 0;}
	.newsletter-form .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle;}}

.newsletter-form .subscription_group .btn-primary {
	margin-right: .5rem;}
@media (max-width: 992px) {
	.newsletter-form .subscription_group {
		text-align: center;}	
	.newsletter-form .subscription_group button {
		margin-top: 1rem;}}

/*== Card ==*/
.newsletter_column {
	margin-top: 1rem;}
.newsletter_info {
	padding: 1rem;}
.newsletter_info .card-text {
	margin: 10px auto;
	/*height: 105px;*/
	height: 55px;
	font-size: 1.25rem;
	line-height: 1.5;}


/*==============================*/
/*             內頁             */
/*=============================*/
.epaper_section .epaper_content {
	margin: 1.5rem auto;
	padding: 2rem;
	border: 1px solid #EEE;
	-webkit-box-shadow: 0 0 1rem hsla(0, 0%, 0%, 0.1);
	        box-shadow: 0 0 1rem hsla(0, 0%, 0%, 0.1);}
.epaper_section .epaper_content img {
	width: 100%;}
.epaper_section .epaper_title {
	margin-bottom: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;}
@media (max-width: 992px) {
	.epaper_section .epaper_title {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;}}

.epaper_section .epaper_title h3 {
	display: -webkit-box;
	position: relative;
  padding: .25em .5em;
  border-left: solid 2em var(--color1);		
	font-size: 1.5rem;
	background: #F8F8F8;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
	/*-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;*/}
.epaper_section .epaper_title h3:before {
	display: inline-block;
  font-family: "Font Awesome 5 Free";
  content: "\f1d8";
  position: absolute;
  padding: 0em;
  color: #FFF;
  font-weight: 700;
  left: -1.5em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);}
.epaper_section .epaper_title p {
	margin: 0 0 .5rem auto;
	min-width: 18.75rem;/*300px*/
	text-align: right;}
@media (max-width: 992px) {
	.epaper_section .epaper_title p {
		margin-left: 0;
		text-align: left;}}

/*=================================================================
                           【會員登入】
=================================================================*/
@media (max-width: 1024px) {
	.login_section .donate_fastlogin label {
		margin-bottom: 1rem;}}
.login_section .card {
	-webkit-box-shadow: none;
	        box-shadow: none;}

/*== 快速登入 Icon ==*/
/*.login_section .donate_fastlogin a:not(:last-child),
.login_section .donate_fastlogin button:not(:last-child) {
	margin-right: 3rem;}*/

/*== 帳號/密碼 ==*/
/*@media (min-width: 1024px) {
.login_section .form-horizontal.input_box .control-label {
	padding-right: 5px;
    padding-left: 5px;}}*/

/*== 密碼顯示/隱藏 ==*/
.login_section #loginpw,
.tab-content #loginpw {
	position: relative;}
.tab-content .toggle-password {/* 捐款頁：快速登入 */
	z-index: 2;
	position: absolute;
	bottom: 20%;
	right: 7%;
	-webkit-transform: translate(0, -5%);
	        transform: translate(0, -5%);}
.login_section .toggle-password {/* 登入頁 */
	z-index: 2;
	position: absolute;
	top: 50%;
	right: 7%;}
@media (max-width: 480px) {
	.login_section .toggle-password {
		-webkit-transform: translate(0, -50%);
		        transform: translate(0, -50%);}
}

/*=================================================================
                           【忘記密碼】
=================================================================*/
.password_section form {
	margin-top: 2rem;}
.password_section .card {
	-webkit-box-shadow: none;
	        box-shadow: none;}
.password_section .form-group {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;}
.password_section .member_btn {
	margin: 3rem auto 2rem;
	text-align: center;}
.password_section .member_btn button {
	margin-left: 0;
	width: 100%;}


/*=================================================================
                           【會員註冊】
=================================================================*/
/*@media (min-width: 992px) {
	.register_section .form-group .col-lg-3 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;}}*/

.register_section {
	padding: 1rem;
	background-color: hsla(0, 100%, 100%, 1);}
.register_section .form-group {
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;}

/*== 規則提示字 ==*/
div[tag="pwdcondition"],
.register_section div[tag="pwdcondition"] {
	padding-left: 1em;
  text-indent: -1em;}

/*== 送出按鈕 ==*/
.register_section button[tag="info_submit"] {
	margin: 1rem auto;
	padding: .5rem 0;
	width: 100%;
	font-size: 22px;}
@media (max-width: 992px) {
	.register_section button[tag="info_submit"] {
		margin-top: 1rem;}}

/*== 帳號 ==*/
/* 檢查是否重覆 */
.register_section .account_group,
.edit_content.search .account_group {/* 會員資料維護 */
	position: relative;}
.register_section .account_group .btn_check,
.edit_content.search .account_group .btn_check {
	padding: .375rem .5rem;
	position: absolute;
	top: 0;
	right: 15px;}
@media (max-width: 992px) {
	.register_section .account_group .btn_check {
		top: 45px;}
	.edit_content.search .account_group .btn_check {
		top: 47px;}}

/*== 密碼 ==*/
.register_section .pwd {
	position: relative;}
.register_section .pwd .far {
	position: absolute;
	right: 5%;
	bottom: 60%;}
@media (max-width: 480px) {
	.register_section .pwd .far {
		bottom: 50%;}}

/* 待改動態欄位 */

/*-- 身分證 --*/
/*.register_section .foreigner_group button {
	margin: 0;
	padding: .375rem .75rem;
	width: calc( 100% / 3 - 5px );}
	.register_section .foreigner_group input {
		display: block;
		margin-left: 0;
		width: 100%;}
		@media only screen and (max-width: 992px) {
			.register_section .foreigner_group input {
				margin-top: .5rem;}}*/

/* 地址 */
/*.address_group select, .address_group input,
.register_section .address_group select,
.register_section .address_group input {
	display: inline-block;
	margin-bottom: .5rem;
	width: calc( 100% / 2 - 10px );}
	.address_group input:last-child,
	.register_section .address_group input:last-child {
		display: inline-block;
		width: 100%;}
		@media only screen and (max-width : 1024px) {
			.address_group select, .address_group input,
			.register_section .address_group select,
			.register_section .address_group input {
				width: 100%;}}*/


/*=================================================================
                            【愛心車】
=================================================================*/
.cart_content .cart_info {
	margin: 1.5rem auto 0;
	text-align: center;}

/*== orders_car 標題 ==*/
.cart_content .cart_info h2 {
	margin: 2rem auto; 
	font-size: 1.625rem;/* 26px */
	text-align: center;}

.cart_content .cart_info .btn-outline-primary {
	border-width: 1.5px;}

/*== 標籤 ==*/
/*@media (max-width: 480px) {
.cart_content #details .col-form-label {
	font-size: 14px;
	font-weight: bolder;}}*/

/*===== 捐款人資料 =====*/
/*.cart_content #details input {
	width: 100%;}*/

/* 身分證字號 */
/*.cart_content #details .foreigner_group {
	display: -webkit-flex;
    display: flex;
	align-items: baseline;}
.cart_content #details .foreigner_group button {
	margin: 0;
	padding: .375rem .75rem;
	width: calc( 100% / 3 - 5px );}
.cart_content #details .foreigner_group input {
	margin: 0;}
    @media only screen and (max-width: 992px) {
    	.cart_content #details .foreigner_group input {
			margin-top: 1rem;}}*/

/* 地址 */
/*.cart_content #details .address input:not(:last-child),
.cart_content #details .address select {
	display: inline-block;
    margin-bottom: .5rem;
    width: calc( 100% / 2 - 3px );}
    @media only screen and (max-width: 992px) {
    	.cart_content #details .address input:not(:last-child),
		.cart_content #details .address select {
			width: 100%;}}*/

/* 同意 */
/*.cart_content #details .booking_agree label {
	width: auto;}
@media only screen and (max-width: 992px) {
	.cart_content #details .booking_agree label {
	    display: initial;}}
*/

/*== 收據資料 ==*/
@media (max-width: 480px) {/* 暫 */
	.cart_content .form_area.receipt .form-group {
		margin-bottom: 0;}
	.cart_content .form_area.receipt .dynamic .col-lg-9 {
    padding-left: 15px;}}

/*== 收據抬頭 ==*/
@media (max-width: 768px) {
	.cart_content .receipttitle_group .check_item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;}
	.cart_content .receipttitle_group input.addtext {
    width: 100%;}}

/*== 個資 ==*/
@media (max-width: 480px) {
	.cart_content .lover_group .col-lg-9 button {
		width: auto;}}

/*== 同意個資 ==*/
/*@media (max-width: 480px) {
	.cart_content .agree_group .col-lg-9 label {
		font-size: 14px;
		font-weight: bolder;}}*/

/*== 送出按鈕 ==*/
.cart_content button[type="submit"] {
	margin: 1rem auto;
	padding: .5rem 0;
	width: 100%;
	font-size: 22px;}

/*== 下一步 ==*/
@media (max-width: 992px) {
	.cart_content a.member .btn-primary {
		margin: 1rem auto;
		padding: .5rem 0;
		width: 100%;
		font-size: 22px;}}

/*--------------------------------------*/
/*            愛心車 -> 單次捐款         */
/*------------------------------------- */
/*== 付款方式 Button ==*/
.cart_content .pay {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;}
@media (max-width: 768px) {
	.cart_content .pay {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;}}

/*== 返回愛心車 ==*/
.cart_content .backcart {
	padding: 0;
  font-size: 1.25rem;
  border: none;}
@media (max-width: 768px) {
	.cart_content .backcart {
		margin-top: 1rem;
		margin-left: 0;}}

.cart_content .pay_group {
	display: inline-block;
	text-align: left;}
.cart_content .pay_group button {
	font-size: 1.125rem;
	border-radius: 0;
	border: 1px solid;}
@media (max-width: 992px) {
	.cart_content .pay_group button {
		margin-top: .5rem;
		/*width: 49%;*/}}

/*== 是否需要收據 ==*/
@media (max-width: 480px) {
.cart_content .receipts_group button {
	width: auto;}}


/*--------------------------------------*/
/*            愛心車 -> 定期定額         */
/*------------------------------------- */
@media (min-width: 992px) {
.cart_content .form_area .dynamic .form-group .col-lg-3 {
  -ms-flex: 0 0 15%;
  -webkit-box-flex: 0;
          flex: 0 0 15%;
  max-width: 15%;}}

/*===== 信用卡資料 =====*/
/* Total */
.cart_content .credit {
	text-align: left;}
.cart_content .credit label {
	display: inline-block;
	width: auto;}

/* 信用卡卡別 */
.cart_content .credit .credit_type img {
  display: inline-block;
  margin: auto 5px;
  width: 4rem;
  border: 1px solid;}
@media (max-width : 768px) {
	.cart_content .credit .credit_type img {
		width: 100px;}}
@media (max-width : 480px) {
	.cart_content .credit .credit_type img {
		padding-top: 0;
		width: 50px;
		height: 25px;}}
@media (max-width : 320px) {
	.cart_content .credit .credit_type label,
	.cart_content .credit .date_group label {
		display: block;}}

/* 信用卡卡號 */
@media (max-width : 768px) {/* 卡號 */
	.cart_content .credit .credit_group label {
		display: block;}}

.cart_content .credit .cardcvc_group input {/* 末3碼 */
	text-align: left;
	width: auto;}
@media (max-width : 768px) {
	.cart_content .credit .cardcvc_group label {
		display: block;}
	.cart_content .credit .cardcvc_group input {
		width: 100%;}}

/* 返回愛心車 */
.cart_content .creditscvc_group input {
	width: calc( 100% / 4 - 10px );}
@media (max-width : 480px) {
  .cart_content .creditscvc_group input {
    width: calc( 100% / 2 - 10px );}}
/*.cart_content .credit .creditscvc_group div {
	display: flex;
	align-items: baseline;}
@media (max-width: 480px) {
	.cart_content .credit .creditscvc_group div {
		flex-direction: column;}}
.cart_content .credit .creditscvc_group .previousBtn {
	margin-left: auto;
  font-size: 1.25rem;
  border: none;}
@media (max-width: 480px) {
	.cart_content .credit .creditscvc_group .previousBtn {
		margin-left: 0;}}*/


/*=================================================================
                           【捐款紀錄查詢】
=================================================================*/
.records_content .nav-tabs {
	margin: 0 auto 2rem;}

/*== 標題 ==*/
.records_content .form-group label {
	padding-right: 0;}

/*== 輸入框 =*/
.records_content input {
	width: 85%;}
@media (max-width: 992px) {
	.records_content input {
		width: 100%;}}
/*== 按鈕 ==*/
.records_content .custom_button,
.receipt_content .custom_button {/* 電子收據列印 */
	margin: 1rem auto 0;
	padding: .25rem 0;
	width: 100%;
	font-size: 1.375rem;}/* 22px */


/*=================================================================
                           【電子收據列印】
=================================================================*/
.receipt_content section {
	margin-bottom: 2.5rem;}

.receipt_content .nav {
	margin: 2rem auto;
  border-bottom: 1px solid;}
.receipt_content .nav li:not(:last-child) {
  margin-right: 2rem;}

.receipt_content .nav a.link {
	position: relative;
	display: block;
	padding: .5rem 1rem;
	font-size: 1.375rem;/* 22px */}
.receipt_content .nav a.link.active:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  border: 10px solid transparent;
  width: 0;
  height: 0;
  -webkit-transition: all .3s;transition: all .3s;}

/* 標題：去年度/今年度 */
.receipt_content .title_warning {
	display: inline-block;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	width: auto;
	text-align: center;
	font-weight: 600;
	border-left: 5px solid;}


/*=================================================================
                           【會員帳號設定】
=================================================================*/
/*===== 最上方 Tab Nav =====*/
.edit_content .tab_ul {
	margin: 2rem auto;}
.edit_content .tab_ul > li {
	margin: auto 2rem;}
.edit_content .tab_ul > li.active > a, 
.edit_content .tab_ul > li.active > a:focus, 
.edit_content .tab_ul > li.active > a:hover {
  border-width: 0;
  background-color: transparent;}
.edit_content .tab_ul > li > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	border: none;}
.edit_content .tab_ul > li.active > a, 
.edit_content .tab_ul > li > a:hover {
  border: none;
  background: transparent;}
.edit_content .tab_ul > li:not(.nav-item) > a:after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -0.25rem;
  width: 100%;
  height: 2px;
  -webkit-transition: all 250ms ease 0s;transition: all 250ms ease 0s;
  -webkit-transform: scale(0);transform: scale(0);}
.edit_content .tab_ul > li.active > a:after, 
.edit_content .tab_ul > li:hover > a:after {
  -webkit-transform: scale(1);transform: scale(1);}
.edit_content .tab_ul > li i {
	display: inline-block;
	margin-bottom: .5rem;}

/* 送出按鈕 */
.edit_content .custom_button {
	margin: 1rem auto;
  padding: .5rem 0;
  width: 100%;
  font-size: 1.375rem;/* 22px */}

/*--------------------------------------*/
/*              個人資料                 */
/*------------------------------------- */
.edit_content input:not([type="radio"]):not([type="checkbox"]) {
	width: 100%;}
/* Mobile Input */
@media only screen and (max-width : 992px) {
	#m_select {
		margin-bottom: 1rem;}}

/* 社群連結 */
.edit_content .social a {
	position: relative;
	margin-right: 20px;
	width: 40px;
	height: 40px;
	border: 1px solid;
	border-radius: 50%;}
.edit_content .social .gray {/* 未連結狀態 */
	opacity: .4;
	-webkit-transition: .3s ease-out;transition: .3s ease-out;}
.edit_content .social .gray:hover {
	opacity: 1;}

/* 變更密碼/個人資料 button */
@media (max-width: 480px) {
	.edit_content .social #not-register button {
		width: 100%;}}

/* 密碼 */
.edit_content .pwd {
	position: relative;}
.edit_content .pwd span.far {
	position: absolute;
	top: .5rem;
	right: 1rem;}


/*--------------------------------------
           Custom column width 
----------------------------------------*/
@media (min-width: 992px) {
.edit_content #edit .form-area .form-group .col-lg-3 {
  -ms-flex: 0 0 18%;
  -webkit-box-flex: 0;
          flex: 0 0 18%;
  max-width: 18%;}/* Default： 25% */
}


/* 身分證字號 */
@media (min-width : 993px) {
	.edit_content #edit .foreigner_group input {
		width: auto;}}

@media (max-width : 992px) {
	.edit_content #edit .foreigner_group button {
		width: 100%;}}

/* 地址 */
@media (min-width : 992px) {
	.edit_content .address_group input:not(:last-child),
	.edit_content .address_group select {
		display: inline-block;
		margin-bottom: .5rem;
		width: calc( 100% / 2 - 5px );}}


/*--------------------------------------*/
/*                捐款查詢               */
/*------------------------------------- */
.edit_content .records_content .nav-tabs {
  margin: 0 auto 2rem;}
.edit_content .records_content .nav-tabs li {
	margin: 0;}
.edit_content .records_content #myTab a.nav-link {
  font-size: 1.25rem;
	-webkit-transition: .3s;transition: .3s;}
@media (max-width: 480px) {
	.edit_content .records_content #myTab a.nav-link {
		padding: .5rem 0;
		font-size: 1rem;}}
.edit_content #batchpay #table-responsive tbody p {
	margin: 0;}


/*=================================================================
                              【404】
=================================================================*/
@media only screen and (max-width : 992px) {
	.page_main.OOPS {
		text-align: center;}
	.page_main.OOPS img {
		width: 50%;}
	.page_main.OOPS .custom_button {
		width: 100%;}}

.page_main.OOPS .notfound {
	margin: 5em auto;}

.page_main.OOPS .notfound h2 {
	font-size: 28px;}
.page_main.OOPS .notfound h2 span {
	font-size: 56px;}

/*=================================================================
                              【微信分享】
=================================================================*/
#openWeixin.zh-TW {
    width:250px;padding:10px;
    height:300px;
    position:fixed;
    top:50%;
    left:50%;z-index:9999999;
    margin-left:-150px;
    margin-top:-150px;
border:1px solid #999;background-color:#fff;
}
#openWeixin:not(.zh-TW) {
    width:250px;padding:10px;
    height:360px;
    position:fixed;
    top:50%;
    left:50%;z-index:9999999;
    margin-left:-150px;
    margin-top:-150px;
border:1px solid #999;background-color:#fff;
}
#openWeixin .close{
	top:5px;
	float: right;
}
#openWeixin img{width:200px;height:200px;}
.bd_weixin_popup_foot{text-align:left;font-size:12px;}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.close {
    float: right;
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}