/* news.css */
/* 此為消息與活動共用style樣式, 頁面: 最新消息、共同供應契約 */
/* 包含: news-box(移至common.css)、contract-table */ 


.news-page-link{
    color: #3FA2D4 !important;
}


/* 共同供應契約 */
.contract-table{
    width: 100%;
    display: flex;
}
.contract-table::-webkit-scrollbar {
    height: 15px;
    background-color: #FFF;
}
.contract-table::-webkit-scrollbar-button {
    width: 0;
}
.contract-table::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background: #BFBFBF;
}
table{
    border-radius: 10px;
    width: 100%;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.10);
    margin-top: 50px;
    min-width: 650px;
}
.td_product_name {
    width: 350px;
    text-align: justify;
    padding: 20px;
}
/* 圓角 */
table thead th:first-child{
    border-radius: 10px 0 0 0;
}
table thead th:last-child{
    border-radius: 0 10px 0 0;
}
table tbody tr:last-child td:first-child{
    border-radius: 0 0 0 10px;
}
table tbody tr:last-child td:last-child{
    border-radius: 0 0 10px 0;
}
/* thead */
table thead{
    background: #CDCDCD;
}
table thead th{
    text-align: center;
    padding: 5px 10px;
    color: #ffffff;
    font-weight: 900;
    font-size: 0.9em;
    line-height: 1.4em;
    text-wrap: nowrap;
    background-color: #082556;
}
table thead th span{
    text-wrap: wrap;
}
/* tbody */
table tbody{
    background-color: #FFF;
    color: #2B2B2B;
}
table tbody tr:not(:last-child){
    border-bottom: 1px dashed #CDCDCD;
}
table tbody td{
    text-align: center;
    padding: 20px 10px;
}
.news-modal-list{
    padding-left: 0;
}

.news-modal-list li{
    text-indent: .5rem;
    line-height: 1.5rem;
    list-style: none;
    position: relative;
}
.news-modal-list li::before{
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #3282AA;
    top: 10px;
    left: 0;
}
.introduction{
    font-style: italic;
}


@media(max-width:768px){
    .contract-table{
        overflow-x: auto;
    }
    table{
        box-shadow: 0px 0px 00px 0px ;
        margin-top: 50px;
    }
}