@charset "utf-8";



/*PC背景*/
@media screen and (min-width:767px){
.Template_bg .bg01 { z-index:0;position:absolute;top:0px; left:0; width:100%; height:562px; background-position:center 0px; background-repeat:no-repeat; background-size:100%;}	

}
/*mb背景*/
@media screen and ( max-width:767px) {
.Template_bg .bg01{ z-index:0; position:absolute; top:0px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:100%; }
}



/*版頭主標微調*/
@media screen and (min-width:768px){
.Area_title {height:563px;}
.Area_title .txt img{width:100%;}
.Area_title .txt{ position: absolute;top: 88px;left: 16px;z-index: 9;width: 100%;}

}
@media screen and (max-width:767px){
.Area_title{height:57vw !important;}
.Area_title .txt img{width:100%;}
.txt {        position: absolute;
  top:8.2vw;
  left: 0vw;
  width: 104%;
  z-index: 9;}

}



/*詳情*/
@media screen and (min-width:768px){
  .morebtn{height:563px;}
  .morebtn img{width:100%;}
  .morebtn{         
    position: absolute;
    top: 24px;
    left: 780px;
    z-index: 9;
    width: 20%;}
  
  }
  @media screen and (max-width:767px){
  .morebtn{height:57vw !important;}
  .morebtn img{width:100%;}
  .morebtn {              
    position: absolute;
    top: 2.2vw;
    left: 73vw;
    width: 26%;
    z-index: 9;}
  
  
  }
  
  

/*A2btn*/
@media screen and (min-width:768px){
  .A2btn{height:auto;}
  .A2btn img{width:100%;}
  .A2btn{         
    position: absolute;
    top: 691px;
    left: 266px;
    z-index:50;
    width: 42%;}
  .Area_content{z-index: 1 !important;}
  }
  @media screen and (max-width:767px){
  .A2btn{height:auto;}
  .A2btn img{width:100%;}
  .A2btn{              
    position: absolute;
        top: 70.2vw;
        left: 28vw;
        width: 41%;
        z-index:50;}
  
        .Area_content{z-index: 1 !important;}

  }


  


/*momo_logo*/
@media screen and (min-width:768px){
 .momologo { z-index: 99; position: absolute; top: 8px; left: 0;}
 .momologo a { display: block; width:180px; height: 90px; background: url(momologo.png?t=1788426793615) no-repeat; background-size: 96%;}

 
}

  @media screen and (max-width:767px){
  .momologo { z-index:99 !important; position: absolute; top: 1vw;left: 2vw;}
  .momologo a { display: block; width: 90px; height: 90px; background: url(momologo.png?t=1788426793615) no-repeat; background-size: 88%;}
  .momologo {display:block;}
  }






  .cardTable{
    width:100%;
    border-collapse:collapse;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    text-align:center;
}

.cardTable th,
.cardTable td{
    border:1px solid #d8d8d8;
    padding:12px 8px;
    font-size:24px;
    line-height:1.4;
}

.cardTable th{
    background:#f8f4e9;
    font-weight:700;
}

.cardTable .highlight{
    color:#de1c86;
    font-weight:700;
}

@media screen and (max-width:767px){

  .cardTable td{
    font-size:16px;
    line-height:1.4;
    padding:18px 5px;
}

.cardTable th{
    font-size:16px;
    line-height:1.3;
}
.cardTable .highlight{
    color:#de1c86;
    font-size:16px;
    font-weight:700;
} 

}


.billing-table {
  margin: 0 auto;
  border-collapse: separate; /* 改為 separate 才能正確顯示表格圓角 */
  border-spacing: 0;         /* 移除儲存格間距 */
  border-radius: 12px;       /* 圓角弧度，可自行調整 */
  overflow: hidden;          /* 隱藏超出圓角的儲存格背景色 */
  border: 1px solid #d3d3d3; /* 表格外層框線 */
  width: 100%;
  max-width: 940px;
  text-align: center;
  font-family: "Noto Sans CJK TC", Arial, sans-serif;
}
.billing-table th, .billing-table td {
  border: 1px solid #d3d3d3;
  padding: 20px 8px;
  font-size: 20px;
}
.billing-table thead th:nth-child(1),
.billing-table thead th:nth-child(2) {
  background-color: #e6e6e6;
}
.billing-table thead th:nth-child(3) {
  background-color: #fcebd5;
}
.billing-table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
.billing-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}
.billing-table tbody td:nth-child(3) {
  background-color: #fdf5eb;
  color: #c0392b; /* 將第三欄文字設定為紅色 */
}
.billing-table tbody tr:nth-child(even) td:nth-child(3) {
  background-color: #faecd9;
}

.Area_table { position: relative; background-color: #ceab7d; }
.Area_table .Area_content { margin: 0 auto; padding: 0.5% 0 2%; }
.Area_table .Atitle { padding: 1.5% 0 0; }
@media screen and (max-width:767px){
  .billing-table { width: 97%; }
  .billing-table th, .billing-table td { font-size: 3.5vw; }
  .billing-table th, .billing-table td { padding: 5vw 1vw; }
}