body {
  padding-bottom: 20px;
}

.navbar {
  margin-bottom: 20px;
}


.course-list .course-item .title {
    margin-top: 10px;
    padding: 0 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.course-list .course-item .metas {
    margin-top: 10px;
    padding: 0 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}


.course-list .course-item .mene{
    text-align: center;
}

.swiseborder{ border:solid 1px #c0c0c0; }

.cont{
display:inline-block;
white-space:nowrap;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;  
}

.pro-item {
    z-index: 1;
    margin-bottom: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #e4e4e4;
	height:220px;
	overflow:hidden;
    /* background-color: #fff; */
}

.pro-item ul {padding:4px;}


.buycard{color: #009380;}
.red{color:#ff0000;}
.myActiv {border:1px solid #c0c0c0; 
	width:250px; float:left; margin:10px; padding-bottom:10px;
	overflow:hidden;
}
.myActiv ul li{ margin-left:10px;}