@charset "utf-8";
 .a-border-left {
     border-left: 1px solid #ffffff !important;
}
 .a-center {
     text-align: center !important;
}
/* 統一按鈕表格佈局 */
 .buttonTable {
     padding: 10px 5px;
     width: 100%;
     max-width: 100%;
     box-sizing: border-box;
     flex-wrap: wrap;
     justify-content: center;
     gap: 10px;
     margin: 0 auto;
}
 .buttonTable tr {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 10px;
     width: 100%;
}
 .buttonTable td {
     flex: 1;
     min-width: 160px;
     max-width: 250px;
     padding: 5px;
     text-align: center;
}
 a.myButton {
     color: #FFFFFF;
     text-decoration: none;
     width: 100%;
     box-sizing: border-box;
}
/* 統一按鈕樣式 - 默認字體大小 16px */
 .myButton {
     -moz-box-shadow: 0px 0px 0px 0px #9ccfff;
     -webkit-box-shadow: 0px 0px 0px 0px #9ccfff;
     box-shadow: 0px 0px 0px 0px #9ccfff;
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9cccff), color-stop(1, #176bc4));
     background: -moz-linear-gradient(top, #9cccff 5%, #176bc4 100%);
     background: -webkit-linear-gradient(top, #9cccff 5%, #176bc4 100%);
     background: -o-linear-gradient(top, #9cccff 5%, #176bc4 100%);
     background: -ms-linear-gradient(top, #9cccff 5%, #176bc4 100%);
     background: linear-gradient(to bottom, #9cccff 5%, #176bc4 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9cccff', endColorstr='#176bc4', GradientType=0);
     background-color: #9cccff;
     -moz-border-radius: 25px;
     -webkit-border-radius: 25px;
     border-radius: 25px;
     border: 0px solid #9ccfff;
    /* 確保按鈕大小一致 */
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     color: #ffffff;
     font-family: Arial, sans-serif, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "PMingLiU", "MingLiU", "新細明體", "細明體", "Segoe UI", "Helvetica Neue", "Noto Sans";
    /*font-weight: bold;
    */
     text-decoration: none;
     text-shadow: 0px 1px 0px #0c38a8;
     text-align: center;
    /* 統一大小的關鍵設定 */
     width: 100%;
     height: 50px;
    /* 固定高度 */
     box-sizing: border-box;
    /* 默認字體大小：16px */
     font-size: 16px;
     line-height: 1.2;
    /* 統一的內邊距 */
     padding: 0 20px;
    /* 文字處理 - 確保完全置中且顯示 */
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
    /* 確保點擊區域一致 */
     min-height: 50px;
}
 .myButton:hover {
     -moz-box-shadow: 0px 0px 0px 0px #e64ae3;
     -webkit-box-shadow: 0px 0px 0px 0px #e64ae3;
     box-shadow: 0px 0px 0px 0px #e64ae3;
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #EACFD4), color-stop(1, #9B0046));
     background: -moz-linear-gradient(top, #EACFD4 5%, #9B0046 100%);
     background: -webkit-linear-gradient(top, #EACFD4 5%, #9B0046 100%);
     background: -o-linear-gradient(top, #EACFD4 5%, #9B0046 100%);
     background: -ms-linear-gradient(top, #EACFD4 5%, #9B0046 100%);
     background: linear-gradient(to bottom, #EACFD4 5%, #9B0046 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EACFD4', endColorstr='#9B0046', GradientType=0);
     background-color: #EACFD4;
     border: 0px solid #e335dd;
     text-shadow: 0px 1px 0px #9B0046;
}
 .myButton:active {
     position: relative;
     top: 1px;
}
/* 響應式設計 - 根據屏幕大小調整字體和排列方式 */
/* 853px以下：平板尺寸，按鈕並排排列，字體大小：12.8px (80%) */
 @media screen and (max-width: 853px) {
     .buttonTable td {
         min-width: 130px;
         max-width: 180px;
    }
     .myButton {
         height: 48px;
         min-height: 48px;
         font-size: 12.8px;
         padding: 0 18px;
    }
}
/* 820px以下：平板尺寸，按鈕並排排列 */
 @media screen and (max-width: 820px) {
     .buttonTable td {
         min-width: 125px;
         max-width: 170px;
    }
     .myButton {
         height: 46px;
         min-height: 46px;
         font-size: 12.8px;
         padding: 0 16px;
    }
}
/* 768px以下：平板尺寸，按鈕並排排列 */
 @media screen and (max-width: 768px) {
     .buttonTable {
         padding: 8px 3px;
         gap: 8px;
    }
     .buttonTable td {
         min-width: 120px;
         max-width: 160px;
         padding: 3px;
    }
     .myButton {
         height: 46px;
         min-height: 46px;
         font-size: 12.8px;
         padding: 0 15px;
         border-radius: 23px;
    }
}
/* 480px以下：手機尺寸，按鈕垂直排列，字體大小：12.8px (70%) */
 @media screen and (max-width: 480px) {
     .buttonTable tr {
         flex-direction: column;
        /* 改為垂直排列 */
         align-items: center;
    }
     .buttonTable td {
         min-width: 90%;
        /* 垂直排列時佔據大部分寬度 */
         max-width: 90%;
         padding: 3px;
    }
     .myButton {
         height: 46px;
         min-height: 46px;
         font-size: 12.8px;
         padding: 0 15px;
         border-radius: 23px;
    }
}
/* 360px以下：小手機尺寸，按鈕垂直排列，字體大小：12.8px (60%) */
 @media screen and (max-width: 360px) {
     .buttonTable {
         gap: 6px;
    }
     .buttonTable tr {
         flex-direction: column;
        /* 保持垂直排列 */
         align-items: center;
    }
     .buttonTable td {
         min-width: 95%;
        /* 在更小的屏幕上佔據更多寬度 */
         max-width: 95%;
         padding: 2px;
    }
     .myButton {
         height: 44px;
         min-height: 44px;
         font-size: 12.8px;
         padding: 0 10px;
         border-radius: 22px;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
    }
}
/* 極小屏幕的特殊處理 */
 @media screen and (max-width: 320px) {
     .buttonTable {
         gap: 4px;
    }
     .buttonTable tr {
         flex-direction: column;
        /* 保持垂直排列 */
    }
     .buttonTable td {
         min-width: 98%;
        /* 在極小屏幕上幾乎佔滿寬度 */
         max-width: 98%;
         padding: 1px;
    }
     .myButton {
         height: 42px;
         min-height: 42px;
         font-size: 12.8px;
         padding: 0 8px;
         border-radius: 21px;
    }
}
/* 確保在所有瀏覽器中按鈕大小和文字一致 */
 .myButton {
    /* 重置瀏覽器默認樣式 */
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
    /* 確保在移動設備上的一致體驗 */
     -webkit-tap-highlight-color: transparent;
    /* 強制使用相同的盒模型 */
     margin: 0;
}
/* 防止水平滾動 */
 html, body {
     overflow-x: hidden;
     max-width: 100%;
}
 .page-heading {
     width: 100%;
     box-sizing: border-box;
     padding: 0 10px;
}
/* 為按鈕文字添加額外保護 */
 .myButton span {
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 100%;
     text-align: center;
}
 a.myButtonChat{
     color : #FFFFFF;
}
 .myButtonChat {
     -moz-box-shadow: 0px 0px 0px 0px #9ccfff;
     -webkit-box-shadow: 0px 0px 0px 0px #9ccfff;
     box-shadow: 0px 0px 0px 0px #9ccfff;
     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9cccff), color-stop(1, #176bc4));
     background:-moz-linear-gradient(top, #9cccff 5%, #176bc4 100%);
     background:-webkit-linear-gradient(top, #9cccff 5%, #176bc4 100%);
     background:-o-linear-gradient(top, #9cccff 5%, #176bc4 100%);
     background:-ms-linear-gradient(top, #9cccff 5%, #176bc4 100%);
     background:linear-gradient(to bottom, #9cccff 5%, #176bc4 100%);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9cccff', endColorstr='#176bc4',GradientType=0);
     background-color:#9cccff;
     -moz-border-radius:39px;
     -webkit-border-radius:39px;
     border-radius:39px;
     border:0px solid #9ccfff;
     display:inline-block;
     cursor:pointer;
     color:#ffffff;
     font-family:Microsoft JhengHei,Arial;
     font-size:13px;
     font-weight:bold;
     padding: 1px 18px 2px 19px;
     text-color:#000000;
     text-decoration:none;
     text-shadow:0px 1px 0px #0c38a8;
}
 .myButtonChat:hover {
     -moz-box-shadow: 0px 0px 0px 0px #e64ae3;
     -webkit-box-shadow: 0px 0px 0px 0px #e64ae3;
     box-shadow: 0px 0px 0px 0px #e64ae3;
     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #EACFD4), color-stop(1, #9B0046));
     background:-moz-linear-gradient(top, #EACFD4 5%, #9B0046 100%);
     background:-webkit-linear-gradient(top, #EACFD4 5%, #9B0046 100%);
     background:-o-linear-gradient(top, #EACFD4 5%, #9B0046 100%);
     background:-ms-linear-gradient(top, #EACFD4 5%, #9B0046 100%);
     background:linear-gradient(to bottom, #EACFD4 5%, #9B0046 100%);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EACFD4', endColorstr='#9B0046',GradientType=0);
     background-color:#EACFD4;
     border:0px solid #e335dd;
     text-shadow:0px 1px 0px #9B0046;
}
 .myButtonChat:active {
     position:relative;
     top:1px;
}