.faq-wrapper {width: 55%;margin: 0 auto; }
.faq-menu { background-color: #fff; padding: 1.5rem 2.5rem 0.5rem; border-radius: 25px;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08); }
#faq-search { width: 100%; padding: 10px 14px; border-radius: 50px; border: 1px solid #ccc; }
.faq-tabs { display: flex;flex-wrap: wrap; gap: 10px; margin: 20px 0; }
.faq-tab-btn { padding: 8px 16px; border-radius: 50px; background: #f5f5f5; cursor: pointer; }
.faq-tab-btn:hover,.faq-tab-btn.active { background: linear-gradient(135deg,#ff8c00,#ff6600); color: #fff; box-shadow: 0 4px 10px rgba(255,102,0,0.3); }
.hidden { display: none; }
.faq-search-box { position: relative; }
.search-icon { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #bbb; font-size: 20px; }
.faq-list { background-color: #fff; padding: 1.5rem 1rem; border-radius: 20px; margin-top: 1rem;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08); }
.faq-item .category { background-color: #e8e8e8; padding: 0.1rem 0.3rem; border-radius: 5px; color: #676767; font-size: 0.9em; }
.faq-question { color: #000; font-size: 1.2rem; font-weight: 700; }
.faq-item { padding: 1rem 1.5rem; border-bottom: 1px solid #e8e8e8; transition: all 0.3s ease; }
.faq-item:last-child { border-bottom: none;}
.faq-item:hover { background-color: #fafafa;}
.faq-header:hover{cursor: pointer;}
.faq-question { margin: 0.5rem 0; }
.faq-item .faq-number { width: 45px; height: 45px; min-width: 45px; background: linear-gradient(135deg,#f5f5f5,#e8e8e8); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #999; font-size: 18px; transition: all 0.3s ease; }
.faq-item.faq-open .faq-number { background: linear-gradient(135deg,#ff8c00,#ff6600); color: white; transform: scale(1.05); box-shadow: 0 4px 12px rgba(255,102,0,0.3); }
.faq-item.faq-open .category { background-color: #676767; color: #fff; }
.faq-item.faq-open .faq-question { color: #ff6600; font-size: 1.6em; }
.faq-item.faq-open { background: linear-gradient(to right,#fff9f5,#ffffff); }
.faq-item.faq-open .faq-icon svg{color: #000;}
.faq-answer { padding-left: 4rem; padding-right: 3rem; }
.faq-answer p { margin: 0.5rem 0; text-align: justify; }
.faq-answer ul li,.faq-answer ul li ul li,.faq-answer ol li ul li{list-style-type: disc;margin: 0.3em 0 0.3em 1.3em;}
.faq-answer ol li,.faq-answer ol li ol li,.faq-answer ul li ol li{list-style-type: decimal;margin: 0.3em 0 0.3em 1.3em;}
.faq-body { overflow: hidden; max-height: 0; transition: max-height 0.3s ease; }
.faq-icon { transition: transform 0.3s ease; }
.faq-item.faq-open .faq-icon { transform: rotate(180deg); }
.faq-contact{background-color: #eeeeee;}
/*平板響應式設計*/
@media (max-width:1199px) {
  .faq-wrapper{width: 90%;}
  .faq-answer{padding-right: 2rem;}
}
/* 手機版響應式設計 */
@media (max-width:767px) {
  .faq-wrapper{width: 92%;}
  .faq-menu{padding: 1.5rem 1rem 1rem;}
  .faq-tabs{margin: 15px 0;justify-content: space-around;}
  .faq-tab-btn{width: calc(90%/3);padding: 5px;}
  .faq-item{padding: 1rem 0.8rem;}
  .faq-item.faq-open .faq-question{font-size: 1.3em;}
  .faq-answer{padding-left: 0rem;padding-right: 0rem;}
  .faq-answer p{font-size: 1em;}
  
}