body {
    background-color: #F2F2F2 !important;
}

#jjbox {
    background-color: #F2F2F2;
}

@media(min-width:768px) {
    .zp_box {
        width: 1200px;
        min-height: 200px;
        margin: 24px auto;
        background-color: #FFF;
    }
    .box_header, .box_footer {
        min-height: 50px;
    }
    .box_data {
        min-height: 500px;
        border-top: 1px solid #EEE;
    }
    .zpitem {
        width: 31%;
        height: 200px;
        margin: 1%;
        border: 1px solid #EEE;
        float: left;
        background-color: #FFF;
        box-shadow: 0 0 5px #DDD;
    }
    .fm {
        width: 105px;
        height: 150px;
        display: block;
        position: relative;
        margin: 16px;
    }
    .fmname {
        position: absolute;
        right: 3px;
        top: 16px;
        color: #000;
        width: 25px;
        height: 150px;
    }
    .pageNav {
        margin-top: 24px;
    }
    .pageNo {
        padding: 4px 12px;
        font-size: 15px;
        border: 1px solid #EEE;
        margin-right: 12px;
        border-radius: 5px;
        cursor: pointer;
    }
    .pageNo:hover {
        border: 1px solid #DDD;
        font-weight: 600;
    }
    .carousel-inner {
        height: 450px;
    }
}