/* Write your styles */
body{ background-color: #f5f5f5; }
.book-tag-had{ text-align: center; color: #FFF; background-color: #096ed8; padding: 10px; margin-right: 20px; margin-bottom: 5px; }
.book-tag-body { text-align: center; padding: 12px; color: #333; background-color: #FFF;margin-right: 20px; margin-bottom: 5px;  }
.book-tag-body a{ font-size: 16px; color: #444444; margin-left: 10px; }

.col-box {border:1px solid #ece8e3;}
.col-box img{width:100%;}
.col-title { font-size: 22px; padding:30px 0px 10px 20px; letter-spacing: 2px;  }
.col-title span{ border-top: 2px solid #c09f73; padding-top: 10px; padding-left: 0px; }


.kc_list { padding-left: 20px !important; }

.kc_list h3 {
    font-size: 18px;
    color: #242629;
    line-height: 25px;
    font-weight: normal;
}

.kc_list h3 span.tag {
    margin-left: 20px;
    padding: 4px 10px;
    font-size: 12px;
    line-height: 17px;
    color: #A1A3A7;
    background: #F5F5F5;
    border-radius: 100px
}

.kc_list p.des {
    margin-bottom: 26px;
    height: 72px;
    overflow: hidden;
    font-size: 12px;
    line-height: 18px;
    color: #B7B9BD;
}

.kc_time {
    padding-right: 15px;
    font-size: 16px;
    line-height: 22px;
    color: #00AAE5
}


.kc_list .gostudy {
    position: absolute;
    top: 0px;
    right: 20px;
    display: block;
    border-radius: 100px;
}
.img_show{box-shadow: 0px 0px 3px #333;}
.img_show:hover{box-shadow: 0px 0px 5px #337ab7;}