.banner {
    background-image: url(../images/portfolio/banner.png);
}

.portfolio_content {
    width: 14.8rem;
    margin: .6rem auto 1rem;
}

.portfolio_txt {
    text-align: center;
    font-family: MiSans, MiSans;
    font-weight: 400;
    font-size: 0.2rem;
    color: #3B3B3B;
    line-height: 0.3rem;
}

.portfolio_content table {
    width: 100%;
    font-family: MiSans, MiSans;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    border-collapse: collapse;
    border: .01rem solid #E0E0E0;
}

tr {
    height: .4rem;
}

tr:first-child {
    background: #000000;
}

th{
    font-family: MiSans, MiSans;
    font-weight: 500;
    font-size: 0.16rem;
    color: #FFFFFF;
}

td,
th {
    border: .01rem solid #E0E0E0;
    padding: 0 .25rem;
    box-sizing: border-box;
}

td:nth-child(1),
th:nth-child(1) {
    width: 7.36rem;
}

td:nth-child(2),
th:nth-child(2) {
    width: 2.82rem;
}

td:nth-child(3),
th:nth-child(3) {
    width: 2.14rem;
}

td:nth-child(4),
th:nth-child(4) {
    width: 2.48rem;
}

td img{
    width: auto;
    height: .2rem;
    display: block;
    margin: 0 auto;
}

.table_title {
    background: #DA0C1A;
}

@media screen and (max-width:1024px){
    .portfolio_content{
        width: 100%;
        margin: 0;
        padding-left: 10px;
        padding-right:10px ;
        box-sizing: border-box;
    }
    .portfolio_txt{
        font-size: 16px;
        line-height: 1.5;
    }
    .portfolio_content p:nth-of-type(1){
                margin-top: 15px;
    }
    .portfolio_content table{
        width: 100%!important;
        height: auto!important;
        margin-bottom: 15px;
    }
    td:nth-child(2), th:nth-child(2){
        width: fit-content!important;
    height: auto!important;
    font-size: 14px!important;
    padding: 5px 5px 5px 5px!important;
    }
    td:nth-child(3), th:nth-child(3){
                width: fit-content!important;
    height: auto!important;
    font-size: 14px!important;
    padding: 5px 5px 5px 5px!important;
    }
        td:nth-child(4), th:nth-child(4){
                width: fit-content!important;
    height: auto!important;
    font-size: 14px!important;
    padding: 5px 5px 5px 5px!important;
    }
    td:nth-child(1), th:nth-child(1){
                        width: fit-content!important;
    height: auto!important;
    font-size: 14px!important;
    padding: 5px 5px 5px 5px!important;
    }
}