.middle_text::after {
	position: absolute;
	top: 0;
	right: 0;
	background: #ea2628;
	content: "";
	height: 50%;
	width: 7px;
}

.middle_text::before {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 7px;
	height: 50%;
	background: #2726ec;
}

.middle_text{
	background-color: #eeeeee;
	padding: 10px 20px;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
	position: relative;
}
.middle_text.middle_text_left {
	float: left;
	margin-right: 15px;
}
.middle_text.middle_text_right {
	float: right;
	margin-left: 15px;
}
.middle_text_10 { width: 10%; }
.middle_text_20 { width: 20%; }
.middle_text_30 { width: 30%; }
.middle_text_40 { width: 40%; }
.middle_text_50 { width: 50%; }
.middle_text_60 { width: 60%; }
.middle_text_70 { width: 70%; }
.middle_text_80 { width: 80%; }
.middle_text_90 { width: 90%; }
.middle_text_100 { width: 100%; }