/* Landing page 專屬樣式 */
main {
  font-size: 20px;
  letter-spacing: 1px;
  max-width: 500px;
  margin: 0 auto;
}

img {
  width:100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.wsection1
{
  font-size:25px;
  font-weight: bold!important;
}

.wsection1 p{
      line-height: 35px;
    margin-top: 5px;
    margin-bottom: 0px;

}

.blueword
{
  color:#435FB8;
  font-size:35px;
}

/* 輪播樣式 */
#carouselExample {
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 5px;
  position: relative;
}

/* 輪播指示器樣式 */
.custom-indicators {
  position: static !important;  /* 改為靜態位置 */
  display: flex !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 10px auto 5px !important;
  list-style: none !important;
}

/* 默認狀態 */
.custom-indicators button {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background-color: #CCCCCC !important; /* 淺灰色 */
  border: none !important;
  margin: 0 4px !important;
  padding: 0 !important;
  opacity: 1 !important;
}

/* 活動狀態 */
.custom-indicators button.active {
  background-color: #999999 !important; /* 深灰色 */
}

.biggernum
{
  font-size:50px;
  font-weight: bold!important;
  margin-top: -5px;
  margin-left: 5px;
  margin-right: 5px;
}

.bignum
{
  font-size:26px;
  font-weight: bold!important;
  margin-top: -5px;
  margin-left: 5px;
  margin-right: 5px;
}


.feature-title
{
  font-weight: bold!important;
}

/* 看護連結樣式 */
.findcare-link {
  color: #004F74;
 
  text-decoration: none;
  border-bottom: 1px solid #004F74;
  transition: all 0.3s ease;
}

.findcare-link:hover {
  color: #038FC7;
  border-bottom: 1px solid #038FC7;
}

/* 合格看護資格區塊樣式 */

.qualification-block p {
  margin: 8px 0;
  line-height: 1.5;
}

/* 中文序號列表樣式 */
.chinese-list {
  counter-reset: chinese-counter;
  list-style-type: none;
  padding-left: 2em;
  margin-left: 0;
}

.chinese-list li {
  counter-increment: chinese-counter;
  position: relative;
  margin-bottom: 8px;
}

.chinese-list li::before {
  content: "(" counter(chinese-counter, cjk-ideographic) ") ";
  position: absolute;
  left: -2em;
  width: 2em;
  text-align: left;
}

h1{
  font-weight: bold!important;
  font-size:35px;
}

.feature-block {
  
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s ease;
}

.feature-wording
{
  background-color: #D6E7FB;
  border-radius: 15px;
  padding: 15px 15px;
     

}

.feature-wording img 
{
  margin: 0px!important;
  margin-right: 15px!important;
  padding-bottom: 5px!important;
}

@media screen and (max-width: 390px) {
  .feature-wording {
    
    font-size: 17px;
  }
  .bignum
  {
    font-size:22px;
  }
  
}


.feature-block img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* 立即參加按鈕樣式 */
.btn-join {
  background-color: #ffd62a;
  color: #333;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  padding: 5px 60px;
  width:600px; 
  max-width: 100%;
 
  font-size: 35px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.btn-join:hover {
  background-color: #ffc107;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* 固定按鈕樣式 */
.floating-button {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ff4e91;
  color: white;
  width: 42px;
  height: 137px;
  border: none;
  border-radius: 10px 0 0 10px;
  box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  z-index: 1000;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 18px;
  letter-spacing: 6px;
  padding: 10px 5px;
  transition: all 0.3s ease;
}

.floating-button:hover {
  background-color: #e6337c;
  box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.3);
}

/* 保險產品表格樣式 */
.info-table {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  color:black;
  font: size 18px;
  letter-spacing: 0px;
  
}
.info-table a{
  color:black;
}

.info-table .row {
  margin: 0;
}

.table-cell {
  background-color: #cce5ff;
  border-radius: 8px;
  padding: 10px 15px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 50px;
  
  transition: all 0.3s ease;
}

.table-cell.header {
  font-weight: bold;
  background-color: #b8daff;
}

.table-cell a.link-style {
  text-decoration: underline;
  
}

.table-cell a.link-style:hover {
  color: #003d7a;
}

/* 手風琴樣式 */
.accordion {
  margin-top: 2rem;
}

.accordion-item {
 
  border-radius: 5px;
  margin-bottom: 0rem;
  overflow: hidden;
}

.accordion-header {
  margin: 0;
}

.accordion-button {
  background-color: #f8f9fa;
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
  color: #333;
  padding: 15px;
}

.accordion-button:not(.collapsed) {
  background-color: #e7f1ff;
 
  box-shadow: none;
}

.accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(3, 143, 199, 0.25);
  border-color: rgba(0, 0, 0, 0.125);
}

.accordion-body {
  font-size:18px;
  padding: 1rem;
  background-color: #fff;
}


.contactus
{
  font-size:30px;
  font-weight: bold!important;
  letter-spacing: 1px;
  color:#0089D1
}

.footer
{
  font-size:18px;
}

/* 確保手機版表格仍然美觀 */
@media (max-width: 576px) {
  .table-cell {
   
    padding: 8px;
  }
}