.stepBar {
	color: #000;
	margin: 10px 0px;
	overflow: hidden;
	font-weight: bold;
}
@media screen and (min-width: 768px) {
	.stepBar {
		background-color: #2f63954d;
		overflow: hidden;
		font-weight: bold;
		color: #fff;
		margin: 10px 0px;
	}
	.stepBar .step {
		float: left;
		border-right-width: 2px;
		border-right-style: solid;
		border-right-color: #FFF;
	}
}
.stepBar .step:last-Child {
	border-left: none;
}
.stepBar .step .sText {
	overflow: hidden;
	display: block;
	margin-left: 10px;
	line-height:35px;
}
@media screen and (min-width: 768px) {
	.stepBar .step .sText {
		margin-top: 5px;
		margin-right: 20px;
		margin-bottom: 5px;
		margin-left: 10px;
	}
	.stepBar .here {
		background: #2F6395;
	}
}
.stepBar .step span {
	filter: Alpha(Opacity=30);
	opacity: .3;
	-moz-opacity: .3;
}
.stepBar .here span {
	filter: Alpha(Opacity=100);
	opacity: 1.0;
	-moz-opacity: 1.0;
}
.stepBar .step .sText:before {
	display:block;
	border: 2px solid #000;
	-moz-border-radius: 20px;
	border-radius: 20px;
	width:20px;
	line-height:20px;
	float:left;
	text-align:center;
	margin-right:5px;
	margin-top:5px;
}
@media screen and (min-width: 768px) {
	.stepBar .step .sText:before {
		border: 2px solid #fff;
	}
}
.stepBar .step:nth-of-type(1) .sText:before {
	content:'1';
}
.stepBar .step:nth-of-type(2) .sText:before {
	content:'2';
}
.stepBar .step:nth-of-type(3) .sText:before {
	content:'3';
}
.stepBar .step:nth-of-type(4) .sText:before {
	content:'4';
}