﻿/*********************************
5. Home
*********************************/
.tintuc-parallax-window
{
    min-height: 200px;
    background: transparent;
}
.tintuc-parallax_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.home_tintuc
{
	width: 100%;
	height:241px;
	margin-top:-40px;

	
}
.home_container_tintuc
{
	position: absolute;
	left: 0;
	bottom: 173px;
	width: 100%;
}
.home_title
{
	font-size: 30px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 0.75;
}
.breadcrumbs ul
{
	line-height: 0.75;
}
.breadcrumbs ul li
{
	display: inline-block;
	position: relative;
	font-size: 12px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 0.75;
}
.breadcrumbs ul li:not(:last-child)::after
{
	display: inline-block;
	content: '/';
	margin-left: 3px;
	margin-right: 3px;
}
.breadcrumbs ul li a
{
	font-size: 12px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 0.75;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.breadcrumbs ul li a:hover
{
	color: #2cd983;
}

/*********************************
7. News
*********************************/

.news
{
	width: 100%;
	background: #FFFFFF;
	padding-top: 30px;
	padding-bottom: 30px;
}
.news_post:not(:last-child)
{
	padding-bottom: 49px;
}
.news_post_date_container
{
	width: 70px;
	height: 90px;
	border-radius: 39px;
	background: linear-gradient(to right, #006600, #03ad03);
}

.news_post_day
{
	font-size: 36px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 0.75;
}
.news_post_month
{
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 0.75;
	margin-top: 11px;
}
.news_post_title_content
{
	padding-left: 7px;
}
.news_post_title a
{
	font-size: 30px;
	font-weight: 600;
	color: #006600;
	line-height: 1.2;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_title a:hover
{
	color: #03ad03;
}
.news_post_info
{
	margin-top: 3px;
}
.news_post_icon
{
	margin-top:-20px;	
}
.news_post_info ul li
{
	display: inline-block;
	position: relative;
	font-size: 14px;
	font-weight: 500;
	color: #838383;
}
.news_post_info ul li:not(:last-child)::after
{
	display: inline-block;
	position: relative;
	content: '|';
	font-size: 14px;
	font-weight: 500;
	color: #838383;
	margin-left: 10px;
	margin-right: 6px;
}
.news_post_info ul li a
{
	font-size: 14px;
	font-weight: 500;
	color: #838383;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_info ul li a:hover
{
	color: #2cd983;
}
.news_post_image
{
	margin-top: 18px;
	width: 100%;
}
.news_post_image img
{
	max-width: 100%;
}
.news_post_text
{
	margin-top: 12px;
}
.pagination
{
	margin-top: 42px;
}
.pagination ul li
{
	display: inline-block;
}
.pagination ul li a
{
	font-size: 16px;
	font-weight: 600;
	color: #252525;
}
.pagination ul li a:hover,
.pagination ul li.active a
{
	color: #3f6fce;
}
.pagination ul li .active
{color: #3f6fce;}

.noidungtomtat 
{	
	text-align:justify;
	font-size: 1.3em;
	font-family: fontFB;
	
	text-align: left;
	background: linear-gradient(to right, var(--color1),var(--color2));
	color: var(--color3);
	padding:10px;
	margin-bottom:15px;
	
}
.noidungtomtat img
{
	  box-shadow: 5px 10px 15px -10px #000;
    -webkit-box-shadow: 5px 10px 15px -10px #000;
    background-color: rgb(255, 255, 255);
    border-color: rgb(144, 190, 174);
    border-width: 5px;
    border-radius: 10px;
    padding:2px;	
}
.noidungchitiet p,.noidungchitiet_trangcon p
{
	font-size:1.2em;
	text-align:justify;
}
.noidungchitiet img
{
	width:100%;
}
.title_bar_01
{
	font-size: 1.3em;
	font-family: fontFB;
	border-bottom-width: 1px;
	text-align: left;
	background: linear-gradient(to right, var(--color1),var(--color2));
	color: var(--color3);
	padding: 3px;
	border-width: 5px;
	border-radius: 5px;
	padding: 2px;
}

.stt_chimuc
{
	position:absolute;
	font-size:1.3em;
	margin-left:13px;
	margin-top:4px;
}
.noidungchimuc img
{
	width:95%;
}
.noidungchimuc h3
{
	font-size: 1.4em;
	border-left-style: solid;
	border-left-width: 6px;
	border-left-color: #0000FF;
	padding: 5px 5px 5px 52px;
	border-bottom-style: dotted;
	border-bottom-color: #0000FF;
	border-bottom-width: 1px;
	font-weight: bold;
	background-color: #FFCC00;
	background-image: linear-gradient(180deg, #FFCC00, #FF9900);
	display:block;
	width:100%;
	border-radius:0 10px 0 0;
	box-shadow: 3px 3px 5px lightblue;
}
.noidungchimuc h3:hover
{
	border-left-style: solid;
	border-left-width: 10px;
	border-left-color: #FF0000;
}
.noidungchimuc h4, .noidungchimuc h5, .noidungchimuc h6
{
	font-size: 1.2em;
	border-left-style: double;
	border-left-width: 3px;
	border-left-color: #3366FF;
	padding: 0 0 2px 10px;
	border-bottom-style: dotted;
	border-bottom-color: #3366FF;
	border-bottom-width: 1px;
	font-weight: bold;
	margin-left: 20px;
	text-align:left;
}
.noidungchimuc h4
{
	border-left-width: 13px;
	border-left-style: groove;
}

.noidungchimuc h4:hover,.noidungchimuc h5:hover,.noidungchimuc h6:hover
{
	border-left-style: solid;
	border-left-width: 10px;
	border-left-color: #FF0000;
}
.noidungchimuc h5
{
	border-left-width: 5px;
	border-left-color: #6666FF;
	padding: 0 0 2px 15px;
	margin-left: 30px;
}

.noidungchimuc h5:hover
{
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color: #CC0000;
}
.noidungchimuc h6
{
	border-left-width: 4px;
	border-left-color: #666666;
	padding: 0 0 2px 15px;
	margin-left: 40px;
}

.noidungchimuc h6:hover
{
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #FF33CC;
}

.noidungchimuc ol li
{
	font-size: 1.1em;
	border-left-style: double;
	border-left-width: 4px;
	border-left-color: #0000FF;
	padding: 0 0 2px 10px;
	border-bottom-style: dotted;
	border-bottom-color: #0000FF;
	border-bottom-width: 1px;
	font-weight: bold;
	margin-bottom: 2px;
}
.noidungchimuc ol li:hover
{
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color: #FF0000;
}
.noidungchimuc ul li
{
	font-size: 1.1em;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #800000;
	padding: 0 0 2px 10px;
	border-bottom-style: dotted;
	border-bottom-color: #800000;
	border-bottom-width: 1px;
	font-weight: bold;
	margin-bottom: 2px;
}
.noidungchimuc ul li:hover
{
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color: #FF0000;
	color: #000099;
}
.noidungchimuc ol li ul
{
	margin-left: -25px;
	
	
}
.noidungchimuc ol li ul li
{
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #666699;
}
.noidungchimuc ol li ul li a
{
	font-weight: normal;
}