.podcastBg {
    width: 1200px;
    padding: 30px 0;
    margin: 0 auto;
}

.podcastBg .titlec h2 {
    padding: 10px;
    line-height: 40px;
    color: #2c334e;
}

.podcastBg .titlec span{
    color: #2c334e;
    font-size: 26px;
    font-weight: 400;
}

.podcast .box span {
    font-size: 18px;
    color: #334062;
    display: inline-block;
    line-height: 22px;
    padding: 15px 0;
    margin: 0 auto;
    width: 300px;
    text-align: center;
}

/*product img*/
div.productContentImg{ position:relative; width:auto; height:280px; margin:0 auto 6% auto; background:#ffffff;}
div.productContentImg img{ 
    max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto; }
div.productContentImg span.sentence{ position:absolute; width:85%; bottom:-15px; left:0; right:0; margin:0 auto; padding:1.6% 2%; color:#ffffff; background:#d95428; border-radius:25px; z-index:2; font-size:18px;}
small{font-size: 60%;}

/* 1x4 */
.box_1x4 ul{ padding:10px 0 0 0; display:flex; flex-wrap:wrap; item-align:stretch;}
.box_1x4 ul li{ width:23.2%; margin:5px 10px; background:#fff; padding-bottom:0.5%;  border-radius:10px;}
.box_1x4 ul li img{width:270px; height: 270px;object-fit: contain;}
.box_1x4_2{ padding-bottom:0px; }

.bg_2 .box_1x4 ul{ width: 1100px; padding: 0 50px;}
.bg_2 .box_1x4 ul li{ width: 250px;margin:5px 0px;background:none;}
.bg_2 .box_1x4 ul li img{width:250px; height: 270px;object-fit: contain;}

.box_1x4 div.productContentImg{ margin: 10px auto 12% auto;}
.box_1x4 div.productContentImg span.sentence{ width:100%; bottom:-30px; padding:5px 5%; border-radius:0px;}

.podcastBg .box_1x4 .podcast .box span { margin: 10px auto 0 auto; }
.podcastBg .box_1x4 li p,.bg_9 .box_1x4 li p{font-size: 20px;color: #b63300;}

    @media screen and ( max-width: 768px ){
        .box_1x4{ padding-top:0vw;}

        .box_1x4 ul{ margin-top:0vw;padding-top: 0;}
        .box_1x4 ul li{ width:47%; margin:1.5% 1.5%;}

        .box_1x4 div.productContentImg{ margin:0 auto 5vw auto;}
        .box_1x4 div.productContentImg span.sentence{ bottom:-5vw; padding:1.6% 3%; }
        .box_1x4_2{ padding-bottom:3vw; }
.bg_2 .box_1x4 ul{ width:96%;  height: auto; padding: 0px;}
.bg_2 .box_1x4 ul li{ width:47%; margin:1.5% 1.5%;}
.bg_2 .box_1x4 ul li img{width:47vw; height: 47vw;}
        .bg_2 .box_1x4 ul li span{ font-size: 18px; font-weight: 500;}
        .bg_5 .box_1x4 li p,.bg_9 .box_1x4 li p{font-size: 15px;color: #b63300;}

}


.podcast{ width: 1090px; margin: 0 auto; }
.podcast img{ width: 770px; display: inline-block; transition-duration:.3s;}
.podcast img:hover{transform: translateY(-8px);}
.podcast h3{ color: #ffffff; padding: 10px 0px;font-size: 18px; background-color: #d95428;}

.section8 p{text-align: center;}
.box_1x4_3{padding-left: 0px; float: right;}
.box_1x4_3{ width: 300px;padding: 0px; margin: 0px;}
.box_1x4_3 ul { padding-top: 0px;}
.box_1x4_3 ul li{ width: 100%; margin: 0px;}
.box_1x4_3 ul li span{margin-bottom: 10px;}
.box_1x4_3 div.productContentImg{ margin-bottom: 0px;}
.box_1x4_3 ul li img{padding: 0px; }
.tag a { font-size: 20px; color: #d95428; padding: 1px 12px; border: #d95428 1px solid; border-radius: 20px; margin-left: 20px; bottom: 3px; position: relative; }
.bg_8 .bn{ margin-top: 20px;}

@media screen and ( max-width: 768px ){
    
    .podcast{ width: 96vw; margin: 0px auto; padding-bottom: 2vw;}
    .podcast img{ width: 96%; margin: 0px 0 2vw 2vw; }
    .box_1x4_3{ width: 96%;float: none;}
    .box_1x4_3{  width: 96%;padding: 3px; margin: 0px auto;}
    .box_1x4_3 div.productContentImg{ width: 80vw;height: 80vw; margin-bottom: 0;}
    .box_1x4_3 ul li img{ width: 80vw;height: 80vw;padding: 2vw; object-fit: contain;}
    .tag a { width: 60%; display: block; bottom: 0px; position: relative;  margin: 5% auto;padding: 2% 5%;}
    
}