/* 匯入模組 ( 最新消息 ) */
@import url("../../style_news.css");

/* 匯入模組 ( 檔案下載 ) */
@import url("../../style_download.css");



/*========================================================*/
/*-------搜尋結果_樣式--------*/
/*========================================================*/


.search_right_contentBg {
    display: flex;
    flex-direction: column;
    gap: clamp(1.25rem, 1.5625vw, 1.875rem);
    /*最小值 20px、大小約 1.5625vw、最大值 30px*/
}

.search_bg {
    display: flex;
    flex-direction: column;

    row-gap: clamp(2.9004rem, 4.6875vw, 5.625rem);
    /* 最小值 46.41px、大小約 4.6875vw、最大值 90px */

    margin-top: calc(clamp(2.9004rem, 4.6875vw, 5.625rem) * 0.5);
}



.search_bg .search_section {
    display: flex;
    flex-direction: column;
    /*gap: clamp(1.25rem, 1.5625vw, 1.875rem);*/
    /*最小值 20px、大小約 1.5625vw、最大值 30px*/
}


.search_bg .search_section .right_title2 {
    display: flex;
    align-items: anchor-center;
    flex-wrap: wrap;
    gap: clamp(0.313rem, -0.021rem + 0.54vw, 0.625rem);
    /*20px*/
    font-size: clamp(1.188rem, 1.054rem + 0.22vw, 1.313rem);
    padding-bottom: clamp(1.25rem, 0.583rem + 1.08vw, 1.875rem);
}

.search_bg .search_section .right_title2 .num {
    font-size: clamp(1.0000rem, 0.9375vw, 1.1250rem);
    /* 字體 最小值 16.00px、大小約 0.9375vw、最大值 18.00px */
    font-size: 20px;
    background-color: var(--fourth_color);
    color: #fff;
    aspect-ratio: 1 / 1;
    padding: .3125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    min-width: clamp(1.25rem, 0.583rem + 1.08vw, 1.875rem);
    /*41px*/
}

.search_bg .search_section .right_title2 .num span {
    text-align: center;
}




.search_bg .search_area {
    display: flex;
    flex-direction: column;
    gap: clamp(1.25rem, 1.5625vw, 1.875rem);
    /*最小值 20px、大小約 1.5625vw、最大值 30px*/
}




/* 分隔線 */
.divider {
    background-color: var(--fourth_color);
    width: 100%;
    height: 2px;
    display: block;
}









.search_bg .search {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
}

.search_bg .search li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    padding: 20px 0;
    border-bottom: 1px dashed #BEBEBE;
}

.search_bg .search li a {
    font-size: clamp(1rem, 0.867rem + 0.22vw, 1.125rem);
    line-height: normal;
    font-weight: 500;
    text-decoration: none;
    transition: all .3s ease;
    color: #797979;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.search_bg .search li a:hover {
    color: #016DB8;
    transition: all .3s ease;
}

.search_bg .search li a i {
    display: inline-block;
    vertical-align: bottom;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-left: clamp(0.125rem, 0.088rem + 0.19vw, 0.313rem);
}