@charset "UTF-8";

/* ============================
   原有樣式保留
============================ */
.index-features-ul li{float: left;width: 33.33%;text-align: center;margin-top: 40px;}
.index-features-ul li p{margin-top: 14px;color: #666666;font-size: 17px;}
.index-features{padding-bottom: 60px;}
.index-free{background: #4c555e;padding: 50px 0px;}
.index-free .aqindextl-top a{color: #fff;border-color: #fff;}
.index-free .aqindextl-top{margin-top: 0px;}
.index-free-top img{width: 350px;display: block;vertical-align: middle;padding-top: 100px;}
.index-free-top-right{margin-left: 400px;color: #FFFFFF;font-size: 17px;line-height: 30px;padding-top: 28px;}
.index-free-top-right strong{color:#e6db6e}
.index-free-link{text-align: center;padding-top: 50px;}
.index-free-link a{display: inline-block;line-height: 42px;min-width: 160px;text-align: center;color: #FFFFFF;font-size: 16px;margin:10px 10px 0px 10px;border: 1px solid #fff;border-radius: 5px;}
.google-contact-button{margin-top:5px;background:#6baeb1!important;}
@media (min-width: 1080px){
	.index-free-link a:hover{background: #272b2f;border-color: #4c555e;}
}
@media (max-width: 767px){
.aqindextl-top a{font-size:21px}
.aqindextl-top h2{font-size:21px}
.index-free-top img{padding-top:0px;}
	.index-features-ul li{width: 50%;margin-top: 20px;}
	.index-features-ul li p{font-size: 14px;}
	.index-features-ul li img{width: 110px;}
	.index-features{padding-bottom: 40px;}
	.index-free{padding: 25px 0px;}
	.index-free-top img{width: 260px;margin: 0 auto;float: none;}
	.index-free-top-right{float: left;width: 100%;margin: 0;margin-top: 25px;padding: 0 5%;font-size: 15px;line-height: 20px;}
	.index-free-link a{width: 42%;margin: 5px 1%;font-size: 16px;min-width: auto;}
	.index-free-link{padding-top: 10px;}
}


/* ============================
   全台照護區塊 Reset
============================ */
.care-section *,
.care-section *::before,
.care-section *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* ============================
   全台照護區塊 - 全寬背景
   (HTML 結構需置於 .qdra_container 之外)
============================ */
.care-section {
  width: 100%;
  background: linear-gradient(180deg, #E6F2F5 0%, #F2F9FB 60%, #FFFFFF 100%);
  padding: 60px 20px 70px;
  position: relative;
  overflow: hidden;
  color: #333;
  line-height: 1.6;
}

.care-container {
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* 主標題 */
.care-title {
    text-align: center;
    font-size: 28px;
    color: #1F4254;
    margin-bottom: 40px;
    position: relative;
}

.care-title::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background: #76abaa;
    margin: 10px auto;}

.care-title-sub {
  font-weight: 700;
}

/* ============================
   卡片區塊
============================ */
.care-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 32px;
}

.care-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 24px 22px 26px;
  box-shadow: 0 6px 18px rgba(31, 90, 120, 0.08);
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.care-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 26px rgba(31, 90, 120, 0.14);
}

.care-card-icon {
  width: 100%;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.care-card-icon img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.care-card-title {
  font-size: 18px;
  font-weight: 700;
  color: #1F4254;
  margin-bottom: 12px;
  line-height: 1.4;
}

.care-card-desc {
  font-size: 15px;
  color: #555;
  line-height: 1.75;
  text-align: center;
}

/* ============================
   RWD 響應式
============================ */
/* 大螢幕收斂:1280px 以下地圖縮小 */
@media (max-width: 1280px) {
  .care-map {
    width: 100px;
    right: 10px;
    opacity: 0.5;
  }
}

/* 1100px 以下隱藏地圖,避免擠壓內容 */
@media (max-width: 1100px) {
  .care-map {
    display: none;
  }
  .care-section::before {
    width: 100px;
    height: 100px;
  }
}

/* 平板:2x2 排列 */
@media (max-width: 992px) {
  .care-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }
  .care-title {
    font-size: 26px;
    margin-bottom: 32px;
  }
}

/* 手機:單欄 */
@media (max-width: 576px) {
  .care-section {
    padding: 40px 16px 50px;
  }
  .care-cards {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .care-title {
    font-size: 21px;
    line-height: 1.5;
    margin-bottom: 28px;
  }
  .care-title-sub {
    display: block;
    font-size: 17px;
    margin-top: 6px;
  }
  .care-card {
    padding: 22px 20px;
  }
  .care-card-icon {
    height: 90px;
  }
  .care-section::before {
    display: none;
  }
}