#coursetitle {
	background: #52c1d2 url(images/course_titlebg.jpg) no-repeat center top;
}

h2.point {
	background-color: #52c1d2;
}

h3.pointtitle {
	border-bottom: 2px dotted #52c1d2;
	color: #52c1d2;
}

div.pointbg {
	background: #ffe8b9;
	border-radius: 20px;
	display: inline-block;
	margin: 1.5em 0;
	max-width: 100%;
	min-width: 120px;
	-moz-border-radius: 20px;
	padding: 30px 20px;
	position: relative;
	-webkit-border-radius: 20px;
}

div.pointbg:before {
	border: 15px solid transparent;
	border-bottom: 15px solid #ffe8b9;
	content: "";
	left: 50%;
	margin-left: -15px;
	position: absolute;
	top: -30px;
}

div.pointbg h4 {
	border-bottom: 3px solid #e69b00;
	color: #e69b00;
	font-size: 25px;
	padding-bottom: 2px;
}

div.pointbg div.detail {
	padding: 0px 20px;
}

div.pointbg div.detail div.nograde {
	text-align: center;
}

div.pointbg div.detail div.nograde ul li {
	background: #e69b00;
	border-radius: 50%;
	display: inline-block;
	height: 170px;
	margin: 0px 2px;
	padding: 8px;
	position: relative;
	width: 170px;
}

div.pointbg div.detail div.nograde ul li em {
	color: white;
	display: inline-block;
	font-size: large;
	font-style: normal;
	font-weight: 600;
	left: 10%;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 150px;
}