﻿body{overflow-x:hidden;}
#pc_logo{max-width: 180px;}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#index-h1{text-align: center;font-size: 22px;color: #9D3D3E;font-weight: bold;}
.aqindex1{position: relative;}
.aqindex1 img{width: 100%;vertical-align: middle;}
.aqindex1 .flex-control-nav li a{display: inline-block;width: 130px;height: 5px;border-radius: 50px;text-indent: -9000px;cursor: pointer;background: #b3b3b3;}
.aqindex1 .flex-control-nav li{display: inline-block;margin: 0px 5px;}
.aqindex1 .flex-control-nav{padding: 0px;margin:0px 0px;text-align: center;position: absolute;bottom: -65px;width: 100%;z-index: 1000;}
.aqindex1 .flex-control-nav li .flex-active{background:#9D3D3E;}
.aqindex1 .flex-direction-nav a{display: block;width: 22px;height: 36px;bottom: -56px;text-indent: -9000px;position: absolute;}
.aqindex1 .flex-direction-nav .flex-prev{background: url(/assets/images/custom/new/aqinde_08.png) no-repeat;left: 25%;}
.aqindex1 .flex-direction-nav .flex-next{background: url(/assets/images/custom/new/aqinde05.png) no-repeat;right: 25%;}
.aqindex2{padding-top: 97px;padding-bottom: 90px;}
.aqindextl{font-size: 26px;font-weight: bold;margin-bottom: 15px;color: #444343;margin-top: 10%; text-align: center;}
.aqindextl a{color: #444;font-size: 20px;}
.aqindextl h2{font-size: 20px;color:#5a927a;font-weight:bold;}
.aqindextl .aqindextl_china{text-align:center;font-size:20px;font-weight: bold;margin-bottom: 3%;color:#444343;}
.aqindextl img{margin-right: 10px;vertical-align:-7px;}
.aqindextl em{margin-right: 10px;vertical-align:-7px;display: inline-block;}
.aqindextl-top{font-size: 26px;font-weight: bold;margin-bottom: 15px;color: #444343;margin-top: 5%; text-align: center;}
.aqindextl-top a{color: #444;font-size: 20px;}
.aqindextl-top h2{font-size: 20px;color:#5a927a;font-weight:bold;}
.aqindextl-top .aqindextl_china{text-align:center;font-size:20px;font-weight: bold;margin-bottom: 3%;color:#444343;}
.aqindextl-top img{margin-right: 10px;vertical-align:-7px;}
.aqindextl-top em{margin-right: 10px;vertical-align:-7px;display: inline-block;}
.updateico27{display: inline-block;background: url(/assets/images/project/index/h2-about-icon.svg) no-repeat;width:35px;height:36px;}
.updateico27_1{vertical-align: -5px;margin-right:5px;}
.updateico40{display: inline-block;background: url(/assets/images/project/index/h2-faq-icon.svg) no-repeat;width:40px;height:36px;vertical-align: -5px;}
.aqindex2-ul li{float: left;width:20%;text-align: center;font-size: 15px;color: #808080;padding-top: 70px;}
.aqindex2-ul img{margin-bottom: 5px;}
.aqindexcontainer{width: 1200px;margin: 0px auto;}
.aqindex2-ul{width: 90%;margin: 0px auto;}
.aqindex3{background: #fff;/*padding-top: 38px*/;margin-top: 70px;}
.aqindex3_ul li a{display: block;}
.aqindex3_ul li img{width: 100%;vertical-align: middle;border-radius: 5px;}
.aqindex3_ul li img:hover{opacity:0.8;transition: all .5s ease 0s;}
.aqindex3_ul-t{position: relative;border: 1px solid #e9e8e6;padding:6px;border-radius: 5px;}
.aqindex3_ul-t-text{display: inline-block;background: rgba(224, 224, 224, 0.6);position: absolute;left: 15px;z-index: 10;top:0px;line-height: 27px;padding: 0px 8px;color: #777;font-size: 12px;font-weight: bold;}

@media (max-width: 767px){
	.aqindex3_ul-t-text{left: 0px;}
}
.aqindextl a:hover{opacity: 0.6;transition: all .5s ease 0s;}
.aqindextl-top a:hover{opacity: 0.6;transition: all .5s ease 0s;}
.aqindex3_ul-b1{line-height: normal;font-size: 18px;color: #444343;margin: 10px 0px;font-weight: bold;line-height: 22px;height: 50px;overflow: hidden;}
.aqindex3_ul-b1:hover{color:#ffdf84;transition: all 0.5s ease 0s;}
.aqindex3_ul-b2{line-height: normal;font-size: 15px;color: #808080;line-height: 22px;height: 44px;overflow: hidden;}
.aqindex3_ul-b3{line-height: normal;color: #eb6153;font-size: 18px;font-weight: bold;padding: 25px 0px 10px 0px;}
.aqindex3_ul-b3 span{color: #4d4d4d;font-size: 14px;text-decoration: line-through;margin-right: 5px;}
.aqindex3-ula{display: block;color: #fff;background:#D17171;border-radius:5px;font-size: 12px;line-height: 32px;text-align: center;transition: all .5s ease 0s;}
.aqindex3-ula:hover{opacity:0.8;transition: all 0.5s ease 0s;}
.aqindex3_ul li{margin-bottom: 38px;}
.aqindex4{padding-top: 38px;}
.aqindex4 li img{width: 70%;vertical-align: middle;}
.aqindex4 li h3{font-size: 24px;color: #4d4d4d;line-height: normal;}
.aqindex4 li{text-align: center;margin-bottom: 38px;}
.aqindex5{padding-top: 38px;}
.aqindex5btn{display: block;width:350px;line-height: 52px;border-radius: 5px;text-align: center;background:#9D3D3E!important;color:#fff;font-size: 15px;font-weight: bold;margin: 0px auto;margin-top: 55px;margin-bottom: 30px;}
.aqindex5btn:hover{transition: all 0.5s ease 0s;color:#fff;opacity:0.8}
.aqindex6{/*padding-top: 38px;*/transition: all .5s ease 0s;}
.aqindex6-ul li{margin-bottom: 38px;}
.aqindex6-ul a{display: block;}
.aqindex6-ul .aqindex3_ul-t img{/*width: 100%;*/vertical-align: middle;border-radius: 5px;}
.aqindex9_ul-t img {width:100%;}
.aqindex6-ul .aqindex3_ul-t img:hover{opacity: 0.7;transition: all 0.5s ease 0s;transition: all .5s ease 0s;}
.aqindex6 .aqindex3_ul-t{border: none;padding: 0px;}
.aqindex6 .aqindex3_ul-t span{left: 0px;top: 0px;}
.aqindex6-ul-b1{margin-top: 12px;color: #444343;font-size: 18px;font-weight: bold;text-align: left;line-height: 22px;height: 22px;display: inline-block;}
.aqindex6-ul-b1:hover{color:#b9b5ac;transition: all 0.5s ease 0s;}
.aqindex6-ul-b2{font-size: 14px;color: #888;line-height: 20px;height: 45px;display: inline-block;}
.aqindex6-ul-b3{font-size: 14px;color: #999999;line-height: normal;padding: 10px 0px;}
.aqindex5-video video{width: 100%;height: 326px;background: #000;}
.aqindex5-video{margin-bottom: 38px;}
.aqindex5-video-tl a{font-size: 18px !important;color: #4d4d4d;font-weight: bold;line-height: normal;}
.aqindex5-video-tl{padding: 7px 0px;margin: 0px;}
.aqindex5-video-text{font-size: 14px;color: #808080;line-height: 18px;height: 36px; overflow:hidden; text-overflow:ellipsis;display:inline-block}
.aqindex5-video-tl a:hover{opacity: 0.6;transition: all .5s ease 0s;}
.xinde-head3li .fa-angle-down{color: #fff; vertical-align: unset; font-weight: bold; margin-left: 5px;}
.q_dra_head_sj_menu_nr_gp .fa-angle-down{color: #9D3D3E; font-weight: bold; margin-left: 5px;}
.q_dra_head_sj_menu_nr_gp .fa-angle-up{color: #fff; font-weight: bold; margin-left: 5px;}
@media (max-width: 1220px) {
	.aqindexcontainer{width: 100%;padding: 0px 10px;}
}
@media (max-width: 1199px) {
	.aqindex1 .flex-control-nav li a{width: 26px;}
	.aqindex1 .flex-direction-nav{display: none;}
}
@media (max-width: 767px) {
	.aqindex6-ul .aqindex3_ul-t img{width: 100%;}
	.aqindex1 .flex-control-nav{bottom: -40px;}
	.aqindex2{padding-top: 27px;}
	.aqindexcontainer{width: 100%;padding: 0px 10px;}
	.aqindex2-ul{width: 100%;}
	.aqindex2-ul li{width: 33.3%;margin-bottom: 10px;}
	.aqindex2-ul p{line-height: 20px;height: 40px;}
	.aqindex2-ul img{width: 80%;}
	.aqindex3_ul li{padding: 0px;}
	.aqindex4_ul li{padding: 0px;}
	.aqindex4 li img{width: 100%;}
	.aqindex6-ul li{padding: 0px;}
	.aqindex5-video{padding: 0px;}
	.updateico27 {display: inline-block;background: url(/assets/images/project/index/h2-about-icon.svg) no-repeat 5px 10px;width: 35px;height: 36px;background-size: 24px;}
	.updateico40 {display: inline-block;background: url(/assets/images/project/index/h2-faq-icon.svg) no-repeat 5px 10px;background-size:24px;width: 35px;height: 36px;vertical-align: -5px;}
}
@media (max-width: 1150px) {
    .aqindex1{margin-top: 56px;}
}
.aqindex_footer{margin-top: 70px; position: relative; z-index: 20;}
.aqindex_footer-t{line-height: 30px;background: #78c3a0;padding-top: 35px;padding-bottom: 10px;color: #ffffff;font-size: 16px;}
.aqindex_footer-t_tl{font-size: 18px;font-weight: bold;}
.aqindex_footer-t a{color: #fff;}
.aqindex_footer-t a:hover{color: #ddd;}
.aqindex_footer-tmian{margin-bottom: 112px;}
.aqindex_footer-tmian-lx a{text-decoration: underline;}
.aqindex_footer-follow li{float: left;width: 33.3%;margin-bottom: 15px;}
.aqindex_footer-follow img{max-width: 100%;}
.aqindex_footer-follow i{max-width: 100%;font-size:36px;}
.aqindex_footer-t-b{text-align: center;}
.aqindex_footer-t-b img{vertical-align: middle;}
.aqindex_footer-b{background: #5a9278;padding: 15px 0px;}
.aqindex_footer-b .aqindexcontainer{line-height: 20px;position: relative;color:silver;text-align: center;}
/*.aqindexcontainer p{font-size: 12px}*/
.aqindex-design{display: inline-block;line-height: 23px;position: absolute;top: 50%;margin-top: -11.5px;right: -195px;color:rgba(255, 255, 255, 0.42);}
.aqindex-design img{margin-right: 10px;}
.sj-aq-dibu{position: fixed;width: 100%;padding: 0px 0px;left: 0px;bottom: 0px;z-index: 1400;background: #1a1a1a;}
.sj-aq-dibu li{float: left;width: 20%;text-align: center;}
.sj-aq-dibu li a{color: #fff;}
.sj-aq-dibu li a span{display: inline-block;position: relative;}
.sj-aq-dibu li em{font-style: normal;border-radius: 50%;display: inline-block;background: #f14950;color: #fff;line-height: 16px;width: 16px;text-align: center;position: absolute;right: -8px;top: -8px;font-size: 12px;}
.sj-aq-dibu li img{max-width: 100%;height: 16px;}
.sj-aq-dibu li i{display: inline-block;height: 16px;width: 16px;}
.aqindex_footer-t_t{position: relative;}
.aq_pc-face{display: block;background: #0071bc;border-radius: 5px;width: 208px;position: absolute;right: 0px;top: -84px;}
.aq_pc-face img{width: 100%;vertical-align: middle;}
.aqindex-design:hover{color:#fff;}
#guarantee-title{color: #76c4a2;font-size:1.250rem;font-weight: bold;margin-top: 11px;}
@media (min-width: 768px) {
	.aqindex_footer-tmian_sj{display: none;}
	.sj-aq-dibu{display: none!important;}
	.aqindex_footer{margin-bottom:0px!important;}
}
@media (max-width: 1599px) {
	.aqindex-design{display: none;}
}
@media (max-width: 767px) {
	.sj-aq-dibu p{font-size: 12px;}
	.aqindex_footer-tmian{margin-bottom: 30px;}
	.aqindex_footer-tmian{padding: 0px;}
	.aqindex_footer-tmian-pc{display: none;}
	.aqindex_footer-tmian_sj{margin-bottom: 30px;}
	.aqindex_footer-tmian_sj li{float: left;width: 50%;}
	.aqindex_footer-follow li{width:16.6%;text-align: center;}
	.aqindex_footer-t{font-size: 14px;}
	.aqindex_footer-t-b img{width: 110px;}
	.aqindex_footer{margin-bottom: 50px;}
	.aq_pc-face{display: none;}
}
.aqindex_footer ul li{margin-top:10px;font-size:1rem;}
.aqindex_footer ul li a:hover{color:#ffe56d;font-weight:bold;}
.aqindex_footer img:hover{opacity: 0.7;transition: all 0.5s ease 0s;}
.aqindex_footer i:hover{opacity: 0.7;transition: all 0.5s ease 0s;}
.menu_box ul li{line-height:28px;}
.aqindex6-ul-b11{color: #ff8000;font-size: 18px;font-weight: bold;margin: 10px 0px;line-height: 18px;}
@media (max-width: 767px) {
	.aqindex6-ul1 li{padding: 0px 3px;margin-bottom: 10px;}
	.aqindex6-ul-b11{height: 36px;overflow: hidden;}
	.aqindex5btn{width: 100%;margin-top: 18px;}
}
.aqindex3_ul-t:hover{opacity: 0.8;transition: all .5s ease 0s;}
.aqindex3_ul-b2:hover{opacity: 0.8;transition: all .5s ease 0s;}
.aqindex6-ul-b11:hover{opacity: 0.8;transition: all .5s ease 0s;}
.aqindex6-ul-b2:hover{opacity: 0.8;transition: all .5s ease 0s;}
.aqheadeng{font-size: 12px;}
.header_menu .menu_box ul> li a{display: inline-block;text-align: left;line-height: 20px;}
@media (min-width: 768px) and (max-width: 1199px) {
    .xinzengde p{font-size: 14px;line-height: 20px;height: 60px;overflow: hidden;}
}
.ann{overflow:hidden;height:40px;font-weight: bold;padding:5px 0;color:#fff;padding-left: 10px;opacity:1;}
#ann_box{background-color:#76c4a2;text-align: center;}
@media (max-width: 767px) {
	.ann{overflow:hidden;height:60px;font-weight: bold;padding:5px 0;color:#fff;padding-left: 10px;opacity:1;}
	#ann_box{background-color:#76c4a2;text-align: center;margin-top:62px;}
	.aqindex5-video-tl{line-height: 20px!important;}
	.aqindex5-video-tl a{font-size: 17px;line-height: 20px!important;}
}
.updateico29{display: inline-block;width: 32px;height: 35px;background: url(/assets/images/project/index/h2-news-icon.svg) no-repeat;}
.updateico31{display: inline-block;width: 26px;height: 35px;background: url(/assets/images/project/index/h2-location-icon.svg) no-repeat;}
.updateico333{display: inline-block;width:35px;height: 35px;background: url(/assets/images/project/index/h2-feedback-icon.svg) no-repeat;}
.index-h2-a{font-size:20px!important;border-bottom: 3px solid #beb6cb;padding-bottom: 5px;}



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

/* ============================
   全台照護區塊 - 全寬背景
   (HTML 結構需置於 .qdra_container 之外)
============================ */
.care-section {
  width: 100%;
  padding: 20px 20px;
  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: 20px;
    color: #444343;
    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 rgb(0 0 0 / 17%);
  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: 17px;
  font-weight: 700;
  color: #444;
  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;
  }
}