.HoverBigTop > img {
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1), filter 0.6s ease-in-out !important;
    transform: scale(1, 1);
    transform-origin: top;
}
.HoverBigTop:hover > img {
    transform: scale(1.3, 1.3);
}

table {
    border-collapse: collapse;
    width: 100%;
}

.table-wrapper {
    overflow-x: auto;
}
.table-wrapper table {
    border-collapse: collapse;
    width: 100%;
    min-width:800px;
}
.table-wrapper th, .table-wrapper  td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
}
.table-wrapper th {
    background-color: #f5f5f5;
}
.table-wrapper  .highlight {
    background-color: #fef9e7;
}
.table-wrapper  .plan-name {
    font-weight: bold;
    font-size: 1.1em;
}

@media (max-width: 768px) {
    .table-wrapper {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 0; /* 確保左右沒有額外空間 */
    }
    .table-wrapper  table {
        /*display: block;
        min-width: auto;
        width: 100%;*/
        min-width: 95%; /* 讓表格至少跟螢幕一樣寬 */
        width: max-content; /* 表格會依內容撐開 */
        display: table; /* 避免 block 造成的定位錯亂 */
    }
    .table-wrapper  thead {
        display: none;
    }
    .table-wrapper   tr {
        display: block;
        margin-bottom: 15px;
    }
    .table-wrapper   td {
        display: flex;
        justify-content: space-between;
        padding: 8px;
        border: 1px solid #eee;
        word-wrap: break-word;
        word-break: break-word;
        white-space: normal;
    }
    .table-wrapper td::before {
        content: attr(data-label);
        font-weight: bold;
        flex-basis: 50%;
        text-align: left;
    }
}

a {
  color: #84A5BD;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}
    
.PageDataGroup > .Panel {
   padding-top:60px;
}



.Frontend .Row .Button:not(.Item).Big, .DialogFrame .Row .Button:not(.Item).Big, .Frontend .Column .Button:not(.Item).Big, .DialogFrame .Column .Button:not(.Item).Big, .Frontend .ColumnContainer .Button:not(.Item).Big, .DialogFrame .ColumnContainer .Button:not(.Item).Big, .Frontend .RowContainer .Button:not(.Item).Big, .DialogFrame .RowContainer .Button:not(.Item).Big 
{
    background-color: #527690;
    border:1px solid #527690;
}

.Frontend .Row .Button:not(.Item).Big:hover, 
.DialogFrame .Row .Button:not(.Item).Big:hover, 
.Frontend .Column .Button:not(.Item).Big:hover, 
.DialogFrame .Column .Button:not(.Item).Big:hover, 
.Frontend .ColumnContainer .Button:not(.Item).Big:hover, 
.DialogFrame .ColumnContainer .Button:not(.Item).Big:hover, 
.Frontend .RowContainer .Button:not(.Item).Big:hover, 
.DialogFrame .RowContainer .Button:not(.Item).Big:hover 
{
    background-color:#ffffff!important;
    color: #527690;
}

.TopFrame.ZH_CN .SimpleContent > .Text, 
.TopFrame.ZH_CN .SimpleContent > .Text DIV , 
.TopFrame.ZH_CN .SimpleContent > .Text SPAN ,
.TopFrame.ZH_CN .Menu.MenuStrip  .MenuItem > a > .Title , 
.TopFrame.ZH_CN .Menu.MenuStrip  .MenuItem > a > .Title > span
{
    font-family:"微軟正黑體",Arial!important;
}

.ToolWindow.ChatWindow .Button.Send:hover
{
  background-color:#666666!important;
  color:white;
}