.news_type2 {
    padding-top: 3.3rem;
    padding-bottom: 5rem;
}

    .news_type2 .card .card-body {
        display: flex;
        background-color: var(--color-primary);
        padding: 1.5rem 1.5rem;
    }

        .news_type2 .card .card-body h3 {
            color: #fff;
        }

        .news_type2 .card .card-body p {
            color: #fff !important;
        }

            .news_type2 .card .card-body p span {
                color: #fff !important;
            }

        .news_type2 .card .card-body .card-title {
            margin-bottom: 0;
            font-size: 1.125rem;
        }

        .news_type2 .card .card-body .date {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            /* height: 100%; */
            line-height: 1.2;
            flex-direction: column;
        }

    .news_type2 .card .date .month {
        color: var(--color-secondary);
        font-family: "Roboto", sans-serif;
        font-size: 1rem;
    }

    .news_type2 .card .date .day {
        font-weight: 700;
        font-size: 2.8rem;
        color: var(--color-secondary);
        font-family: "Roboto", sans-serif;
        line-height: 1;
    }

    .news_type2 .list_g {
        padding: 1.34rem 1rem;
    }

        .news_type2 .list_g:hover {
            background-color: var(--color-primary);
        }

            .news_type2 .list_g:hover .date {
                color: var(--color-secondary);
            }

                .news_type2 .list_g:hover .date .day {
                    color: var(--color-secondary);
                }

            .news_type2 .list_g:hover a h3 {
                color: #fff;
            }

            .news_type2 .list_g:hover a p {
                color: #fff;
            }

        .news_type2 .list_g a h3 {
            color: #1f1f1f;
            font-size: 1.4rem;
        }

        .news_type2 .list_g a p {
            color: #1f1f1f;
            margin-bottom: 0;
        }

        .news_type2 .list_g .date {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-left: 1rem;
            padding-right: 1rem;
            border-right: 1px solid #ccc;
        }

            .news_type2 .list_g .date .month {
                font-family: "Noto Sans TC", sans-serif;
            }

            .news_type2 .list_g .date .day {
                font-weight: 700;
                font-size: 2.4rem;
                color: var(--color-primary);
                font-family: "Noto Sans TC", sans-serif;
                line-height: 1;
            }

    .news_type2 .read_more {
        font-weight: 500;
        font-size: 1.2rem;
        letter-spacing: 1px;
        /* display: inline-block; */
        /* text-decoration: none; */
        color: #565656;
        transition: 0.5s;
        /* padding: 10px 20px 10px 30px; */
        /* border: 1px solid; */
        /* border-bottom: 4px solid var(--color-primary); */
        /* margin-top: 50px; */
        /* display: block; */
        /* width: 100%; */
        /* padding-right: 0; */
    }

        .news_type2 .read_more:hover {
            /* color: #fff; */
            /* background-color: var(--color-primary); */
            /*border-bottom: 4px solid var(--color-secondary);*/
        }



    .news_type2 .read_more_box {
        text-align: end;
    }

    .news_type2 .decorate_icon {
        position: relative;
        width: 44px;
        height: 10px;
        text-align: right;
        display: block;
        top: 3px;
        left: 15px;
    }

        .news_type2 .decorate_icon::after {
            width: 44px;
            height: 2px;
            background: #1f1f1f;
            content: "";
            display: block;
            position: absolute;
            bottom: 0px;
            right: 2px;
        }

        .news_type2 .decorate_icon::before {
            width: 8px;
            height: 2px;
            background: #1f1f1f;
            content: "";
            display: block;
            position: absolute;
            bottom: 3px;
            right: 2px;
            transform: rotate(38deg);
        }

@media (max-width: 480px ) {
    .news_type2 .read_more_box {
        text-align: center;
    }
}