.pageContent .wrap{

}


/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
 @media screen and (min-width: 991px) {
    .pageContent .wrap{
        max-width: 100.625rem; /*1610*/
    }
 }

















/* 整體區域背景 */
.news_bg {
    display: flex;
    flex-direction: column;
    row-gap: clamp(2.1291rem, 3.4375vw, 4.1250rem); /* 最小值 34.07px、大小約 3.4375vw、最大值 66.00px */
}

    /* 最新消息列表容器 */
    .news-list {
        display: flex;
        flex-direction: column;
        color: #0a0e1a;
        border-radius: 8px;
        overflow: hidden;
        /* padding: 15px; */
        gap: clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 最小值 18.07px、大小約 1.8229vw、最大值 35.00px */
    }

        /* 每則新聞的圖片 */
        .news-img{

        }
            .news-img a ,
            .news-img span{
                position: relative;
                padding-top: 59.7%;
                border-radius: 15px;
                display: block;
                overflow: hidden;
            }
                .news-img img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    position: absolute;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    float: none;
                    width: 100% !important;
                    height: 100% !important;
                    object-fit: cover;
                    transition: 0.3s ease all;
                }

                .news-img a:hover img{
                    transform: scale(1.1);
                    transition: 0.3s ease all;
                }


        /* 每則新聞的內容 */
        .news-content{
        display: flex;
        flex-direction: column;
        gap: clamp(0.4839rem, 0.7813vw, 0.9375rem); /* 最小值 7.74px、大小約 0.7813vw、最大值 15.00px */
        }

        /* 每則新聞的功能 */
        .news-side-function{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            /* gap: 20px; */
            color: #57595c;
            font-size: 1rem;
        }

          /* 每則新聞的功能 */
          .news-side-item{
            display: flex;
            align-items: first baseline;
            gap: clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 最小值 5.16px、大小約 0.5208vw、最大值 10.00px */
            
          }
          .news-side-item:not(:last-of-type){
            margin-right: clamp(0.5161rem, 0.8333vw, 1.0000rem); /* 最小值 8.26px、大小約 0.8333vw、最大值 16.00px */
            padding-right: clamp(0.5161rem, 0.8333vw, 1.0000rem); /* 最小值 8.26px、大小約 0.8333vw、最大值 16.00px */
            border-right: 1px #57595c solid;
          }
            .news-side-item i{
                font-size: clamp(1.0000rem, 1.0938vw, 1.3125rem); /* 最小值 16.00px、大小約 1.0938vw、最大值 21.00px */
            }
            .news-side-item span ,
            .news-side-item a{
                color: inherit;
            }
            .news-side-item a:hover{
                color: var(--primary_color);
            }



          /* 日期 */
          .news-list .date{
            display: flex;
            font-family: var(--foreign_font);
           }

          /* 類別 */
          .news-list .category{

          }


          /* 新聞 title */
          .news_title{  
            color: inherit;  
            font-weight: 700;
            line-height: 1.5;
            font-size: clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 最小值 20.65px、大小約 2.0833vw、最大值 40.00px */
          }          
            .news_title a{
                color: inherit;  

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

                transition: 0.3s ease all;
            }
            .news_title a:hover{
                color: var(--primary_color);  
                transition: 0.3s ease all;
            }

        /* 新聞 description */
        .news-list  .description{
            color: #57595c;
            font-size: 1rem;
            line-height: 1.5;


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

        /* 新聞 more */
        .news-list  .more{
            font-size: clamp(1rem, 0.9375vw, 1.125rem); /* 最小值 16.00px、大小約 0.9375vw、最大值 18.00px */
            color: inherit;
            font-family: var(--foreign_font);
            display: flex;
            align-items: center;
            color: var(--primary_color);
        }
            .news-list  .more a{
                color: inherit;
                transition: 0.3s ease all;
            }
                .news-list  .more span{
                    font-family: inherit;
                    color: inherit;
                    display: flex;
                    align-items: center;
                    font-weight: 700;
                    transition: 0.3s ease all;
                }
                .news-list  .more span:after{
                    font-family: 'bootstrap-icons';
                    content: '\F135';
                    display: inline-block;
                    font-style: normal;
                    font-weight: normal;
                    font-size: clamp(1.0000rem, 1.7188vw, 2.0625rem);
                    transform: rotate(45deg);
                    color: inherit;
                    transition: 0.3s ease all;
                }

                .news-list  .more a:hover span:after{
                    transform: rotate(0deg);
                    transition: 0.3s ease all;
                }



    .news-list.fir{

    }


     .news-list.noImg{
        display: flex !important;
     }
        .news-list.noImg .news-img{
            display: none;
        }










 @media screen and (min-width: 991px) {

    .news-list:not(.fir){
        display: grid;
        row-gap: .9375rem;
        grid-template-rows: auto 1.75rem;
        grid-template-columns:clamp(16.1296rem, 26.0417vw, 31.2500rem) auto; /* 最小值 258.07px、大小約 26.0417vw、最大值 500.00px */
    }
        .news-list:not(.fir) .news-img{
            grid-row-start: 1;
            grid-row-end: 3;
        }
        .news-list:not(.fir) .news-content{

        }
            .news-list:not(.fir) .news_title{
                font-size: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
            }
            
        .news-list:not(.fir) .more{
            grid-column-start: 2;
            grid-column-end: 3;
            margin-top: auto;
        }

 }


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

}

                
@media screen and (max-width: 768px) {
    /* .news-list {
        padding: 10px;
    } */
}