/* CSS Document */
/* News Home */
.news-home-bound{
	width:1180px;
	padding:20px 0 30px 0;
	margin:0 auto;
	border-bottom:1px solid #d7d7d7;
}
.news-home-bound .title-news-home h2{
	padding-bottom: 30px;
	margin:0;
	color: #505050;
	font-size: 24px;
	line-height: 30px;
	display: block;
}
.news-home-bound .title-news-home h2 a{
	text-decoration:none;
	color: #505050;
	font-size: 24px;
	line-height: 30px;
	display: block;
}
a.wd-effect {
	position:relative;
	overflow:hidden;
	display:block;
}
a.wd-effect:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: url("../images/glass.png") no-repeat scroll -265px 0 transparent;
	z-index:1;
}
a.wd-effect:hover:after{
	background-position: 1200px 0; 
	transition: all 2.5s ease 0s;
	-moz-transition: all 2.5s ease 0s;
	-webkit-transition: all 2.5s ease 0s;
}
.news-home-items{
	width:378px;
	margin-left:23px;
	float:left;
}
.news-home-items a{
	text-decoration:none;
}
.news-home-first{
	margin-left:0 !important;
}
.news-home-items img{
	width:378px;
	height:199px;
	margin-bottom:10px;
}
.news-home-items h3{
	margin:0;
	color: #197cd8;
	font-size: 18px;
	padding-bottom: 5px;
}
.news-home-brief{
	font-size: 13px;
	line-height: 18px;
	text-align: left;
	font-weight: normal;
}
/* Top News Home */

.top-news-home-bound{
	width:1180px;
	padding:20px 0 30px 0;
	margin:0 auto;
	border-bottom:1px solid #d7d7d7;
}
.top-news-home-bound .title-top-news-home h2{
	padding-bottom: 20px;
	margin:0;
	color: #505050;
	font-size: 24px;
	line-height: 30px;
	display: block;
}

.top-news-home-items{
	width:378px;
	margin-left:23px;
	float:left;
}
.top-news-home-items a{
	text-decoration:none;
}
.top-news-home-first{
	margin-left:0px !important;
}
.top-news-home-items img{
	width:370px;
	height:245px;
	margin-bottom:10px;
}
.top-news-home-items-images{
	position:relative;
}
.top-news-home-items-images:hover .zoom-icon{
	opacity:1;
}
.top-news-home-items img:hover{
	opacity:0.8;
}
.zoom-icon{
	position: absolute;
	opacity:0;
	top: 50%;
	left: 50%;
	display: block;
	margin: -13px 0 0 -13px;
	width: 25px;
	height: 26px;
	background: url(../images/magnify-alt.png) 50% 50% no-repeat;
	content: "";
}
.top-news-home-items h3{
	margin:0;
	text-align:center;
	color: #000;
	font-size: 19px;
	font-weight: bold;
	text-transform: uppercase;
}
.top-news-home-brief{
	font-size: 13px;
	line-height: 18px;
	text-align: left;
	font-weight: normal;
	overflow:hidden;
	display:block;
	margin-bottom:5px !important;
}
.time-up{
	text-align:center;
	margin-top:10px;
	background:url(../images/ic1.png) left center no-repeat;
	font-size:16px;
	padding:7px 0 7px 30px;
}

/*************  CSS Hau ***************/

.news-list-bound {
	padding-top: 30px;
}
.news-list-bound h1 {
	font-size: 40px;
	line-height: 42px;
	padding: 0;
	padding-bottom: 16px;
	font-weight: bold;
	margin: 0;
	color: #505050;
	text-align: center;
}
.catagory-desc {
	letter-spacing: -.2px;
	margin-bottom: 40px;
	text-align:center;
	font-size:13px;
	line-height:22px;
}
ul.list-posts {
	padding: 0;
	padding-bottom:40px;
	margin: 0 0 26px 0;
	display: inline-block;
	width: 100%;
}
.news-list-content .pagging{
	overflow: hidden;
	text-align: center;
	display: block;
	}
ul.list-posts > li:first-child {
	margin-top: 0;
}
ul.list-posts > li, li.post {
	position: relative;
	overflow: hidden;
	display: block;
	padding: 60px 0 0;
	margin: 60px 0 0 0;
	border-width: 1px 0 0;
	border-style: solid;
	border-color: #e0e0e0;
}
ul.list-posts li .post-info-thumbnail {
	width: 30.5%;
	display: inline-block;
	float: left;
	padding: 0 0 0 0;
	margin-bottom: 5px;
	position: relative;
	top: 0;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
}
ul.list-posts li .post-info-thumbnail .thumb-image {
	position: relative;
	display: block;
	overflow: hidden;
}
ul.list-posts li .post-info-thumbnail:hover .thumb-image img {
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
}
ul.list-posts li .post-info-thumbnail img {
	margin: 0;
	position: relative;
	vertical-align: top;
	max-width: 100%;
	height: auto;
	transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
}
ul.list-posts li .post-info-thumbnail .thumbnail-shadow {
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 100%;
	top: 0;
	background: url(../images/bg-blog.png) repeat;
	transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
}
ul.list-posts li .post-info-thumbnail:hover .thumbnail-shadow {
	bottom: 0;
}
ul.list-posts li .post-info-content {
	width: 69.5%;
	display: inline-block;
	float: left;
	padding: 0 0 0 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
ul.list-posts li .post-info-content a{
	text-decoration:none;
	transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
	}
ul.list-posts li .post-title {
	margin: 0 0 8px;
}
ul.list-posts li .post-title .heading-title {
	display: inline-block;
	text-transform: none;
	font-size: 30px;
	line-height: 30px;
	color: #2e2e2e;
	letter-spacing: -.2px;
	padding: 0;
	margin: 0;
	color: #000000;
	text-transform: none;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
}
ul.list-posts li .post-title .heading-title:hover {
	text-decoration: none;
	color: #197cd8;
}
ul.list-posts li .time {
	position: relative;
	padding: 0;
	margin: 0 32px 5px 0;
	font-size: 14px;
	letter-spacing: -.2px;
	margin-bottom: 32px;
	display: inline-block;
	line-height: 16px;
	color: #808080;
}
.post-info-content .big-info,.post-info-content .big-info p,.post-info-content .big-info span{
	margin: 0 0 15px;
	display: block;
	line-height: 22px;
	color: #505050;
	font-size: 13px;
	text-align: left;
	font-weight: normal;
}
ul.list-posts li .post-info-meta {
	margin: 20px 0;
}
ul.list-posts li .post-info-meta .author {
	margin: 0 0 5px;
	padding-top:3px;
	display: inline-block;
	float: left;
}
ul.list-posts li .post-info-meta .author span {
	display: inline-block;
	padding: 0;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: -.2px;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	margin-right: 10px;
	color: #197cd8;
}
ul.list-posts li .post-info-meta .comments-count {
	display: inline-block;
	padding: 0;
	position: relative;
	font-size: 14px;
	padding-left: 10px;
	letter-spacing: -0.2px;
	float: left;
	line-height: 22px;
	color: #808080;
}
ul.list-posts li .post-info-meta .comments-count:before {
content: "";
width: 1px;
top: 4px;
bottom: 4px;
left: 0;
position: absolute;
background-color: #808080;
}
ul.list-posts li .post-info-meta .cat-links {
	margin: 0 0 5px;
	display: inline-block;
	width: 100%;
	padding: 0;
	line-height: 22px;
	margin-bottom: 0;
	letter-spacing: -.2px;
	overflow: hidden;
	color: #808080;
}
ul.list-posts li .post-info-meta .cat-links a {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #2e2e2e;
}
ul.list-posts li .post-info-meta .cat-links a:hover {
	color: #197cd8;
}
ul.list-posts li .post-info-content .read-more:hover{
	border-color: #197cd8;
	color: #197cd8;
	}
ul.list-posts li .post-info-content .read-more {
	display: inline-block;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	float: left;
	color: #2e2e2e;
	border-color: #2e2e2e;
	font-size:14px;
	font-weight: 300;
	border-style: solid;
	padding: 7px 14px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	clear: both;
}
/***********News-detail************/
.single-content .post {
position: relative;
margin: 0 0 30px;
overflow: hidden;
max-width: 100%;
}
.single-content a{
text-decoration:none;	
	}

.single-content .post .post-title{
	display:block;
	overflow:hidden;
	}
.single-content .post .post-title .heading-title {
font-size: 30px;
font-weight: normal;
line-height: 30px;
float:left;
letter-spacing: -.2px;
text-transform: none;
padding-bottom: 10px;
padding-right: 80px;
color: #2e2e2e;
}
.single-content .post .post-title .single-navigation {
position: absolute;
top: 2px;
right: 0;
}
.single-content .post .post-title .single-navigation a[rel^=prev] {
top: 0;
left: auto;
right: 36px;
width: 35px;
margin-top: 0;
border: 1px solid #d7d7d7;
height: 30px;
background-position: 2px -187px;
border-radius: 20px 0 0 20px;
-webkit-border-radius: 20px 0 0 20px;
-moz-border-radius: 20px 0 0 20px;
-o-border-radius: 20px 0 0 20px;
}
.single-content .post .post-title .single-navigation a[rel^=prev]:hover {
background-position: -29px -187px;
}
.single-content .post .post-title .single-navigation a[rel^=next] {
margin-top: 0;
top: 0;
left: auto;
right: 0;
height: 30px;
width: 35px;
background-position: 0 -245px;
border: 1px solid #d7d7d7;
border-radius: 0 20px 20px 0;
-webkit-border-radius: 0 20px 20px 0;
-moz-border-radius: 0 20px 20px 0;
-o-border-radius: 0 20px 20px 0;
}
.single-content .post .post-title .single-navigation a[rel^=next]:hover {
background-position: -30px -245px;
}
.single-content .post .post-title .single-navigation a {
z-index: 9;
position: absolute;
width: 40px;
height: 40px;
display: inline-block;
font-size: 0;
color: transparent;
background: url(../images/images.png) no-repeat -65px -158px;
transition: all .3s ease-in-out 0;
-moz-transition: all .3s ease-in-out 0;
-webkit-transition: all .3s ease-in-out 0;
opacity: 1 !important;
filter: alpha(opacity=100)!important;
}
.single-content .post .post-info-thumbnail {
padding: 0 10px 0 0;
margin: 0 0 15px;
overflow:hidden;
}
.single-content .post  {
padding: 0 0 20px 0;
overflow: hidden;
}
.single-content .post   .entry-date ,.single-content .post .cat-links{
font-size: 14px;
float:left;
line-height:18px;
letter-spacing: -.2px;
padding-right: 20px;
position: relative;
}
.single-content .post  .author {
position: relative;
float: left;
font-size:14px;
display: inline-block;
padding: 0 20px 0 0px;
}
.single-content .post .author a {
font-size: 14px;
line-height: 18px;
transition: none;
-moz-transition: none;
-webkit-transition: none;
color: #197cd8;
}
.single-content .post  .author:after,.single-content .post .cat-links:after,.single-content .post  .entry-date:after {
content: "";
position: absolute;
right: 10px;
top: 4px;
bottom: 2px;
width: 1px;
background-color: #808080;
}

.single-content .post  .comments-count {
display: inline-block;
float: left;
padding: 0 10px 0 0;
font-size: 15px;
letter-spacing: -.2px;
}
.single-content .post  .cat-links a {
font-size: 14px;
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
letter-spacing: -.2px;
color: #808080;
}
.single-content .post  .cat-links a:hover{
	color: #197cd8;
	}
.single-content .post-info-content .short-content .big-info,.single-content .post-info-content .short-content .big-info p,.single-content .post-info-content .short-content .big-info span,.single-content .post-info-content .short-content .big-info strong,.single-content .post-info-content .short-content .big-info b {
font-size: 18px;
line-height: 22px;
margin-bottom: 25px;
}
.single-content .post-info-content .short-content .description{
	font-size: 13px;	
	line-height: 22px;
	}
.single-content .post-info-content .short-content .description img{
	max-width:870px !important;
	}
.tags_social {
overflow: hidden;
padding: 20px 0 0;
margin: 0 0 60px;
border-width: 1px 0 0;
border-style: solid;
}
.tags_social .tags {
	float: left;
}
.tags_social .tags .tag-links {
line-height: 16px;
}
.tags_social .tags .tag-links a:hover{
	color: #197cd8;
}
.tags_social .tags .tag-links a {
padding: 0;
border-width: 0;
text-transform: lowercase;
font-size: 14px;
font-weight: bold;
margin: 0;
color: #49b050;
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.tags_social .share-list {
display: inline-block;
float: right;
overflow: hidden;
}
.related {
	width: 100%;
margin: 0 0 60px;
position: relative;
overflow: hidden;
padding-top: 15px;
border-top: 1px solid #e0e0e0;
}
.related > .title {
display: inline-block;
width: 100%;
font-size: 20px;
font-weight: bold;
line-height: 22px;
letter-spacing: -.4px;
padding: 0 100px 30px 0;
}
.related_post_slider {
margin-left: -30px;
width: auto;
}
.related_post_slider ul{
	float: left;
margin: 0;
padding: 0;
}
.related ul li.related-item {
list-style: none;
padding: 0;
float:left;
width:33.3%;
}
.related ul li.related-item > div {
padding: 0 0 0 30px;
max-width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
.related ul li.related-item div a.thumbnail {
	height: 240px;
position: relative;
display: inline-block;
margin: 0 0 15px;
max-width: 100%;
overflow: hidden;
}
.related ul li.related-item .title {
display: inline-block;
width: 100%;
margin-bottom: 15px;
font-size: 20px;
line-height: 20px;
color: #2e2e2e;
letter-spacing: -.2px;
font-weight: bold;
transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
}
.related ul li.related-item .title:hover{
	color: #197cd8;
	}
.related .date-time {
font-weight: bold;
font-size: 12px;
line-height: 14px;
}
.related ul li.related-item div a.thumbnail img {
margin: 0;
transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
max-width: 100%;
height: auto;
}
.related ul li.related-item div a.thumbnail:hover img {
transform: scale(1.2,1.2);
-webkit-transform: scale(1.2,1.2);
-moz-transform: scale(1.2,1.2);
-o-transform: scale(1.2,1.2);
}
.related ul li.related-item div a.thumbnail:hover .thumbnail-shadow {
bottom: 0;
}
.related ul li.related-item div a.thumbnail .thumbnail-shadow {
top: 0;
left: 0;
bottom: 100%;
right: 0;
position: absolute;
background: url(../images/bg-blog.png) repeat;
z-index: 2;
transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
}