/* ========================================================== */
/* Podcast節目 */
/* ========================================================== */

.pageContent_bg > .wrap {
    /* width: 960px; */
    /* width: 1200px; */
}

.podcast_bg{
    padding: 6.25rem 0;
    display: flex;
    column-gap: 3.1250vw;
    row-gap: clamp(1.9355rem, 3.1250vw, 3.7500rem); /* 30.97px , 3.1250vw , 60.00px */

    /* display: grid; */
    /* grid-template-columns: 3fr 7fr; */
}


    .podcast_left{
        box-sizing: border-box;
    }
        .podcast_left span ,
        .podcast_left a{
            position: relative;
            padding-top: 100%;
            border-radius: .625rem;
            display: block;
            overflow: hidden;
        }
            .podcast_left 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;
            }
        

    .podcast_right{
        display: flex;
        flex-direction: column;
        gap: .9375rem;
    }
        .podcast_title{
            position: relative;
            display: block;
            font-size: 1.75rem;
            color: #333;
            font-weight: lighter;
        }
            .podcast_title strong{
                display: inline-block;
                font-size: inherit;
                line-height: inherit;
                padding: 0;
                margin: 0;
                color:  inherit;
                /* color: #ffffff00; */
                text-decoration: underline 6px solid #F6F5CA;
                /* line-height: 1.1; */
                /* position: absolute; */
                /* top: 0; */
                /* left: 0; */
                z-index: 0;
                padding-bottom: 5px;
            }
        
            /* 網編區塊 */
            .podcast_right .text_area{
                color: #626262;
                line-height: 1.5;
                display: block;
                margin-bottom: 0;
                font-size: 1.125rem;
            }




    .podcast_right .link{
        margin: 0;
        padding: 0;
        list-style-type : none;
        display: flex;
        flex-direction: column;
        gap: clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
        display: grid;
        grid-template-columns: repeat(2 , 1fr);
    }
        .podcast_right .link li{
            margin: 0;
            padding: 0;
            list-style-type : none;
            display: flex;
            flex-direction: column;
            height: 100%;
        }
            .podcast_right .link li a{
                display: flex;
                align-items: center;
                flex-grow: 1;
                background-color: #787a91;
                border-radius: .3125rem;
                justify-content: space-between;
                padding: 0.625rem clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
                color: #fff;
                text-align: center;
                position: relative;
                text-decoration: none;
                transition: 0.3s ease all;
            }
            .podcast_right .link li a:hover{
                opacity: 0.5;
            }
                .podcast_right .link li img{
                    min-width:  clamp(1.5625rem, 1.5625vw, 1.8750rem); /* 25px , 1.5625vw , 30.00px */
                    width: clamp(1.5625rem, 1.5625vw, 1.8750rem); /* 25px , 1.5625vw , 30.00px */
                    /*padding: clamp(0.1613rem, 0.2604vw, 0.3125rem); *//* 2.58px , 0.2604vw , 5.00px */
                    /* border-radius: 50%; */
                    aspect-ratio: 1;
                    overflow: hidden;
                    /* background-color: #000; */
                }
                .podcast_right .link li p{
                    font-size: 1rem;
                    color: #cfcfcf;
                }
                .podcast_right .link .arrow{
                    position: relative;
                    min-width: clamp(0.8065rem, 1.3021vw, 1.5625rem); /* 12.90px , 1.3021vw , 25.00px */
                    width: clamp(0.8065rem, 1.3021vw, 1.5625rem); /* 12.90px , 1.3021vw , 25.00px */
                    aspect-ratio: 1;
                }
                .podcast_right .link .arrow::before{
                    content: "chevron_right";
                    /* position: absolute; */
                    font-size: clamp(0.8065rem, 1.3021vw, 1.5625rem); /* 12.90px , 1.3021vw , 25.00px */
                    /* top: 50%; */
                    /* right: 0.625rem; */
                    /* transform: translateY(-50%); */
                    display: inline-block;
                    /* font-family: bootstrap-icons; */
                    font-family: 'Material Icons';
                    font-style: normal;
                    color: #cfcfcf;
                    margin: 0px;
                    padding: 0;
                }






    .podcast_left ,
    .podcast_right{
        box-sizing: border-box;
        width: calc((100% / 2) - (1 * 3.1250vw / 2)); /* 2欄平均寬度 */
    }



@media(max-width:990px){

.podcast_bg{
    /* padding: 6.25rem 0; */
    /* display: flex; */
    flex-direction: column;
    gap: 1.5625rem;
}

    .podcast_left ,
    .podcast_right{
        width:100%; 
    }


}

@media(max-width:510px){

    .podcast_right .link {
        display: flex;
        flex-direction: column;
        grid-template-columns:unset;
    }


}