﻿.content-slider {
	padding: 10px;
	width: 100%;
	float: left;
}

.slides {
	width: 100%;
	float: left;
	margin: 0px auto;
}

.stopicname {
	font: 600 15px arial;
	padding: 0 10px;
	color: #333;
	border-top: 3px solid #034ea2;
	border-left: 1px solid #c8c8c8;
	float: left;
	height: 31px;
	padding-top: 6px;
}

.stylenews {
	font: 600 15px arial;
	padding: 0 10px;
	color: #333;
	border-top: 3px solid #034ea2;
	float: left;
	height: 31px;
	padding-top: 6px;
}

.h3topic {
	height: 31px !important;
	text-transform: uppercase;
	float: left;
	width: 100%;
	background: rgb(220, 220, 220);
}

.side-left {
	padding-right: 0px;
	padding-left: 0px;
}

.slides ul {
	list-style: inside none disc;
	margin: 0;
	padding: 0;
	width: 100% !important;
	float: left;
}

.hide-bullets {
	list-style: none;
	margin-left: -40px;
	margin-top: 20px;
}

.paging {
	font-family: Verdana;
	font-size: 11px;
	cursor: pointer;
	color: #3f4041;
	text-decoration: none;
}

	.paging:hover {
		text-decoration: none;
		font-family: Verdana;
		font-size: 11px;
		cursor: pointer;
		color: #fd9b00;
	}

.h3topic a {
	font: 600 15px arial;
	padding-left: 5px;
	text-decoration: none;
}

.pgwSlideshow .ps-list li img {
	display: block;
	border: 1px solid #777;
	width: 80px;
	height: 60px;
}

.pgwSlideshow .ps-list li .ps-item {
	display: block;
	margin: 5px 3px;
	opacity: .6;
	filter: alpha(opacity=60);
}

.part_trang {
}

.imgl_album {
	float: none !important;
}

.title_album {
	width: 100% !important;
}
/* CSS Document */
.imgl_album {
	float: left;
}

.text_title_show {
	clear: both;
	float: left;
}

.col-md-3.album:nth-child(4n+1) {
	clear: both;
}

.text_title_show a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FF3300;
	padding-left: 7PX;
	text-decoration: none;
}

	.text_title_show a:hover {
		color: #0083C1;
	}

.line_topic_show {
	clear: both;
	padding-top: 3px;
	float: left;
}

.content_show {
	float: left;
	width: 100%;
	min-height: 400px;
	padding: 10px;
}

.row_show {
	clear: both;
	padding-left: 30px;
}

.row_show1 {
	clear: both;
	padding-left: 0px;
}

.td_album {
	float: left;
}

.hinhalbum {
	clear: both;
	text-align: center;
	border: 3px #104e92cc double;
	padding: 10px 8px;
	background-color: #f5f4f4;
}

	.hinhalbum img {
		width: 100%;
		height: 110px;
	}

.title_album {
	width: 200px;
	text-align: center;
	margin-bottom: 10px;
}

	.title_album a {
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #0080C0;
		text-decoration: none;
		width: 100%;
		float: left;
		margin-top: 8px;
		margin-bottom: 10px;
	}

		.title_album a:hover {
			color: #FF6633;
		}

	.title_album span {
		font: 13px Arial, Helvetica, sans-serif;
		color: #0080c0;
		font-weight: 600;
	}

		.title_album span:hover {
			color: #ff6633;
		}

.content_sp {
	padding: 5px 0px 5px 0px;
	float: left;
}

.row_sp {
	clear: both;
	float: left;
	margin-bottom: 30px;
	padding-left: 15px;
}

.td_sp {
	float: left;
	width: 150px;
	padding: 30px 30px 0px 0px;
}

.tieude_spm {
	float: left;
	padding: 0px 0px 0px 10px;
}

	.tieude_spm img {
		float: left;
		padding: 10px 0px 0px 0px;
	}

	.tieude_spm span {
		float: left;
		padding: 10px 0px 0px 10px;
		font: bold 12px Tahoma, Geneva, sans-serif;
		color: #208bc4;
		width: 300px;
	}

.bottom_spm {
	clear: both;
	background: url(/Resources/ImagePhoto/bg_bt_spm.jpg) repeat-x;
	height: 5px;
}

.hinhsp {
	clear: both;
	text-align: center;
	border: 1px #E1E1E1 solid;
	padding: 7px;
	background-color: #f5f4f4;
}

	.hinhsp img {
		width: 100%;
		height: 80px;
	}

.title_sp {
	clear: both;
	font: normal 12px Tahoma, Geneva, sans-serif;
	color: #208bc4;
	padding-top: 5px;
	text-align: center;
}

	.title_sp a {
		color: #FF6600;
		text-decoration: none;
	}

		.title_sp a:hover {
			color: #0080C0;
		}

.part_trang {
	clear: both;
}

.trang {
	float: right;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
}

	.trang a {
		float: left;
		display: block;
		background: #EAEAEA;
		border: 1px #AEAEAE solid;
		padding: 2px 10px 2px 10px;
		margin: 0px 2px 0px 2px;
		color: #333;
	}

		.trang a:hover {
			background: #0097DF;
			color: #fff;
		}

@media screen and (max-width: 700px) {
	.hinhalbum img {
		width: 100%;
		height: 180px;
	}

	.hinhsp img {
		width: 100%;
		height: 170px;
	}
}
