@charset "utf-8";

h2.page-subject {margin-top:0;margin-bottom:30px;padding-bottom:10px;font-size:16px;color:#333;border-bottom:1px solid #ddd}
h2.page-subject small {font-size:70%}
.kso-article .page-top {padding-top:50px;margin-bottom:50px;width:100%;height:217px;background:url(../img/page-top-bg.jpg) no-repeat right top}
.kso-article .page-title {padding-left:15px;border-left:3px solid #9bcbdf}
.kso-article .page-title h3 {margin-bottom:5px;line-height:34px;color:#a34523}
.kso-article .page-title p {color:#888}

.kso-article .circle-wapper {display:table;margin-bottom:50px;width:100%;text-align:center}
.kso-article .circle-block {  
	font-size:16px;
	display: table-cell;color:#fff;
	position: relative;width: 230px;height: 230px;
	text-align: center;vertical-align:middle;
	z-index: 999;border: 0px solid;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%
 }
.kso-article .circle-left {margin-right:-5%;background-color: rgba(55,184,166,0.5);border-color:#21b39c}
.kso-article .circle-center {margin: 0 auto;background-color: rgba(151,87,183,0.5);border-color:#9145a9}
.kso-article .circle-right {margin-left:-5%;background-color: rgba(231,135,49,0.5);border-color:#e57208}

.kso-article .section-wapper {margin-bottom:50px}
.kso-article .section-wapper h3 {font-size:20px;color:#2f3690}
.kso-article .section-wapper h3:after {content:'';display:block;margin:20px 0;width:60px;height:1px;background-color:#ff7e00}
.kso-article .section-wapper p {line-height:24px}
.kso-article .section-wapper {margin-bottom:50px}
.kso-article .section-wapper h4 {font-size:16px;font-weight:600;color:#a34523} 

@media (min-width: 992px) {
	.kso-article .circle-block {width:230px;height:230px}
}
@media (max-width: 480px) {
	.kso-article .circle-block {width:34%;height:110px;padding:10px;display:table-cell;vertical-align:middle;font-size:13px}
	.kso-article .page-top {padding-top:0;margin-bottom:0;height:140px;background:none}
}
@media (min-width: 1200px) {
	.kso-article .circle-block {width:280px;height:280px}
}