/*匯入最新消息列表樣式*/
@import url(../style_news/style_news_list.css);



/* ======================================================== */
/*最新消息內頁樣式*/
/* ======================================================== */







.crumb_area span:last-of-type{
    display: -webkit-box;
    -webkit-box-orient: vertical;	
    -webkit-line-clamp: 4;	
    overflow: hidden;
}




.news_info_bg{

}

    .news_info_bg .text_area{
        color: inherit;
    }







/* ======================================================== */
/* 標籤區域 */
/* ======================================================== */

.tag_area {
    margin-top:clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 最小值 20.65px、大小約 2.0833vw、最大值 40.00px */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: clamp(0.8065rem, 1.3021vw, 1.5625rem); /* 最小值 12.90px、大小約 1.3021vw、最大值 25.00px */
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #ddd;
    flex-wrap: wrap;
    gap: clamp(0.8065rem, 1.3021vw, 1.5625rem); /* 最小值 12.90px、大小約 1.3021vw、最大值 25.00px */
}

    /* 左側標籤區域 */
    .tag_left_area {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: .625rem;
        color: var(--dark_color);
    }

        /* 標題文字 */
        .tag_left_area .title {
            font-size: 1em;
            font-weight: bold;
            color: inherit;
            font-family: var(--foreign_font);
        }
        .tag_left_area .title strong{
            font-size: inherit;
            margin: 0;
            padding: 0;
            font-weight: inherit;
            color: inherit;
            font-family: inherit;
        }
        /* 標籤連結樣式 */
        .tag-links{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: .625rem;
        }


            .tag-links a {
                padding: 10px;
                background-color: #efefef;
                color: inherit;
                text-decoration: none;
                border-radius: 5px;
                font-size: 1rem;
            }

            .tag-links a:hover {
                background-color: var(--primary_color);
            }

        /* 右側社群連結區域 */
        .tag_right_area {
            display: flex;
            align-items: center;
        }

            /* 社群連結按鈕樣式 */
            .social-links{
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 10px;
            }
				.social-links a {
				  text-decoration: none;
				  border-radius: 5px;
				  text-decoration: none;
				  color: #57595c;
				  /* height: 42px; */
				  width: 42px;
				  aspect-ratio: 1;
				  display: flex;
				  justify-content: center;
				  align-items: center;
				  border: 1px solid #57595c;
				}
				.social-links i{
                    font-size: inherit;
				}
                .social-links a :hover{
                    opacity: 0.5;
                }


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

    .tag_area {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .tag_left_area {
        /* margin-bottom: 10px; */
    }

    .tag-links a {
        /* margin-right: 10px; */
    }

    .social-links a {
        /* margin-left: 10px; */
    }
}