.blog_front_category.template_full_view_sti
{
	position: relative;
	margin-bottom: 100px;
}

.blog_front_category.template_full_view_sti .component_body
{
	width: 1024px;
	margin: 0px auto;
	min-height: 400px;
}

.blog_front_category.template_full_view_sti .uploadfile_fullimage
{
	overflow: hidden;
	height: 300px;
	border-bottom: 5px solid #1e2328;
}

.blog_front_category.template_full_view_sti .uploadfile_fullimage:after
{
	background: rgba(0, 0, 0, 0.6);
	content: "";
	position: absolute;
	width: 100%;
	height: 300px;
	top: 0px;
}

.blog_front_category.template_full_view_sti .uploadfile_fullimage img
{
	width: 100%;
}

.blog_front_category.template_full_view_sti>.string_title
{
	position: absolute;
	width: calc(50% - 300px);
	text-align: right;
	margin-left: -20px;
	transform: skew(-20deg);
	top: 0px;
	background: #3d4750;
	color: #fff;
}

.blog_front_category.template_full_view_sti>.string_title>.field_value
{
	transform: skew(20deg);
	margin-right: 50px;
}

.blog_front_category.template_full_view_sti>.texteditor_fulltext
{
	position: absolute;
	width: calc(50% - 300px);
	top: 100px;
	color: #fff;
	margin-left: calc(50% - 520px);
	font-size: 15px;
}




.blog_front_category.template_full_view_sti .sub_categories, .blog_front_category.template_full_view_sti .sub_articles
{
	margin-left: 350px;

}

.blog_front_category.template_full_view_sti .component_view
{
	position: relative;
	height: 270px;
	overflow: hidden;
	margin-top: 50px;
}


.blog_front_category.template_full_view_sti .sub_categories .component_view, .blog_front_category.template_full_view_sti .sub_articles .component_view
{
	background: #d7dbde;
}




.blog_front_category.template_full_view_sti .sub_categories .uploadfile_intro_image img, .blog_front_category.template_full_view_sti .sub_articles .uploadfile_intro_image img
{
	width: 100%;
}

.blog_front_category.template_full_view_sti .sub_categories .string_title, .blog_front_category.template_full_view_sti .sub_articles .string_title
{
	position: absolute;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	font-size: 20px;
	font-weight: bold;
}

.blog_front_category.template_full_view_sti .sub_categories .string_title a, .blog_front_category.template_full_view_sti .sub_articles .string_title a
{
	text-decoration: none;
	color: #fff;
	padding: 20px;
	display: block;
	text-transform: uppercase;
}

.blog_front_category.template_full_view_sti .sub_articles .texteditor_introtext
{
	padding: 10px;
}