body {background:#ffffff; color:#333333; font-family: 微軟正黑體; font-size: 14px;padding-bottom: 200px;}
img{max-width:100%;height:auto;display:block;margin: 0 auto;}
table {border-collapse: collapse;}
.table1 td {border: 1px solid black;padding: 3px 3px;}
.table1 th {border: 1px solid black;padding: 3px 3px;}
.table2 td {border: none;padding: 3px 3px;}
.chart-container {margin: 20px 0;padding: 0;}
.chart-container h3 {margin: 0 0 8px 0;padding: 8px 10px;font-size: 1.1em;background-color: #f8f8f8;border-left: 4px solid #4bc0c0;color: #333;}
.chart-wrapper {position: relative;height: 150px;width: 100%;}
.chart-wrapper canvas {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
.action-btn {color: #fff;font-size: 150%;padding: 3px 3px;border: none;margin-right: 8px;border-radius: 6px;cursor: pointer;}
.dsp-btn {color: #fff;font-size: 150%;padding: 3px 3px;border: none;margin-right: 8px;border-radius: 6px;cursor: pointer;}
.btn-green {background-color: #2ecc71;}
.btn-red {background-color: #e74c3c;}
.btn-yellow {background-color: #f1c40f;color: #333;}
.btn-orange {background-color: #f39c12;color: #fff;}
.btn-teal {background-color: teal;color: white;}
.gauge-container {width: 100%;height: 100px;}
#gage1 svg text:nth-of-type(1){font-size: 32px !important;}
#gage1 svg text:nth-of-type(2){font-size: 12px !important;}
#myTable {width: 100%;margin:0;border-collapse: collapse;background: #ffffff;border-radius: 12px;box-shadow: 0 8px 32px rgba(0,0,0,0.1);border: 1px solid #d0d8e0;overflow: hidden;}
#myTable th {background: linear-gradient(to right, #d0d8f0, #e6eafc);color: #2c3e50;padding: 16px;text-align: center;}
#myTable td {padding: 3px 3px;text-align: center;border-bottom: 1px solid #e8ecf0;}
#myTable tr:last-child td {border-bottom: none;}
#myTable tbody tr:nth-child(3n):not(:last-child) {border-bottom: 12px solid #f8f9fa;}
.store-name {background: teal;font-weight: bold;font-size: 150%;color: white;text-align: center;}
.store-yellow {background: yellow;font-weight: bold;font-size: 150%;color: black;text-align: center;}
.store-silver {background: silver;font-weight: bold;font-size: 150%;color: black;text-align: center;}
.highlight-cell {font-weight: bold;font-size:150%;color: #333;border-radius: 6px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);}
#updateTime {text-align: center;margin: 20px;color: #6c8ab8;font-size: 14px;}
.load-error {text-align: center;padding: 30px;color: #e74c3c;}
.back-style {font-size: 32px; color: #555;text-decoration: none;padding: 15px;display: inline-block;}
.title-style{text-align:center;font-size:150%;text-decoration: none;border-width:0px;width:100%;background-color:white;color:black;}
.menu-style{text-align:right;font-size:250%;text-decoration: none;border-width:0px;width:100%;background-color:white;color:blue;}
.menu-item{text-align:right;font-size:180%;text-decoration: none;border-width:0px;width:100%;background-color:white;color:blue;}
.right-only{text-align:right;}
.center-only{text-align:center;}
.bottom-10{margin-bottom:10px;}
.right-10{margin-right:10px;}
.decoration-none{text-decoration:none;}
.inline-form {display: inline-block;}