ul.course {width:100%; border:1px solid #a6a6a6;}
ul.course li {float:left; width:25%; height:70px; line-height:70px; border-left:1px solid #a6a6a6; text-align:center; font-size:20px;}
ul.course li:first-child {border:none;}
ul.course li a {display:block; width:100%;}
ul.course li a.on {background:#80ba27; color:#fff;}


.course_box {position:relative; text-align:center; border:1px solid #ddd; padding:50px 160px;}
.course_box dl {text-align:center;}
.course_box dl dt {text-align:center; color:#1a1a1a; font-size:34px;}
.course_box dl dd {font-size:15px; font-weight:300; color:#1a1a1a;}
.course_box dl dd span {position:relative; padding-left:20px; margin:20px; font-size:15px;}
.course_box dl dd span:before {content:''; position:absolute; top:4px; left:0; width:15px; height:15px; border-radius:100%;}
.course_box dl dd span:nth-child(1):before {background:#75c4e4;}
.course_box dl dd span:nth-child(2):before {background:#ddd;}
.course_box dl dd span:nth-child(3):before {background:#ebc85d;}
.course_box dl dd span:nth-child(4):before {background:#e05643;}

.course_box ul.hole {margin:0 auto; font-size:0; margin-bottom:30px;}
.course_box ul.hole li {display:inline-block; width:60px; height:60px; border-radius:100%; background:#e7e7e8; margin:0 5px;}
.course_box ul.hole li a {display:block; text-align:center; height:60px; line-height:60px; color:#444; border-radius:100%; font-size:13px;}
.course_box ul.hole li a:hover , .course_box ul.hole li a.on {background:#455560; color:#fff;}

.course_box .pager {position:absolute; width:100%; top:300px; left:0;}
.course_box .pager span.prev {float:left;}
.course_box .pager span.next {float:right;}

.course_box p {line-height:1.3;}