/*
Vietnam+ Stylesheet
Home Styles
Used for homepage
*/
/*even height for 3 top cols*/
.highlight, .sidebar {height:302px;}
.latest,.sidebar2   {height:805px;}
.frontpage {margin-bottom:30px;}
/*latest news*/
.latest {
	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);
	position:relative;  
}
.latest .thumbnail {
    float: left;
    margin: 0 20px 0 0;
}
	.latest .heading {
		font-size:0.625em;
		text-transform:uppercase;
		font-weight:bold;
		display:inline-block;
		background:#000;
		padding:7px;
		margin:0;
		color:#fff;
		line-height:1em;
		position:absolute;
		top:0;
		left:0;
	}
	.latest .story.first {
		background:#fff;
		padding:0;
		border-bottom:solid 1px #eaeaea;
	}
	.latest .story.first .thumbnail {margin:0;}
	.latest .story.first .meta {padding:10px 10px 5px 10px; margin:0;}
	.latest .story.first .title {
		font-size:1.125em;
		line-height:1.2em;
		font-weight:bold;
		padding:0 10px 10px 10px;
	}
	.latest .story {
		padding:10px;
		border-bottom:solid 1px #eaeaea;
	}
	.latest .story .title {font-weight:normal;}
	.latest .story:nth-child(3) {
		background: -moz-linear-gradient(bottom, rgba(248,248,248,1) 97%, rgba(234,234,234,0.8) 100%);
		background: -webkit-linear-gradient(bottom, rgba(248,248,248,1) 97%, rgba(234,234,234,0.8) 100%);
		background: -ms-linear-gradient(bottom, rgba(248,248,248,1) 97%, rgba(234,234,234,0.8) 100%);
		background: -webkit-linear-gradient(to top, rgba(248,248,248,1) 97%, rgba(234,234,234,0.8) 100%);
	}
	.latest .more a {
		display:block;
		text-align:center;
		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%);
		font-size:0.875em;
		font-weight:bold;
		padding:5px;
	}
	.latest .more a:link, .latest .more a:visited {color:#666;} .latest .more a:hover {color:#c00;}
	
/*featured news*/
.highlight {
	background:#fff;
	-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);
}
.story.featured {
	height:330px;
	position:relative;
}
	.story.featured .title {
		background:#000;
		height:55px;
		width:340px;
		padding:10px 20px;
		color:#fff;
		font-size:1.25em;
		line-height:1.3em;
		position:absolute;
		bottom:0;
		left:0;
	}
.topnews, .focus {padding:15px;}

.focus {padding-top:0;}
	.topnews .heading, .focus .heading {
		font-size:0.75em;
		text-transform:uppercase;
		font-weight:bold;
		line-height:1em;
		border-bottom:solid 1px #eee;
		padding:0 0 5px 0;
		margin:0 0 10px 0;
	}
	.topnews .story, .focus .story {
		width:105px;
		float:left;
		margin-right:10px;
        margin-bottom:10px;
		height:165px;
	}
	.topnews .story:last-child, .focus .story:last-child {margin-right:0}
	.topnews .thumbnail, .focus .thumbnail {margin-bottom:5px;}
	.topnews .title, .focus .title {
		font-size:0.875em;
		font-weight:normal;
		line-height:1.2em;
	}
/*sidebar*/
.sidebar2 {
	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);
}
/*sidebar*/
#video {
	margin:10px;
}
#video .heading {
    background: none repeat scroll 0 0 #5494d0;
    color: #FFFFFF;
    display: block;
    float: left;
	padding:5px;
    font-size: 0.875em;
    font-weight: bold;
    text-transform: uppercase;
}
#video .heading a:link, #video .heading a:visited {
    color: #FFFFFF;
}
/*sidebar*/
.sidebar {
	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);
}
.mostread .heading {
	padding:15px 0 10px 0;
	margin:0;
	font-size:1.125em;
	line-height:1em;
	color:#666;
	text-transform:uppercase;
	text-align:center;
	border-bottom:solid 1px #ddd;
	
}
.mostread header {border-bottom:solid 1px rgba(255,255,255,1);}
.mostread .story {padding:10px;}
.mostread .more {
	text-align:right;
	display:block;
	padding:5px 10px;
	border-bottom:solid 1px #ddd;
	font-size:0.75em;
}
.social {
	background: -moz-linear-gradient(bottom, rgba(248,248,248,1) 95%, rgba(234,234,234,1) 100%);
	background: -webkit-linear-gradient(bottom, rgba(248,248,248,1) 95%, rgba(234,234,234,1) 100%);
	background: -ms-linear-gradient(bottom, rgba(248,248,248,1) 95%, rgba(234,234,234,1) 100%);
	background: -webkit-linear-gradient(to top, rgba(248,248,248,1) 95%, rgba(234,234,234,1) 100%);
	padding:9px 10px 5px 10px;
	border-bottom:solid 1px #ddd;
	margin-bottom:1px;
}
/*zone browsing*/
.zone-browsing {
	background:#fff;
	-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);
	overflow:hidden;
	border-top:solid 3px #5494d0;
}
.zone-browsing-nav {background:#f4f4f4;}
	.zone-browsing-nav li {border-bottom:solid 1px #e8e8e8; position:relative;}
	.zone-browsing-nav li a {
		display:block;
		font-size:0.75em;
		line-height:1em;
		padding:12px 10px 10px 10px;
		color:#666;
		text-transform:uppercase;
		font-weight:bold;
		height:13px;
		background: -moz-linear-gradient(left, rgba(244,244,244,1) 95%, rgba(233,233,233,0.9) 100%);
		background: -webkit-linear-gradient(left, rgba(244,244,244,1) 95%, rgba(233,233,233,0.9) 100%);
		background: -ms-linear-gradient(left, rgba(244,244,244,1) 95%, rgba(233,233,233,0.9) 100%);
		background: -webkit-linear-gradient(to right, rgba(244,244,244,1) 95%, rgba(233,233,233,0.9) 100%);
	}
	.zone-browsing-nav li a:hover, .zone-browsing-nav li.active a {
		background:#fff;
		color:#000;
	}
	.zone-browsing-nav li.active:after {
		content:'';
		background-position:-23px -50px;
		width:9px;
		height:17px;
		background-image:url(https://406303.claudeassets.com/20161019044254im_/http://www.tapchinhiepanh.net/app/templates/public/skins/tapchinhiepanh/Images/sprites.png);
		position:absolute;
		top:10px;
		right:5px;
	}
.zone-browsing .featured {
	background:#fff;
	position:relative;
	height:325px;
	padding:0;
	overflow:hidden;
}
	.zone-browsing .featured .title {
		background:#000;
		height:55px;
		width:420px;
		padding:10px 20px;
		color:#fff;
		font-size:1.25em;
		line-height:1.3em;
		position:absolute;
		bottom:0;
		left:0;
	}
.top-stories {
	background:#f8f8f8;
	border-left:solid 1px #eee;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.top-stories .story {padding:10px;}
.top-stories .story:last-child {border:none;}
/*special-zones*/
.special-zones {
	position:relative;
	padding:20px 0;
}
	.special-zones .story {
		position:relative;
		height:205px;
		background:#fff;
		-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);
	}
	.special-zones .title {
		background:#000;
		height:32px;
		width:200px;
		padding:8px 10px 10px 10px;
		color:#fff;
		line-height:1.2em;
		position:absolute;
		bottom:0; 
		left:0;
	}
	.special-zones .meta {font-size:1em;}
	.special-zones .meta a {
		font-size:0.625em;
		text-transform:uppercase;
		font-weight:bold;
		display:inline-block;
		background:#000;
		padding:7px;
		color:#fff;
		line-height:1em;
		position:absolute;
		top:0;
		left:0;
	}
	.special-zones .meta a:hover {background:#960700}
/*media center*/
.media-center {
	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;
	position:relative;
}
.media-center .heading {
	display:block;
	float:left;
	padding:5px 10px;
	color:#fff;
	background:#5494d0;
	font-size:0.875em;
	font-weight:bold;
	text-transform:uppercase;
	margin:0;
	position:absolute;
	top:5px;
	left:5px;
}
.media-center .heading a:link, .media-center .heading a:visited {color:#fff;}
.top-albums {
	position:absolute;
	bottom:0;
	left:0;
	width:300px;
}
	.top-albums li {margin-bottom:20px;}
	.top-albums .cover {
		float:left;
		margin:0 20px 0 0;
	}
	.top-albums .title {
		font-weight:bold;
		color:#000;
		padding-top:10px;
		display:block;
	}
	.featured-albums .title {
		padding:10px;
		font-size:1em;
		line-height:1.2em;
		color:#000;
		margin:0;
	}
	.featured-albums .summary {
		color:#666;
		padding:0 20px 40px 40px;
		margin:0;
		font-size:0.875em;
	}
#galleria {
	margin-top:40px;
	margin-left:10px;
	width:360px;
	height:280px;
}
	#galleria .galleria-info {top:10px; left:10px;}
/*secondary contents*/
.secondary-contents {margin-bottom:40px;}
	.secondary-contents .zone {
		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);
		position:relative;height: 420px; margin-top:10px;
	}
	.zone .heading {margin:0; padding:0; font-size:1em}
	.zone .heading a {
		font-size:0.625em;
		text-transform:uppercase;
		font-weight:bold;
		display:inline-block;
		background:#000;
		padding:7px;
		color:#fff;
		line-height:1em;
		position:absolute;
		top:0;
		left:0;
	}
	.zone .heading a:hover {background:#960700}
	.zone .story.first {
		background:#fff;
		padding:0;
		border-bottom:solid 1px #eaeaea;
	}
	.zone .story.first .thumbnail {margin:0;}
	.zone .story.first .meta {padding:10px 10px 5px 10px; margin:0;}
	.zone .story.first .title {
		font-size:1.125em;
		line-height:1.2em;
		font-weight:bold;
		padding:0 10px 10px 10px;
	}
	.zone .story {
		padding:10px;
		border-bottom:solid 1px #eaeaea;
	}
	.zone .story .title {font-weight:normal;}
	.zone .story:last-child {border:none;}
/*extra-contents*/
.extra-contents {
	background:#fff;
	-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);
}
	.extra-contents .wrap {
		width:940px;
		margin:0 auto;
		position:relative;
		padding-bottom:60px;
	}
/*localnews*/
	.local-news .heading {
		margin:0;
		padding:0;
		font-size:0.875em;
		font-weight:bold;
		line-height:1em;
		padding:14px 0 0 46px;
		text-transform:uppercase;
		color:#000;
		height:22px;
		position:absolute;
		top:0;
		left:0;
	}
	.local-news .icon-location {
		position:absolute;
		top:0;
		left:0;
	}
	.city-news {padding-top:56px;}
	.city-news h3 {
		font-size:0.875em;
		color:#666;
		margin:0;
		border-bottom:solid 1px #eee;
		padding:0 0 5px 0;
	}
	.city-news .story {
		padding:10px 0;
		border-bottom:solid 1px #eee;
	}
	.city-news .story:last-child {border:none;}
	.more-city {
		position:absolute;
		bottom:0;
		left:0;
		border-top:solid 1px #eee;
		padding-top:10px;
		width:700px;
	}
	.slt-citynews {line-height:1.2em;}
/*weather*/
.weather {
	position:relative;
	padding-top:56px;
}
	.weather .heading {
		margin:0;
		padding:0;
		font-size:0.875em;
		font-weight:bold;
		line-height:1em;
		padding:14px 0 0 46px;
		text-transform:uppercase;
		color:#000;
		height:22px;
		position:absolute;
		top:0;
		left:0;
	}
	.weather .icon-weather {
		position:absolute;
		top:0;
		left:0;
	}
	.weather nav {position:relative;}
	.weather .city-title {
		display:block;
		font-size:0.875em;
		color:#666;
		margin-bottom:10px;
		border-bottom:solid 1px #eee;
		padding:0 0 5px 0;
		font-weight:bold;
	}
	.slt-city {
		width:140px;
		position:absolute;
		top:-3px;
		right:0;
		font-size:0.6875em;
		height:25px;
		line-height:1em;
	}
	.day {
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		border-right:solid 1px #eee;
		width:70px;
		float:left;
	}
	.day:first-child {width:80px;}
	.day:last-child {border:none;}
	.day span {
		display:block;
		text-align:center;
	}
	.day .title {
		font-size:0.75em;
		font-weight:bold;
		color:#666;
		margin-bottom:5px;
	}
	.day .photo {margin-bottom:5px;}
	.day .temp {
		font-size:0.75em;
		font-weight:bold;
		line-height:1em;
	}
	.day .cond {
		font-size:0.6875em;
		color:#666;
		font-style:italic;
	}
	#slider-1 {
	background:#000;
     float: left;
     min-width: 620px;
     overflow: hidden;
     position: relative;
}

#slider-1 ul {
     display: block;
     float: left;
     margin-top: 10px;
     overflow: hidden;
	 margin-left:20px;
}

#slider-1 ul, #slider-1 li {
     list-style: none outside none;
     margin: 0pt;
     padding: 0pt;
}

#slider-1 li {
     height: 300px;
     overflow: hidden;
	 width:620px;
}

#slider-1 li img 
{
     float: left;
     height: 300px;
     width: 620px;
}

p#controls {
     position: absolute;
     width: 660px;
}

p#controls #prevBtn, p#controls #nextBtn {
     display: block;
     height: 30px;
     left: 0pt;
     overflow: hidden;
     position: absolute;
     top: 129px;
     width: 30px;
}

p#controls #nextBtn {
     margin-left: 590px;
}

p#controls #prevBtn a, p#controls #nextBtn a {
     background: url("https://e4be5f.claudeassets.com/20161019044254im_/http://www.tapchinhiepanh.net/app/templates/public/skins/tapchinhiepanh/Images/btn_prev.png") no-repeat scroll 0pt 0pt transparent;
     display: block;
     height: 30px;
     width: 30px;
}

p#controls #nextBtn a {
     background: url("https://86e25f.claudeassets.com/20161019044254im_/http://www.tapchinhiepanh.net/app/templates/public/skins/tapchinhiepanh/Images/btn_next.png") no-repeat scroll 0pt 0pt transparent;
}

#slider-1 .thongtin-sanpham {
   background: url("https://83bc79.claudeassets.com/20161019044254im_/http://www.tapchinhiepanh.net/app/templates/public/skins/tapchinhiepanh/Images/descBg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    margin-top: 226px;
    padding: 0 10px; 
    position: absolute;
    width: 620px; min-height:120px;  
}

#slider-1 .thongtin-sanpham a {
     color: #FFFFFF;
     float: left;
     font-size: 18px;
     font-weight: bold;
     line-height: 24px;
     padding-bottom: 10px;
     text-shadow: 0px 1px 1px #000000;
}
#slider-1 .thongtin-sanpham a:hover{
     color: #FFFFFF!important;
 }


#slider-1 .thongtin-sanpham p {
     color: #FFFFFF;
     line-height: 18px;
}
/*
     FILE ARCHIVED ON 14:36:07 Nov 06, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:11:56 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.99
  exclusion.robots: 0.122
  exclusion.robots.policy: 0.104
  esindex: 0.017
  cdx.remote: 14.816
  LoadShardBlock: 244.317 (3)
  PetaboxLoader3.datanode: 218.107 (5)
  PetaboxLoader3.resolve: 286.877 (3)
  load_resource: 342.466 (2)
*/