@charset "UTF-8";
/**
 * Created by Crazy Urus.
 * DO NOT MODIFY THIS FILE
 * If you need to modify, please contact Crazy Urus first.
 */
.course {
    margin: 20px 0;
}

.course-title {
    padding: 20px 0;
}

.course-title > h3 {
    margin: 10px 0;
    width: 100px;
}

.course-title > .more {
    float: right;
    color: #ccc;
    text-decoration: none;
    display: inline-block;
    width: 100px;
}

.course-list.course-scroll {
	max-height: 700px;
	overflow-y: scroll;
}

.course-list ul {
    list-style: none;
    padding: 0;
    margin: -10px;
    overflow: hidden;
}

.course-list li {
    width: 20%;
    float: left;
}

.course-list li a {
    color: #000 !important;
}

.course-list.course-3 li {
    width: 33.3333%;
}

.course-list.course-4 li {
    width: 25%;
}

.course-list.course-1 ul {
    margin: 0;
}

.course-list.course-1 li {
    width: 100%;
}

.course-list.course-1 li > .course-item {
    margin: 10px 0;
}

.course-item {
    margin: 10px;
    height: 180px;
    position: relative;
    cursor: pointer;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.course-select {
    max-height: 560px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-right: -14px;
    padding-right: 15px;
    margin-bottom: -20px;
}

.course-select .course-item.active {
    border: 2px solid #3c8dbc;
}
.course-select .course-item.active .course-caption {
    background: #3c8dbc;
    color: #fff;
}

.course-select .course-item.active:before {
    width: 26px;
    height: 26px;
    background: #3c8dbc;
    content: "\e013";
    position: absolute;
    color: #fff;
    z-index: 9;
    font-family: 'Glyphicons Halflings';
    text-align: center;
    line-height: 26px;
}

.course-item:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.course-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 67%;
}

.course-caption {
    position: absolute;
    bottom: 0;
    height: 60px;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    padding: 5px 10px;
}

.course-status {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    padding: 5px;
    background: rgba(0, 0, 0, 0.6);
}

.course-caption > p {
    margin: 0;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.course-add {
    background: url('data:image/svg+xml;charset=utf8, <svg width="200" height="200" viewBox="0 0 200 200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g class="transform-group"><g transform="scale(0.1953125, 0.1953125)"><path d="M863.328262 481.340895l-317.344013 0.099772L545.984249 162.816826c0-17.664722-14.336138-32.00086-32.00086-32.00086s-31.99914 14.336138-31.99914 32.00086l0 318.400215-322.368714-0.17718c-0.032684 0-0.063647 0-0.096331 0-17.632039 0-31.935493 14.239806-32.00086 31.904529-0.096331 17.664722 14.208843 32.031824 31.871845 32.095471l322.59234 0.17718 0 319.167424c0 17.695686 14.336138 32.00086 31.99914 32.00086s32.00086-14.303454 32.00086-32.00086L545.982529 545.440667l317.087703-0.099772c0.063647 0 0.096331 0 0.127295 0 17.632039 0 31.935493-14.239806 32.00086-31.904529S880.960301 481.404542 863.328262 481.340895z" fill="#bbb"></path></g></g></svg>') no-repeat center;
    background-size: 50% 50%;
}