body{
    overflow-x: hidden;
}

.bg-bright-orange{
    background: #faf5f1;
}
.bg-body-secondary{
    background: #E9ECEF;
}

.bg-bright-blue{
    background: #f4f8fc;
}

.bg-bright-green{
    background: #eaf3ea;
}

.bglight-grey{
    background: #efefef;
}

.new_pro_title{
    background: #198754;
    color: #FFF;
    border-radius: 200px;
}

.new_pro_h2{
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffe15e;
    color: #198754;
    font-weight: bold;
}

.new_pro_content{
    border-radius: 200px;
}

.table_div_pro .new_pro_content{
    background: #efefef;
}

/* .tlist:nth-of-type(even) .col-12 .new_pro_content{
    background: #f8f8f8;
} */

.table_div_style1 .new_pro_content{
    background: #eaf3ea;
}
.table_div_style1  .color_Plus .new_pro_content{
    background: #bdd4bd;
}

.table_div_style1 .color_Pro .new_pro_content{
    background: #a4caa4;
}

.table_div_style1 .color_Promax .new_pro_content{
    background: #95be95;
}


.table_div_style2 .new_pro_content{
    background: #f7f2e5;
}
.table_div_style2  .color_Plus .new_pro_content{
    background: #fbedc6;
}

.table_div_style2 .color_Pro .new_pro_content{
    background: #ffe497;
}

.table_div_style2 .color_Promax .new_pro_content{
    background: #ffd660;
}

.green_bg{
    background: #87c0a67d;
}

/* 不返還買斷金額 */
.color_leasebox2{
    background: #FFEB3B;
    color: #333;
}

@media (max-width: 1154px) {
    .break_txt span{
        display: block;
    }
}

@media (max-width: 936px) {
    .break_txt span{
        display: block;
    }
}


@media (max-width: 768px) {
    .table_div_style1 .new_pro_content,
    .table_div_style1 .new_pro_title,
    .table_div_style2 .new_pro_content,
    .table_div_style2 .new_pro_title{
        border-radius: 100px;
    }
    .break_txt div{
        max-width: 80px;
        text-align: center;
    }
    .table_div_pro .new_pro_content{
        border-radius: 5px;
    }
    .table_div_pro .new_pro_content div:before,
    .table_div_pro .new_pro_content div:before{
        content: attr(data-title);
    }
}

@media (max-width: 578px) {
    .new_pro_title div{
       display: none;
    }
    .new_pro_h2,
    .table_div_style1 .new_pro_content,
    .table_div_style1 .new_pro_title,
    .table_div_style2 .new_pro_content,
    .table_div_style2 .new_pro_title{
        border-radius: 5px;
    }
    .table_div_style1 .new_pro_content div:before,
    .table_div_style2 .new_pro_content div:before{
        content: attr(data-title);
    }
}