body {
	font-family: 'Noto Serif', serif;
}

img {
	max-width: 100%;
	height: auto;
}

ol, ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

a, a:hover {
	color: inherit;
	text-decoration: none;
	transition: all 0.5s ease
}

.thumb img {
	width: 100%;
	object-fit: cover
}

.header {
	padding-top: 30px;
	background-color: #fff;
	border-bottom: 4px solid #ebebeb
}

	.header .banner img {
		width: 100%;
	}

	.header .h_middle {
		text-align: right;
		padding: 10px 0;
	}

	.header .language,
	.header .search {
		display: inline-block;
		position: relative;
		cursor: pointer
	}

		.header .language a {
			display: inline-block;
			padding: 0 5px;
		}

.form_search {
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 999;
	display: none;
}


	.form_search input[type="text"] {
		margin-bottom: 15px;
		border: 1px solid #dc0a10;
		height: 35px;
		box-shadow: none;
		border-radius: 0;
		padding: 6px 12px;
	}


.thongbao {
	background-color: #fff;
	padding: 30px 0;
}

.list_thongbao .item {
	overflow: hidden;
	padding-bottom: 15px;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 15px;
}

	.list_thongbao .item .date {
		width: 62px;
		height: 65px;
		float: left;
		background-color: #f2f2f2;
		text-align: center
	}

		.list_thongbao .item .date .thang {
			background-color: #dc0a10;
			color: #fff;
			font-size: 12px;
			height: 25px;
			line-height: 25px;
		}

		.list_thongbao .item .date .ngay {
			color: #444;
			font-size: 26px;
		}

	.list_thongbao .item .txt {
		width: calc(100% - 62px);
		float: left;
		padding-left: 15px;
	}

	.list_thongbao .item .title {
		color: #111;
		font-size: 14px;
	}

.egov_item {
	text-align: center;
	position: relative;
	overflow: hidden;
}

	.egov_item img {
		width: 100%;
		max-height: 155px;
	}

.tintuyensinh {
	padding: 30px 0 20px;
}

	.tintuyensinh .item {
		overflow: hidden;
		margin-bottom: 30px;
	}

		.tintuyensinh .item .thumb {
			width: 220px;
			float: left;
			overflow: hidden;
		}

			.tintuyensinh .item .thumb img {
				height: 145px;
				transform: scale(1);
				transition: all 0.5s ease
			}

		.tintuyensinh .item .txt {
			width: calc(100% - 220px);
			float: left;
			padding-left: 15px;
		}

		.tintuyensinh .item .title {
			font-size: 18px;
			margin-top: 0;
			margin-bottom: 15px;
			color: #333333;
			line-height: 1.3;
			font-weight: 700
		}

		.tintuyensinh .item .date {
			font-size: 12px;
			color: #9a9a9a;
		}

.list_tintuyensinh {
	background-color: #f2f2f2
}

	.list_tintuyensinh li {
		border-bottom: 1px solid #d1d1cb;
		padding: 10px
	}

	.list_tintuyensinh .title {
		font-size: 15px;
		font-weight: 700;
		display: block;
		margin-bottom: 10px;
	}

	.list_tintuyensinh .date {
		font-size: 12px;
		color: #9a9a9a
	}

.huongnghiep {
	background-color: #eaeae9;
	padding: 30px 0 20px;
}

	.huongnghiep .item {
		background-color: #fff;
		margin-bottom: 30px;
	}

		.huongnghiep .item .thumb img {
			height: 200px;
		}

		.huongnghiep .item .txt {
			padding: 15px;
		}

		.huongnghiep .item .title {
			font-size: 18px;
			color: #333333;
			margin-top: 0;
			margin-bottom: 0;
			line-height: 1.3;
			height: 69px;
			overflow: hidden;
			font-weight: 700;
		}

.dangkythongtin {
	padding: 30px 0;
	background: url('../images/bg/anh1.png') center center no-repeat;
	background-size: cover;
}

.form_dangky .section_title {
	color: #fff;
	text-align: center;
}

	.form_dangky .section_title::before {
		content: unset;
	}

	.form_dangky .section_title .line_head {
		font-size: 0;
	}

	.form_dangky .section_title span {
		color: #dc0a10
	}

.form_dangky .desc {
	color: #fff;
	margin-bottom: 30px;
}

.form .form-control {
	margin-bottom: 15px;
	border: 1px solid #fff;
	height: 45px;
	box-shadow: none;
	border-radius: 0;
}

	.form .form-control:focus {
		border-color: #dc0a10;
	}

.form .button-control {
	background-color: #dc0a10;
	color: #fff;
	border: none;
	margin-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	height: 45px;
	border-radius: 0;
	text-transform: uppercase;
}

.footer {
	background: #fff;
	color: #444;
	border-top: 4px solid #dc0a10;
}

	.footer .info {
		padding-top: 30px;
		padding-bottom: 30px;
		min-height: 300px;
	}

	.footer .bg_footer {
		background: url('../images/logo-uah.png') no-repeat;
		background-size: cover
	}

	.footer .info h3 {
		font-size: 18px;
		color: #000;
		line-height: 1.3;
	}

	.footer .info ul {
		list-style-type: none
	}

		.footer .info ul li {
			padding: 5px 0;
			color: #dc0a10
		}

			.footer .info ul li .fa {
				color: #dc0a10;
			}

.copyright {
	padding: 10px 0;
	color: #444;
	background-color: #eaeaea;
}

	.copyright .social {
		list-style-type: none;
		text-align: right;
	}

		.copyright .social li {
			display: inline-block
		}

			.copyright .social li a {
				display: block;
				padding: 0 5px;
				color: #dc0a10;
			}

.ads .item {
	margin-bottom: 15px;
}

.ads img {
	width: 100%;
}

.bg_right {
	margin: 40px 0;
	padding: 0 10px;
	background-color: #f2f2f2;
	border-left: 4px solid #e3e3e3;
	min-height: 400px;
}

.block_right {
	padding: 25px 0;
}

	.block_right .section_title {
		font-size: 22px;
		margin-bottom: 10px;
	}

	.block_right li {
		padding: 10px 0;
	}

		.block_right li a {
			color: #dc0a10
		}

.tt_dangky .item {
	height: 80px;
	padding: 20px;
	border: 1px solid #fff;
	border-radius: 4px;
	float: left;
	width: 48%;
	margin-left: 2%;
	margin-bottom: 10px;
	text-align: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

	.tt_dangky .item a {
		text-transform: uppercase;
		color: #fff;
		font-weight: 700;
		font-family: Arial
	}

.section_title {
	color: #dc0a10;
	font-size: 30px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 30px;
}

	.section_title::before {
		content: "";
		width: 50px;
		height: 2px;
		background-color: #dc0a10;
		display: block;
		margin-bottom: 5px;
	}

	.section_title .view_all {
		display: inline-block;
		float: right;
		font-size: 12px;
		margin-top: 8px;
		border: 2px solid;
		border-left: 0;
		padding: 2px 5px 2px 0px;
		text-transform: initial;
	}

	.section_title span {
		color: #000;
	}

/* Hover */

.egov_item:before {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	width: 0;
	height: 0;
	border-top: 50px solid #dc0a10;
	border-left: 50px solid transparent;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

.egov_item:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 0;
	height: 0;
	border-bottom: 50px solid #dc0a10;
	border-right: 50px solid transparent;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

.egov_item:hover:before, .egov_item:hover:after {
	visibility: visible;
	opacity: 1;
}

.list_thongbao .item .title:hover {
	color: #dc0a10;
}

.tintuyensinh .item:hover img {
	transform: scale(1.2)
}

.tintuyensinh .item .title:hover {
	color: #dc0a10;
}

.huongnghiep .thumb {
	position: relative
}

.huongnghiep .item:hover .thumb::after {
	height: 100%;
}

.huongnghiep .item:hover .title {
	color: #dc0a10;
}

.tt_dangky .item:hover {
	background: #fff;
	transition: all 0.5s ease
}

	.tt_dangky .item:hover a {
		color: #dc0a10;
	}

.list_tintuyensinh .title:hover {
	text-decoration: underline
}

.huongnghiep .thumb::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

/*MainContent*/

.breadcrumb {
	background-color: transparent;
	border-bottom: 1px solid #dc0a10;
	padding-left: 0;
	margin-bottom: 10px;
	border-radius: 0 !important;
	margin-top: 10px !important;
}

	.breadcrumb li a {
		color: #2d2d2d
	}

	.breadcrumb li.active {
		color: #dc0a10;
	}

	.breadcrumb > li + li::before {
		content: "\f22d";
		font-family: fontawesome;
		font-size: 9px;
	}

.list_post .tintuyensinh {
	background-color: #fff;
	padding: 0;
}

.list_post .desc {
	margin-top: 10px;
}

.contact {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}

	.contact label {
		font-weight: normal;
	}

#contact_form .form-control {
	margin-bottom: 15px;
	border: 1px solid #7f7f7f;
	height: 45px;
	box-shadow: none;
	border-radius: 0;
}

#contact_form .button-control {
	background-color: #dc0a10;
	color: #fff;
	border: none;
	margin-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	height: 45px;
	border-radius: 0;
	text-transform: uppercase;
}

.styled-icons {
	margin-bottom: 20px;
}

	.styled-icons li {
		display: inline-block;
		margin-bottom: 0;
		margin-top: 0;
	}

	.styled-icons a {
		font-size: 13px;
		height: 30px;
		line-height: 30px;
		margin: 2px 7px 2px 0;
		width: 30px;
		border-radius: 50%;
		display: block;
		text-align: center;
		color: #fff
	}

.icon-box {
	margin-bottom: 15px;
}


	.icon-box .media-body p {
		margin: 10px;
	}

	.icon-box .media-body h5 {
		font-weight: 700;
	}

article.post {
	padding: 40px 0;
}

	article.post .post_title {
		margin-top: 0;
		font-weight: 700;
	}

	article.post .post_desc {
		font-weight: 700;
	}

/* Gallery */
.gallery-detail .photo-item {
	min-height: auto;
	margin-bottom: 30px;
}

.photo-media {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	box-sizing: content-box;
	position: relative;
}

	.photo-media .btn-view {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 10;
		padding: 7px 10px;
		cursor: pointer;
		display: inline-block;
		background: rgba(0, 0, 0, 0.7);
	}

		.photo-media .btn-view a {
			color: #fff
		}

.photo-view {
	position: relative;
	max-height: 160px;
	margin-bottom: 0;
}

	.photo-view img {
		width: 100%;
		height: 210px
	}

.title-media {
	font-size: 14px;
	font-weight: 700;
	margin-top: 10px;
	line-height: 18px;
	display: inline-block;
}

	.title-media a {
		color: #111
	}

/* 21/05 */

.bg_breadcrumb_image {
	background: url('../images/bg/bg-breadcrumb.png') no-repeat;
	background-position: center;
	background-size: cover;
	padding: 40px 0;
	text-align: center
}

	.bg_breadcrumb_image h1 {
		margin: 0;
		text-transform: uppercase;
		font-size: 30px;
		color: #fff;
		background: #9e0b0f;
		display: inline-block;
		padding: 10px;
	}

.tracuu-thongtin .form-submit {
	max-width: 380px;
	margin: auto;
	font-size: 12px;
	padding: 25px 0;
}

	.tracuu-thongtin .form-submit input {
		outline: 0 !important;
		box-shadow: none;
	}

		.tracuu-thongtin .form-submit input:focus {
			border-color: inherit;
		}

		.tracuu-thongtin .form-submit input::placeholder {
			font-size: 12px;
			font-style: italic
		}

	.tracuu-thongtin .form-submit .btn-submit {
		padding-top: 25px;
		border-top: 1px solid #eaeaea;
		text-align: center;
	}

	.tracuu-thongtin .form-submit .btn-custom:hover {
		filter: brightness(1.2)
	}

	.tracuu-thongtin .form-submit .btn-custom {
		border-radius: 4px;
		background-color: rgb(0, 93, 189);
		width: 100%;
		color: #fff;
		padding: 12px 20px;
	}

.tracuu-thongtin .table-view1,
.tracuu-thongtin .table-view2 {
	padding: 25px 0;
	border-top: 1px solid #eaeaea;
}

	.tracuu-thongtin .table-view1 .info-tuyensinh {
		margin-bottom: 25px;
	}

	.tracuu-thongtin .table-view1 tbody td {
		border-top: none;
		border-bottom: 1px solid #ddd !important
	}

		.tracuu-thongtin .table-view1 tbody td:last-child {
			text-align: center;
		}

	.tracuu-thongtin .table-view2 thead {
		background-color: #e2e5e7;
	}

		.tracuu-thongtin .table-view2 thead th,
		.tracuu-thongtin .table-view2 tbody td {
			text-align: center !important;
			border-color: #f1f2f3 !important;
		}

	.tracuu-thongtin .table-view2 tbody tr:nth-child(even) {
		background-color: #f1f2f3;
	}

@media only screen and (max-width: 991px) {
	.list_thongbao {
		margin-bottom: 40px;
	}

	.form_dangky {
		margin-bottom: 30px;
	}

	.footer .bg_footer {
		background: none;
	}

	.footer .info {
		padding-top: 0;
		padding-bottom: 10px;
		min-height: auto;
	}
}

@media only screen and (max-width: 767px) {
	.copyright .social {
		text-align: center;
	}

	.copyright {
		text-align: center;
	}
}

@media only screen and (max-width: 500px) {
	.huongnghiep .col-xs-6 {
		width: 100%;
	}

	.dangkythongtin .col-xs-6 {
		width: 100%;
	}

	.cate_item .thumb img {
		height: 300px;
	}

	.thongbao .col-xs-3 {
		width: 50%;
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 400px) {
	.tintuyensinh .item .txt,
	.tintuyensinh .item .thumb {
		width: 100%;
		float: unset;
		padding-left: 0;
	}

	.tintuyensinh .item .title {
		margin-top: 15px;
	}

	.tintuyensinh .item .thumb img {
		height: 246px;
	}

	.tt_dangky .item {
		width: 100%;
		margin-left: 0;
	}

	.section_title {
		overflow: hidden;
	}
}
