/* SoftwareIntro.aspx 專用替代 inline styles */

/* 頁首 container（替代 margin-top + flex 右對齊） */
.si-top-container {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
}

/* 頁首內部欄位（替代 display:flex; align-items:center; justify-content:right; padding:0） */
.si-header-controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
}

/* outline 預設（替代 outline:2px solid transparent; outline-offset:2px;）*/
.si-outline {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

    .si-outline:focus {
        outline-color: #0056b3;
    }

/* site search input 最大寬度 */
.si-search-input {
    max-width: 180px;
}

/* 垂直對齊 middle（替代 vertical-align: middle;） */
.si-align-middle {
    vertical-align: middle;
}

/* 首圖（替代 width/height inline） */
.si-title-img {
    width: 100%;
    height: auto;
    display: block;
}

/* 小標題（替代 color + font-size inline） */
.si-title-small {
    color: #000;
    font-size: 0.563em;
}

/* 卡片小字級（替代 card style font-size） */
.si-card-small {
    font-size: 0.875em;
}

/* card-body 白底、黑字（替代 background-color, color） */
.si-card-body {
    background-color: #ffffff;
    color: #000000;
}

/* 表格欄位與置中（替代多處 th/td inline） */
.si-th-150 {
    width: 150px;
    vertical-align: middle;
    text-align: center;
}

.si-th-350 {
    width: 350px;
    vertical-align: middle;
    text-align: center;
}

.auto-style1,
.auto-style3 {
    vertical-align: middle;
    text-align: center;
}

/* footer／logo／小字級 */
.si-logo {
    width: 110px;
    height: 73px;
}

.si-fs-875 {
    font-size: 0.875em;
}

.si-fs-75 {
    font-size: 0.75em;
}

.si-letter-spacing-6 {
    letter-spacing: 6px;
}

/* footer 白色連結（替代 style=color:white 等）*/
.si-footer-link {
    color: #fff;
    font-size: 0.875em;
}

/* 強制白底（保險用） */
.si-bg-white-force {
    background-color: #fff !important;
}