/*
Vietnam+ Stylesheet
Base Styles
Used for all pages
*/
/*================================*/
/*BASE STYLES*/
/*================================*/
body {
	margin:0;
	padding:0;
	font:100%/137.5% Arial, "Helvetica Neue", Helvetica, sans-serif;
	color:#000;
	background:#f1f1f1;
}
/*================================*/
/*SITE STRUCTURES*/
/*================================*/

/*header*/
#siteheader {
	height:40px;
	background:url(https://e9d10d.claudeassets.com/20161019044254im_/http://www.tapchinhiepanh.net/app/templates/public/skins/tapchinhiepanh/Images/topbar_hdr.png) repeat-x #5494d0;
	border-bottom:solid 1px #fff;
}
.wrap-header {
	width:980px;
	height:40px;
	margin:0 auto;
	position:relative;
	background:url(https://32c9ea.claudeassets.com/20161019044254im_/http://www.tapchinhiepanh.net/app/templates/public/skins/tapchinhiepanh/Images/topbar_hdr_topleft.jpg) top left no-repeat
}
	h1.logo {
		margin:0;
		padding:0;
		position:absolute;
		top:6px;
		left:0;
	}

/*navigation*/
#navigation {
	position:absolute;
	top:0;
	right:80px;
	width:920px;
	height:40px;
	z-index:3;
}
.navi {
	height:40px;
	float:right;
}

	.navi>li {
		float:left;
		border-right:solid 1px #5494d0;
		height:40px;
		position:relative;
		margin:0; padding:0;
	}
		.navi .title a {
			display:block;
			color:#fff;
			text-transform:uppercase;
			font-size:0.75em;
			font-weight:bold;
			height:29px;
			padding:10px 10px 0 10px;
		}
		.navi .title a:hover, .navi li.current .title a,.navi li.active .title a {background:#5494d0}
	.nprev, .nnext {
		background:#5494d0;
		border-right:solid 1px #780500;
		border-left:solid 1px #780500;
		display:block;
		height:16px;
		width:11px;
		padding:14px 10px 10px 10px;
		z-index:4;
	}
	.nprev {
		position:absolute;
		top:0;
		left:0;
		display:none;
	}
	.nnext {
		position:absolute;
		top:0;
		right:0;
		display:none;
	}
	.navi .subnav {
		display:none;
		position:absolute;
		top:40px;
		left:0;
		width:160px;
		background:#f8f8f8;
		border-top:solid 1px #5494d0;
		border-bottom:solid 2px #5494d0;
		z-index:5;
		-moz-box-shadow:0 1px 5px rgba(0,0,0,0.3);
		-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.3);
		box-shadow:0 1px 5px rgba(0,0,0,0.3);
	}
	.navi .subnav li {border-bottom:solid 1px #eee;}
	.navi .subnav li:last-child {border:none;}
	.navi .subnav a {
		display:block;
		padding:5px 10px;
		font-size:0.75em;
	}
		.navi .subnav a:hover {background:#5494d0; color:#fff;}
	/*.navi>li:hover .subnav, */ .subnav.shover  {display:block;}
/*full navi*/	
.sitemap {
	position:absolute;
	top:0;
	right:41px;
}
	.sitemap span {
		display:block;
		background:#5494d0;
		padding:13px 10px 12px 10px;
		height:15px;
		border-right:solid 1px #780500;
	}
/*full sitemap*/
.sitemap-wrapper {
	display:none;
	position:absolute;
	background:#fff;
	border-bottom:solid 2px #5494d0;
	-moz-box-shadow:0 1px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.3);
	box-shadow:0 1px 5px rgba(0,0,0,0.3);
	z-index:7;
	width:160px;
}
.sitemap-wrapper li {position:relative;}
.sitemap-wrapper.ontop {
	top:41px;
	right:0;
}
.sitemap-wrapper.onside {
	/*top:240px;*/
	left:0;
}
.sitemap-wrapper.ontop .subnav {right:160px;}
.sitemap-wrapper.onside .subnav {left:160px;}

.sitemap-wrapper li a {
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%);
	color:#000;
	font-size:0.75em;
	display:block;
	border-bottom:solid 1px #eee;
	padding:5px 10px;
}
.sitemap-wrapper li a:hover {background:#fff; color:#c00;}
.sitemap-wrapper .heading {
	font-size:0.6875em;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	display:block;
	padding:5px 10px;
	background:#000;
}
.fullnavi .subnav {
	position:absolute;
	top:0;
	display:none;
	width:160px;
	-moz-box-shadow:0 1px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.3);
	box-shadow:0 1px 5px rgba(0,0,0,0.3);
	border-right:solid 1px #ddd;
}

.fullnavi .shover {display:block;}
/*search*/
.search {
	position:absolute;
	top:0;
	right:0;
}
	.search .wrap {
		position:absolute;
		top:41px;
		right:0;
		width:430px;
		height:55px;
		padding:25px 0 0 20px;
		background:#f8f8f8;
		border-bottom:solid 2px #5494d0;
		-moz-box-shadow:0 1px 5px rgba(0,0,0,0.3);
		-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.3);
		box-shadow:0 1px 5px rgba(0,0,0,0.3);
		z-index:6;
		display:none;
	}
	.search span {
		display:block;
		background:#5494d0;
		padding:10px;
		height:20px;
		border-right:solid 1px #780500;
	}
	.search form {margin:0;}
	.search .search-query {width:300px;}
	.search .close, .sitemap .close {
		opacity:1;
		position:absolute;
		top:5px;
		right:5px;
		z-index:8;
	}
/*footer*/

.sitefooter {background:#f1f1f1; margin-top:10px;}
.wrap-links {
    margin-top:10px;
	background:#5494d0;
	border-bottom:solid 1px #5494d0;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);
	box-shadow:0 1px 3px rgba(0,0,0,0.2);
}
	.sitefooter .links {
		position:relative;
		width:980px;
		margin:0 auto;
		height:40px;
		
	}
	.sitefooter .links li {
		float:left;
		border-right:solid 1px #5494d0;
	}
	.sitefooter .links li:first-child {border-left:solid 1px #5494d0;}
	.sitefooter .links a{
		display:block;
		color:#fff;
		text-transform:uppercase;
		font-size:0.75em;
		font-weight:bold;
		height:30px;
		padding:10px 10px 0 10px;
	}
	.sitefooter .links a:hover {background:#1d5e9b}
.wrap-footer {
	width:980px;
	margin:0 auto;
	padding:10px 0;
}
	.networks {
		border-bottom:solid 1px #ddd;
		padding-bottom:10px;
		margin-bottom:10px;
	}
	.networks li {
		display:inline-block;
		margin-right:10px;
		font-size:0.6875em;
		text-transform:uppercase
	}
	.networks li a:link {color:#666;}
	.networks li a:hover {color:#c00;}
	
	.copyright {position:relative;}
	.copyright p {
		font-size:0.6875em;
		color:#666;
		line-height:1.4em;
		margin:0 0 5px 0;
		padding:0;
	}
	.developer {
		position:absolute;
		top:0;
		right:0;
	}
	.developer .title {
		color:#666;
		text-transform:uppercase;
		display:block;
		margin-bottom:5px;
	}
	.developer .logo {display:block; text-align:right;}
	
/*site-state*/
.site-state {
	width:980px;
	margin:0 auto;
	padding:10px 0;
	position:relative;
}
.site-state time {
	font-size:0.6875em;
	color:#999;
}
.external-sites {
	position:absolute;
	top:12px; right:0;
	font-size:0.75em;
}
	.external-sites .lbl {
		color:#999;
		text-transform:uppercase;
	}
	.external-sites li {
		display:inline-block;
		margin-right:10px;
		font-weight:bold;
	}
	.external-sites li:last-child {margin-right:0;}
	
.wrapper {
	width:980px;
	margin:0 auto;
}

/*editor choices*/
.editors-choice {
	background:#f8f8f8;
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);
	box-shadow:0 0 3px rgba(0,0,0,0.2);
	margin-bottom:20px;
	border:solid 1px #fff;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%);
	height:35px;
	position:relative;
}
	.editors-choice h2 {
		color:#666;
		text-transform:uppercase;
		font-size:0.75em;
		margin:0;
		border-right:solid 1px #e2e2e2;
		border-left:solid 2px #5494d0;
		height:27px;
		padding:8px 10px 0 10px;
		float:left;
	}
	.editors-choice li {float:left;}
	.topic-listing a {
		display:block;
		height:27px;
		padding:8px 10px 0 10px;
		border-right:solid 1px #e4e4e4;
		border-left:solid 1px #fff;
		font-size:0.75em;
		font-weight:bold;
	}
.topic-listing li.current a
{
    color: #c00;
}
	.editors-choice .more {
		display:block;
		position:absolute;
		top:0;
		right:0;
		border-left:solid 1px #e2e2e2;
		height:17px;
		width:15px;
		padding:10px 10px 8px 10px;
	}
	.icon-topics {opacity:0.7;}
	.icon-topics:hover {opacity:1;}
/*breaking news*/
.breaking-news {
	width:910px;
	margin:20px auto 0 auto;
	background:#fff;
	-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
	box-shadow:0 0 2px rgba(0,0,0,0.2);
	padding:15px;
	position:relative;
	display:none;
}
	.breaking-news.alert {
		border:none;
		text-shadow:none
	}
	
	.breaking-news.alert .close {
		top:3px;
		right:0;
	}
	.breaking-news .heading {
		display:inline-block;
		font-weight:bold;
		color:#950700;
		margin-right:10px;
		font-size:1em;
	}
	.breaking-news h1 {
		display:inline-block;
		font-size:1em;
		margin:0;
		padding:0;
	}
	.breaking-news a:link, .breaking-news a:visited {color:#000;} .breaking-news a:hover {color:#c00;}
/*BREADCRUMB*/
.breadcrumbs {
	background:#f8f8f8;
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);
	box-shadow:0 0 3px rgba(0,0,0,0.2);
	margin-bottom:30px;
}
.breadcrumbs .wrap-header {
	height:40px;
	background:#fff;
	border:solid 1px #fff;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%);
}
	.breadcrumbs .wrap-header h1 {
		font-size:0.875em;
		font-weight:bold;
		text-transform:uppercase;
		background:#f7f7f7;
		border-left:solid 2px #5494d0;
		height:29px;
		padding:9px 10px 0 10px;
		float:left;
		margin:0;
		border-right:solid 1px #e4e4e4;
	}
	.breadcrumbs h1 a {color:#000;}
	.breadcrumbs .wrap-header li {
		font-size:0.75em;
		font-weight:bold;
		text-transform:uppercase;
	}
	.breadcrumbs .subcate {
		float:left;
		height:38px;
	}
	.subcate li {float:left;}
	.subcate a {
		display:block;
		height:29px;
		padding:9px 10px 0 10px;
		border-right:solid 1px #e4e4e4;
		border-left:solid 1px #fff;
	}
	.subcate .current a {color:#c00;}
.adjacent {
	border-top:solid 1px #eaeaea;
	padding:10px 0;
}
	.adjacent .story {
		width:300px;
		margin:0 20px 0 0;
	}
	.adjacent .story:last-child {margin:0; padding-right:10px; width:290px;}
	.adjacent .story:first-child {padding-left:10px; width:290px;}
/*================================*/
/*COMMON STYLES*/
/*================================*/
a {text-decoration:none;}
a:link, a:visited {color:#133f6a;}
a:hover {color:#c00;}
ul {
	list-style:none;
	margin:0;
	padding:0;
}
li {
	list-style:none;
	margin:0;
	padding:0;
}
.sprite {
	background-image:url(https://406303.claudeassets.com/20161019044254im_/http://www.tapchinhiepanh.net/app/templates/public/skins/tapchinhiepanh/Images/sprites.png);
	background-repeat:no-repeat;
	display:inline-block;
}
	a.sprite {
		display:block;
		text-indent:-2000em;
	}

.icon-menu {background-position:-25px 0; width:20px; height:15px;}
.icon-search {background-position:-50px 0; width:20px; height:20px;}
.navnext {background-position:0 0; width:11px; height:16px;}
.navprev {background-position:-11px 0; width:11px; height:16px;}
.icon-topics {background-position:-2px -50px; width:15px; height:17px;}
.icon-larrow {background-position:-23px -50px; width:9px; height:17px;}
.icon-location {background-position:0 -73px; width:36px; height:36px;}
.icon-weather {background-position:-37px -73px; width:36px; height:36px;}
.icon-comment {background-position:-25px -24px; width:20px; height:15px;}
.icon-share {background-position:-48px -24px; width:20px; height:15px;}
.icon-mail {background-position:-71px -24px; width:20px; height:13px;}
.icon-print {background-position:-99px -24px; width:18px; height:18px;}
/*================================*/
/*STORY*/
/*================================*/
.story:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .story { zoom: 1; } /* IE6 */
*:first-child+html .story { zoom: 1; } /* IE7 */
.meta {
	color:#999;
	text-transform:uppercase;
	font-size:0.6875em;
	line-height:1em;
	font-weight:bold;
	margin:0 0 5px 0;
}
	.meta a:link, .meta a:visited {color:#999;}
	.meta a:hover {color:#c00;}
	.meta time {margin-right:5px;}
	.thumbnail {margin:0; padding:0;}
	.story .title {
		margin:0;
		padding:0;
		font-size:0.875em;
		font-weight:bold;
		line-height:1.125rem;
	}
	.story .summary {
		padding:0;
		margin:0;
		color:#333;
	}
/*story layouts*/
.slist-01 .story { /*vertical with small thumb on left*/
	padding:10px 0;
	border-bottom:solid 1px #eee;
    clear:both;
}
	.slist-01 .thumbnail {
		float:left;
		margin:0 10px 0 0;
	}
.slist-02 .story { /*horizontal with small thumb on left*/
	float:left;
}
	.slist-02 .thumbnail {
		float:left;
		margin:0 10px 0 0;
	}

.slist-03 .story { /*horizontal with medium thumb on left*/
	padding:20px 0;
	border-bottom:solid 1px #eee;
}
	.slist-03 .thumbnail {
		float:left;
		margin:0 20px 0 0;
	}
	.slist-03 .title {
		font-size:1.2em;
		line-height:1.2em;
		margin-bottom:10px;
	}
	.slist-03 .summary {font-size:0.875em;}
/*================================*/
/*MEDIA QUERY*/
/*================================*/
/* tablet landscape and desktop */
@media (min-width: 768px) and (max-width: 1024px) {
	#navigation {
		position:absolute;
		top:0;
		right:80px;
		width:720px;
		height:40px;
		z-index:3;
	}
}
/* tablet portrait */
@media (max-width: 768px) {
	#navigation {
		position:absolute;
		top:0;
		right:80px;
		width:500px;
		height:40px;
		z-index:3;
	}
	.navi>li:nth-child(6), .navi>li:nth-child(7), .navi>li:nth-child(8) {
		display:none;
	}
}
/*facebook activity feed*/
.activity-feed {padding:10px;}
#notification a
{
    display:block;
    background-color:#f8f8f8;
    padding:5px;
    font-size:12px;
}

/* Namdh customize*/
.featured .title, .special-zones .title 
{
    background-color:#3B3A3A !important;
}
.thumbnail, .article-photo img
{
    border: solid 1px  #8F8D8D !important;
}
.focus {
    background-color: #ddd;
    border-bottom: solid 1px #333 !important;
}
    .focus .heading
    {
        background-color:#666;
        color:#fff;
    }

/*
     FILE ARCHIVED ON 14:32:30 Nov 06, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:11:55 Jun 30, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.356
  exclusion.robots: 0.041
  exclusion.robots.policy: 0.035
  esindex: 0.005
  cdx.remote: 6.628
  LoadShardBlock: 61.394 (3)
  PetaboxLoader3.datanode: 99.106 (5)
  PetaboxLoader3.resolve: 169.961 (3)
  load_resource: 256.363 (2)
*/