/**
 * 注意：此檔案包含自定義樣式，請勿在系統更新時覆蓋
 * Note: This file contains custom styles, do not overwrite during system updates
 * 最後更新 / Last updated: 2025-04-16
 */
.ind-banner__text {
    width: auto;
    padding: 20px 30px 30px;
    position: relative;
    border-radius: 15px;
    backdrop-filter: blur(0px)!important;
    -webkit-backdrop-filter: blur(0px)!important;
    z-index: 11;
}
.ind-below {
    background-position: center center;
    background-repeat: repeat;
    background-size: auto;
}
.banner .main-h1 {
    text-shadow: none;
}

@media screen and (min-width: 1400px) {
    .title--lg{
        font-size: 42px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .ind-banner__textbox {
        width: 30%;
        text-align: left;
    }
    .ind-banner__text h2, .ind-banner__text p{
        text-align: left;
    }
    .ind-banner__text .btnbox {
        text-align: left;
    }
}

@media  screen and (min-width: 990px) and (max-width: 1400px){
    .title--lg{
        font-size: 34px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .ind-banner__textbox {
        width: 69%;
        text-align: left;
    }
    .ind-banner__text h2, .ind-banner__text p{
        text-align: left;
    }
    .ind-banner__text .btnbox {
        text-align: left;
    }
    .title--lg {
        line-height: 2rem;
    }
}
.container {
    display: flex;
    align-items: flex-start;
}
ul.vertical.accordion-menu.sub-menu {
    position: sticky;   /* 自動在滾動時固定 */
    top: 150px;         /* 捲到距離上方 100px 時固定 */
    align-self: flex-start;
    width: 250px;
    background: #f8f8f8;
    padding: 20px;
    box-sizing: border-box;
}
.s_a {
    background: #485056;
    padding: 10px;
    border-radius: 10px;
    display: inline-block;
}
.ss1{
    color:#FFF;
}
.s_a .ss1:not(:last-child):after{
    content: "|";
    padding: 10px;
}
:target:before {
    content: "";
    display: block;
    height: 150px;
}