.section.donation,.section.donate,.section.list{
	padding: 30px 0;
}
.donation {
	background-color: #ffffff00;
}

.donation img {
	margin-left: 22%;
}

.pricing img {
	margin-left: 22%;

}
#Capa_1{
	fill: #675952;
}
.button--blue-1 {
	background-color: #f3b14a;
	color: #675952;
	margin-left: 5%;
}
.checkout-form .form__submit{
    margin-top: 15px;
    margin-bottom: 20px;
}
.donation p {
	font-size: 1.1rem;
	line-height: 26px;
}

.donation p span {
	background-color: #f3c67e7c;
}

.intro-title {
	font-size: 2rem;
	color: #675952;
}

.testimonials--style-2 .heading__title {
	color: #675952;
}

.testimonials--style-2 .testimonials-slider__icon {
	color: #f3b14a;
}

.color--white {
	color: #675952;
}

.testimonials-slider__text {
	width: 100%;
}

@media only screen and (max-width:768px) {
	.donation p {
		font-size: 1rem;
		line-height: 20px;
	}
}

@media only screen and (min-width:1200px) {
	.testimonials-slider__text {
		width: 75%;
	}
}

@media only screen and (min-width:1500px) {
	.testimonials-slider__text {
		width: 100%;
	}
}

/* donation-list */
.blog-post__socials{
	justify-content:flex-end;
}
.causes-item .button--primary {
	border: 2px solid #675952;
	background-color: rgba(225, 225, 225, 0.3);
}

.progress-bar {
	background-color: #ffffff8c;
}

.causes-item__badge {
	color: #675952;
	background: #f3b14a;
}

.causes-item__title a:hover {
	color: #f3b14a;
	opacity: 1;
}

.progress-bar {
	background-color: #dbdbdb8c;
}

.text-filled {
	color: #675952;
	background-color: #ffffff8f;
}

.causes-item__title::before {
	content: '|';
}

.section .button {
	padding: 10px 2px;
	min-width: 200px;

}

@media only screen and (max-width: 996px) {
	.causes-item--primary .causes-item__button {
		margin-left: 0;
	}

	.section .button {
		min-width: 150px;
		font-size: 18px;
	}
}

@media only screen and (min-width: 1200px) {
	.sponsor section.section {
		padding: 20px 0;
	}
}

p {
	margin-bottom: 0.6rem;
}

/* donation-plan */
.testimonials-slider__icon {
	color: #f3b14a;
	font-size: 80px;
	line-height: 30px;
	font-weight: 700;
	padding-top: 10px;
}

.intro {
	margin: 100px 0;
}

.intro p {
	line-height: 35px;
}

.bird-img {
	margin-top: 10%;
	margin-left: 35%;
	transform: scaleX(-1) rotate(20deg);
}

/* donation-donate-school */
.bird-img-2 {
	width: 15%;
	transform: rotate(10deg) translateY(-20px);
}

.intro-0 p {
	line-height: 40px;
}

.main-pic {
	width: 100%;
}

.form iframe {
	width: 100%;
	height: 250px;
}

.cart-totals {
	width: 100%;
    height: 20px;
}

.form__label-text {
	font-size: 1.2rem;
}

.form__title {
	font-size: 2rem;
}

.form__fieldset ul {
	margin: 50px 0;
}

.pricing-style--1 {
	background-color: #f5f6f873;
}

.school-intro {
	background-color: #e2e3e757;
	padding: 25px 20px;
}

/* donation-list */
.map {
	width: 90%;
	margin: auto;
	transform: translate(-130px) scale(1.4);
	position: sticky;
	top: 100px;
}

.map path {
	fill: #B9ADA6;
	stroke: #675952;
	stroke-width: 1.5px;
}

.title.d-flex {
	justify-content: space-between;
}

.title-point {
	color: #f3b14a;
}

.title-point-non {
	color: #b9ada6;
}

.upcoming-item__body .button {
	min-width: 170px;
	padding: 8px 40px;
}

.contact-txt img {
	margin-right: 10px;
	margin-bottom: 5px;
}

.choose-img {
	margin-top: 30%;
	width: 80%;

}

.choose-lg-img {
	width: 50%;
	width: 80%;

}

@media only screen and (max-width: 996px) {
	.map {
		width: 90%;
		margin: auto;
		transform: translate(-130px) scale(1);
		margin-top: -150px;
	}
}

@media only screen and (max-width: 480px) {
	.map {
		width: 90%;
		margin: auto;
		transform: translate(-100px) scale(1);
		margin-top: -100px;
	}

}

/* 金門 */
#TWN3415 {
	transform: translate(300px);
}
/* 連江 */
#TWN3416{
	transform: translate(150px, 250px);
}

/* #TWN1170, #TWN1171 {
	fill: #e7d0b1;
	transition: all 0.3s ease-in-out;
}

#TWN1170:hover, #TWN1171:hover {
	fill: rgb(236, 176, 46);
	filter: drop-shadow(5px 5px 10px rgba(58, 52, 39, 0.9));
	cursor: pointer;
}

#TWN1170:focus, #TWN1171:focus {
	fill: rgb(236, 176, 46);
	outline: none;
} */
/* ---- */
/* #TWN1170,#TWN1169,#TWN1171,#TWN1161,#TWN1162,#TWN1172,#TWN1163,#TWN1158,#TWN1156,#TWN1164,#TWN3415,#TWN1165,#TWN1173,#TWN3414,#TWN1160,#TWN1166,#TWN1167,#TWN1177,#TWN1174,#TWN1176,#TWN1168{
	fill: #e7d0b1;
	transition: all 0.3s ease-in-out;
}
#TWN1170:hover , #TWN1169:hover , #TWN1171:hover , #TWN1161:hover , #TWN1162:hover , #TWN1172:hover , #TWN1163:hover , #TWN1158:hover , #TWN1156:hover , #TWN1164:hover , #TWN3415:hover , #TWN1165:hover , #TWN1173:hover , #TWN3414:hover , #TWN1160:hover , #TWN1166:hover , #TWN1167:hover , #TWN1177:hover , #TWN1174:hover , #TWN1176:hover , #TWN1168:hover{
	fill: rgb(236, 176, 46);
	filter: drop-shadow(5px 5px 10px rgba(58, 52, 39, 0.9));
	cursor: pointer;
} */
/* ---- */
.map path.city{
	fill: #e7d0b1;
	transition: all 0.3s ease-in-out;
}
.map path.city:hover, .map path.active {
	fill: rgb(236, 176, 46);
	filter: drop-shadow(5px 5px 10px rgba(58, 52, 39, 0.9));
	cursor: pointer;
}
.map path.city:focus {
	fill: rgb(236, 176, 46);
	outline: none;
}

.city-name::before {
	content: '☀';
	margin-right: 20px;
}

.upcoming-item__description .button {
	min-width: 130px;
	padding: 3px 19px;
	font-size: 17px;
	border: 1px solid #675952;
}

/* list animate */
.form__fieldset .table {
	overflow: hidden;
	height: 340px;
}
  .table__body {
	height: 200px;
	overflow: hidden;
}
.table__body p{
	text-align: center;
	margin: 0;
	letter-spacing:0;
}
.table__body>div{
    display: table-row;
}
.table__row {
	animation: scrollAnimation 10s cubic-bezier(.43,.4,.7,.73) infinite;
	transform-origin: center top; /* 設定變換原點，使動畫更自然 */
}

@keyframes scrollAnimation {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(calc(-100% * var(--rowCount, 1)));
	}
}
@media only screen and (max-width: 996px) {
	.table__cell {
		font-size: 15px;
	}
	.donation img {
		margin-left: 2%;
	}
	.bird-img {
		margin-top: 2%;
	}
}

@media only screen and (max-width: 500px){
	.table__body>div {
		display: flex;
		flex-direction: column;
	}
	.form__fieldset .table {
		overflow: hidden;
		height: 500px;
	}
	.table__body p{
		margin:0 60px;
	}
}
.table__body>div:nth-of-type(even){
	background-color: #f5f6f8;
}

.online-btn{
	background-color: #f3b14a;
	color: #675952;
	font-weight: 600;
	font-size: 1.3rem;
	letter-spacing: 5px;
	padding: 0 15px;
	border-radius: 10px;
	box-shadow: 2px 2px 10px rgba(87, 59, 7, 0.4);
	transition: all 0.3s ease-in-out;
	-webkit-animation: online 1.5s infinite;
}
.online-btn svg{
	width: 45px;
	height: 45px;
	fill: #675952;
	margin-right: 15px;
	transition: all 0.3s ease-in-out;

}
.online-btn:hover{
	background-color: #eb7734;
	color: #fff;
}
.online-btn:hover svg{
	fill: #fff;
}

  .online-btn:hover {
	-webkit-animation: none;
  }

  @-webkit-keyframes online {
	0% {
		transform: scale(0.98);
		box-shadow: 2px 2px 10px rgba(87, 59, 7, 0);
	}
	70% {
		transform: scale(1);
		box-shadow: 2px 2px 10px rgba(87, 59, 7, 0.4);
	}
	  100% {
		transform: scale(0.98);
		box-shadow: 2px 2px 10px rgba(87, 59, 7, 0);
	}
  }

  #map-choose{
	scroll-margin-top: 100px;
  }

  /* 20250116 */
  table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: Arial, sans-serif;
  }

  th, td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #ddd;
	background-color: #ffffff8a;
  }

  th {
    background-color: #f5f5f5;
    font-weight: bold;
  }

  tr:hover {
    background-color: #f9f9f9;
  }

  .status-adopted {
    color: #f3b14a;
    padding: 4px 8px;
    border-radius: 12px;
    display: inline-block;
  }

  .status-pending {
    color: #b9ada6;
    padding: 4px 8px;
    border-radius: 12px;
    display: inline-block;
  }
   table .button{
	font-size: 1rem;
	padding: 5px 16px;
	min-width: 100px;
   }

   .save-love{
	width: 60px;
   }
   #donation-content{
	max-height: 600px;
	overflow-y: auto;
    background-color: #f8f5f3;
   }
   #donation-content table{
	table-layout: fixed;
	text-align: center;
   }
   .donation-list-content .button--blue:hover {
    color: #fff;
    background: #f3b14a;
    border: 1px solid #f3b14a;
}