@charset "UTF-8";

@media all and (max-width:480px){
            
    .section-title,.content-list-area{width: 95%}

    .content-list-article > div{}
    .content-list-article article{width: 100%}

    .content-list-area .content-list-left .content-list-article .news-image{height: 80px;overflow: hidden;}
    .content-list-area .content-list-left .content-list-article .news-image figure{
        overflow: hidden;
        border-radius: 100%;
        height: 75px;
        width: 75px;
        border:1px solid #ccc;
        float: left;
    }


}
@media all and (min-width:481px) and (max-width:767px){

    .section-title,.content-list-area{width: 480px}

    .content-list-article > div{}
    .content-list-article article{width: 100%}

    .content-list-area .content-list-left .content-list-article .news-image{height: 80px;overflow: hidden;}
    .content-list-area .content-list-left .content-list-article .news-image figure{
        overflow: hidden;
        border-radius: 100%;
        height: 75px;
        width: 75px;
        border:1px solid #ccc;
        float: left;
    }

}
@media all and (min-width:768px) and (max-width:1024px){

    .section-title,.content-list-area{width: 767px}


    .content-list-article article{width: 100%}

    .content-list-area .content-list-left .content-list-article .news-image figure{height: 220px !important;overflow: hidden;text-align: right;}
    .content-list-area .content-list-left .content-list-article .news-image figure img{width: 90% !important}

}
@media all and (min-width:1025px) and (max-width:1199px){

    .section-title,.content-list-area{width: 1005px}

    .content-list-article article{width: 100%}

    .content-list-area .content-list-left .content-list-article .news-image figure{height: 220px !important;overflow: hidden;text-align: right;}
    .content-list-area .content-list-left .content-list-article .news-image figure img{width: 80% !important}

    .content-right .content-right-life .news-image figure{height: 128.75px !important;}
}
@media all and (min-width:1200px){

    .section-title,.content-list-area{width: 1180px}

    .content-list-article article{width: 100%}
    .content-list-area .content-list-left .content-list-article .news-image figure{height: 220px !important;overflow: hidden;text-align: right;}
    .content-list-area .content-list-left .content-list-article .news-image figure img{width: 80% !important}

    .content-right .content-right-life .news-image figure{height: 155.78px !important;}

}

.main-header{margin: 0 auto 20px auto}


.section-title{margin: 0 auto;border-bottom: 1px solid #ccc}
.section-title h3{
    font-size: 22px;
    margin: 0 0 0 5px;
    display: inline-block;
    padding: 0 0 20px 0;
}

.content-list-area{margin: 0 auto;padding: 20px 0 0 0}

.content-list-article{}
.content-list-article article{overflow: hidden}
.content-list-article article .expert-area{overflow: hidden;border:1px solid #ccc;width: 98%;margin: 0 1% 15px 1%}

.content-list-article article .expert-area .news-text{margin: 30px 0 0 2%;width: 58%;float: left}
.content-list-article article .expert-area .news-text .headline span{
    font-size: 20px;
    letter-spacing: -.065em;
    font-weight: 600;
}

.content-list-article article .expert-area .news-image{width: 40%;float: left;}
.content-list-article article .expert-area .news-image figure{height: 183px !important;overflow: hidden;}
.content-list-article article .expert-area .news-image figure img{width: 80% !important}
.content-list-article article .expert-area .news-image figure figcaption{position: fixed;left: -9999px;top:-9999px}

/*list-more-btn*/
.list-more-btn{text-align: center;margin: 40px auto 0 auto;width: 100%;float: left;padding: 0 0 50px 0}
.list-more-btn:hover{cursor: pointer}
.list-more-btn p{position: relative}
.list-more-btn p span{display: block}
.list-more-btn p span:nth-child(1){width: 50px;height: 50px;border-radius: 100%;background: #ccc;display: inline-block;line-height: 50px;background: #fff;border:1px solid #ccc;position: relative;z-index: 1}
.list-more-btn p span:nth-child(2){border-top: 1px solid #ccc;padding: 35px 0;position: absolute;top:25px;width: 100%}
/*list-more-btn*/

.category span{display: block}
.category span:first-child{font-weight: 700;font-size: 18px;letter-spacing: -0.4px;color: #0c8a82}