.all-course{
	width: 85%;
	margin: 0 auto;
	padding: 20px;
}
.big-course-area{
	padding: 10px;
	border:thin solid #B5B5B5;
	border-radius: 2px;
	margin-bottom:10px;
	overflow:hidden;
	clear:both;
}
.big-course-area:hover{
	border:thin solid #10AE58;
}
.big-course-pic{
	float:left;
}
.big-course-pic img{
	width: 350px;
	margin-right: 20px;
}
.all-course h{
	color:#424242;
	font-size: 22px;
	cursor:default;
}
.all-course span{
	color:#929292;
	font-size: 16px;
	padding-left: 50px;
	padding-right: 50px;
	margin-bottom: 30px;
	cursor:default;
}
.all-course a{
	font-size: 17px;
	color:#424242;
	text-decoration: none;
}
.specific-class ul li{
    text-overflow:ellipsis; 
	white-space:nowrap; 
	overflow:hidden;
	display: inline-block;
	width: 180px;
	display: inline-block;
    font-size:12px;
}
.specific-class{
}
.specific-class li a:hover{
	color: #10AE58;
}
/*=============================================small=============================================*/
@media screen and (max-width:768px){

    .big-course-pic img{
        position:relative;
        left:2.5%;
	    width: 95%;
	    margin-right: 20px;
    }
    .all-course span{
	    padding-left: 20px;
	    padding-right: 20px;
	    margin-bottom: 30px;
	    cursor:default;
    }
    .specific-class ul{
        margin:0px;
        padding:0px;
    }
    .all-course p{
	    padding-left: 15px;
	    padding-right: 15px;
	    margin-bottom: 6px;
    }
}
/*=============================================middle=============================================*/
@media screen and (min-width:768px) and (max-width:992px){
    .specific-class ul li{
    }
    .all-course p{
	    padding-left: 20px;
	    padding-right: 20px;
	    margin-bottom: 10px;
    }
}
/*=============================================big=============================================*/
@media screen and (min-width:992px){
    .specific-class ul li{
    }
    .all-course p{
	    padding-left: 50px;
	    padding-right: 50px;
	    margin-bottom: 30px;
    }
}