.box-learning{
	float:left;
	width:30%;
	margin-left:20px;
	margin-top:20px;
}	
.head-learn{
	width:100%;
	height:20px;
	text-align:left;
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	
}
.detail-learn{
	width:100%;
	height:20px;
	text-align:left;
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#eeeeee;
	border:1px solid #FFFFFF;
}
#detail-org:hover{
	background-color:#ffe0b2;
}
#detail-blue:hover{
	background-color:#e1f5fe;
}
#detail-green:hover{
	background-color:#dcedc8;
}
#detail-pink:hover{
	background-color:#FFCCFF;
}
#detail-violet:hover{
	background-color:#FFBBFF;
}
#detail-yellow:hover{
	background-color:#FFEC8B;
}
#p4{
	background-color:#ff9800;
}
.img-head{
	float: left;
    padding:5px 10px;
}
.listlink{
	padding-left:50px;
	color:#616161;
	float:left;
	width:60%;
}
.listlink:hover{
	color:#616161;
}
.sublist1{
	width:15%;
	height:20px;
	background-color:#bdbdbd;
	color:#9e9e9e;
	font-size:12px;
	float:left;
	border-radius:10px;
	/*padding-left:10px;*/
	padding-top:2px;
	text-align:center;
}
.sublist2{
	margin-left:5px;
	width:15%;
	height:20px;
	background-color:#9e9e9e;
	color:#9e9e9e;
	font-size:12px;
	float:left;
	border-radius:10px;
	padding-left:10px;
	padding-top:2px;
}
#sub-org:hover{
	background-color:#e65100;
}
#sub-blue:hover{
	background-color:#0277bd;
}
#sub-green:hover{
	background-color:#259b24;
}
#sub-pink:hover{
	background-color:#FF3366;
}
#sub-violet:hover{
	background-color:#BC8F8F;
}
#sub-yellow:hover{
	background-color:#CD950C;
}

#bg-org{
	background-color:#ff9800;

}
#bg-blue{
	background-color:#00bcd4;

}
#bg-green{
	background-color:#8bc34a;

}
#bg-pink{
	background-color:#FF6666;

}
#bg-violet{
	background-color:#8B658B;

}
#bg-yellow{
	background-color:#8B6914;

}