/* 整體網站地圖容器 */
.site-map {
    font-size: .9375rem;
    /* padding: 20px;
    font-family: Arial, sans-serif; */
    line-height: 2;
}
    .site-map a{
        text-decoration: none;
    }
/* 標題樣式 */
.site-map-title {
    /* font-size: 2em;
    margin-bottom: 20px; */
}

/* 第一層列表 */
.sitemap_first_level {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.25rem;
    row-gap: 1.875rem;
}

.sitemap_first_level > li {

}
.sitemap_first_level > li:not(.technology) {
    width: calc((100% / 4) - (3 * 1.25rem / 4)); /* 4欄平均寬度，扣除間距 */
}
.sitemap_first_level > li.technology {
    width: 100%; 
}






.sitemap_first_level > li > a {
    /* font-size: clamp(.9375rem, 0.8854vw, 1.0625rem); */  /*字體 最小值 18px、大小約 0.8854vw、最大值 17px*/
    color: var(--primary_color);
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* gap: 0.3125rem; */
    margin-bottom: 0.3125rem;
    font-size: inherit;
}
.sitemap_first_level > li > a::before {
    display: inline-block;
    font-family: "Material Icons";
    font-style: normal;
    color: var(--primary_color);
    margin-right: 0px;
    content: '\ebf3';
    font-size: inherit;
}
.sitemap_first_level > li > a:hover {
    /* text-decoration: underline; */
}

/* 第二層列表 */
.sitemap_second_level {
    list-style-type: none;
    padding-left: 1.3750rem;
    /* margin-top: .625rem; */
    font-size: inherit;
    display: flex;
    flex-direction: column;
    gap: 0.9375rem;
}

.sitemap_second_level > li {
    /* margin-bottom: clamp(.9375rem, 1.5625vw, 1.875rem); */  /*最小值 15px、大小約 1.5625vw、最大值 30px*/
    /* margin-bottom: .9375rem; */
    /* gap: .9375rem; */
    /* display: flex; */
    /* flex-wrap: wrap; */
}

.sitemap_second_level > li > a {
    font-size: inherit;
    color: var(--second_color);
    text-decoration: none;
    /* margin-bottom: 0.625rem; */
    display: inline-block;
}

.sitemap_second_level > li > a:hover {
    /* color: #007bff;
    text-decoration: underline; */
    opacity: 0.5;
}















/* 第三層列表 */
.sitemap_third_level {
    list-style-type: none;
    padding-left: 1.25rem;
    margin-top: .3125rem;
    display: flex;
    flex-direction: column;
    gap: .3125rem;
}

.sitemap_third_level > li {
    /* margin-bottom: 5px; */
    display: flex;
    align-items: first baseline;
    gap: .3125rem;
}

.sitemap_third_level > li > a {
    line-height: 1.5;
    font-size: inherit;
    color: var(--dark_color);
    text-decoration: none;
}

.sitemap_third_level > li > a:hover {
    /* color: #007bff;
    text-decoration: underline; */
    opacity: 0.5;
}

/* 添加箭頭樣式 */
.sitemap_second_level > li::before, .sitemap_third_level > li::before {
    /* content: "▶"; */
    /* margin-right: 8px; */
    /* color: var(--fifth_color);
    font-size: inherit; */
}
.sitemap_second_level > li::before, .sitemap_third_level > li:before{
    display: inline-block;
    font-family: "Material Icons";
    font-style: normal;
    color: var(--fifth_color);
    margin-right: 0px;
    content: '\e037';
    font-size: inherit;
}








/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 990.1px) {

.sitemap_first_level > li.technology .sitemap_second_level{
    flex-direction: row;
}
    .sitemap_first_level > li.technology .sitemap_second_level > li{
        width: calc((100% / 3) - (2 * 0.9375rem / 3)); /* 3欄平均寬度，扣除間距 */ 
        width: auto;
    }
    .model .sitemap_third_level{
        column-count: 2;
        column-gap: 0.3125rem;
        display: block;
        /* flex-direction: unset; */
        margin-bottom: -0.3125rem;
    }

    .model .sitemap_third_level > li{
        padding-bottom: 0.3125rem;
    }
    



}

@media screen and (max-width: 990px) {

    .sitemap_first_level > li {
        /* width: calc(100% / 2); */
    }

    .sitemap_first_level > li:not(.technology) {
        width:100%;
    }

}
@media screen and (max-width: 768px) {
 
.sitemap_first_level > li {
    width: calc(100% / 1);
}

    /*.site-map {
        padding: 15px;
    }

    .sitemap_first_level {
        padding-left: 10px;
    }

    .sitemap_second_level {
        padding-left: 15px;
    }

    .site-map-title {
        font-size: 1.5em;
    }

    .sitemap_first_level > li > a {
        font-size: 1em;
    }*/
}