.double-sort .list {
    float:left;
    width:100%;
    padding:1.25em 0;
}

.double-sort .list .list-item {
    float:left;
    width:96%;
    margin:0 2% 1em 2%;
    clear:both;
}

.subject {
    font-family:verdana;
    font-size:14px;
    line-height:24px;
    color:#444;
}

.course {
    font-family:verdana;
    font-size:12px;
    line-height:24px;
    color:#8e3d3d;
}

.jplist .block {
    width:840px;
}

.jplist .title {
    font-size:16px;
    color:#f03800;
}

.jplist .date {
    float:right;
    color:#440e00;
}

.jplist .like, .jplist .keywords {
    color:#440e00;
}

.jplist .price {
    color:#17161b;
}

.jplist .list {
    background:#fff;
    margin:5px 0;
}

.jplist .list .img {
    width:15%;
    margin:0 1%;
    float:left;
    font-size:0;
    text-align:center;
}

.jplist .list .img img {
    max-width:90%;
    border-radius:3px;
}

.jplist .list .block {
    float:right;
    width:82%;
    margin-right:1%;
}

.jplist .list .block p {
    margin:0;
    padding:0 15px 5px 0;
}

.jplist .list .list-item {
    margin-top:15px;
    float:left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border:2px solid #E3E3E3;
    background-color:#FFFFFF;    
    width: 90%;
}
.jplist .list .list-item .list-item-rec{
    padding: 5px 10px 12px 10px;
}

.jplist .box-header {
    background:#e0d7c5;
    border-bottom:1px solid #ccbda1;
    border-radius:3px 3px 0;
    margin-top:20px;
    padding:5px 0;
}

@media only screen and (max-width:800px) {
    .jplist .list .block, .jplist .list .img {
        width:90%;
        margin:0 5%;
    }

    .jplist .list .img {
        border-radius:3px;
        font-size:0;
        line-height:0;
        padding:15px 0;
        margin-bottom:10px;
    }

    .jplist .list .img img {
        max-width:100%;
        border-radius:3px;
        border:1px solid #27252a;
    }

}.jplist-grid-view .list-item {
    width:20%;
    overflow:hidden;
    margin:20px 0;
}

.jplist-grid-view .list-item .img {
    width:100%;
    text-align:center;
    margin:0;
}

.jplist-grid-view .list-item .desc {
    display:none;
}

.jplist-grid-view .list-item .block {
    width:100%;
    text-align:center;
}

.jplist-grid-view .list-item .block p {
    padding:.3em 0 0 0;
}

.jplist-grid-view .list-item .block .title {
    line-height:1.5em;
    font-size:1em;
}

.jplist-grid-view .list-item .date {
    float:none;
}

@media only screen and (min-width:600px) and (max-width:800px) {
    .jplist-grid-view .list-item .img {
        width:90%;
        margin:0 5%;
    }

}@media only screen and (max-width:600px) {
    .jplist-grid-view .list-item {
        width:100%;
    }

    .jplist-grid-view .list-item .img {
        width:90%;
        margin:0 5%;
    }

}.jplist-thumbs-view .list-item {
    width:50%;
    overflow:hidden;
    margin:20px 0;
    position:relative;
}

.jplist-thumbs-view .list-item .img {
    width:100%;
    text-align:center;
    vertical-align:bottom;
}

.jplist-thumbs-view .list-item .img img {
    min-width:90%;
    vertical-align:bottom;
}

.jplist-thumbs-view .list-item .desc {
    display:none;
}

.jplist-thumbs-view .list-item .block {
    width:100%;
    text-align:center;
    position:absolute;
    background:#fff;
    opacity:.6;
    bottom:0;
}

.jplist-thumbs-view .list-item .block p {
    padding:.3em 0 0 0;
    font-weight:bold;
}

.jplist-thumbs-view .list-item .block .title {
    line-height:1.5em;
    font-size:1em;
}

.jplist-thumbs-view .list-item .date {
    float:none;
}

@media only screen and (max-width:800px) {
    .jplist-thumbs-view .list .img {
        background:#fff;
        border:0;
        padding:0;
        margin:0 5%;
        width:90%;
        overflow:hidden;
    }

    .jplist-thumbs-view .list .img img {
        border-radius:0;
        border:0;
    }

    .jplist-thumbs-view .list .block {
        margin:0 5%;
        width:90%;
    }

    .jplist-thumbs-view .list .block p {
        padding:0;
        text-align:center;
    }

}@media only screen and (max-width:600px) {
    .jplist-thumbs-view .list .date, .jplist-thumbs-view .list .like {
        display:none;
    }

}.demo-tbl {
    background:#fff;
    width:100%;
    float:left;
    border-collapse:collapse;
    border-right:1px solid #dbdbdb;
    border-bottom:1px solid #dbdbdb;
    margin:30px 0;
}

.demo-tbl td, .demo-tbl th {
    border-left:1px solid #dbdbdb;
    border-top:1px solid #dbdbdb;
    vertical-align:top;
    padding:15px;
}

.demo-tbl p {
    margin:0;
    padding:0 15px 5px 0;
}

.demo-tbl .odd {
    background:#e8eff9;
}

.demo-tbl .even {
    background:#f4f4f4;
}

.ul-li-list {
    background:#fff;
    padding-top:20px;
    padding-bottom:20px;
    margin:20px 0;
}

.ul-li-list .list-item {
    float:left;
    width:100%;
}

.ul-li-list .list-box {
    width:100%;
    float:right;
}

.ul-li-list .img {
    float:left;
    margin-right:20px;
    width:15%;
}

.ul-li-list .img img {
    max-width:90%;
    border-radius:3px;
}

.ul-li-list .block {
    float:right;
    width:82%;
    margin-right:1%;
}

.ul-li-list .desc {
    text-align:justify;
}

.ul-li-list p {
    margin:0;
    padding:0 25px 5px 0;
}

@media only screen and (max-width:800px) {
    .ul-li-list {
        list-style:none;
        padding:0;
        margin:20px 0;
    }

    .ul-li-list .block, .ul-li-list .img {
        width:90%;
        margin:0 5%;
    }

    .ul-li-list .img {
        border-radius:3px;
        font-size:0;
        line-height:0;
        padding:15px 0;
        margin-bottom:10px;
        text-align:center;
    }

    .ul-li-list .img img {
        max-width:100%;
    }

}.jplist-grid-view .ul-li-list {
    padding:0;
    margin:20px 0;
    list-style:none;
}

.jplist-grid-view .ul-li-list .list-item {
    width:20%;
    overflow:hidden;
    margin:20px 0;
}

.jplist-grid-view .ul-li-list .list-item .img {
    width:100%;
    text-align:center;
    margin:0;
}

.jplist-grid-view .ul-li-list .list-item .desc {
    display:none;
}

.jplist-grid-view .ul-li-list .list-item .block {
    width:100%;
    text-align:center;
}

.jplist-grid-view .ul-li-list .list-item .block p {
    padding:.3em 0 0 0;
}

.jplist-grid-view .ul-li-list .list-item .block .title {
    line-height:1.5em;
    font-size:1em;
}

.jplist-grid-view .ul-li-list .list-item .date {
    float:none;
}

@media only screen and (min-width:600px) and (max-width:800px) {
    .jplist-grid-view .ul-li-list .list-item .img {
        width:90%;
        margin:0 5%;
    }

}@media only screen and (max-width:600px) {
    .jplist-grid-view .ul-li-list .list-item {
        width:100%;
    }

    .jplist-grid-view .ul-li-list .list-item .img {
        width:90%;
        margin:0 5%;
    }

}.jplist-thumbs-view .ul-li-list {
    list-style:none;
    padding:0;
    margin:20px 0;
}

.jplist-thumbs-view .list-item {
    width:50%;
    overflow:hidden;
    margin:20px 0;
    position:relative;
}

.jplist-thumbs-view .list-item .img {
    width:100%;
    text-align:center;
    vertical-align:bottom;
}

.jplist-thumbs-view .list-item .img img {
    min-width:90%;
    vertical-align:bottom;
}

.jplist-thumbs-view .list-item .desc {
    display:none;
}

.jplist-thumbs-view .list-item .block {
    width:100%;
    text-align:center;
    position:absolute;
    background:#fff;
    opacity:.6;
    bottom:0;
}

.jplist-thumbs-view .list-item .block p {
    padding:.3em 0 0 0;
    font-weight:bold;
}

.jplist-thumbs-view .list-item .block .title {
    line-height:1.5em;
    font-size:1em;
}

.jplist-thumbs-view .list-item .date {
    float:none;
}

@media only screen and (max-width:800px) {
    .jplist-thumbs-view .ul-li-list .img {
        background:#fff;
        border:0;
        padding:0;
        margin:0 5%;
        width:90%;
        overflow:hidden;
    }

    .jplist-thumbs-view .ul-li-list .img img {
        border-radius:0;
        border:0;
    }

    .jplist-thumbs-view .ul-li-list .block {
        margin:0 5%;
        width:90%;
    }

    .jplist-thumbs-view .ul-li-list .block p {
        padding:0;
        text-align:center;
    }

}
@media only screen and (max-width:600px) {
    .jplist-thumbs-view .ul-li-list .date, .jplist-thumbs-view .ul-li-list .like {
        display:none;
    }

}