table {
    width: 80%;
    margin: 0 auto;
    border-collapse: collapse;
    background-color: white;
}
th, td {
    border: 2px solid white;
    padding: 10px;
    text-align: left;
}

th {
    background-color: #0074B7; /* 深藍色 */
    color: white;
    font-weight: bold;
}
thead {
    background-color: #0074B7; /* 深藍色 */
    color: white;
}
tr:nth-child(even) {
    background-color: #E9EDF4; /* 淺灰色 */
}
tr:nth-child(odd) {
    background-color: #D0D8E8; /* 白色 */
}

/* 父容器：水平佈局 */
#horizontal-layout {
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
}

#left-panel-news {
   width: 30%;
    min-width: 360px;
    max-width: 450px;
    padding: 0px 0px 10px 0px;
    box-sizing: border-box;
}

#right-panel-news {
    width: 70%;
    padding: 0px 0px 0px 0px;
    box-sizing: border-box;
    overflow-y: auto;
}

#left-panel-company {
   width: 30%;
    min-width: 250px;
    max-width: 250px;
    padding: 0px 0px 10px 0px;
    box-sizing: border-box;
}

#right-panel-company {
    width: 70%;
    padding: 0px 40px 0px 0px;
    box-sizing: border-box;
    overflow-y: auto;
}

.news-item img {
    max-width: 100%; /* 確保圖片不超出容器寬度 */
    width: 340px;
    height: auto; /* 按比例縮放 */
    display: block;
    margin-bottom: 20px; /* 確保圖片靠左對齊 */
}


.company-item img{
    margin-bottom: 20px; /* 每個選項之間的間距 */
    width: 200px;
    cursor: pointer; /* 滑鼠指針顯示為可點擊 */
}

.company-item h1 {
    font-size: 1rem; /* 控制標題大小 */
    text-align: left;
}

.company-content h2 {
  font-weight: bold;
    font-size: 30px;
}

.company-content p {
    font-size: 16px;
}

.company-content a {
float: right;
    right: 20px; /* 靠右對齊 */
    font-size: 25px;
}

.company-content {
    display: none;
}

.company-content.active {
    display: block;
}

article {
    margin-bottom: 20px;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
}

.read-more {
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}

.large-image {
    max-width: 110%;
    height: auto;
    display: block;
    margin: 0 0px 0 0;
}

.news-go-back {
    display: inline-block;
    right: 20px; /* 靠右對齊 */
    margin-top: 20px;
    font-size: 16px;
    color: #0074B7;
    cursor: pointer;
}

.news-item-change{
margin: 0 0 0 50px;
}

.news-item h2, .news-item-change h2{
    font-size: 22px;
    font-weight:bold;
}

.news-item p, .news-item-change p{
    font-size: 16px;
}

#left-panel h2{
     font-size: 22px;
     font-weight:bold;
}

.dynamic-h2{
    font-size: 22px;
    font-weight:bold;
}